@charset "Shift_JIS";

/* おいしい自信作
--------------------------------------------------------------------
1. トップ
2. 商品詳細
3. 商品情報CMのご紹介
4. 皆様からのメッセージ
--------------------------------------------------------------------*/


/* 1. トップ
--------------------------------------------------------------------*/
.top-lead{
	width:940px;
	text-align:center;
	padding-top:30px;
}


#top-list{
	padding-left:100px;
}
#top-list ul li{
	float:left;
	width:275px;
	text-align:left;
}
#top-list ul li p{
	width:210px;
	text-align:center;
}

#top-link {
	margin-left:105px;
}

#top-link ul li{
	float:left;
	width:375px;
	text-align:center;
	padding-top:30px;
}


/* 2. 商品詳細
--------------------------------------------------------------------*/
.detail-subt h3{
	float:left;
}
.detail-subt ul li{
	float:left;
}



/* 商品説明
-------------------------------- */
.detail-box{
	width:940px;
}
/* ▼IE6用 */
* html div.detail-box{
	width:941px;
}
/* ▲IE6用 */
.detail-box div.boxl{
	float:left;
	width:570px;
}
.detail-box div.boxr{
	float:left;
	width:370px;
}


/* 私のもうひとつの味
-------------------------------- */
.detail-another-subt{
	padding-top:30px;
}
.detail-another-box{
	width:900px;
	margin:0px 20px;
	padding:25px 0px 15px 0px;
}
.detail-another-box div.boxl{
	float:left;
	width:330px;
}
.detail-another-box div.boxr{
	float:right;
	width:540px;
}
.detail-another-box div.boxr p.txt{
	padding-top:7px;
}
.detail-another-box div.boxr p.ex{
	padding-top:7px;
}
.detail-another-box div.boxr p.ex span.blue{color:#003377;}
.detail-another-box div.boxr p.ex span.camel{color:#dfc393;}
.detail-another-box div.boxr p.ex span.green{color:#758d07;}
.detail-another-box div.boxr p.ex span.green2{color:#96d5ce;}



/* 3. CM
--------------------------------------------------------------------*/
#cm-ctsbox{
	width:940px;
	padding-top:30px;
}

#cm-ctsbox div.box-l{
	float:left;
	width:340px;
}
#cm-ctsbox div.box-r{
	float:right;
	width:540px;
}

#cm-ctsbox div.box-r p.txt{
	padding-right:20px;
}
#cm-ctsbox div.box-r p.image{
	padding-top:20px;
}
#cm-ctsbox div.box-r p.btn{
	width:540px;
	text-align:center;
	padding-top:14px;
}


#cm-ctsbox div.box-r div.detailbox{
	width:540px;
	border-top:#DADADA 1px solid;
	margin-top:26px;
}
#cm-ctsbox div.box-r div.detailbox div.box-l{
	float:left;
	width:180px;
	padding-top:18px;
}
#cm-ctsbox div.box-r div.detailbox div.box-r{
	float:right;
	width:360px;
	padding-top:18px;
}
#cm-ctsbox div.box-r div.detailbox div.box-r strong{
	line-height:150%;
}

#cm-ctsbox div.box-r div.detailbox div.box-r div.casterbox{
	width:273px;
	margin-top:10px;
	padding-top:10px;
	background:url("../product/cm/img/line_dot.gif") left top no-repeat;
}
#cm-ctsbox div.box-r div.detailbox div.box-r div.casterbox p.box-l{
	float:left;
	width:50px;
}
#cm-ctsbox div.box-r div.detailbox div.box-r div.casterbox p.box-r{
	float:right;
	width:209px;
	padding-top:5px;
}



/* 4. 皆様からのメッセージ
--------------------------------------------------------------------*/
/* 大枠
-------------------------------- */
#wrapper-pop{
	width:630px;
	margin:0px auto;
	text-align:center;
}


/* メイン
-------------------------------- */
#main-pop{
	width:560px;
	margin:0px auto;
	text-align:left;
}
#main-pop div.msgbox div{
	width:560px;
	border-bottom:#dadada 1px solid;
	padding:10px 0px;
}
#main-pop div.msgbox div p{
	padding-left:1em;
	text-indent:-1em;
}
#main-pop div.msgbox p span{
	color: #003377;
}

#main-pop p.txt-msg{
	width:560px;
	text-align:center;
	padding-top:25px;
}



/* フッター
-------------------------------- */
#footer-pop{
	width:560px;
	margin:0px auto;
	text-align:left;
	padding:15px 0px 15px 0px;
}
#footer-pop p.btn{
	width:560px;
	text-align:right;
	padding-top:10px;
}