@charset "UTF-8";
/* CSS Document */

/*============================
レイアウト変更
==============================*/
body{background:#efefef;}
#body{width:960px;background:url(img/bodyBk01.gif) repeat-y -10px 0;border:none;}

#aside{margin:-60px 0 0 10px;}

#atama{
	width:940px;
	margin-left:10px;border-bottom:none;
	height:190px;
}
#kanban{
	background:url(img/kanbanBk01.gif) repeat-y 180px 0 #1C100F;
	height:30px;
	text-align:right;
	padding:5px;
}
h1{width:180px;height:150px;}
h1 img{margin:5px 10px 0 0;}

#top #atama{
	background:url(img/atamaBK01.jpg) no-repeat 180px 0 #dedede;
	height:390px;
}
#top h1{height:350px;}
#top h1 img{margin-top:20px;}

#top #aside{margin:-210px 0 0 10px;}
#footer{
	width:920px;
	margin:10px 20px 0 20px;
	padding-top:10px;
	background:#fff;
	text-align:center;
	border-top:1px solid #999;}
#footer address{
	text-align:center;
	padding:none;
	line-height:2em;
}
#content{margin:0 5px 0 210px;padding:none;}

#page #body.b1c5 #atama{background:url(img/atamaBK10.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c4 #atama{background:url(img/atamaBK11.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c3 #atama{background:url(img/atamaBK02.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c14 #atama{background:url(img/atamaBK02.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c6 #atama{background:url(img/atamaBK03.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c2 #atama{background:url(img/atamaBK07.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c1 #atama{background:url(img/atamaBK08.jpg) no-repeat 180px 0px #fff;}
#page #body.b1c11 #atama{background:url(img/atamaBK04.jpg) no-repeat 180px 0px #fff;}

#page #body.b1c5 h2.itemTitle span.txt,
#page #body.b1c4 h2.itemTitle span.txt,
#page #body.b1c6 h2.itemTitle span.txt,
#page #body.b1c2 h2.itemTitle span.txt,
#page #body.b1c1 h2.itemTitle span.txt,
#page #body.b1c11 h2.itemTitle span.txt{
	font-size:12pt;
	padding:0 0 0 40px;
	border:none;
}

#page #body.b1c5 h2.itemTitle span.txt{background:url(img/h2c5bk.gif) no-repeat #fff;color:#000;}
#page #body.b1c4 h2.itemTitle span.txt{background:url(img/h2c4bk.gif) no-repeat #fff;color:#000;}
#page #body.b1c6 h2.itemTitle span.txt{background:url(img/h2c6bk.gif) no-repeat #fff;color:#000;}
#page #body.b1c2 h2.itemTitle span.txt{background:url(img/h2c2bk.gif) no-repeat #fff;color:#000;}
#page #body.b1c1 h2.itemTitle span.txt{background:url(img/h2c1bk.gif) no-repeat #fff;color:#000;}
#page #body.b1c11 h2.itemTitle span.txt{background:url(img/h2c11bk.gif) no-repeat #fff;color:#000;}

/*============================
トップページのリスト部分編集中
==============================*/
.coment{margin-bottom:40px;}
.coment ul,.coment ol{margin:0 0 20px 40px;}
.coment p{margin:0 0 20px 20px;}

.kiji{margin-bottom:40px;}
.kiji,.kiji *{font-size:1em;line-height:20px;}


/*トップページのニュースリスト*/
.coment dl{margin:0 0 1em 20px;border-bottom:1px #666 dotted;}
.coment dl dt.itemTitle a{font-weight:bold;}
.coment dl dt.itemTitle span a{font-weight:normal;}
.coment dl dt.itemTitle .date{font-size:80%;line-height:1em}
.coment dl dd{margin:0 0 0 10px;}


.coment .kijiList dl{border:none;}
.coment .kijiList dl dt{
	margin-left:-20px;
	padding-left:15px;
/*	background:url("img/midasiBK01.gif") no-repeat 0px 0px #fff3e6;*/
	background:url("img/midasiBK01.gif") no-repeat 0px 0px #fff;
	border-bottom:1px solid #ccbbbb;
}
.coment .kijiList dl dt.itemTitle span{
	margin-left:10px;
}
.coment .kijiList dl dt.itemTitle a{
	color:#333;
	font-weight:bold;
}
.coment .kijiList dl dt.itemTitle a:hover{
	color:#f00;
}
.coment .kijiList dl dt.itemTitle span a{font-weight:normal;}
.coment .kijiList dl dt.itemTitle span.catNam{display:none}
.coment .kijiList dl dt.itemTitle .date{
	font-size:80%;
	line-height:1.8em;
}

.coment .kijiList dl dd{margin:0;}

#top h3,#page h3{
	height:18px;
	font-size:11pt;
	padding:0 0 2px 15px;
	background:url("img/midasiBK01.gif") no-repeat 0px 0px #fff;
	border:none;
	border-bottom:1px solid #ccbbbb;
}
/*マカロンインタビューの設定*/
#page #body.b1c11 h3{
	height:18px;
	padding:1px;
	background:none;
	border:2px solid #ccbbbb;
}
#page #body.b1c11 h3 span.txt{
	line-height:18px;
	display:block;
	padding:0 0 0 10px;
	border-left:1em solid #c33;
}
#page #body.b1c11 .patComent{/*パテシエのコメント*/
	border:1px dotted #999;
	background:#fffff6;
	margin:20px 20px 20px 50px;
	padding:10px;
}
#page #body.b1c11 .patComent dt{
	font-weight:bold;
	color:#c00;
	border-bottom:1px #999 solid;
}
#page #body.b1c11 .patComent dd{
	color:#000;
}



/*============================
右コラム
==============================*/
#top #content{
}
#topWaki{
	width:150px;
	float:right;
	margin:0 0 0 20px;
	padding:0 0 0 10px;
	border-left:1px dotted #ccc;
}
#topWaki dl{
	border-top:1px dotted #ccc;
	margin-bottom:20px;
}
#topWaki dl dt,#topWaki dl dd{
	border-bottom:1px dotted #ccc;
	padding-left:20px;
}
#topWaki dl dt{
	background:url(img/topMark01.gif) no-repeat 4px 6px;
	font-weight:bold;
}
#top #content .coment{
	width:500px;
}


/*============================
　アサイドメニュー
==============================*/

#aside{
	background:url(img/asideBk01.gif) no-repeat 0 0;
	margin-bottom:20px;
	padding-top:20px;
}
#aside dl{
	background-color:#1C100F;
	padding-bottom:20px;
	border:none;
}
#aside dl dt,#aside dl dd{
	height:30px;
	margin:0;
	border:none;
}
#aside dl dt a,#aside dl dd a{
	display:block;
	height:30px;
	line-height:20px;
	border:none;
	border-right:1px solid #1C100F;
	font-size:10pt;
	color:#e3e3e3;
}
#aside dl dt a{
	background:url(img/asideDtBk001.gif) no-repeat;
	padding:10px 0 0 20px;
}
#aside dl dt a:hover{background:url(img/asideDtBk002.gif) no-repeat;}
#aside dl dt,#aside dl dt a strong{color:#e3e3e3;}
#aside dl dt a:hover,#aside dl dt a:hover strong{color:#fff;}
#aside dl dt.ima a{background:url(img/asideDtBk003.gif) no-repeat;}
#aside dl dd a{
	background:url(img/asideDtBk006.gif) no-repeat;
	padding:10px 0 0 30px;
	overflow:hidden;
	white-space:nowrap
}
#aside dl dd a:hover,#aside dl dd.ima a{background:url(img/asideDtBk005.gif) no-repeat;}
#aside dl dd a,#aside dl dd.ima a{font-weight:normal;color:#e3e3e3;}
#aside dl dd a:hover{color:#fff}
#aside dl dt a span.desc,#aside dl dt a span.kage{display:none;}


#aside .nabiUe,
#aside .nabiSita{
	background-color:#1C100F;
	margin:0;
	padding:0 0 10px 0;
}
#aside .nabiUe img{
	margin:0 0 5px 0;
}

#aside .nabiSita{
	padding:0;
}
#aside .nabiSita img{
	margin:0;
}

/*============================
　マカロンメニュー
==============================*/

.coment dl.macaronMenu{
	border-top:1px #dedede solid;
	border-bottom:1px #efefef solid;
	margin-bottom:3px;
	background:#f6f6ff;
}
.coment dl.macaronMenu dt{
	border-bottom:1px #dedede solid;padding:0;
	font-weight:bold;
	color:#000;
	background:url(img/dtBk0.gif) repeat-x 0 -22px #fff;
}
.coment dl.macaronMenu dt a{
	padding:2px 0 0 3px;
	font-weight:bold;
	color:#000;
	display:block;
	background:url(img/dtBk0.gif) repeat-x 0 -22px #fff;
}
.coment dl.macaronMenu dd{margin:2px 2px 2px 5px;}
.coment dl.macaronMenu dd,
.coment dl.macaronMenu dd a{color:#000;}
.coment dl.macaronMenu dt a:hover{
	background:url(img/dtBk0.gif) repeat-x 0 -25px #fff;
	color:#c00;
}
.coment dl.macaronMenu dd a:hover{color:#c00;}

/*============================
　追加レイアウト（幅指定）
==============================*/

.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}

.tobox{margin-right:50px;}


/*===============
追加レイアウト（写真リスト）
===============*/
.hnm_plist {height:210px}
.hnm_plist img{width:250px;height:200px;float:left;margin:5px 5px 5px 20px;}
.hnm_plist dl{height:150px;}
.hnm_plist dt{font-weight:bold;border-bottom:1px solid #8b0000;color:#000;letter-spacing:0.2em;}
.hnm_plist dd.moreLink{text-align:right;}
.hnm_plist dd.moreLink a{color:#8b0000;font-weight:bold;}
.hnm_plist dd.moreLink a:hover{color:#cc0000;}

/*===============
トップページのマカロンリンク
===============*/
#macarons_top td{
	text-align:center;
	padding:0 2px;
}
#macarons_top td p{
	padding:5px;
	background:#ffffe0;
	line-height:1.3em;
	font-size:0.9em;
	text-align:left;
}
#macarons_top .macaronBut01{
	margin:0 auto;
}
#macarons_top .macaronBut01 a{
	display:block;
	width:75px;
	height:18px;
	background:url('img/macaronBut01.gif') no-repeat ;
	float:left;
}
#macarons_top .macaronBut01 a.desc{background-position:0 0;}
#macarons_top .macaronBut01 a:hover.desc{background-position:0 -18px;}
#macarons_top .macaronBut01 a.buy{background-position:-75px 0;}
#macarons_top .macaronBut01 a:hover.buy{background-position:-75px -18px;}


/*===============
材料セットの価格表
===============*/
table.zairyouSet txtR{text-align:right;}
table.zairyouSet txtL{text-align:left;}
table.zairyouSet txtC{text-align:center;}

table.zairyouSet caption{font-weight:bold;}
table.zairyouSet .small{font-weight:normal;margin-left:5px;}
table.zairyouSet th{padding:3px 6px;}
table.zairyouSet th .small{font-weight:normal;}
table.zairyouSet td{padding:3px 6px;background-color:#dedede;}
table.zairyouSet tr.koumoku th{background-color:#6c3524;color:#efefef;}

table.zairyouSet tr.L01 th{background:#4DB4D9;}
table.zairyouSet tr.L03 th{background:#78CA9B;}
table.zairyouSet tr.L05 th{background:#FFF04D;}
table.zairyouSet tr.L07 th{background:#F2964D;}

table.zairyouSet tr.L01 td{background:#D6EEF6;}
table.zairyouSet tr.L03 td{background:#E0F3E8;}
table.zairyouSet tr.L05 td{background:#FFFCD6;}
table.zairyouSet tr.L07 td{background:#FCE7D6;}

table.zairyouSet tr.L02 td{background:#99D4E9;}
table.zairyouSet tr.L04 td{background:#B2E1C6;}
table.zairyouSet tr.L06 td{background:#FFF799;}
table.zairyouSet tr.L08 td{background:#F7C399;}

table.zairyouSet tr.L01 th,table.zairyouSet tr.L01 td,table.zairyouSet tr.L02 td{border:1px solid #4DB4D9;border-width:0 1px 1px 0;}
table.zairyouSet tr.L03 th,table.zairyouSet tr.L03 td,table.zairyouSet tr.L04 td{border:1px solid #78CA9B;border-width:0 1px 1px 0;}
table.zairyouSet tr.L05 th,table.zairyouSet tr.L05 td,table.zairyouSet tr.L06 td{border:1px solid #FFF04D;border-width:0 1px 1px 0;}
table.zairyouSet tr.L07 th,table.zairyouSet tr.L07 td,table.zairyouSet tr.L08 td{border:1px solid #F2964D;border-width:0 1px 1px 0;}

table.zairyouSet tr.L01 td.soryo1{background:#BCE3E0;border:1px solid #78CA9B;border-width:0 1px 1px 0;}
table.zairyouSet tr.L05 td.soryo2{background:#FCE4B4;border:1px solid #F2964D;border-width:0 1px 1px 0;}
