@charset "utf-8";
@import "../common/css/0-import.css";
.asset-body h2{
	margin: 0;
}


.asset-body p{
	letter-spacing: 0;
}

.asset-body .btm{
	clear: both;
/*	border: 2px solid #facc8a;  */
	}

.asset-body .btm p{
	margin: 30px 0 0 30px;
	font-size: 18px !important;
	line-height: 1.5 !important;
	color: #F39800 !important;
}

#best_friend .asset-body .box01{
	margin-bottom: 10px;
	padding:30px 0 0 20px;
	background: url(../img/bfb/best_friend_box_back.jpg) no-repeat left top;
	position: relative;
	height: 340px;
}

#best_friend .asset-body .mb3 {
	margin-bottom: 4px;
}

#best_friend .asset-body .box01 .boxr{
	position: absolute;
	left: 365px;
	top: 224px;
}

#best_friend .asset-body .box01 .boxr p{
	margin-bottom: 5px;
	color: #734642;
}


#best_friend .asset-body .box01 .boxr ul {
	margin: 0;
	padding: 0;
}

/*
#best_friend .asset-body .box01 .boxr ul li a{
	width: 182px;
	height: 36px;
	display: block;
	background: url(../img/bfb/best_friend_btn01.gif) no-repeat left top;
}

#best_friend .asset-body .box01 .boxr ul li a:hover{
	background: url(../img/bfb/best_friend_btn01.gif) no-repeat left -38px;
}
*/
#best_friend .asset-body .box01 p{
	margin: 0;
	color: #727171;
}


#best_friend .asset-body h2{
	padding-left: 10px;
	margin: 0;
	font-size: 18px;
	line-height: 31px;
	color: #fff;
	background: url(../img/bfb/best_friend_h2_back.jpg) no-repeat left center;
}

#best_friend .asset-body .box02{
	margin-bottom: 10px;
	padding: 62px 0 66px 0;
	background: url(../img/bfb/best_friend_box01.jpg) no-repeat left top;
}

#best_friend .asset-body .box02 h3{
	margin: 0 0 22px 0;
	padding-left: 28px;
	line-height: 21px;
	font-size: 14px;
	background: url(../img/bfb/icon01.gif) no-repeat left center;
}


#best_friend .asset-body .box02 .boxr{
	float: right;
	width: 268px;
}

#best_friend .asset-body .box02 .boxr p{
	margin: 0 0 0 2px;
	color: #727171;
}

#best_friend .asset-body .box03{
	margin-bottom: 7px;
	padding: 47px 0 83px 17px;
	background: url(../img/bfb/best_friend_box03.jpg) no-repeat left top;
}

#best_friend .asset-body .box03 h3{
	margin: 0 0 22px 0;
	padding-left: 28px;
	line-height: 21px;
	font-size: 14px;
	background: url(../img/bfb/icon02.gif) no-repeat left center;
}


#best_friend .asset-body .box03 .boxl{
	float: left;
	width: 268px;
}

#best_friend .asset-body .box03 .boxl p{
	margin: 0 0 0 30px;
	color: #727171;
}


#best_friend .asset-body .box04{
	margin-bottom: 8px;
	padding: 37px 37px 55px 0;
	background: url(../img/bfb/best_friend_box04.jpg) no-repeat left top;
}

#best_friend .asset-body .box04 h3{
	margin: 0 0 22px 0;
	padding-left: 28px;
	line-height: 21px;
	font-size: 14px;
	background: url(../img/bfb/icon03.gif) no-repeat left 1px;
}


#best_friend .asset-body .box04 .boxr{
	float: right;
	width: 268px;
}

#best_friend .asset-body .box04 .boxr p{
	margin: 0 0 0 35px;
	color: #727171;
}

#best_friend .asset-body .box05{
	padding: 27px 0 102px 29px;
	background: url(../img/bfb/best_friend_box05.jpg) no-repeat left top;
}

#best_friend .asset-body .box05 h3{
	margin: 0 0 35px 0;
	padding-left: 28px;
	line-height: 21px;
	font-size: 14px;
	background: url(../img/bfb/icon04.gif) no-repeat left center;
}


#best_friend .asset-body .box05 .boxl{
	float: left;
	width: 268px;
}

#best_friend .asset-body .box05 .boxl p{
	margin: 0 0 0 0px;
	color: #727171;
}

#best_friend .asset-body .box06{
	margin-bottom: 21px;
/*	background: url(../img/bfb/best_friend_box06.jpg) no-repeat left top;*/
position:relative;
}

#best_friend .asset-body .box06 div{
	padding: 140px 0 40px 29px;
}

#best_friend .asset-body .box06 h3{
	margin: 0 0 35px 0;
	padding-left: 28px;
	line-height: 21px;
	font-size: 14px;
	background: url(../img/bfb/icon05.gif) no-repeat left center;
}


#best_friend .asset-body .box06 .boxl{
	float: left;
	width: 268px;
	position:absolute;
	top:0;
	z-index:2;
}

#best_friend .asset-body .box06 .boxl p{
	margin: 0 0 20px 0px;
	color: #727171;
}

#best_friend .asset-body .box06 .boxl ul li{
	font-size: 12px;
	line-height: 1.2;
}

#best_friend .asset-body .box06 .boxl ul li a{
	padding: 0 10px 5px 0;
	color: #E71F1C;
	background: url(../img/bfb/icon05.gif) no-repeat right top;
}

/*-----#more -----*/
#more .asset-body p{
	color: #727171;
	font-size: 12px;
	line-height: 1.5;
}

#more .asset-body .box01{
	padding: 80px 0 41px 5px;
	background: url(../img/bfb/more_banner.jpg) no-repeat left top;
}

#more .asset-body .box01 p{
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
}

#more .asset-body .box02{
	margin-bottom: 0;
	padding-bottom: 2px;
	color: #727171;
	font-size: 12px;
	line-height: 1.5;
	background: url(../img/bfb/line01.gif) repeat-x left bottom;
	zoom:1;
}

#more .asset-body .box02 h2{
	margin: 0 0 6px 0;
}

#more .asset-body .box02 .boxl{
	float: left;
	width: 266px;
	background: url(../img/bfb/more_boxback01.gif) repeat-y left top;
}

#more .asset-body .box02 .boxl p{
	margin: 0 15px 0 50px;
}


#more .asset-body .box02 .boxr{
	float: right;
	width: 297px;
	position: relative;
	height: 317px;
}

#more .asset-body  .box02 .boxr p{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 115px;
	top: 265px;
}


#more .asset-body .box03{
	padding: 25px 0 70px 340px;
	clear: both;
	background: url(../img/bfb/more_box01.jpg) no-repeat left top;
	height:229px;
}

#more .asset-body .box03 h2{
	margin: 0 0 15px 0;
}

#more .asset-body .box03 .boxr{
	padding: 0 0 40px 10px;
	background: url(../img/bfb/more_boxback02.gif) no-repeat 10px bottom;
	zoom: 1;
}

#more .asset-body .box03 .boxr p{
	margin: 0 15px 0 35px;
}

#more .asset-body .line01{
	padding: 0 0 13px 23px;
	margin-bottom: 11px;
	background: url(../img/bfb/line01.gif) repeat-x left bottom;
}

#more .asset-body .box04{
	padding: 10px 0 0 0;
	background:url(../img/bfb/more_boxback03.jpg) no-repeat left top;
	zoom:1;
}


#more .asset-body .box04 h3{
	margin: 0 0 20px 120px;
	font-size: 13px;
	line-height: 1.5;
	color: #727171;
}

#more .asset-body .box04 p{
	margin: 0 0 0 130px;

}

#more .asset-body .box05{
	padding: 30px 0 0 0;
	background:url(../img/bfb/more_boxback04.jpg) no-repeat left top;
	zoom:1;
}


#more .asset-body .box05 h3{
	margin: 0 0 20px 120px;
	font-size: 13px;
	line-height: 1.5;
	color: #727171;
}

#more .asset-body .box05 p{
	margin: 0 25px 0 130px;

}

#more .asset-body .box06{
	padding: 18px 0 20px 0;
	margin-bottom: 10px;
	background: url(../img/bfb/more_box02.jpg) no-repeat left top;
	zoom: 1;
}

#more .asset-body .box06 h2{
	margin: 0 0 207px 0;
}


#more .asset-body .box06 p.yellow{
	margin: 0 0 37px 35px;
	font-size:15px;
	line-height: 1.5;
	color: #734642;
}

#more .asset-body .box06 p{
	margin: 0 0 0 33px;
}
#more .asset-body .box06 p.right{
	margin: 50px 0 0 0;
	float: right;

}

#more .asset-body .box06 p.right a{
	margin-right: 10px;
	padding-right: 10px;
	color: #E71F1C;
	text-decoration: underline;
	background: url(../img/bfb/icon06.jpg) no-repeat right center;
}

#more .asset-body .box07{
	padding: 15px 0 0 0;
	background: url(../img/bfb/more_box03.jpg) no-repeat left top;
	zoom: 1;
	height:300px;
}

#more .asset-body .box07 h2{
	margin-bottom: 30px;
}

#more .asset-body .box07 p{
	margin: 0 0 0 30px;
	padding-right:10px;
	padding-top:10px;
	width:250px;
	}

#more .asset-body .box08{
	padding-bottom: 2px;
	margin-bottom: 10px;
	background: url(../img/bfb/line01.gif) repeat-x left bottom;
	zoom: 1;
}


#more .asset-body .box08 h2{
	padding: 27px 0 11px 218px;
}

#more .asset-body .box08 .boxr{
	width: 362px;
	float: right;
	background: url(../img/bfb/more_boxback06.gif) repeat-y left top;
}


#more .asset-body .box09{
	padding: 13px 0 72px 0;
	clear: both;
	background: url(../img/bfb/more_box04.jpg) no-repeat left top;
}

#more .asset-body .box09 h2{
	margin: 0 0 15px 120px;
}

#more .asset-body .box09 p.one{
	margin: 20px 0 500px 200px;
	width: 290px;
}


#more .asset-body .box09 p.w200{
	padding: 20px 0 0 320px;
	width: 200px;
}


#more .asset-body .box10{
	margin-bottom: 25px;
	padding-bottom: 2px;
	background: url(../img/bfb/line01.gif) repeat-x left bottom;
	position: relative;
}

#more .asset-body .box10 .boxl{
	width: 379px;
	float: left;
	background: url(../img/bfb/more_boxback07.gif) repeat-y left top;
	margin-top:15px;
}

#more .asset-body .box10 .boxl p{
	margin:10px 100px 0 50px;
}


#more .asset-body .box10 img.photor{
	position: absolute;
	right: 0;
	 top: 0;
}


#more .asset-body .box10 p.btn{
	margin: 0;
	position: absolute;
	right: 0;
	text-indent: -999px;
	top: 250px
}

#more .asset-body .box10 p.btn a{
	width: 176px;
	height: 43px;
	display: block;
	background: url(../img/bfb/more_btn01.jpg) no-repeat left top;
}

#more .asset-body .box10 p.btn a:hover{
	background: url(../img/bfb/more_btn01.jpg) no-repeat left -54px;
}

#more .asset-body .box11 {
	margin-bottom: 10px;
}

#more .asset-body .box11 h3{
	margin: 0;
}

#more .asset-body .box11 p{
	margin: 0;
}

#more .asset-body .box11 .boxr{
	width: 385px;
	float: right;
	position: relative;
}

#more .asset-body .box11 .boxr h3{
	margin-bottom: 20px;
}


#more .asset-body .box11 p.btn{
	margin: 0;
	position: absolute;
	right: 0;
	top: 130px;
	text-indent: -999px;
	}

#more .asset-body .box11 .btn02{
	margin: 0;
	position: absolute;
	right: 0;
	top: 130px;
	text-indent: -999px;
	}

#more .asset-body .box11 p.btn a{
	width: 182px;
	height: 37px;
	display: block;
	background: url(../img/bfb/more_btn02.jpg) no-repeat left top;
}

#more .asset-body .box11 p.btn a:hover{
	background: url(../img/bfb/more_btn02.jpg) no-repeat left -37px;
}

/*-----#friend -----*/
#friend .asset-body {
	color: #727171;
	font-size: 12px;
	line-height: 1.5;
}

#friend .asset-body .box01{
	position: relative;
}

#friend .asset-body .box01 p{
	margin: 0;
	position: absolute;
	left: 290px;
	top: 160px;
}

#friend .asset-body h3{
	padding-left: 10px;
	margin: 0 0 6px 0;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	background-color: #f39700;
}

#friend .asset-body .box02{
	position: relative;
}

#friend .asset-body .box02 p.one{
	margin: 0;
	position: absolute;
	left: 290px;
	top: 480px;
}

#friend .asset-body .box02 p.pack{
	margin: 0;
	position: absolute;
	left: 290px;
	top: 552px;
}

#friend .asset-body .box03{
	padding: 32px 0 20px 20px;
	background: url(../img/bfb/friend_boxback.jpg) no-repeat left top;
}

#friend .asset-body .box03 h2{
	margin-bottom: 27px;
}

#friend .asset-body .box03 ul{
	font-size: 12px;
	line-height: 1.5;
}

#friend .asset-body .box03 ul li{
	margin-bottom: 10px;
	padding-left: 35px;
}

#friend .asset-body .box03 ul li.li01{
	background: url(../img/bfb/friend_icon01.jpg) no-repeat left center;
}

#friend .asset-body .box03 ul li.li01 a {
	color: #727171;
}

#friend .asset-body .box03 ul li.li02{
	background: url(../img/bfb/friend_icon02.jpg) no-repeat left center;
}

#friend .asset-body .box03 ul li.li03{
	background: url(../img/bfb/friend_icon03.jpg) no-repeat left center;
}


/*-----#oshitate -----*/
#oshitate .asset-body p{
	color: #727171;
	font-size: 12px;
	line-height: 1.5;

}

#oshitate .asset-body h3{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	line-height: 29px;
	color: #fff;
	background-color: #F39800;
}

#oshitate .asset-body .box01{
	margin-bottom: 6px;
	position: relative;
}

#oshitate .asset-body .box01 p.btn{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 165px;
	left: 30px;
	text-indent: -999px;
	}

#oshitate .asset-body .box01 .btn01{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 165px;
	left: 30px;
	}

#oshitate .asset-body .box01 p.btn a{
	width: 181px;
	height: 36px;
	display: block;
	background: url(../img/bfb/oshitate_btn02.jpg) no-repeat left top;
}

#oshitate .asset-body .box01 p.btn a:hover{
	background: url(../img/bfb/oshitate_btn02.jpg) no-repeat left -39px;

}

#oshitate .asset-body .box02{
	margin-bottom: 20px;
	height: 640px;
	position: relative;
}


#oshitate .asset-body .box02 h3{
	position: absolute;
	display: block;
	left: 0;
	top: 1px;
	z-index: 1;
}

#oshitate .asset-body .box02 img.photo01{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#oshitate .asset-body .box02 p.one{
	position: absolute;
	top: 50px;
	left: 5px;
	z-index: 1px;
}

#oshitate .asset-body .box02 p.two{
	position: absolute;
	top: 322px;
	left: 25px;
	z-index: 1px;
}


#oshitate .asset-body .box02 p.three{
	position: absolute;
	top: 295px;
	left: 170px;
	z-index: 1px;
}

#oshitate .asset-body .box02 p.four{
	position: absolute;
	top: 320px;
	left: 365px;
	z-index: 1px;
}


#oshitate .asset-body .box02 p.five{
	position: absolute;
	top: 548px;
	left: 20px;
	z-index: 1px;
}

#oshitate .asset-body .box02 p.six{
	margin: 0;
	position: absolute;
	top: 553px;
	left: 250px;
	width: 310px;
	z-index: 1px;
}

#oshitate .asset-body h4 {
	margin: 0;
	padding: 0;
}


#oshitate .asset-body .box03 {
	margin-bottom: 20px;
	padding: 0 0px 0 5px;
	clear: both;
}
#oshitate .asset-body .box03 .boxl{
	width: 283px;
	float: left;
}

#oshitate .asset-body .box03 .boxl p{
	margin: 0 0 3px 10px;
	padding: 0 0 0 15px;
	background: url(../img/bfb/A.jpg) no-repeat left center;
}


#oshitate .asset-body .box03 .boxr{
	width: 283px;
	float: right;
}


#oshitate .asset-body .box03 .boxr p{
	margin: 0 0 3px 10px;
	padding: 0 0 0 15px;
	background: url(../img/bfb/B.jpg) no-repeat left center;
}

#oshitate .asset-body .box04{
	margin-bottom: 20px;
	padding: 0 10px ;
}

#oshitate .asset-body .box04 h5{
	margin: 0 0 10px 0; 
	padding: 0 0 0 50px;
	font-size: 12px;
	line-height: 32px;
	color: #727171;
	background: url(../img/bfb/oshitate_h5_back01.jpg) no-repeat left center;
}

#oshitate .asset-body .box04 h5{
	background: url(../img/bfb/oshitate_h5_back01.jpg) no-repeat left center;
}

#oshitate .asset-body .box04 h5.one{
	background: url(../img/bfb/oshitate_h5_back02.jpg) no-repeat left center;
}

#oshitate .asset-body .box04 p{
	margin: 0 0 0 50px;
}

#oshitate .asset-body .box04 p span a{
	color: #E71F1C;
	padding-right: 10px;
	background: url(../img/bfb/icon05.gif) no-repeat right center;

}

#oshitate .asset-body .box04 .tbox{
	padding: 10px 0 10px 20px;
	margin-left: 35px;
	width: 500px;
	border: 2px solid #b8b8b8;

}

#oshitate .asset-body .box04 table p,
#oshitate .asset-body .box04 table h6{
	margin: 0;
	padding: 0;
}

#oshitate .asset-body .box04 table th{
	width:  70px;
	color: #727171;
}

#oshitate .asset-body .box04 table h6,
#oshitate .asset-body .box04 table span{
	color: #E71F1C;
}

#oshitate .asset-body .box04 table span.red{
	margin-bottom: 5px;
	padding: 1px 0 1px 5px;
	display: block;
	width: 420px;
	background-color: #E71F1C;
	color: #fff;
}

#oshitate .asset-body .box04 table span.p2{
	margin-left: 10px;
	color: #727171;
	display: block;
}


#oshitate  .asset-body .text {
	padding: 0 0 10px 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E71F1C;
	clear: both;
}

#oshitate .asset-body .text table.red {
	float: left;
}

#oshitate .asset-body .text table.red td{
	width: 76px;
	height: 76px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #E71F1C;

}

#oshitate .asset-body .text .boxr{
	width: 472px;
	float: right;
}

#oshitate .asset-body .text .boxr h2{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.5;
	color: #E71F1C;
	border-bottom: 1px solid #E71F1C;
}

#oshitate .asset-body .text .boxr p{
	margin: 0;
	padding: 0;
	color: #734642;
}

#oshitate .asset-body .text p.red{
	margin: 0;
	padding: 0;
	color: #E71F1C;
}

#oshitate .asset-body .box05{
	padding: 0 0 20px 4px;
	position: relative;
	background: url(../img/bfb/oshitate_line01.jpg) repeat-x left bottom;
}

#oshitate .asset-body .box05 h6{
	position: absolute;
	left: 220px;
}

#oshitate .asset-body .box05 p.one{
	position: absolute;
	left: 370px;
	top: 65px;
}

#oshitate .asset-body .box05 p.btn{
	position: absolute;
	left: 370px;
	top: 122px;
	text-indent: -999px;
	}

#oshitate .asset-body .box05 .btn01{
	position: absolute;
	left: 370px;
	top: 140px;
	}

#oshitate .asset-body .box05 p.btn a{
	background: url(../img/bfb/oshitate_btn01.jpg) no-repeat left top;
	width: 182px;
	height: 36px;
	display: block;
}

#oshitate .asset-body .box05 p.btn a:hover{
	background: url(../img/bfb/oshitate_btn01.jpg) no-repeat left -38px;
}



#bfb .asset-body h2 {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../img/bfb/best_friend_h2_back.jpg");
background-position:left center;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:18px;
line-height:31px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-left:10px}



/* +bfb
================================ */

#bfb #h202{
	margin-bottom:10px;
	}

#bfb .box02{
	position:relative;
	margin-bottom:80px;
	}


#bfb .box02 .text01{
	position:absolute;
	top:200px;
	left:302px;
	width:278px;
	color:#707070;
	letter-spacing:0;
	}

#bfb .box02 .text02{
	position:absolute;
	top:500px;
	left:20px;
	width:285px;
	color:#707070;
	}

#bfb .box02 .text03{
	position:absolute;
	top:811px;
	left:313px;
	width:267px;
	color:#707070;
	}

#bfb .box02 .text04{
	position:absolute;
	top:1083px;
	left:184px;
	color:#F39700;
	}

#bfb .price{
	color:#707070;
	position:absolute;
	top:109px;
	left:180px;
	width:218px;
	}

#bfb .box04{
	position:relative;
	}

#bfb .btn{
	position:absolute;
	top:111px;
	left:410px;
}


.btn-buy a {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../img/mb/btn-buy.gif");
background-position:left top;
background-repeat:no-repeat;
display:block;
height:37px;
text-indent:-9999px;
width:181px;
}

.btn-buy a:hover {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-position:left -37px;
background-repeat:no-repeat;
opacity:1}


.btn-bfb a {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../img/bfb/btn-bfb.jpg");
background-position:left top;
background-repeat:no-repeat;
display:block;
height:37px;
text-indent:-9999px;
width:181px;
margin-bottom:10px;
}

.btn-bfb a:hover {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-position:left -37px;
background-repeat:no-repeat;
opacity:1}

