@charset "shift_jis";
@import url(../share/css/default.css);

/*=========================================

中面　材料

========================================*/

/*----------------------------------------------------

			共通部分

-----------------------------------------------------*/

body div#document div#titlemate h2 ,
body div#document div#matecontent h3 ,
body div#document div#makecontent h3 {
display:none;
padding:0;
margin:0;
}


/*------------------------------------------------------

            タイトル（料理名）部分
			
		　　材料、作り方両ページ適応

-------------------------------------------------------*/


body div#document div#titlemate {
background:url(image/title02.gif) no-repeat top left;
width:620px;
height:125px;
margin:20px 0 0 0;
}




/*------------------------------------------------------

            材料（四人分）タイトル部分

-------------------------------------------------------*/


body div#document div#matecontent {
background:url(../share/images/btn_03.gif) no-repeat top left;
width:121px;
height:34px;
}


/*----------------------------------------------------------

				材料（内容部分）

------------------------------------------------------------*/

body div#document div.textbox {
border:1px solid #cccccc;
text-align:center;
padding:10px 25px;
}

body div#document div.textbox table tr td.borderright {
border-right:1px dashed #cccccc;
text-align:left;
}


/*Mac IEでは幅を設定しないと中心がずれてしまうので*/
/*============css hack MacIEのみ適応====================*/

/*\*//*/
body div#document div.textbox table tr td.borderright {
width:310px;
}
/**/

/*======================================================*/



body div#document div.textbox table tr td table tr td{
text-align:left;
font-size:12px;
padding:10px 2px;
line-height:100%;
}

body div#document div.textbox table tr td table tr td.right ,
body div#document div.textbox table tr td table tr td.smallright{
text-align:right;
}

body div#document div.textbox table tr td table tr td.small ,
body div#document div.textbox table tr td table tr td.smallright {
line-height:100%;
padding:5px 2px;
}

body div#document div.textbox table tr td table.mateleft td.ten ,
body div#document div.textbox table tr td table.materight td.ten {
background-image:url(../share/images/ten.gif);
background-position:14px right;
background-repeat:no-repeat;
}


body div#document div.textbox table tr td table.mateleft ,
body div#document div.textbox table tr td table.materight {
width:260px;
}

/*Mac IEで幅のサイズが違ったため*/
/*============css hack MacIEのみ適応====================*/

/*\*//*/
body div#document div.textbox table tr td table.mateleft ,
body div#document div.textbox table tr td table.materight {
width:230px;
}
body div#document div.textbox table tr td table.materight {
margin-left:50px;
}

/**/

/*======================================================*/




/*------------------------------------------------------

			作り方（ページ）へのリンク
			ページを閉じるの設定
			
			ここは、両ページ適応

-------------------------------------------------------*/


body div#document p.nextpage {
width:620px;
text-align:right;
margin:0;
padding:0;
}

body div#document p.close {
margin:0;
padding:0;
}




/*=========================================

中面　作り方

========================================*/


body div#document div#makecontent {
background:url(../share/images/btn_06.gif) no-repeat top left;
height:34px;
}

body div#document table.make {
margin:0 0 0 0;
border:1px solid #cccccc;
}

body div#document table.make tr th {
padding:19px 10px 0 20px;
} 

body div#document table.make tr td {
font-size:14px;
color:#333333;
line-height:160%;
padding:18px 20px 15px 0;
margin:0;
}

body div#document table.make tr td table.point {
background-color:#FCF9EF;
border:1px solid #eeeeee;
width:100%;
margin:15px 0 0 0; 
}

body div#document table.make tr td table.point ,
body div#document table.make tr td table.point tr td{
font-size:14px;
padding:15px;
}