/* ---------------------------------------------------------
 * 
 *  コンテンツ
 * 
--------------------------------------------------------- */


/*div#include_idenshi {
font-size: 115%;
}
*/

/* ---------------
 * 汎用
--------------- */
#include_idenshi h3 { background:url(../image/common/bg_ttl.gif) 0 0 no-repeat; height:41px; width:720px; }
	#include_idenshi h3 img.left { padding:11px 0 0 27px; }
	#include_idenshi h3 img.right { padding:16px 7px 0 0; }

#include_idenshi ul li { list-style: none; }

#include_idenshi a:hover img.alpha { -moz-opacity:0.7; opacity:0.7; filter: alpha(opacity=70); }

#include_idenshi .cnt01,
#include_idenshi .cnt02 { line-height:1.3; }
#include_idenshi .cnt03 { line-height:1.5; }

#include_idenshi ul.btn li img  { vertical-align:bottom; }


/* ---------------
 * 商品ラインナップ
--------------- */
.cnt01 .cacth, .cnt02 .cacth, .cnt03 .cacth, .cnt04 .cacth, .cnt05 .cacth { padding-bottom:5px; }
.cnt01 .cacth li, .cnt02 .cacth li, .cnt03 .cacth li, .cnt04 .cacth li, .cnt05 .cacth li{ float:left; }

.cnt01 .diet_area { background:url(../image/common/bg_orange_top.gif) 0 0 no-repeat #ffce4a; padding:25px 25px 0 0; }
.cnt01 .diet_area .btm { background:url(../image/common/bg_orange_btm.gif) 0 0 no-repeat; width:720px; height:5px; clear:both; }
.cnt01 .diet_area .product { background:url(../image/common/bg_white01_top.gif) 0 0 no-repeat #fff; padding:13px 0 0 0; margin-bottom:20px; width:295px; height:420px; text-align:center; position:relative;  }
.cnt01 .diet_area .product.left { margin-left:25px; }
.cnt01 .diet_area p.left { margin-left:15px; }
.cnt01 .diet_area .product .btn { position:absolute; left:90px; bottom:12px; }
.cnt01 .diet_area .product .btm { background:url(../image/common/bg_white01_btm.gif) 0 0 no-repeat; width:295px; height:5px; position:absolute; bottom:0; left:0; }

.cnt03 .genki_area { background:url(../image/common/bg_blue_top.gif) 0 0 no-repeat #9ae0f5; padding:25px 25px 0 0; }
.cnt03 .genki_area .btm { background:url(../image/common/bg_blue_btm.gif) 0 0 no-repeat; width:720px; height:5px; clear:both; }
.cnt03 .genki_area .product { background:url(../image/common/bg03_white01_top.gif) 0 0 no-repeat #fff; padding:13px 0 0 0; margin-bottom:20px; width:295px; height:460px; text-align:center; position:relative;  }
.cnt03 .genki_area .product.left { margin-left:25px; }
.cnt03 .genki_area p.left { margin-left:15px; }
.cnt03 .genki_area .product .btn { position:absolute; left:90px; bottom:12px; }
.cnt03 .genki_area .product .btm { background:url(../image/common/bg03_white02_top.gif) 0 0 no-repeat; width:295px; height:5px; position:absolute; bottom:0; left:0; }


.cnt02 .beauty_area { background:url(../image/common/bg_pink_top.gif) 0 0 no-repeat #f5abb2; padding:25px 25px 0 0; }
.cnt02 .beauty_area .btm { background:url(../image/common/bg_pink_btm.gif) 0 0 no-repeat; width:720px; height:5px; clear:both; }
.cnt02 .beauty_area .btn { position:absolute; left:44px; bottom:12px; }
.cnt02 .beauty_area p.arrw { margin-left:15px;  }
.cnt02 .beauty_area .product01 { background:url(../image/common/bg_white02_top.gif) 0 0 no-repeat #fff; padding:5px 0 0 0; margin-bottom:20px; margin-left:25px; width:200px; height:420px; text-align:center; position:relative;  }
.cnt02 .beauty_area .product01 .btm {  background:url(../image/common/bg_white02_btm.gif) 0 0 no-repeat; width:200px; height:5px; position:absolute; bottom:0; left:0;  }
.cnt02 .beauty_area .product02 { background:url(../image/common/bg_white03_top.gif) 0 0 no-repeat #fff; padding:5px 0 0 0; margin-top:0; margin-bottom:20px; margin-left:15px; width:195px; height:420px; text-align:center; position:relative;  }
.cnt02 .beauty_area .product02 .btm {  background:url(../image/common/bg_white03_btm.gif) 0 0 no-repeat; width:195px; height:5px; position:absolute; bottom:0; left:0;  }
.cnt02 .beauty_area .product03 { background:url(../image/common/bg_white04_top.gif) 0 0 no-repeat #fff; padding:5px 0 0 0; margin-bottom:20px; margin-left:1px; width:194px; height:420px; text-align:center; position:relative;  }
.cnt02 .beauty_area .product03 .btm {  background:url(../image/common/bg_white04_btm.gif) 0 0 no-repeat; width:194px; height:5px; position:absolute; bottom:0; left:0;  }

.cnt04 .beauty_area { background:url(../image/common/bg_04_top.gif) 0 0 no-repeat #fee03c; padding:25px 25px 0 0; }
.cnt04 .beauty_area .btm { background:url(../image/common/bg_04_btm.gif) 0 0 no-repeat; width:720px; height:5px; clear:both; }
.cnt04 .beauty_area .btn { position:absolute; left:44px; bottom:12px; }
.cnt04 .beauty_area p.arrw { margin-left:15px;  }
.cnt04 .beauty_area .product01 { background:url(../image/common/bg04_white02_top.gif) 0 0 no-repeat #fff; padding:5px 0 0 0; margin-bottom:20px; margin-left:25px; width:200px; height:420px; text-align:center; position:relative;  }
.cnt04 .beauty_area .product01 .btm {  background:url(../image/common/bg04_white02_btm.gif) 0 0 no-repeat; width:200px; height:5px; position:absolute; bottom:0; left:0;  }
.cnt04 .beauty_area .product02 { background:url(../image/common/bg04_white03_top.gif) 0 0 no-repeat #fff; padding:5px 0 0 0; margin-top:0; margin-bottom:20px; margin-left:15px; width:195px; height:420px; text-align:center; position:relative;  }
.cnt04 .beauty_area .product02 .btm {  background:url(../image/common/bg04_white03_btm.gif) 0 0 no-repeat; width:195px; height:5px; position:absolute; bottom:0; left:0;  }
.cnt04 .beauty_area .product03 { background:url(../image/common/bg04_white04_top.gif) 0 0 no-repeat #fff; padding:5px 0 0 0; margin-bottom:20px; margin-left:1px; width:194px; height:420px; text-align:center; position:relative;  }
.cnt04 .beauty_area .product03 .btm {  background:url(../image/common/bg04_white04_btm.gif) 0 0 no-repeat; width:194px; height:5px; position:absolute; bottom:0; left:0;  }

.cnt05 .hatsuratsu_area { background:url(../image/common/bg_green_top.gif) 0 0 no-repeat #d2e5b2; padding:25px 25px 0 0; }
.cnt05 .hatsuratsu_area .btm { background:url(../image/common/bg_green_btm.gif) 0 0 no-repeat; width:720px; height:5px; clear:both; }
.cnt05 .hatsuratsu_area .product { background:url(../image/common/bg05_white01_top.gif) 0 0 no-repeat #fff; padding:13px 0 0 0; margin-bottom:20px; width:295px; height:410px; text-align:center; position:relative;  }
.cnt05 .hatsuratsu_area .product.left { margin-left:25px; }
.cnt05 .hatsuratsu_area p.left { margin-left:15px; }
.cnt05 .hatsuratsu_area .product .btn { position:absolute; left:90px; bottom:12px; }
.cnt05 .hatsuratsu_area .product .btm { background:url(../image/common/bg05_white02_top.gif) 0 0 no-repeat; width:295px; height:5px; position:absolute; bottom:0; left:0; }



.productname { border-top:#d2d2d2 solid 1px; border-bottom:#d2d2d2 solid 1px; padding:8px 0; margin:12px 10px; }
.cnt02 .beauty_area .productname { margin:10px 10px 8px 10px; }
.cnt02 .cacth { padding-bottom:5px; }
.cnt02 .cacth li { float:left; }

.cnt04 .beauty_area .productname { margin:10px 10px 8px 10px; }
.cnt04 .cacth { padding-bottom:5px; }
.cnt04 .cacth li { float:left; }

/* ---------------
 * おすすめコンテンツ
--------------- */
.cnt03 ul li { position:relative; float:left; }

.cnt03 ul li img.new { position:absolute; top:1px; left:1px; }

.cnt03 ul li.big { width:355px; height:160px; }
.cnt03 ul li.big span { position:absolute; left:0; bottom:10px; }
.cnt03 ul li.big img.popup { position:absolute; bottom:31px; right:1px; }

.cnt03 ul li.small { width:233px; height:130px; }
.cnt03 ul li.small span { position:absolute; left:0; bottom:0; }
.cnt03 ul li.small img.popup { position:absolute; bottom:21px; right:1px; }

.cnt03 a img.border { border:#5a5a5a solid 1px; }
.cnt03 a:hover img.border { border:#5a5a5a solid 1px; }



/* ---------------
 * 遺伝子検査
--------------- */
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.ml4 { margin-left:4px; }
.mr8 { margin-right:8px; }
.mr10 { margin-right:10px; }

.left { float:left; display:inline; }
.right { float:right; display:inline; }


.f11 { font-size:0.68em; }
.f13 { font-size:0.81em }
.f14 { font-size:0.87em }
.f15 { font-size:0.93em }
.f16 { font-size:1.00em }
.f17 { font-size:1.06em }
.f18 { font-size:1.12em }
.f20 { font-size:1.22em }


/*改定前：
.f11 { font-size:11px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
 */

.bold { font-weight:bold; }
.red { color:#ea0000; }
.black { color:#333333; }

.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

	/* for IE6 */
	* html .clearfix {display:inline-block;}
	
	/* for IE7 */
	*+html .clearfix {display:inline-block;}




/* ---------------------------------------------------------
 * 
 *  サイドバー
 * 
--------------------------------------------------------- */

/* ---------------
 * ダイエット訴求
--------------- */
.idenshi_leftBnr_SALE,
.idenshi_leftBnr1,
.idenshi_leftBnr2{
	margin-bottom: 10px;
}

	.idenshi_leftBnr_SALE ul {
		border-right: solid 1px #c94874;
		border-bottom: solid 1px #c94874;
		border-left: solid 1px #c94874;
		padding: 0 8px;
		margin:0;
	}
	
	.idenshi_leftBnr_SALE li {
		padding: 8px 0;
		border-bottom: dotted 1px #909090;
		text-align: center;
	}
	
	.idenshi_leftBnr_SALE li.lastChild {
		border: none;
	}
	
	
/* ---------------
 * キーワード
--------------- */
/*#include_idenshi .keyword td {
    text-align: center;
    vertical-align: middle;
}
#include_idenshi .key_bg2 {
    font-size: 14px;
    line-height: 60px;
    width: 133px;
    height: 60px;
    background-image: url(../image/common/keywords_bg.jpg);
    background-repeat: no-repeat;
}*/

/*.kerword_area p { float:left; margin-right:5px; }*/

.kerword_area {display:block; text-align:center;}
.kerword_area li { float:left; margin-right:5px; text-decoration:underline; width:130px; height:60px; }
.kerword_area a { text-decoration:underline; color:#000000; line-height:60px; display:block; }
.kerword_area #key01 { border:#f5a240 3px solid; }
.kerword_area #key01 a:hover{ background-color:#fedbc1; color:#333333; font-size:0.93em;}
.kerword_area #key02 { border:#f68d8d 3px solid; }
.kerword_area #key02 a:hover{ background-color:#fccbcb; color:#333333; font-size:0.93em;}
.kerword_area #key03 { border:#9AE0F5 3px solid; }
.kerword_area #key03 a:hover{ background-color:#b1eafb; color:#333333; font-size:0.93em;}
.kerword_area #key04 { border:#fee03c 3px solid; }
.kerword_area #key04 a:hover{ background-color:#faf1a9; color:#333333; font-size:0.93em;}
.kerword_area #key05 { border:#69c70c 3px solid; }
.kerword_area #key05 a:hover{ background-color:#d2e5b2; color:#333333; font-size:0.93em;}


.slideBanner {
    width: 720px;
    height: 310px !important;
    overflow: hidden;
    background-image: url(../mainbanner/image/mainbanner_bg_idenshi.jpg) !important;
    background-repeat: no-repeat;
}