@charset "UTF-8";
/**************************************************************************************************

	01　商品紹介
	
	02　緑の枠内
	
	03　【速報】花粉症とケフィアの実験
	
	04　注文フォーム
	
	05　成分表リスト　(051　リスト部分　/　052　プロバイオティクス乳酸菌の効果　/　053　左右分割部分)
	
	06　お支払い詳細　(061　リスト部分　/　062　左右分割部分)
	


**************************************************************************************************/


/*━━━━━━━━━━━━━━━━━　01　商品紹介　━━━━━━━━━━━━━━━━━━━━━━*/
#article_pr {
	background: url(../image/index/bg_mainimage.gif) left bottom repeat-x;
	border: 1px solid #999999;
	width: 668px;
	margin: 0 0 30px 20px;
	padding: 0 0 1em 0;
	overflow: hidden;
	}

/*商品画像側*/
#article_img { width:233px; float:left; overflow:hidden; }
#article_img p {
	background: url(../image/index/commodity02.gif) 0 0 no-repeat;
	width:233px;
	height:30px;
	margin:10px 0 0 0;
}

/*テキスト側*/
#article_txt {
	background: url(../image/index/mainimage.jpg) right top no-repeat;
	width:425px;
	float:right;
	overflow:hidden;
}

#article_txt h3, #article_txt p#article_reason {
	height: 70px;
}


#article_txt h3#article_title {
	background: url(../image/index/maintxt.gif) left top no-repeat;
	height: 100px;
}

#article_txt p {
	text-align:justify;
	text-justify:inter-ideograph;/*IE用*/
	margin: 0 15px 0 10px;
}


/*━━━━━━━━━━━━━━━━━　02　緑の枠内　━━━━━━━━━━━━━━━━━━━━━━*/
#production {
	border: 1px solid #339900;
	background-color: #FAFAE1;
	width: 628px;
	margin: 0 0 30px 20px;
	padding: 10px 20px;
	overflow: hidden;
	}

#chara01, #chara02 {
	height: 15px;
	margin: 0 0 5px 0;
	}

#chara01 { background:url(../image/index/chara01.gif) 0 0 no-repeat; height:20px; }
#chara02 { background:url(../image/index/chara02.gif) 0 0 no-repeat; }
#chara03 { background:url(../image/index/chara03.gif) 0 0 no-repeat; margin-top:1.6em; }


#production p {
	text-align:justify;
	text-justify:inter-ideograph;/*IE用*/
	margin: 0 0 1.6em 0;
	display: block;
	}

#production p strong { color:#FF3300; }

#chara { width:628px; display:block; }

#chara dt, #chara dd { display:block; overflow:hidden; }


/*━━━━━━━━━━━━━━━━━　03　自衛隊推奨　━━━━━━━━━━━━━━━━━━━━━*/
#recommendation {
	width: 650px;
	margin:0 auto 30px auto;
	}


/*━━━━━━━━━━━━━━━━━　04　注文フォーム　━━━━━━━━━━━━━━━━━━━━*/
#order { height:75px; margin:0 auto 30px auto; }
body#index div#order { width:510px; float:none; }

#order a  {
	width: 510px;
	height: 75px;
	margin:0;
	}

#order a:link, #order a:visited { background:url(../image/index/btn_order.gif) 0 0 no-repeat; }
#order a:hover { background-position:0 -80px; }


/* 安心の後払い */
#deferred_payment {
	width:500px;
	margin: 0 auto 40px auto;
	display: block;
	}

#deferred_payment dt {
	background: url(../image/index/deferred_paytext.gif) 0 0 no-repeat;
	height:30px;
	}


/* 後払いは安心で簡単 */
#deferred_payment dd {
	color: #333333;
	text-align:center;
	font-size: 77%;
	display:block;
	padding:5px 0;
	}




/*━━━━━━━━━━━━━━━━━　05　成分表リスト　━━━━━━━━━━━━━━━━━━━━*/
/*全体のbox*/
#ingredient {
	background: url(../image/index/ingredient_bg.gif) 0 100% no-repeat;
	width: 670px;
	margin: 0 auto 50px auto;
	padding: 0 0 30px 0;
	}

#t_ingredient {
	background: url(../image/index/ingredient_top.jpg) 0 100% no-repeat;
	height:155px;
	}


/*各タイトル*/
#ingredient h4 {
	height: 20px;
	margin-bottom: 5px;
	}

/* 善玉菌 */
div#ingredient h4#ingredient01 {
	background: url(../image/index/ingredient01.gif) 0 0 no-repeat;
	width:570px;
	margin: 0 auto 10px auto;
	}

/* 内容量 */
div#ingredient h4#ingredient02 {
	background: url(../image/index/ingredient02.gif) 0 0 no-repeat;
	}

/* 栄養成分 */
div#ingredient h4#ingredient03 {
	background: url(../image/index/ingredient03.gif) 0 0 no-repeat;
	}

/* 内容量のテキスト */
p#capacity_txt { margin:0 0 30px 15px; }


/* 栄養成分のテキスト */
p#nourishment_txt { margin:0 0 5px 5px; }

/***********************************************
　051　リスト部分
**********************************************/
/* リスト共通 */
dl.ingredient_list,
dl.ingredient_list dt, dl.ingredient_list dd { display:block; }

dl.ingredient_list {
	background: url(../image/index/bg_ingredient.gif) left bottom repeat-y;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	overflow: hidden;
	}

dl.ingredient_list dt { text-indent:15px; width:90px; }
	
dl.ingredient_list dd {
	background: url(../image/index/bg_bottom_ingredient.gif) left bottom no-repeat;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-right: 15px;
	padding-left: 115px;
	}
	

/* 善玉菌リスト */
dl#bifidus_list { width:569px; margin:0 auto 30px auto; }

dl#bifidus_list dt, dl#bifidus_list dd { height:19em; }
dl#bifidus_list dt { line-height:19em; }
dl#bifidus_list dd { margin-top:-19em; padding-top:1em; }
dl#bifidus_list dd strong { color:#CC3300; }



/* 栄養成分リスト */
dl#nourishment_list { width:284px; margin-bottom:10px; }
dl#nourishment_list dt, dl#nourishment_list dd {
	line-height: 3em;
	height: 3em;
	}
	
dl#nourishment_list dd { margin-top:-3em; }


/***********************************************
　053　左右分割部分
**********************************************/
#nutrient_box { width:570px; margin:0 auto; } 

#capacity_area { width:285px; float:left; }
#nourishment_area { width:285px; float:right; }


/*━━━━━━━━━━━━━━━━━　06　お支払い詳細　━━━━━━━━━━━━━━━━━━━━*/
#payment_list { border:1px solid #999999; width:668px; margin:0 auto 50px auto; }

#payment_list h3 {
	color: #FFFFFF;
	font-size: 108%;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	background-color: #999999;
	height: 2em;
	margin: 0 0 10px 0;
	}

#payment_list p, #payment_list dl { font-size:85%; line-height:140%; }
#payment_list p { margin:0 15px 10px 15px; }

/***********************************************
　061　リスト部分
**********************************************/
#payment_list dl { margin:0 15px 0 15px; }

#payment_list dl dt,
#payment_list dl dd { display:block; }
	
#payment_list dl dt {
	font-weight: bold;
	height: 1.4em;
	}

#payment_list dl dd {
	text-align:justify;
	text-justify:inter-ideograph;/*IE用*/
	margin-top: -1.4em;
	margin-bottom: 10px;
	}

/* お支払いについてのリスト */
#payment { width:638px; }
#payment dt { width:14em; }
#payment dd { margin-left:15em; }

/* 配送・通販についてのリスト */
#delivery dt { width:7em; }
#delivery dd { margin-left:8em; }

/* 営業時間帯についてのリスト */
#hours dt { width:10em; height:2.8em; }
#hours dd {
	margin-top: -2.8em;
	margin-left: 11em;
	height:2.8em;
	}


/***********************************************
　062　左右分割部分
**********************************************/
#payment_list .clearfix { width:668px; overflow:hidden; } 

#delivery_area {
	border-right: 1px solid #999999;
	width: 333px;
	float: left;
	}

#hours_area { width:334px; float:right; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/