@charset "Shift_JIS";

/* health layout
-----------------------------------------------------------
 1. grand navi on 選択商品のグランドナビゲーションON状態
 2. brand name 商品一覧ページ ブランド名と背景
 3. product box 商品の設定
-----------------------------------------------------------
*/

#cont-right { color:#666; }


/* 1. grand navi on
-----------------------------------------------------------*/

#nav ul li#nav03 a { display: block; width: 173px; height: 63px; background-repeat: no-repeat; background-position: 0px -63px; }

/* subnavi navi on -----------*/
/* ヘルスメイト商品 */
.hm_bi_cola #cont-left ul li#snav-he-bi_cola a { background-position: 0px -50px; }/* 美・コラーゲン */
.hm_di_tea #cont-left ul li#snav-he-tea a { background-position: 0px -50px; }/* ダイエットティー */
.hm_cola #cont-left ul li#snav-he-cola a { background-position: 0px -50px; }/* コラーゲンＣ */
.hm_di_tubu #cont-left ul li#snav-he-di_tubu a { background-position: 0px -50px; }/* ダイエット粒 */
.hm_icho #cont-left ul li#snav-he-icho a { background-position: 0px -50px; }/* いちょう葉α */
.hm_mag #cont-left ul li#snav-he-mag a { background-position: 0px -50px; }/* マグマイト */
.hm_bische #cont-left ul li#snav-he-bische a { background-position: 0px -50px; }/* ビ・ス・チェ */

/* 2. brand name
-----------------------------------------------------------*/

#brand-name { border-top: 2px solid #E6E6E6; padding: 0; margin:0; background:#fff url("../img/health/main_ph_health_bg.gif") 0 0px no-repeat; }
#brand-name-under { border-top: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; padding: 0; margin:0; }

#brand-name h1{
	width:239px;
	height:66px;
	/height:64px;
	padding: 0;
	margin:0;
	float: left;
}
#brand-name h1 span{
	display:none;
}

.brand-logo-under{
	width:239px;
	height:64px;
	padding: 0;
	margin:0 0 0 2px;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

#brand-name h1 span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

.brand-logo-under span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

#brand-name h1.brand-logo{background:#fff url("../img/health/brand_name_health.gif") 0 0px no-repeat;}
.brand-logo-under{background:#fff url("../img/health/brand_name_health.gif") 0 0px no-repeat;}

.brand-name-right { float:right; padding:25px 0 0 0; }
.main-ph { padding: 0 0 15px 0; margin:0; }
.product-desc { margin: 0 0 10px 0; padding:0; }


/* 3. product box
-----------------------------------------------------------*/

.product-box{ border-bottom: 1px dashed #a79668; margin:25px 0 0 0; padding: 0 0 10px 0; }
/* チェック必要 ------------------ */
.product-ph { float:left; }
.product-text { float: right; width:440px; margin: 0 5px 0 0; }
/* チェック必要 ------------------ */
.product-text h2 { margin:0; padding:0; font-size: 1.2em; line-height: 1.6; }

.product-text h2 a:link{ color: #416BD4; text-decoration:underline; }
.product-text h2 a:visited{ color: #416BD4; text-decoration:underline; }
.product-text h2 a:hover{ color: #416BD4; text-decoration:none; }

.product-text p { margin: 7px 0; padding:0;
	font-size: 0.9em;
	line-height: 1.4; 
	}

.product-details-set { padding: 0; margin:0; }

.product-price { width: 48%; font-weight: bold; float: left; margin: 6px 0 0 0; }

.product-info  b, .product-price b { color:#fbed2e; }

.product-buy-bt { float: right; text-align: right; width: 50%; }
.product-buy-bt form { margin:0; padding:0; }



/* 3. product name
-----------------------------------------------------------*/

#product-name-line01 h1{
	width:561px;
	height:54px;
	padding: 0;
	margin:0;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

#product-name-line02 h1{
	width:561px;
	height:78px;
	padding: 0;
	margin:0;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}


h1.product-name-health-bi_cola{background:#fff url("../img/health/product/product_name_he_bi_cola.gif") 0 0px no-repeat;}/* 美・コラーゲン */
h1.product-name-health-di_tea{background:#fff url("../img/health/product/product_name_he_di_tea.gif") 0 0px no-repeat;}/* ダイエットティー */
h1.product-name-health-cola{background:#fff url("../img/health/product/product_name_he_cola.gif") 0 0px no-repeat;}/* コラーゲンＣ */
h1.product-name-health-di_tubu{background:#fff url("../img/health/product/product_name_he_di_tubu.gif") 0 0px no-repeat;}/* ダイエット粒 */
h1.product-name-health-icho{background:#fff url("../img/health/product/product_name_he_icho.gif") 0 0px no-repeat;}/* いちょう葉α */
h1.product-name-health-mag{background:#fff url("../img/health/product/product_name_he_mag.gif") 0 0px no-repeat;}/* マグマイト */
h1.product-name-health-bische{background:#fff url("../img/health/product/product_name_he_bische.gif") 0 0px no-repeat;}/* ビ・ス・チェ */

.product-etc h2{
	width:552px;
	height:25px;
	padding: 0;
	margin:0;
	font-size: 0.1em;
	line-height: 0.1;
}
.product-etc { margin:25px 0; padding:0; }
.product-etc p { margin:10px 0; padding:0; }



#product-main {  }

.product-detailes { float: left; width: 254px; margin-right: 10px; }
.product-detailes02 { float: right; width: 280px; margin-right: 10px; }
.product-detailes-box { padding: 10px 0 0 0; border-top: 1px dashed #7492DF; }
.detailes-box-inner { float:left; width: 48%; text-align: center; }

.product-more { border-top: 1px dashed #a79668; border-bottom: 1px dashed #a79668; padding: 5px; margin:0; background:#FFF0EE; }
.product-more02 { border-top: 1px dashed #a79668; padding: 5px; margin:0; background:#FFF0EE; }
.product-more03 { border-bottom: 1px dashed #a79668; padding: 5px; margin:0; background:#FFF0EE; }

/* チェック必要 ------------------ */
.product-info { float: right; width:290px; margin: 0 5px 0 0; }

.product-etc img { float:right; }