#otomodachi {
	background-color: #fff;
	width:860px; 
	margin:0px auto; 
	text-align:center;
}
#otomodachi h2 {
	text-align:center;
	background: none;
    height: auto;
    text-indent: 0;
}
#otomodachi h3 { 
	text-align:center;
	padding:0;
	margin: 0;
	background: none;
    border-bottom: none;
    border-top: none;
    height: auto;
    text-indent: 0;
}

#otomodachi h4 {
    height: auto;
    text-indent: 0;
}

h5 {
    background: url("/images/pc/new/common/point_icon_green.gif") no-repeat scroll 5px 50% #F8F8F8;
    border-bottom: 1px dotted #96BAD8;
    border-top: 1px dotted #96BAD8;
    clear: both;
    color: #02717A;
    font-size: 123.1%;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 0;
    text-align: left;
    text-indent: 30px;
}

#Tweet_otomodachi{  padding:20px;}
a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}
.tyouseityuu{margin:20px; text-align:center; font-size:18px; line-height:25px; font-weight: bold}
.facebook_share{  padding:20px;}
.mail_otomodachi{  padding:20px;}
.sauceCode{border:2px solid #000000;overflow:auto; background-color:#ebebeb;}

.height1{height:80px; padding:6px;}
.height2{width: 394px; height:30px; padding:6px;}
.height3{font-size:28px; line-height:28px; text-align:center; margin:0 auto 10px auto; padding:10px;}

.syoukai{margin:10px 0 40px 0;}
#otomodachi .syoukai p{margin:0 20px 20px; text-align:left; font-size:18px; line-height:25px;}
#otomodachi .phone{margin:0 20px 20px; text-align:left; font-size:18px; line-height:25px;}
#youshi .youshi_text{margin:20px; text-align:left; font-size:18px; line-height:25px;}
#youshi {margin: 0; }
#web .web_text{margin:20px; text-align:left; font-size:18px; line-height:25px;}
#web{margin-bottom:0;}
#blog th{ font-size:14px; font-weight:bold; text-align:center; color:#000000; padding:5px; }

#web .ta_l{ text-align:left;}
#jyouken{background-color: #ffffff; border:solid 1px #ffa200;font-size:14px; margin:40px auto 20px; width:100%}

#jyouken h3{
background-color: #ffa200;
text-align: center;
color: #666666;
font-weight: bold;
padding: 10px;
font-size: 16px; background-image:none}
#jyouken dl{ margin:15px 60px 30px;line-height:1.4em; text-align:left}
#jyouken dt{ padding:5px}
#jyouken dd{ margin:10px 40px}
#jyouken dd li{ list-style:circle}

#jyouken dd .ls_n {
	list-style:none;

}
#jyouken dd .c_red{color:red;}
#jyouken dd .c_blue{color:blue;}

#youshi .mb_10{margin-bottom: 10px;}
#youshi .mt_10{margin-top: 10px;}

.loginhissu{
font-size:16px; line-height:1.3em;
}

#lp_header{
	background-color: #8FB004;
	height: 48px;
	padding-left: 5px;
	text-align: left;
	border-bottom: solid 1px #8FB004;
}

#lp_wrapper{
	width: 851px;
	text-align: center;
	margin: 0 auto;
}

#lp_wrapper img {
	border: none;
	vertical-align: top;
}

#lp_wrapper h1 {
	background-image:none;
	text-indent:0px;
	text-align:center;
}

#lp_wrapper h1+h2 {
	height: 35px;
	text-indent:0px;
}

#lp_wrapper h2 {
	text-indent:25px;
	height: 85px;
	clear: both;
	padding-top:25px;
	margin-bottom:0px;
	background-image:none;
	overflow: hidden;
}

#lp_wrapper h3 {
	background:none;
	background-color: #8FB004;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 0px;
	margin: 5px 0px;
	clear: both;
	text-align: left;
	border:none;
}

#lp_wrapper #genre_brand,
#lp_wrapper #boroboro,
#lp_wrapper #flow,
#lp_wrapper #osusume {
	padding: 0px;
	margin: 0px auto;
	width: 800px;
	clear: both;
}

#lp_wrapper #genre{
	float: left;
	width: 463px;
	text-align: left;
}

#lp_wrapper #genre strong,
#lp_wrapper #brand strong{
	font-size:16px;
}

#lp_wrapper #brand {
	float: right;
	width: 280px;
	text-align: left;
}

#lp_wrapper #link {
	padding: 25px;
	border: solid 7px #cdcdcd;
	margin: 25px auto;
	width: 680px;
	clear: both;
}

#lp_wrapper #link ul {
	padding:0px 31px;
}

#lp_wrapper #link li {
	float: left;
}

#lp_wrapper #link p {
	font-weight:bold;
	font-size:16px;
}

#lp_wrapper #boroboro li {
	float: left;
	text-align: left;
	font-size: 85%;
	width: 100px;
}

#lp_wrapper #boroboro span {
	background-color: #FF3366;
	color: #FFFFFF;
	display: block;
	padding: 1px;
	width: 80px;
	text-align: center;
}

#lp_wrapper #flow p {
	float:left;
	padding:0px 0px 20px 13px;
}

#lp_wrapper #osusume p {
	float: left;
	width: 360px;
	height: 90px;
	text-align: left;
	padding: 8px;
	margin: 2px;
}

#lp_wrapper #genre_brand strong,
#lp_wrapper #osusume p strong {
	display: block;
	font-weight: bold;
	color: #FF3366;
	margin-bottom: 9px;
}

#lp_wrapper #genre_brand p,
#lp_wrapper #osusume p{
	font-size: 14px;
}

#lp_wrapper .pagetop {
	font-size: 90%;
	margin-left:700px;
}

#lp_wrapper #jyouken h2 {
	padding-top:0px;
	height:40px;
	background-color: #ffa200;
	text-align: center;
	color: #666666;
	font-weight: bold;padding: 5px;
	font-size: 16px;
	background-image: none;
}
#lp_wrapper #footer {
	font-weight:bold;
	text-align:center;
	background-image:none;
	margin-bottom:20px;
}

#lp_wrapper .space {
	margin:30px 0px;
}

#lp_wrapper .space_bottom {
	margin-bottom:20px;
}

/*---------------------------------------------------------

友達紹介 160705 リニューアル分
http://brandear.jp/ct/otomodachi

----------------------------------------------------------*/
#otomodachi .menu{
	margin: 60px 0 60px 30px;
}
#otomodachi .menu li{
	float: left;
}
#otomodachi .shoukai{
	position: relative;
	margin-bottom: 90px;
}
#otomodachi .shoukai .link01,
#otomodachi .shoukai .link02,
#otomodachi .shoukai .link03{
	position: absolute;
}
#otomodachi .shoukai .link01{
    top: 207px;
    left: 60px;
}
#otomodachi .shoukai .link02{
    top: 242px;
    left: 60px;
}
#otomodachi .shoukai .link03{
    top: 502px;
    right: 57px;
}
#otomodachi .shoukai h2 {
    margin-bottom:20px ;
    padding: 0px;
    border: none;
}
#otomodachi .shoukai3 h2{
	margin-bottom:7px;
}
#otomodachi .moushikomi{
	margin: 30px 0;
}
#otomodachi .shoukai .sns_ok{
	padding-bottom: 60px;
}
#otomodachi .left_text,
#otomodachi .tel_text{
	text-align: left;
	margin-bottom: 20px;
}
#otomodachi .left_text{
	margin-left: 10px;
}
#otomodachi .tel_text{
	margin-left: 89px;
}
#otomodachi .sonota_syoukai{
	margin-top: 50px;
}
/*---------------------------------------------------------

友達紹介LP
http://brandear.jp/ct/otomodachi/lp

----------------------------------------------------------*/

#otomodachicam_lp h1{
	margin-bottom:32px;
}
#otomodachicam_lp .midashi_img{
	height:72px;
	text-indent:0px;
}
#otomodachicam_lp .riyuu{
	margin-bottom:35px;
}
#otomodachicam_lp .nagare{
	margin:23px 0px 10px;
}
#otomodachicam_lp .title_bana{
	margin:5px 0px 30px;
}
#otomodachicam_lp #boroboro{
	margin-bottom:42px;
}

/*jisseki*/
#otomodachicam_lp .jisseki_kakomi{
	width:766px;
	background:#ffffcc;
	padding:30px 44px;
	margin-bottom:30px;
}
#otomodachicam_lp .jisseki_kakomi ul li{
	margin-bottom:35px;
}
#otomodachicam_lp .jisseki_kakomi ul li h3{
	color:#8fb004;
	font-size:22px;
	background:none;
	text-indent:0px;
}
#otomodachicam_lp .jisseki_kakomi ul li li p:first-child{
	margin-bottom:5px;
}
#otomodachicam_lp .jisseki_kakomi ul li li span{
	color:#FF0004;
}
#otomodachicam_lp .jisseki_kakomi>p{
	text-align:left;
}
#otomodachicam_lp .jisseki_kakomi ul li ul li{
	float:left;
	width:175px;
	text-align:left;
}
#otomodachicam_lp .jisseki_kakomi ul li ul li~li{
	margin-left:22px;
}


/*---------------------------------------------------------

友達紹介 170330 リニューアル分(mypage)
http://brandear.jp/mypage/tomodachi_shoukai

----------------------------------------------------------*/

#otomodachi #line {
  margin: 32px 0;
}
#otomodachi #line h3 {
  padding: 4px 20px;
  margin: 0 4px;
  color: #fff;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  background-color: #ff6e6e;
}
#otomodachi #line h3 {
  padding: 4px 20px;
  margin: 0 4px;
  color: #fff;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  background-color: #ff6e6e;
}
#otomodachi #other h3 {
  padding: 4px 20px;
  margin: 0 4px;
  color: #fff;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  background-color: #ff6e6e;
}
#otomodachi #line .line_qr {
  margin-top: 20px;
}
#otomodachi h4 {
  padding: 22px 22px 4px 0px;
  margin: 20px;
  color: #ff6e6e;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  border-bottom: 1px dotted #ff6e6e;
}
#otomodachi #other {
	margin-bottom: 60px;
}
#otomodachi #mail {
  margin: 20px 0 20px 20px;
  float: left;
  width: 406px;
}
#otomodachi #mail h4 {
  padding: 22px 22px 4px 0px;
  margin: 0 0 20px 0;
  color: #ff6e6e;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  border-bottom: 1px dotted #ff6e6e;
}
#otomodachi #twitter {
  margin: 20px;
  width: 394px;
  float: left;
}
#otomodachi #twitter h4 {
  padding: 22px 22px 4px 0px;
  margin: 0 0 20px 0;
  color: #ff6e6e;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  border-bottom: 1px dotted #ff6e6e;
}
#otomodachi .method {
  padding: 7px;
  margin: 20px 20px;
  text-align: right;
  clear: both;
  font-size: 16px;
}
#otomodachi .later p {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.5em;
}
#otomodachi .later span {
  font-size: 18px;
  color: #ff6e6e;
}
#otomodachi .later input {
  padding: 8px;
  margin: 0 0 0 10px;
  width: 38%;
  font-weight: normal;
  font-size: 14px;
}
#otomodachi #jyouken {
  clear: both;
}
#otomodachi #jyouken h3 {
  background-color: #FFA200;
  padding: 10px 0;
  margin: 0;
  font-size: 16px;
  text-align: center;
}