@charset "UTF-8";

/* インデックス */
#contents.sindex h2 {
	margin: 0 0 15px;
	padding: 0px;
}


#contents div#news_box {
	float:left;
	width:210px;
	margin:0 12px 0 0;
	padding:45px 0 0;
	background:url(../img/home_images/home_contents_01.jpg) top no-repeat;
}
#contents div#news_box h3 {
	display:none;
}
#contents div#news_box dl {
	margin:0 12px;
	padding:0;
	font-size:12px;
}
#contents div#news_box dt {
	margin:0;
	padding:0;
	font-weight:bold;
}
#contents div#news_box dd {
	margin:0 0 12px;
	padding:0;
}
#contents div#info_box {
	float:left;
	width:456px;
	margin:0;
	padding:45px 0 0;
	background:url(../img/home_images/home_contents_03.jpg) top no-repeat;
}
#contents div#info_box h3 {
	display:none;
}
#contents div#info_box p {
	margin: 0 0 0 12px;
	padding:0;
}
#contents div#info_box hr {
	margin: 12px 12px;
	padding: 0px;
	border-style: dotted none none none;
	border-top-width: 1px;
	border-top-color: #cccccc;
	height: 1px;
}

#contents div#products_box {
	float:right;
	width:210px;
	margin:0;
	padding:0;
}
#contents div#products_box p {
	margin:0 0 12px;
	padding:0;
}
#contents.sindex #tbanner {
	width:900px;
	margin-top:12px;
	padding-top:24px;
	background: url(../img/dotted_long.gif) no-repeat 0px 0px;
	clear:both;
}
#contents.sindex #tbanner p {
	float:left;
}
#contents.sindex #tbanner #banrecipe {
	margin-right:12px;
}
#contents.sindex #tbanner #banpeople {
	float:right;
}


/* こだわりコラーゲン */
#contents.sabout {
	padding-top:10px;
}
#contents.sabout #cintro {
	margin-bottom:20px;
}
#contents.sabout #cintro p,
#contents.sabout #bipro p {
	line-height:18px;
	margin-bottom:10px;
}
#contents.sabout #cintro h2 {
	background: url(../img/title_coll_cintro.gif) no-repeat 0px 0px;
	width:371px;
	height:48px;
	text-indent:-9999px;
}
#contents.sabout #cintro #cmainimg img {
	float:right;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
}
#contents.sabout #cintro img {
	margin-top:17px;
	margin-bottom:13px;
}
#contents.sabout #bipro {
	width:714px;
	background: url(../img/title_coll_bipro.gif) no-repeat 0px 0px;
	padding-top:53px;
	padding-left:20px;
	float:left;
	margin-bottom:10px;
}
#contents.sabout #bipro h3 {
	display:none;
}
#contents.sabout #bipro p {
	margin-bottom:9px;
}
#contents.sabout #bipro img {
	float:left;
	margin-right:30px;
	margin-top:3px;
}
#contents.sabout #bipro img {
	float:left;
	margin-right:30px;
	margin-top:3px;
}
#contents.sabout #bipro p strong {
	font-size:14px;
	line-height:18px;
	color:#95641d;
}
#contents.sabout #shaku {
	float:right;
	width:146px;
}
#contents.sabout #shaku img {
	margin-bottom:4px;
}
#contents.sabout #shaku h3 {
	background: url(../img/title_coll_shaku.gif) no-repeat 0px 0px;
	width:146px;
	height:48px;
	text-indent:-9999px;
	margin-bottom:5px;
}
#contents.sabout #shaku p {
	font-size:10px;
	line-height:14px;
}

#contents.sabout #qa {
	clear:both;
	background-color:#eeeadf;
	border:2px solid #e8cca5;
	margin-left:20px;
	margin-bottom:30px;
	width:840px;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	_padding-bottom:2px;
}
*+html #contents.sabout #qa  {
	padding-bottom:2px;
}
#contents.sabout #qa h3 {
	background: url(../img/title_coll_qa.gif) no-repeat 0px 0px;
	width:153px;
	height:16px;
	text-indent:-9999px;
	margin-bottom:12px;
}
#contents.sabout #qa #qacont {
	width:694px;
	float:left;
}
#contents.sabout #qa #qacont .iq {
	background: url(../img/icon_q.gif) no-repeat 0px 0px;
	padding-left:24px;
	line-height:18px;
	margin-bottom:3px;
	display:block;
}
#contents.sabout #qa #qacont .ia {
	background: url(../img/icon_a.gif) no-repeat 0px 0px;
	padding-left:23px;
	line-height:18px;
	margin-bottom:14px;
	margin-left:1px;
	display:block;
}
#contents.sabout #qa #qaprof {
	width:118px;
	float:right;
}
#contents.sabout #qa #qaprof img {
	margin-bottom:7px;
}
#contents.sabout #qa #qaprof p {
	font-size:10px;
	line-height:14px;
}
#contents.sabout #thpoint {
	width:556px;
	background: url(../img/title_coll_3point.gif) no-repeat 0px 0px;
	padding-top:54px;
	padding-left:20px;
	float:left;
}
#contents.sabout #thpoint h3 {
	display:none;
}
#contents.sabout #thpoint .pointimg {
	float:right;
	display:block;
	margin-bottom:0px;
}
#contents.sabout #thpoint #hosui h4 {
	background: url(../img/title_coll_3point01.gif) no-repeat 0px 0px;
	width:117px;
	height:20px;
	text-indent:-9999px;
	margin-bottom:3px;
}
#contents.sabout #thpoint #sokkou h4 {
	background: url(../img/title_coll_3point02.gif) no-repeat 0px 0px;
	width:119px;
	height:20px;
	text-indent:-9999px;
	margin-bottom:3px;
}
#contents.sabout #thpoint #seni h4 {
	background: url(../img/title_coll_3point03.gif) no-repeat 0px 0px;
	width:120px;
	height:20px;
	text-indent:-9999px;
	margin-bottom:3px;
}
#contents.sabout #thpoint img {
	margin-bottom:8px;
	_margin-bottom:4px;
}
*+html #contents.sabout #thpoint img  {
	margin-bottom:4px;
}
#contents.sabout #thpoint p {
	width:284px;
	margin-bottom:9px;
}
#contents.sabout #thpoint .thcap {
	display:block;
	width:259px;
	height:49px;
	background: url(../img/bg_coll_3point.gif) no-repeat 0px 0px;
	padding-left:12px;
	padding-top:9px;
	padding-right:24px;
	font-size:12px;
	line-height:14px;
	color:#555;
}
#contents.sabout #thpoint #hosui,
#contents.sabout #thpoint #sokkou {
	margin-bottom:20px;
}
#contents.sabout .opoint {
	float:right;
	width:292px;
	background: url(../img/opoint_foot.gif) no-repeat left bottom;
	padding-bottom:13px;
}
#contents.sabout .opoint h4 {
	background: url(../img/title_coll_opoint01.jpg) no-repeat 0px 0px;
	width:292px;
	height:59px;
	text-indent:-9999px;
}
#contents.sabout #same h4 {
	background: url(../img/title_coll_opoint02.jpg) no-repeat 0px 0px;
	width:292px;
	height:59px;
	text-indent:-9999px;
}
#contents.sabout .opoint .opointbody {
	padding-left:16px;
	padding-right:16px;
	background: url(../img/opoint_body.gif) repeat-y 0px 0px;
}
#contents.sabout .opoint .opointbody img {
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}
#contents.sabout #risou {
	margin-bottom:6px;
}


/* プロダクツ */
#contents.products .propre {
	text-align:center;
	display:block;
	padding-top:10px;
	margin-bottom:28px;
}
#contents.products #suhadabi img {
	float:right;
	margin-left:35px;
}
#contents.products #jure #exphoto {
	float:right;
	width:130px;
	margin-left:35px;
}
#contents.products #jure #exphoto img {
	margin-bottom:4px;
}
#contents.products #jure #exphoto p {
	font-size:10px;
	line-height:14px;
}
#contents.products #powder #exphoto {
	float:right;
	width:130px;
	margin-left:0px;
}
#contents.products #powder #exphoto img {
	margin-bottom:4px;
}
#contents.products #powder #exphoto p {
	font-size:10px;
	line-height:14px;
	margin-bottom:0px;
	width:auto;
	margin-left:0px;
}
#contents.products #suhadabi h2 {
	background: url(../img/title_product_suhadabi.gif) no-repeat 0px 0px;
	width:720px;
	height:104px;
	text-indent:-9999px;
	margin-bottom:10px;
}
#contents.products #jure h2 {
	background: url(../img/title_product_jure.gif) no-repeat 0px 0px;
	width:568px;
	height:74px;
	text-indent:-9999px;
	margin-bottom:15px;
}
#contents.products #powder h2 {
	background: url(../img/title_product_powder.gif) no-repeat 0px 0px;
	width:664px;
	height:74px;
	text-indent:-9999px;
	margin-bottom:15px;
}
#contents.products #suhadabi p {
	padding-left:20px;
}
#contents.products #shopping {
	margin-top:25px;
}
#contents.products #shopping #pchuka {

}
#contents.products #shopping .prod img {
	float:left;
	margin-right:20px;
}
#contents.products #shopping .shopdata img {
	margin-bottom:6px;
}
#contents.products #shopping .shopdata p {
	margin-bottom:6px;
}
#contents.products #shopping .shopdata .pale {
	color:#666;
}
#contents.products #shopping #pyuzu {
	padding-bottom:10px;
}

#contents.products #jure #tsubame,
#contents.products #jure #hasu,
#contents.products #jure #annin {
	margin-left:20px;
}
#contents.products #jure #tsubame h3 {
	background: url(../img/title_jure_01.gif) no-repeat 0px 0px;
	width:385px;
	height:19px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#contents.products #jure #tsubame p {
	background: url(../img/fig_jure_01.gif) no-repeat 0px 3px;
	padding-left:56px;
	height:50px;
	margin-bottom:16px;
}
#contents.products #jure #hasu h3 {
	background: url(../img/title_jure_02.gif) no-repeat 0px 0px;
	width:417px;
	height:19px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#contents.products #jure #hasu p {
	background: url(../img/fig_jure_02.gif) no-repeat 0px 3px;
	padding-left:56px;
	height:50px;
	margin-bottom:16px;
}
#contents.products #jure #annin h3 {
	background: url(../img/title_jure_03.gif) no-repeat 0px 0px;
	width:299px;
	height:19px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#contents.products #jure #annin p {
	background: url(../img/fig_jure_03.gif) no-repeat 0px 3px;
	padding-left:56px;
	height:50px;
	margin-bottom:16px;
}
#contents.products #powder #melt h3 {
	background: url(../img/title_powder_01.gif) no-repeat 0px 0px;
	width:289px;
	height:18px;
	text-indent:-9999px;
	margin-bottom:8px;
	margin-left:20px;
}
#contents.products #powder #nature h3 {
	background: url(../img/title_powder_02.gif) no-repeat 0px 0px;
	width:349px;
	height:18px;
	text-indent:-9999px;
	margin-bottom:8px;
	margin-left:20px;
}
#contents.products #powder p {
	margin-bottom:16px;
	width:714px;
	margin-left:20px;
}


/* すはだ美な人々 */
#contents.speople h2 {
	background: url(../img/title_ppm.gif) no-repeat 0px 0px;
	width:476px;
	height:46px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
#contents.speople .chu {
	float:right;
	display:block;
	color:#666;
	margin-top:42px;
}
#contents.speople #peoplefea {
	margin-top:18px;
	float:left;
	margin-bottom:25px;
}
#contents.speople #peoplefea .pfp {
	width:217px;
}
#contents.speople #peoplefea .pcom {
	margin-top:5px;
	_margin-top:2px;
	background: url(../img/bg_ppm_01.gif) no-repeat 0px 0px;
	width:193px;
	height:130px;
	padding-top:22px;
	padding-left:12px;
	padding-right:12px;
}
*+html #contents.speople #peoplefea .pcom {
	margin-top:2px;
}
#contents.speople #peoplefea .pcom2 {
	margin-bottom:5px;
	background: url(../img/bg_ppm_02.gif) no-repeat 0px 0px;
	width:193px;
	height:140px;
	padding-top:12px;
	padding-left:12px;
	padding-right:12px;
}
#contents.speople #peoplefea strong {
	font-weight:bold;
	color:#fa6f09;
	line-height:22px;
}
#contents.speople #peoplefea #obs,
#contents.speople #peoplefea #tjy,
#contents.speople #peoplefea #hase56 {
	margin-right:10px;
}
#contents.speople h3 {
	margin-bottom:25px;
	text-align:center;
}
#contents.speople #peopleano .pan {
	float:left;
	margin-right:12px;
	margin-bottom:20px;
}
#contents.speople #peopleano #iuy,
#contents.speople #peopleano #azm {
	margin-right:0px;
}
#contents.speople #peopleano .pan img {
	margin-bottom:4px;
}

div#hase74 {
	width:900px;
	height:400px;
	margin:24px 0;
	padding:0;
}


/* FAQ */
#contents.sfaq h2 {
	background: url(../img/title_faq.gif) no-repeat 0px 0px;
	width:237px;
	height:36px;
	text-indent:-9999px;
	margin-bottom:20px;
	margin-top:10px;
}
#contents.sfaq #faqcont {
	padding-left:20px;
}
#contents.sfaq #faqcont .iq {
	background: url(../img/icon_q.gif) no-repeat 0px 0px;
	padding-left:24px;
	line-height:18px;
	margin-bottom:6px;
	display:block;
}
#contents.sfaq #faqcont .ia {
	background: url(../img/icon_a.gif) no-repeat 0px 0px;
	padding-left:23px;
	line-height:18px;
	margin-bottom:20px;
	margin-left:1px;
	display:block;
}


/* サイトマップ */
#contents.ssitemap h2 {
	background: url(../img/title_sitemap.gif) no-repeat 0px 0px;
	width:129px;
	height:35px;
	text-indent:-9999px;
	margin-bottom:20px;
	margin-top:10px;
}
#contents.ssitemap #smcont {
	padding-left:20px;
}
#contents.ssitemap #smcont p {
	font-wight:bold;
	background: url(../img/arrow1.gif) no-repeat 0px 3px;
	padding-left:18px;
	margin-bottom:3px;
}
#contents.ssitemap #smcont p a {
	color:#000;
}
#contents.ssitemap #smcont ul {
	margin-left:20px;
	margin-bottom:17px;
}
#contents.ssitemap #smcont li {
	background: url(../img/arrow5.gif) no-repeat 0px 5px;
	padding-left:12px;
	margin-bottom:4px;
}
#contents.ssitemap #smcont b {
	color:#555;
	font-weight:normal;
}


/* レシピ */
#contents.srecipe {
	padding-top:10px;
}
#contents.srecipe #leftp {
	width:430px;
	float:left;
}
#contents.srecipe #leftp h2 {
	background: url(../img/recipe01_title.gif) no-repeat 0px 0px;
	width:218px;
	height:37px;
	text-indent:-9999px;
	margin-bottom:16px;
}
#contents.srecipe #leftp p {
	margin-bottom:18px;
}
#contents.srecipe #leftp #material {
	background: url(../img/title_recipe_material.gif) no-repeat 0px 0px;
	padding-top:52px;
	padding-left:20px;
}
#contents.srecipe #leftp #material p {
	margin-bottom:8px;
}
#contents.srecipe #leftp #material li {
	background: url(../img/dotted.gif) repeat-x left bottom;
	padding-bottom:4px;
	margin-top:4px;
}
#contents.srecipe #leftp #material li .arrow {
	background: url(../img/arrow4.gif) no-repeat 0px 3px;
	padding-left:18px;
}

#contents.srecipe #rightp {
	width:450px;
	float:right;
}
#contents.srecipe #rightp #cook{
	margin-top:4px;
	width:450px;
	background: url(../img/rc_foot.gif) no-repeat left bottom;
	padding-bottom:11px;
}
#contents.srecipe #rightp #cook h3 {
	background: url(../img/rc_head.gif) no-repeat 0px 0px;
	width:450px;
	height:38px;
	text-indent:-9999px;
}
#contents.srecipe #rightp #cook #rcbody {
	padding-left:12px;
	padding-right:12px;
	background: url(../img/rc_body.gif) repeat-y 0px 0px;
	padding-top:12px;
}
#contents.srecipe #rightp #cook #rcbody p {
	line-height:16px;
	padding-bottom:10px;
}
#contents.srecipe #rightp #cook #rcbody .one {
	background: url(../img/cn01.gif) no-repeat 0px 1px;
	margin-left:1px;
	padding-left:25px;
}
#contents.srecipe #rightp #cook #rcbody .two {
	background: url(../img/cn02.gif) no-repeat 0px 1px;
	padding-left:26px;
}
#contents.srecipe #rightp #cook #rcbody .three {
	background: url(../img/cn03.gif) no-repeat 0px 1px;
	margin-left:1px;
	padding-left:25px;
}
#contents.srecipe #rightp #cook #rcbody .four {
	background: url(../img/cn04.gif) no-repeat 0px 1px;
	margin-left:1px;
	padding-left:25px;
}
#contents.srecipe #rightp #cook #rcbody .five {
	background: url(../img/cn05.gif) no-repeat 0px 1px;
	margin-left:2px;
	padding-left:24px;
}
#contents.srecipe #rightp #cook #rcbody .six {
	background: url(../img/cn06.gif) no-repeat 0px 1px;
	padding-left:26px;
}
#contents.srecipe #rightp #cook #rcbody .seven {
	background: url(../img/cn07.gif) no-repeat 0px 1px;
	padding-left:26px;
}
#contents.srecipe #rightp #cook #rcbody .eight {
	background: url(../img/cn08.gif) no-repeat 0px 1px;
	padding-left:26px;
}


/* モニター募集 */
#contents.smonitor h2 {
	background: url(../img/title_monitor.gif) no-repeat 0px 0px;
	width:223px;
	height:39px;
	text-indent:-9999px;
	margin-bottom:20px;
	margin-top:10px;
}


/* キャンペーン */
#contents.scamp h2 {
	background: url(../img/title_camp.gif) no-repeat 0px 0px;
	width:126px;
	height:38px;
	text-indent:-9999px;
	margin-bottom:20px;
	margin-top:10px;
}


/* 201002キャンペーン お試し5本*/
div#cp {
	width:900px;
	height:900px;
	margin:0 0 30px;
	padding:0;
	z-index:2;
}
div#mv {
	position:absolute;
	z-index:1;
	top:590px;
}