/*===============================================
  画面の横幅が0px以上
 ===============================================*/

/*レシピ共通*/
body #contentsBox section { padding: 10px 0;}
#contentsBox , div { color:#663300;}
a:link,a:visited{ color:#663300; text-decoration:underline;}

#contentsBox .recipe_box {
    background: url("ceramic_fryingpan/images/race_bg.gif") no-repeat scroll 0 0 #FFFFFF;
    border-radius: 10px; height: auto; margin: 2em auto; padding: 1%; position: relative; color:#663300;
	padding:30px 15px 15px;}

#contentsBox h2,#leftBox h2 { background-image: none; text-align: center; left:auto; height:auto;}
#contentsBox h2,#leftBox h2, #contentsBox #leftBox img { margin:0; padding:0;}
/*レシピインデックス#leftBox { background-color:#F8F1E4; overflow:hidden;}*/



/*各レシピページ*/
#contentsBox .recipe_box h2 { background-image:none;font-size: 18px; padding: 17px 0 35px; }
#contentsBox .recipe_box h3 { background-image:none;}
#contentsBox .recipe_box h4 { background-image: none; border-bottom: 1px dotted #663300; border-top: medium none; margin: 0 0 10px; padding: 0 0 10px;}
#contentsBox .title_icon { display:none; }

#zairyouBox, #makeBox {width: 100%;margin:15px auto;font-size: 13px; color:#330000;} 
#zairyouBox .detail ,#makeBox .detail{ background-image: url("ceramic_fryingpan/images/recipe_bg.gif"); }
#zairyouBox .detail {padding: 15px;}
#zairyouBox .detail p { margin: 15px 0 0;}

#makeBox .detail {padding: 0 15px 15px; }
#makeBox .detail ul li {padding:12px 0; list-style-type:decimal;list-style-position: inside; border-bottom:dotted 1px #AE957B;}

#pointBox img { width:35%}
#pointBox .title { text-align:center; margin-bottom:10px;}

.recipe_box .list li {background-image:url(ceramic_fryingpan/images/recipe_icon.png); background-repeat:no-repeat; padding: 0 0 0 15px; }
/*===============================================
  画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px){
	
	}	

/*===============================================
  画面の横幅が481px以上
===============================================*/
@media screen and (min-width: 481px){
/*#m_cont { margin:0 0 0.5em 0; width:100%; height:auto;}
#leftBox { width:100%; height:800px;}*/
#contentsBox .recipe_box h2 { font-size: 25px; }
#contentsBox h2 { text-align:left;} 
#contentsBox .recipe_box h4 { text-align:left;}
#contentsBox .title_icon { position:absolute; top:0 ; right:0; display:block; }
#zairyouBox { float:left;width: 297px;}
#makeBox { float: right;width: 297px;}

#pointBox {
    background-image: url("ceramic_fryingpan/images/recipe_point.gif");
    background-repeat: no-repeat;
    float: left;
    height: 258px;

    width: 305px;
}
#pointBox .title {display:none}
#pointBox p {
	position:relative;
    padding: 27px;
    top: 35px;
}
}