@charset "utf-8";
/*##################################################
-------------LIST-------------
 00: Base
 01: left menu
 02: main
 --: clearfix
------------------------------
##################################################*/

/* --------------------------------------------------
 00: Base
 -------------------------------------------------- */

/* --見出し-- */
h1	{
	background:url(../images/h1_img.jpg) no-repeat;
}
.main_tit p{/*レシピページのみ*/
	top:13px;
	width: 420px;
}
/* --コンテンツ枠組み-- */
div#recipe-menu {
	float:left;
	width:170px;
	margin: 0;
}
div#recipe-main, 
div#archive-main{
	float:right;
	width:535px;
	margin: 0;
}
div#recipe-main div.alpha{
	float:left;
	width: 320px;
}
div#recipe-main div.beta{
	float:right;
	width: 180px;
}

/* --共通-- */
a:hover{
	text-decoration: underline;
}
p#pagetop{
	margin: 0 0 10px 0;
	padding:0;
}

/* --------------------------------------------------
 01: left menu
 -------------------------------------------------- */
div#recipe-menu {
	font-size:10px;
	line-height: 15px;
}
div#recipe-menu h3{
	margin: 0 0 7px 0;
}
div#recipe-menu dl{
	background: #f8f6f2;
	border:1px solid #cfc6b8;
	padding: 7px 8px 7px 8px;
	margin: 0 0 15px 0;
}
div#recipe-menu dl dt{
	background:url(../images/side_prof_img.gif) 0 0 no-repeat;
	padding: 2px 0 0 13px;
	font-size: 12px;
	line-height: 110%;
}
div#recipe-menu dl dt strong{
	font-weight:bold;	
}
div#recipe-menu dl dd{
	color: #6c5437;
	margin: 6px 0 0 0;
	text-align:justify;
	text-justify: inter-ideograph;
}
div#recipe-menu div.archive{
/*	margin:15px 0 0 0;*/
}
div#recipe-menu div.archive ul li{
	background:url(../images/side_archive_listmark.gif) 8px 5px no-repeat;
	padding: 0 0 0 17px;
}
div#recipe-menu div.archive ul li a{
	color:#6c5437;
}
div#recipe-menu div.archive p {
	text-align: right;
	margin:4px 0 0 0;
}
div#recipe-menu div.archive p a{
	background:url(../images/side_archive_listmark.gif) 0 2px no-repeat;
	color:#3a5b48;
	padding: 0 0 0 10px;
}

/* --------------------------------------------------
 02: main
 -------------------------------------------------- */
div#recipe-main p.update{
	color: #fe7800;
}
div#recipe-main h2{
	font-size: 20px;
	font-weight:bold;
	line-height: 120%;
	color: #730512;
	padding: 0 140px 5px 0;
}
div#recipe-main h2.simon{
	background:url(../images/recette_par_simon.gif) right bottom no-repeat;
}
div#recipe-main h2.olivier{
	background:url(../images/recette_par_olivier.gif) right bottom no-repeat;
}
div#recipe-main div.alpha,
div#recipe-main div.beta {
	padding: 30px 0 80px 0;
}
/* 真ん中 */
div#recipe-main div.alpha h3{
	background:url(../images/recette_tit.gif) 0 0 no-repeat;
	margin:30px 0 10px 0;
	text-indent: -9999px;
}
div#recipe-main div.alpha table td#recette-left{
	padding: 0;
	vertical-align:top;
}
div#recipe-main div.alpha table td#recette-right{
	vertical-align:top;
	font-size: 85%;
	width: 120px;
}
div#recipe-main div.alpha table td#recette-right p.ex-photo{
	text-align:center;
	width: 120px;
	background: #e8e8e8;
}
div#recipe-main div.alpha table td#recette-right p.ex-text{
	text-align:left;
	width: 120px;
	background: #fff;
	line-height: 120%;
	padding: 3px 0 0 0;
}
div#recipe-main div.alpha h5{
	background: #f4f0ea;
	color:#6d5538;
	font-weight: bold;
	margin:0 0 5px 0;
	padding: 2px 0 2px 5px;
}
div#recipe-main div.alpha ol {
	padding:0 10px 20px 0;
}
div#recipe-main div.alpha ol li span{
	color:#ff7800;
	font-family:"Osaka";
}
div#recipe-main div.alpha ol li{
	padding: 0 0 8px 0;
}
div#recipe-main div.alpha h4{
	background:url(../images/point_tit.gif) 0 0 no-repeat;
	margin: 0 0 0 0;
	text-indent: -9999px;
}
div#recipe-main div.alpha ul{
	background:url(../images/point_btm.gif) left bottom repeat-x;
	padding: 5px 0 15px 0;
	margin: 0 0 20px 0;
}
div#recipe-main div.alpha ul li{
	background:url(../images/point_listmark.gif) 2px 7px no-repeat;
	list-style:none;
	padding:0 0 0 10px;
}
div#recipe-main div.alpha div.recipe-navi {
	width: 320px;
}
div#recipe-main div.alpha div.recipe-navi p#back-navi{
	float:left;
	width: 120px;
}
div#recipe-main div.alpha div.recipe-navi p#next-navi{
	float:right;
	width: 120px;
	text-align:right;
}
div#recipe-main div.alpha div.recipe-navi p#back-navi a,
div#recipe-main div.alpha div.recipe-navi p#next-navi a{
	font-size: 12px;
	color: #3f7d59;
}
div#recipe-main div.alpha div.recipe-navi p#back-navi a:hover,
div#recipe-main div.alpha div.recipe-navi p#next-navi a:hover{
	color: #55a878;
}
/* 右側 */
div#recipe-main div.beta p#main-photo{
	text-align: center;
	padding:4px 0;
	background: #fff;
	border:1px solid #d7d2cb;
}
div#recipe-main div.beta h3{
	margin:10px 0 0 0;
}
div#recipe-main div.beta ul{
	background:url(../images/ingred_btm.gif) 0 bottom no-repeat #f4f0ea;
	padding: 10px 10px 20px 8px;
	color: #6d5538;
}
div#recipe-main div.beta ul li {
	background:url(../images/used_listmark.gif) 5px 8px no-repeat;
	padding:0 0 0 12px;
}
div#recipe-main div.beta ul li.used-pan {
	background:url(../images/used_pan_bg.gif) 0 bottom repeat-x;
	padding:0;
}
div#recipe-main div.beta ul li.recette-name {
	font-weight:bold;
	padding:0;
	background: none;
	margin: 3px 0;
	background:#e9e2d7;
	font-size:85%;
}
div#recipe-main div.beta ul li a{
	background:url(../images/used_listmark_pan.gif) 5px 8px no-repeat;
	display:block;
	color:#ff7800;
	margin:0 0 5px 0;
	padding: 0 0 5px 12px;
}
div#recipe-main div.beta p{
	text-align:right;
	font-size: 10px;
	color:#6d5538;
}
/* --------------------------------------------------
 03: archives
 -------------------------------------------------- */
div#archive-main h2{
	background:url(../images/title_bg.gif) 0 bottom no-repeat;
	font-size: 20px;
	font-weight:bold;
	line-height: 120%;
	color: #730512;
	padding: 0 0 5px 0;
}
div.archive-block{
	float: left;
	padding: 25px 0 0 20px;
}
div.archive-block p.archive-name{
	color:#6c5437;
	line-height: 130%;
	margin:0 0 3px 0;
	width: 230px;
}
div.archive-block p.archive-name a span{
	color:#ff7800;
}
div.archive-block p.archive-name a{
	color:#6c5437;
}
div.archive-block p.archive-photo{
	text-align: left;
	background: #fff;
}
div.archive-block p.archive-photo img{
	padding: 4px;
	border:1px solid #d7d2cb;
}
table.recipe-arch-navi{
	margin: 0 85px 35px 225px;
	width: 430px;
}
table.recipe-arch-navi th{
	text-align: left;
}
table.recipe-arch-navi td{
	text-align: right;
}
table.recipe-arch-navi th a,
table.recipe-arch-navi td a{
	color: #333;
}

/* --------------------------------------------------
 --: ClearFix
-------------------------------------------------- */
/* for Win IE */
div#recipe-main,
div.alpha,
div#archive-main,
div.recipe-navi
	{zoom:1;}
/* for IE5 Mac start ¥*//*/
div#recipe-main,
div.alpha,
div#archive-main,
div.recipe-navi
 	{display:inline-table;}
/*for IE5 Mac end */
div#recipe-main:after,
div.alpha:after,
div#archive-main:after,
div.recipe-navi:after
	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}