@charset "utf-8";


/* メインイメージ */

div#contents_title {
	position: relative;
	height: 389px;
	background: url(../images/contents_title_bg.png) 0 0 no-repeat;
}

* html div#contents_title {
	background: url(../images/contents_title_bg.jpg) 0 0 no-repeat;
}


div#contents_title h2 {
	width: 900px;
	height: 379px;
}

div#contents_title ul {
	position: relative;
	margin: -339px 0 0 636px;
}

div#contents_title ul li {
	width: 249px;
	padding: 0 0 6px 0;
	border: 1px solid #388DE5;
	background: #FFF;
	overflow: hidden;
}

* html div#contents_title ul li {
	padding: 0 0 4px 0;
}

*+html div#contents_title ul li {
	padding: 0 0 4px 0;
}

div#contents_title ul li.original_kefia {
	margin-bottom: 20px;
}

div#contents_title ul li dl {
	display: inline-block;
	overflow: hidden;
}

div#contents_title ul li dl dt {
	padding: 0 0 6px 0;
}

div#contents_title ul li dl dd {
	float: left;
	margin: 0 0 0 6px;
	line-height: 0;
}

* html div#contents_title ul li dl dd {
	margin: 0 3px;
}



/* コンテンツスタイル
------------------------------------------------------------- */

div#contents_top {
	height: 18px;
	padding: 0;
	background: url(../images/contents_bg_top.png) 0 0 no-repeat;
}

* html div#contents_top {
	height: 18px;
	background: url(../images/contents_bg_top.jpg) center bottom no-repeat;
}

div#contents {
	padding: 0;
}

div#contents_bottom {
	background: url(../images/contents_bg_bottom.png) 0 0 no-repeat;
}

* html div#contents_bottom {
	background: url(../images/contents_bg_bottom.jpg) center 0 no-repeat;
}


div#main {
	width: 884px;
	margin: 0 18px;
	background: url(../images/contents_bg.jpg) right 0 no-repeat #F3F2E6;
}



/* リード */

div#main div#lead {
	width: 780px;
	margin: 0 52px;
	padding: 32px 0 15px 0;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

div#main div#lead h3 {
	width: 500px;
	height: 80px;
	margin: 0 0 4px 0;
}

div#main div#lead p {
	width: 520px;
	margin: 7px 0 0 5px;
}



/* いつもケフィアヨーグルトが身近にあります */

div#main div#russia {
	width: 780px;
	margin: 20px 52px;
	padding: 0 0 20px 0;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

div#main div#russia img {
	vertical-align: top;
}

div#main div#russia img.image {
	margin-right: 1px;
}

div#main div#russia img.russia_photo {
	margin: 0 7px 0 0;
}

div#main div#russia p {
	margin: 0 0 12px 0;
}

div#main div#russia p.caption {
	width: 205px;
	margin: -80px 0 15px 2px;
	line-height: 1.4;
}


/* 神様の贈り物と呼ばれるワケは黄金バランスにあり！ */

div#main div#balance {
	width: 780px;
	margin: 22px 52px 20px 52px;
	padding: 18px 0 0 0;
	background: url(../../../common/images/contents/dotline.gif) 0 0 repeat-x;
}

div#main div#balance h4 {
	margin-bottom: 12px;
}

div#main div#balance img.image {
	float: left;
	margin: 0 0 0 40px;
}

div#main div#balance p {
	margin: 0 45px 10px 280px;
}

div#main div#balance div {
	clear: both;
	width: 695px;
	margin: 0 40px;
	padding: 10px 0 0 0;
	background: url(../images/grain_bg.jpg) 0 0 no-repeat;
}

div#main div#balance div dl {
	width: 645px;
	padding: 0 25px 10px 25px;
	background: url(../images/grain_bg_bottom.jpg) 0 bottom no-repeat;
	overflow: hidden;
}

* html div#main div#balance div dl {
	width: 695px;
}

div#main div#balance div dl dt {
	float: left;
}

div#main div#balance div dl dd {
	margin: 0 0 0 275px;
}


/* 安心の生活スタイル */

div#main div#handmade {
	width: 780px;
	margin: 0 52px;
}

div#main div#handmade h4 {
	margin-bottom: 8px;
}

div#main div#handmade img.image {
	float: right;
	margin: 0 35px 0 0;
}

div#main div#handmade p {
	width: 450px;
	margin: 0 0 10px 50px;
}

div#main div#handmade p.lead {
	width: 478px;
	margin: 0 0 10px 50px;
}

div#main div#handmade div {
	width: 780px;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	background: url(../images/handmade_step_bg.jpg) 0 0 no-repeat #5D9DCB;
}

div#main div#handmade div ol {
	width: 765px;
	padding: 0 0 10px 15px;
	background: url(../images/handmade_step_bg_bottom.jpg) 0 bottom no-repeat;
	overflow: hidden;
}

* html div#main div#handmade div ol {
	width: 780px;
}

div#main div#handmade div ol li {
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
}

div#main div#handmade div ol li p {
	width: 170px;
	margin: 5px 5px 0 5px;
	color: #FFF;
	line-height: 1.4;
}


/* ワンポイントアドバイス */

div#main div#onepoint {
	width: 780px;
	margin: 25px 52px;
}

div#main div#onepoint h4 {
	margin: 0 0 20px 0;
}

div#main div#onepoint p {
	margin: 0 25px;
}

div#main div#onepoint ol {
	width: 730px;
	margin: 12px 25px;
	background: url(../../../common/images/contents/dotline.gif) 0 0 repeat-x;
}

div#main div#onepoint ol li {
	padding: 5px 5px 8px 5px;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

div#main div#onepoint ol li span {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background: url(../../../common/images/contents/howto_bg.jpg) 0 0 no-repeat;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

div#main div#onepoint ol li p {
	margin: 0 0 0 35px;
	padding: 1px 0 0 0;
}

div#main div#onepoint div {
	width: 780px;
	padding: 15px 0;
	background: #FFF;
}

div#main div#onepoint div  p {
	margin: 0 30px;
}



/* 関連商品 */

div#main div.products {
	width: 780px;
	margin: 0 52px;
}

div#main div.products ul {
	overflow: hidden;
}

* html div#main div.products ul {
	display: inline-block;
}

div#main div.products ul li {
	float: left;
	width: 188px;
	margin: 0 6px 0 0;
	border: 1px solid #388DE5;
	background: #FFF;
}

div#main div.products ul li.products_right {
	margin: 0
}

div#main div.products ul li div.btn_box {
	width: 174px;
	margin: 0 7px;
	padding: 5px 0;
	background: url(../images/dotline.gif) 0 0 repeat-x;
	overflow: hidden;
}

div#main div.products ul li div.btn_box p {
	margin: 0 20px;
}

div#main div.products ul li div.btn_box p.btn_cart {
	margin-top: 3px;
}

/* お支払系の部分 */

#att_bg { 
	font-size:small;
}

#att_bg th {
	border: 1px solid #D6CBA5;
	background-color:#E6E1CC;
	padding:3px 10px;
}

#att_bg td { 
	border: 1px solid #D6CBA5;
	background-color:#FFFFFF;
	padding:3px 10px;
}

.kome {
	margin-left:15px;
	font-size:90%;
}

.teiki {
	padding:5px 0 0;
	font-size:small;
}