/**************************************************
* Copyright 2007 MEIJI SEIKA KAISHA, LTD.
*
* 01. ザバスラインナップ
* 02. 最適なザバスを選ぶ
* 03. 取り扱い店舗
* 04. FAQ
**************************************************/
@import "savas.css";


/**************************************************
* 01. ザバスラインナップ
**************************************************/
h3#h_lineup {
	width: 600px;
	height: 400px;
	background: url(../../products/lineup/images/h_img.jpg) no-repeat;
}

h3#lineup_s {
	width: 120px;
	height: 35px;
	background: url(../../products/lineup/images/ttls_lineup.gif) no-repeat;
	float: left;
}

h4#lineup {
	width: 210px;
	height: 90px;
	background: url(../../products/lineup/images/ttl_lineup.gif) no-repeat;
}


/* TOP */
#ctArea {
	width: 600px;
}

#ctArea .ctBox {
	margin: 0 1px;
	padding: 0;
	width: 198px;
	display: inline;
	float: left;
}

#ctArea .ctBox p.txt {
	padding: 0 10px 0 0;
	height: 120px;
	font-size: 0.9em;
	line-height: 1.4em;
}

#ctArea .ctBox
h5#ctBody {
	margin: 0 0 15px 0;
	width: 198px;
	height: 80px;
	background: url(../../products/lineup/images/ttl_ct_body.gif) no-repeat;
}

#ctArea .ctBox
h5#ctCondition {
	margin: 0 0 15px 0;
	width: 198px;
	height: 80px;
	background: url(../../products/lineup/images/ttl_ct_condition.gif) no-repeat;
}

#ctArea .ctBox
h5#ctEnergy {
	margin: 0 0 15px 0;
	width: 198px;
	height: 80px;
	background: url(../../products/lineup/images/ttl_ct_energy.gif) no-repeat;
}

#ctArea .ctBox
h5#ctBce {
	margin: 0 0 15px 0;
	width: 198px;
	height: 80px;
	background: url(../../products/lineup/images/ttl_ct_bce.gif) no-repeat;
}

#ctArea .ctBox h5 a {
	width: 198px;
	height: 80px;
	display: block;
}

#ctArea .ctBox
p#dtBody {
	margin: 0 0 40px 0;
	width: 108px;
	height: 20px;
	background: url(../../products/lineup/images/bt_detail_body.gif) no-repeat;
	float: right;
}

#ctArea .ctBox
p#dtCondition {
	margin: 0 0 40px 0;
	width: 108px;
	height: 20px;
	background: url(../../products/lineup/images/bt_detail_condition.gif) no-repeat;
	float: right;
}

#ctArea .ctBox
p#dtEnergy {
	margin: 0 0 40px 0;
	width: 108px;
	height: 20px;
	background: url(../../products/lineup/images/bt_detail_energy.gif) no-repeat;
	float: right;
}

#ctArea .ctBox
p#dtBce {
	margin: 0 0 40px 0;
	width: 108px;
	height: 20px;
	background: url(../../products/lineup/images/bt_detail_bce.gif) no-repeat;
	float: right;
}

#ctArea .ctBox p#dtBody a,
#ctArea .ctBox p#dtCondition a,
#ctArea .ctBox p#dtEnergy a,
#ctArea .ctBox p#dtBce a {
	width: 108px;
	height: 20px;
	display: block;
}

p#bnAqua {
	clear: both;
	margin: 0 0 30px 0;
	width: 600px;
}


/* カテゴリーイメージ */
h4#lineupBody {
	width: 600px;
	height: 200px;
	background: url(../../products/lineup/images/h_body.jpg) no-repeat;
}

h4#lineupCondition {
	width: 600px;
	height: 200px;
	background: url(../../products/lineup/images/h_condition.jpg) no-repeat;
}

h4#lineupEnergy {
	width: 600px;
	height: 200px;
	background: url(../../products/lineup/images/h_energy.jpg) no-repeat;
}

h4#lineupBce {
	width: 600px;
	height: 200px;
	background: url(../../products/lineup/images/h_bce.jpg) no-repeat;
}

h4#lineupAll {
	width: 600px;
	height: 200px;
	background: url(../../products/lineup/images/h_all.jpg) no-repeat;
}


/* カテゴリーナビゲーション */
ul#ctNavi {
	margin: 0 0 30px 0;
	width: 600px;
	height: 25px;
}

ul#ctNavi li {
	width: 150px;
	height: 25px;
	float: left;
}

ul#ctNavi li a {
	width: 150px;
	height: 25px;
	display: block;
}

ul#ctNavi li#bodyM a {
	background: url(../../products/lineup/images/nav_category.gif) 0 0 no-repeat;
}

ul#ctNavi li#conditionM a {
	background: url(../../products/lineup/images/nav_category.gif) -150px 0 no-repeat;
}

ul#ctNavi li#energyM a {
	background: url(../../products/lineup/images/nav_category.gif) -300px 0 no-repeat;
}

ul#ctNavi li#all a {
	background: url(../../products/lineup/images/nav_category.gif) -450px 0 no-repeat;
}

ul#ctNavi li#bodyM_on,
ul#ctNavi li#bodyM a:hover {
	background: url(../../products/lineup/images/nav_category.gif) 0 -25px no-repeat;
}

ul#ctNavi li#conditionM_on,
ul#ctNavi li#conditionM a:hover {
	background: url(../../products/lineup/images/nav_category.gif) -150px -25px no-repeat;
}

ul#ctNavi li#energyM_on,
ul#ctNavi li#energyM a:hover {
	background: url(../../products/lineup/images/nav_category.gif) -300px -25px no-repeat;
}

ul#ctNavi li#all_on,
ul#ctNavi li#all a:hover {
	background: url(../../products/lineup/images/nav_category.gif) -450px -25px no-repeat;
}


/* ボックス */
.pdBoxArea {
	clear: both;
	margin: 0 0 30px 0;
	width: 600px;
}

.pdBoxArea h4 {
	margin: 0 0 10px 0;
	width: 600px;
	height: 20px;
}

.pdBoxArea h4#bodyM_athlete {
	background: url(../../products/lineup/images/ttls_athlete.gif) no-repeat;
}

.pdBoxArea h4#bodyM_body {
	background: url(../../products/lineup/images/ttls_body.gif) no-repeat;
}

.pdBoxArea h4#bodyM_fitness {
	background: url(../../products/lineup/images/ttls_fitness.gif) no-repeat;
}

.pdBoxArea h4#bodyM_junior {
	background: url(../../products/lineup/images/ttls_junior.gif) no-repeat;
}

.pdBoxArea .pdBox {
	margin: 0 5px 20px 5px;
	width: 190px;
	display: inline;
	float: left;
}

.pdBoxArea .pdBox h5 {
	margin: 0 0 5px 0;
	padding: 5px 3px;
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #999;
	background: #e0e0e0;
}

.pdBoxArea .pdBox img {
	margin: 0 auto 20px auto;
}

.pdBoxArea .pdBox p.fs {
	height: 30px;
}

/* 商品一覧 */
.ctBoxArea {
	width: 200px;
	float: left;
}

.ctBoxArea h5 {
	margin: 0 0 10px 0;
	width: 200px;
	height: 20px;
}

.ctBoxArea h5#all_body {
	background: url(../../products/lineup/images/ttls_all_body.gif) no-repeat;
}

.ctBoxArea h5#all_condition {
	background: url(../../products/lineup/images/ttls_all_condition.gif) no-repeat;
}

.ctBoxArea h5#all_energy {
	background: url(../../products/lineup/images/ttls_all_energy.gif) no-repeat;
}

.ctBoxArea h5#all_bce {
	background: url(../../products/lineup/images/ttls_all_bce.gif) no-repeat;
}

.ctBox {
	margin: 0 0 30px 0;
	padding: 0 5px;
}

.ctBox h6#all_body_athlete {
	margin: 0 0 10px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #297abb;
	border-bottom: 1px solid #297abb;
}

.ctBox h6#all_body_body {
	margin: 0 0 10px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #6a3;
	border-bottom: 1px solid #6a3;
}

.ctBox h6#all_body_fitness {
	margin: 0 0 10px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #d79;
	border-bottom: 1px solid #d79;
}

.ctBox h6#all_body_junior {
	margin: 0 0 10px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #d90;
	border-bottom: 1px solid #d90;
}

.ctBox ul {
	margin: 0 0 0 17px;
	list-style-image: url(../images/arrow.gif);
	list-style-position: outside;
}

.ctBox li {
	margin: 0 0 8px 0;
}


/* アクア */
#aquaMain h4 {
	width: 600px;
	height: 431px;
	background: url(../../products/lineup/images/h_aqua.jpg) no-repeat;
}

#aquaMain h4 a{
	display:block;
	width: 600px;
	height: 431px;
}

#aquaSegArea {
	margin: 0 0 30px 0;
	width: 600px;
	overflow: auto;
}

#aquaSeg1 {
	margin: 20px 0 0 0;
	width: 600px;
}

#aquaSeg1 h5 {
	width: 600px;
	height: 89px;
	background: url(../../products/lineup/images/aqua_docchi_title.jpg) no-repeat;
}

#aquaSeg1 p {
	width: 300px;
	height: 519px;
	float: left;
}

#aquaSeg1 p
span {
	display: none;
}

#docchiWhey {
	background: url(../../products/lineup/images/aqua_docchi_whey.jpg) no-repeat;

}
#docchiSoy {
	background: url(../../products/lineup/images/aqua_docchi_soy.jpg) no-repeat;
}


#aquaSeg2 {
	clear: both;
	margin: 20px 0 0 0;
	width: 600px;
}

#aquaSeg2
h5 {
	width: 600px;
	height: 429px;
	background: url(../../products/lineup/images/aqua_easy.jpg) no-repeat 0 0;
}



#aquaSeg3 {
	position: relative;
	margin: 0 0 50px 0;
	width: 600px;
	height: 400px;
	background: url(../../products/lineup/images/bg_aqua_item.jpg) no-repeat;
}

#aquaSeg3 h5 {
	display: none;
	
}

#aquaSeg3 p a {
	width: 80px;
	height: 20px;
	background: url(../../products/lineup/images/bt_aqua_detail.gif) 0 0 no-repeat;
	display: block;
}

#aquaSeg3 p a:hover {
	background-position: 0 -20px;
}




#aquaSeg3 p#aquaAcerola {
	position: absolute;
	left: 82px;
	top: 210px;
}


#aquaSeg3 p#aquaDrink {
	position: absolute;
	left: 205px;
	top: 364px;
}

#aquaSeg3 p#aquaJelly {
	position: absolute;
	left: 135px;
	top: 195px;
}

#aquaSeg3 p#aquaSoy {
	position: absolute;
	left: 399px;
	top: 200px;
}

#aquaSeg3 p#aquaWhey {
	position: absolute;
	left: 226px;
	top: 200px;
}

#aquaSeg3 p#aquaShape {
	position: absolute;
	left: 345px;
	top: 364px;
}

#aquaSeg3 p#aquaJunior {
	position: absolute;
	left: 500px;
	top: 364px;
}


/*全商品ページ　newマーク*/
span.new {
	color:#FF3300;
	font-weight:bold;
	font-size:0.85em;
}


/**************************************************
* 02. 最適なザバスを選ぶ
**************************************************/
h3#h_goodsearch {
	width: 600px;
	height: 300px;
	background: url(../../products/good_search/images/h_img.jpg) no-repeat;
}

h4#goodsearch {
	width: 220px;
	height: 90px;
	background: url(../../products/good_search/images/ttl_goodsearch.gif) no-repeat;
}

#segR p#btGoodSearch {
	margin: 0 auto;
	width: 250px;
	height: 80px;
}

#segR p#btGoodSearch a {
	width: 250px;
	height: 80px;
	background: url(../../products/good_search/images/bt_goodsearch.gif) 0 0 no-repeat;
	display: block;
}

#segR p#btGoodSearch a:hover {
	background-position: 0 -80px;
}



/**************************************************
* 03. 取り扱い店舗
**************************************************/
h3#store {
	width: 90px;
	height: 35px;
	background: url(../../products/store/images/ttl_store.gif) no-repeat;
	float: left;
}

h4#h_store {
	margin: 0 0 30px 0;
	width: 600px;
	height: 200px;
	background: url(../../products/store/images/h_img.jpg) no-repeat;
}

dl#schArea {
	margin: 0 auto 30px auto;
	width: 560px;
	overflow: auto;
}
	
dl#schArea dt {
	clear: both;
	margin: 0 0 10px 0;
	width: 110px;
	font-weight: bold;
	float: left;
}

dl#schArea dd {
	margin: 0 0 5px 0;
	width: 450px;
	color: #999;
	float: left;
}


/* ボックス */
.schBox {
	margin: 0 5px 20px 5px;
	width: 190px;
	height: 140px;
	line-height: 1.4em;
	display: inline;
	float: left;
}

.schBox h6 {
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 1.0em;
	font-weight: bold;
	color: #069;
	border-bottom: 1px solid #999;
	background: #e0e0e0;
}



/**************************************************
* 04. FAQ
**************************************************/
h3#faq {
	width: 60px;
	height: 90px;
	background: url(../../products/faq/images/ttl_faq.gif) no-repeat;
}

h3#faq_s {
	width: 40px;
	height: 35px;
	background: url(../../products/faq/images/ttls_faq.gif) no-repeat;
	float: left;
}


/* セレクトイメージ */
h4#h_total {
	margin: 0 0 30px 0;
	width: 600px;
	height: 200px;
	background: url(../../products/faq/images/h_total.jpg) no-repeat;
}

h4#h_body {
	margin: 0 0 30px 0;
	width: 600px;
	height: 200px;
	background: url(../../products/faq/images/h_body.jpg) no-repeat;
}

h4#h_condition {
	margin: 0 0 30px 0;
	width: 600px;
	height: 200px;
	background: url(../../products/faq/images/h_condition.jpg) no-repeat;
}

h4#h_energy {
	margin: 0 0 30px 0;
	width: 600px;
	height: 200px;
	background: url(../../products/faq/images/h_energy.jpg) no-repeat;
}

h4#h_bce {
	margin: 0 0 30px 0;
	width: 600px;
	height: 200px;
	background: url(../../products/faq/images/h_bce.jpg) no-repeat;
}


/* トップセレクトナビ */
#faqBg {
	position: relative;
	margin: 0 0 30px 0;
	width: 600px;
	height: 300px;
	background: url(../../products/faq/images/select_bg.gif) no-repeat;
}

#faqBg p#total a {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 280px;
	height: 140px;
	background: url(../../products/faq/images/bt_savas.jpg) 0 0 no-repeat;
	display: block;
}

#faqBg p#body a {
	position: absolute;
	left: 310px;
	top: 5px;
	width: 280px;
	height: 140px;
	background: url(../../products/faq/images/bt_body.jpg) 0 0 no-repeat;
	display: block;
}

#faqBg p#condition a {
	position: absolute;
	left: 10px;
	top: 155px;
	width: 280px;
	height: 140px;
	background: url(../../products/faq/images/bt_condition.jpg) 0 0 no-repeat;
	display: block;
}

#faqBg p#energy a {
	position: absolute;
	left: 310px;
	top: 155px;
	width: 280px;
	height: 140px;
	background: url(../../products/faq/images/bt_energy.jpg) 0 0 no-repeat;
	display: block;
}

#faqBg p#bce a {
	position: absolute;
	left: 410px;
	top: 155px;
	width: 180px;
	height: 140px;
	background: url(../../products/faq/images/bt_bce.jpg) 0 0 no-repeat;
	display: block;
}

#faqBg p#total a:hover,
#faqBg p#body a:hover,
#faqBg p#condition a:hover,
#faqBg p#energy a:hover,
#faqBg p#bce a:hover {
	background-position: 0 -140px;
}


/* 多い質問 */
#scutArea {
	margin: 0 0 50px 0;
	width: 600px;
	overflow: auto;
}

#scutArea dt {
	clear: both;
	margin: 0 0 10px 0;
	width: 35px;
	font-weight: bold;
	color: #069;
	float: left;
}

#scutArea dd {
	margin: 0 0 10px 0;
	width: 565px;
	float: left;
}


/* ページ */
.faqBox {
	clear: both;
	margin: 0 0 30px 0;
	width: 600px;
	line-height: 1.6em;
}

.faqBox p {
	margin: 0 0 20px 0;
}

.faqBox strong {
	font-weight: bold;
	color: #069;
}

.faqBox a.shd {
	margin: 0 5px 0 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow2.gif) 0 5px no-repeat;
	float: right;
}

/*商品サムネイルにnewマーク画像を重ねる*/
.pdBoxArea .pdBox img.prodNew {
	position: absolute;
}