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

cooking_school  印刷用ページCSS

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

body {
background:#FFFFFF;
}


#main.print {
width:620px;
margin:0 auto;
padding:0;
background:#FFFFFF;
border-left:1px solid #ab9b5e;
border-right:1px solid #ab9b5e;
}

#main.print p {
padding:0 10px;
}

#main.print h1 {
width:620px;
height:45px;
margin:0;
padding:0;
border-top:1px solid #ab9b5e;
}

#main.print h2 {
width:600px;
margin:5px;
padding:5px;
font-size:140%;
text-align:left;
color:#663300;
}

#main.print h3 {
display:inline-table;
clear:both;
width:590px;
margin:20px 0 10px 0;
_margin:0 0 10px 0;
padding:0;
font-size:120%;
text-align:left;
color:#663300;
border-bottom:1px solid #e3d1bd;
position:relative;
}
#main.print h3:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
}
/*Hides from IE-mac/*/
*html h3{height: 1%;}
h3{ display: block;}
/*End Hide from IE-mac*/



#main.print h3 span {
display:block;
float:left;
width:15px;
margin:0;
padding:0;
}

#main.print h3 span.size {
display:block;
width:auto;
margin:2px 0 0 0;
_margin:2px 0 0 9px;
padding:0;
}
*:first-child+html #main.print h3 span.size { /*IE7*/
margin:2px 0 0 15px;
}

#main.print h3 span.choice_imgtype {
	display:block;
	position:relative;
	width:200px;
	margin:0 0 -15px 0;
	text-align:right;
	font-size:80%;
	font-weight:normal;
	left: 380px;
	top: -15px;
}

#main.print div.section {
clear:both;
width:600px;
margin:20px 10px;
padding:0;
}

#main.print div.info_area {
width:600px;
margin:5px 10px;
} 

#main.print div.photo {
float:left;
}

#main.print div.box_info {
float:left;
width:345px;
height:171px;
margin:0 0 0 10px ;
padding:5px;
border:2px solid #e3d1bd;
}

#main.print div.box_info ul {
list-style:none;
margin:0;
padding:0;
}

#main.print div.box_info ul li {
clear:both;
list-style:none;
width:325px;
margin:0 0 0 10px;
padding:0;
}

#main.print div.box_info dl.info_list {
list-style:none;
margin:0;
padding:0;
}

#main.print div.box_info dl.info_list dt {
display:block;
float:left;
width:15px;
margin:5px 0 ;
padding:0;
}

#main.print div.box_info dl.info_list dd {
float:left;
margin:5px 0 ;
padding:0;
}

#main.print div.box_info dl.info_list dd.time {
width:120px;
}

#main.print div.box_info dl.info_list dd.cal {
width:175px;
}
#main.print div.box_info dl.info_list dd.cal span{
margin:0 0 0 5px;
padding:0;
font-size:90%;
}


#main.print div.box_info dl.info_list dd.name {
width:200px;
}

#main.print div.box_info div.box_qr {
clear:left;
float:left;
margin:15px 10px 10px 10px;
padding:5px;
_padding:5px 5px 3px 5px;
border:1px solid #CCCCCC;
}

#main.print div.box_info p.qr_text{
float:left;
width:180px;
margin:17px 0 0 0;
padding:0;
text-align:left;
}

#main.print div.box_info p.qr_text span {
font-size:85%;
line-height:12px;
}

/*　材料　*/

#main.print dl.item_list {	/*材料が短い場合*/
list-style:none;
display:block;
margin:0;
padding:0;
}

#main.print dl.item_list dt {
float:left;
width:147px;
margin:0 0 0 10px;
padding:5px 10px 3px 13px;
border-bottom:1px dotted #CCCCCC;
background:url(/image_cmn/icon_listhead.gif) no-repeat 0px 8px;
}

#main.print dl.item_list dd {
float:left;
width:85px;
margin:0;
padding:5px 10px 3px 10px;
border-bottom:1px dotted #CCCCCC;
}

#main.print dl.item_list_height {	/*材料が2行になる場合の、リスト指定*/
list-style:none;
display:block;
margin:0;
padding:0;
}

#main.print dl.item_list_height dt {	
float:left;
width:147px;
height:30px;
margin:0 0 0 10px;
padding:5px 10px 3px 13px;
border-bottom:1px dotted #CCCCCC;
background:url(/image_cmn/icon_listhead.gif) no-repeat 0px 8px;
}

#main.print dl.item_list_height dd {
float:left;
width:85px;
height:30px;
margin:0;
padding:5px 10px 3px 10px;
border-bottom:1px dotted #CCCCCC;
}

#main.print dl dt.text_long {	/*材料が長い場合(注：<dd>は削除の上、使用のこと)*/
clear:both;
width:537px;
}

/*　準備　*/
#main.print ul.list_pre {
clear:both;
width:560px;
margin:0 10px 0 10px;
_margin:0 10px 0 20px;
padding:0;
list-style:none;
}

#main.print ul.list_pre li {
margin:0;
padding:5px 0 3px 13px;
border-bottom:1px dotted #CCCCCC;
background:url(/image_cmn/icon_listhead.gif) no-repeat 0px 8px;
}


/*　作り方　*/

#main.print div.box_howto {
display:inline-table;
clear:both;
width:550px;
margin:10px 10px 0 15px;
padding:0 0 15px 0;
border-bottom:1px dotted #CCCCCC;
}
.main_area:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
}
/*Hides from IE-mac/*/
*html .box_howto{height: 1%;}
.box_howto{ display: block;}
/*End Hide from IE-mac*/


#main.print div.box_outline {
float:left;
width:400px;
margin:0;
padding:0;
}


#main.print div.box_outline span {
display:block;
float:left;
width:20px;
}

#main.print p.text_inline {
margin:0 0 0 10px;
}

#main.print div.img_howto {
float:right;
width:150px;
margin:0;
}

/* 写真がない場合 */

#main.print div.box_outline_nophoto {
width:550px;
margin:0;
padding:0;
}

#main.print div.box_outline_nophoto span {
display:block;
float:left;
width:20px;
}

#main.print div.box_outline_nophoto p.text_inline {
margin:0 0 0 10px;
}


/* フッター　*/
#main.print p.footer {
display:block;
width:610px;
padding:3px 5px;
color:#ab9b5e;
text-align:right;
border-top:1px solid #ab9b5e;
border-bottom:1px solid #ab9b5e;
} 

#main.print p.footer a {
color:#ab9b5e;
}

#main.print p.footer a:hover {
color:#ab9b5e;
}