@charset "utf-8";

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

/* メインコンテンツ */

div#contents_2column div#main {
	float: left;
	width: 570px;
	margin: 0 0 0 42px;
}

* html div#contents_2column div#main {
	margin: 0 0 0 21px;
}


/* サイドコンテンツ */

div#contents_2column div#side {
	width: 224px;
	margin: 0 0 0 658px;
}

* html div#contents_2column div#side {
	margin: 0 0 0 655px;
}



/* メインイメージ */

div#main_img {
	width: 880px;
	height: 320px;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	background: url(../images/main_img_bg.png) 0 0 no-repeat;
	text-align: left;
	overflow: hidden;
}

* html div#main_img {
	width: 920px;
	height: 330px;
	background: url(../images/main_img_bg.jpg) 0 0 no-repeat;
}

div#main_img div#main_nature {
	position: relative;
	float: right;
	width: 618px;
}

div#main_img div#main_nature a#btn_why,
div#main_img div#main_nature a#btn_shopping {
	display: block;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#main_img div#main_nature a#btn_why {
	position: absolute;
	top: 9px;
	right: 7px;
	width: 159px;
	height: 58px;
	background: url(../images/btn_why.gif) 0 0 no-repeat;
}

div#main_img div#main_nature a#btn_why:hover {
	background: url(../images/btn_why.gif) 0 -58px no-repeat;
}

div#main_img div#main_nature a#btn_shopping {
	position: relative;
	width: 123px;
	height: 31px;
	margin: -38px 0 0 485px;
	background: url(../images/btn_shopping.jpg) 0 0 no-repeat;
}

div#main_img div#main_nature a#btn_shopping:hover {
	background: url(../images/btn_shopping.jpg) 0 -31px no-repeat;
}


/* メインイメージ　1週間お試しセット・オリジナルケフィア */

div#main_img ul li#trial {
	margin: 0 0 9px 0;
}

* html div#main_img ul li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#main_img ul li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}



/* h2のスタイル */

div#main h2,
div#side h2 {
	height: 31px;
	color: #FFF;
	font-size: 115%;
	font-weight: bold;
	line-height: 31px;
}

div#main h2 {
	width: 520px;
	margin: 0 0 18px 0;
	padding: 0 25px;
	background: url(../common/images/contents/title_back_main.gif) 0 0 no-repeat;
}

* html div#main h2 {
	width: 570px;
}

div#side h2 {
	width: 200px;
	margin: 0 0 12px 0;
	padding: 0 12px;
	background: url(../common/images/contents/title_back_side.gif) 0 0 no-repeat;
}

* html div#side h2 {
	width: 224px;
}

div#main h2 span,
div#side h2 span {
	font-size: 80%;
	font-weight: normal;
}


/* 他の●●を見る */

div#main div#campaign p,
div#main div#pickup p,
div#main div#lineup p {
	margin: 0 3px;
	padding: 0 0 1px 0;
	text-align: right;
}

div#main div#campaign p a,
div#main div#pickup p a,
div#main div#lineup p a {
	padding: 1px 0 1px 22px;
	background: url(../common/images/contents/arrow01.gif) 0 center no-repeat;
}



/* メインコンテンツ キャンペーン */

div#main div#campaign {
	margin: 0 0 18px 0;
}

div#main div#campaign ul {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	background: url(../images/dotline.gif) 0 bottom repeat-x;
}

div#main div#campaign ul li {
	margin: 0 25px 8px 25px;
}

div#main div#campaign ul dl {
	width: 520px;
	overflow: hidden;
}

div#main div#campaign ul dl dt {
	float: left;
}

div#main div#campaign ul dl dd {
	margin: 0 0 0 117px;
}



/* メインコンテンツ ケフラン人気商品・おすすめ商品 */

div#main div#pickup {
	margin: 0 0 22px 0;
}

div#main div#pickup dl,
div#main div#lineup dl {
	width: 566px;
	margin: 0 2px 4px 2px;
	padding: 0 0 1px 0;
	background: url(../images/dotline.gif) 0 bottom repeat-x;
}

div#main div#pickup dl dt,
div#main div#lineup dl dt {
	position: relative;
	width: 428px;
	padding: 15px 0 0 138px;
	background: url(../images/dotline.gif) 0 0 repeat-x;
	font-weight: bold;
}

* html div#main div#pickup dl dt,
* html div#main div#lineup dl dt {
	width: 566px;
}

div#main div#pickup dl dt.firstchild,
div#main div#lineup dl dt.firstchild {
	padding-top: 0;
	background: none;
}

div#main div#pickup dl dt img,
div#main div#lineup dl dt img {
	position: absolute;
	top: 9px;
	left: 18px;
	border: 1px solid #CCC;
}

div#main div#pickup dl dt.firstchild img,
div#main div#lineup dl dt.firstchild img {
	top: -6px;
}

* html div#main div#pickup dl dt a:hover,
* html div#main div#lineup dl dt a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div#main div#pickup dl dt a:hover span,
div#main div#lineup dl dt a:hover span {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div#main div#pickup dl dd,
div#main div#lineup dl dd {
	margin: 4px 0 10px 138px;
	min-height: 72px;
}

* html div#main div#pickup dl dd,
* html div#main div#lineup dl dd {
	height: 72px;
}




/* サイド 新着情報 */

div#side div#news ul {
	margin: 0 6px;
	line-height: 1.4;
}

div#side div#news ul li {
	margin: 0 0 7px 0;
}

div#side div#news ul li dl {
	width: 212px;
}


/* サイド はじめての方へ */

div#side div#guide {
	width: 220px;
	margin: 20px 2px 10px 2px;
}

* html div#side div#guide {
	margin-bottom: 26px;
}

*+html div#side div#guide {
	margin-bottom: 26px;
}

div#side div#guide h2 {
	width: 220px;
	height: 56px;
	margin: 0;
	padding: 0;
	background: none;
}

div#side div#guide a {
	display: block;
	position: relative;
	width: 146px;
	height: 28px;
	margin: -38px 37px 0 37px;
	background: url(../images/guide_btn.gif) 0 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

div#side div#guide a:hover {
	background: url(../images/guide_btn.gif) 0 -28px no-repeat;
}



/* サイド 商品情報サイト */

div#side div#special ul {
	width: 220px;
	margin: 0 2px;
}

div#side div#special ul li {
	margin: 0 0 10px 0;
}

* html div#side div#special ul li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#side div#special ul li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}