@charset "utf-8";
/* CSS Document */

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ 基本設定 －－－－－－－－－－－－－－－－－－－－－－－－－－－*/


#wrap #recipe{
	float:right;
	width:735px;
	background-image:url(../recipe/img/houganyoshi_bg.jpg);
	background-repeat:repeat-y;
	font-size:16px;
	}

#wrap .recipe_box{
	padding-left:20px;
	padding-right:20px;
	}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ メニューバー設定 －－－－－－－－－－－－－－－－－－－－－－－－－－－*/

body {
    position: relative;
    right: 0;
    overflow-x: hidden;
	}

#button{
  position: fixed;
  background:#C90;
	top:30px;
  left: 30px;
 	width: 240px;
	border:none;
 	height: 50px;
	text-align:center;
  font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

  
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}

#button:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
	}

#slide_menu ul li{
	width:220px;
	padding-left:20px;
	height:45px;	
	}


#slide_menu ul li a{
	color:#ffffff;
	display:block;
	height:45px;
	line-height:45px;
	background:#C90;		
	}

#slide_menu ul li a:hover{
	background: #F30;		
	}

#slide_menu{
    position: fixed;
    top: 0;
    right: -240px;
    width: 240px;
    height: 100%;
    background:#C90;
	}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ リンク位置調整 －－－－－－－－－－－－－－－－－－－－－－－－－－－*/

#recipe01,#recipe02,#recipe03,#recipe04,#recipe05,#recipe06,#recipe07,#recipe08,#recipe09,#recipe10,#recipe11,#recipe12,#recipe13,#recipe14,#recipe15,#recipe17,#recipe18,#recipe19,#recipe20{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}


/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ HOW　TO 番号 －－－－－－－－－－－－－－－－－－－－－－－－－－－*/


.how_to {
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}
.how_to > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 2.5em;
}
.how_to > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: 0;
 width: 1.8em;
 height: 1.8em;
 background:#774509;
 border-radius: 50px;
 color: #fff;
 line-height: 1.8;
 text-align: center;
}


/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ タイトル －－－－－－－－－－－－－－－－－－－－－－－－－－－*/

#wrap #recipe h1{
	width:735px;
	height:222px;
	margin:0px;
	border-top:10px solid #FFF;
	border-bottom:21px  solid #FFF;
	}

#wrap #recipe h2{
	padding-left:100px;
	height:60px;
	margin-bottom:0px;
	line-height:50px;
	background-image:url(../recipe/img/recipe_title.png);
	color:#ffffff;
	}

#wrap #recipe .b_font{
	margin-top:10px;
	margin-bottom:5px;
	color:#774509;
	clear:both;
	font-size:18px;
	}

.tips{
	width:285px;
	border-bottom:2px dotted #FF99CC;
	margin-top:10px;
	margin-bottom:5px;
	color:#FF99CC;
	clear:both;
	font-size:18px;	
	}


/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ レフト －－－－－－－－－－－－－－－－－－－－－－－－－－－*/

#wrap #recipe .recipe_leftbox{
	width:400px;
	float:left;
	}


#wrap #recipe .recipe_leftbox dl dt{
	width:130px;
	padding:5px;
	color:#ffffff;
	background-color:#db622b;
  border-radius: 20px;        /* CSS3草案 */  
 -webkit-border-radius:20px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:20px;   /* Firefox用 */  
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;
	}

#wrap #recipe .recipe_leftbox dl dt.time{
	width:80px;	
	float:left;
	}

#wrap #recipe .recipe_leftbox dl dd{
	width:90px;
	margin-left:0px;
	padding-top:3px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	float:left;
	}

#wrap #recipe .recipe_leftbox p:nth-of-type(2){
	padding-top:20px;
	clear:both;
	font-size:15px;
	}

#wrap #recipe .recipe_leftbox dl dt.point{
	width:90px;
	padding:5px;
	color:#ffffff;
	background-color:#FF99CC;
  border-radius: 20px;        /* CSS3草案 */  
 -webkit-border-radius:20px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:20px;   /* Firefox用 */  
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;	
	}

#wrap #recipe .recipe_leftbox dl dd.point_text{
	width:290px;
	padding-left:10px;
	padding-bottom:15px;
	font-size:16px;	
	font-weight:normal;
	text-align:left;
	}	


/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ ライト －－－－－－－－－－－－－－－－－－－－－－－－－－－*/

#wrap #recipe .recipe_rightbox{
	width:285px;
	padding-left:9px;
	float:right;
	}

#wrap #recipe .recipe_rightbox dl.zairyou{
	padding-bottom:30px;
	}

#wrap #recipe .recipe_rightbox dl dt{
	width:80px;
	padding:0px;
	color:#774509;
	border:2px solid #774509;
  border-radius: 8px;        /* CSS3草案 */  
 -webkit-border-radius:8px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:8px;   /* Firefox用 */  
	font-size:20px;
	font-weight:bold;
	text-align:center;
	float:left;
	}

#wrap #recipe .recipe_rightbox dl dd{
	width:90px;
	margin-left:0px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	float:left;
	}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ ボトム －－－－－－－－－－－－－－－－－－－－－－－－－－－*/

#wrap #recipe .recipe_bottombox dl dt.point{
	width:90px;
	padding:5px;
	color:#ffffff;
	background-color:#FF99CC;
  border-radius: 20px;        /* CSS3草案 */  
 -webkit-border-radius:20px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:20px;   /* Firefox用 */  
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;	
	}

#wrap #recipe .recipe_bottombox dl dd.point_text{
	width:570px;
	margin-bottom:15px;
	padding-left:10px;
	font-size:16px;	
	font-weight:normal;
	text-align:left;
	float:left;	
	}	

#wrap #recipe .recipe_bottombox{
	width:680px;
	margin-bottom:50px;
	clear:both;
	}

#wrap #recipe .recipe_bottombox dl{
	clear:both;	
	}

#wrap #recipe .recipe_bottombox dl dd.list{
	clear:both;
	}


#wrap #recipe .recipe_bottombox dl dt.how_to_title{
	width:80px;
	padding:0px;
	color:#774509;
	border:2px solid #774509;
  border-radius: 8px;        /* CSS3草案 */  
 -webkit-border-radius:8px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:8px;   /* Firefox用 */  
	font-size:20px;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-bottom:10px;
	}

#wrap #recipe .recipe_bottombox dl dd,#wrap #recipe .recipe_bottombox dl dt{
	margin-left:0px;
	clear:both;
	}

#wrap #recipe .recipe_bottombox dl dd ol li{
	padding-bottom:7px;
	}


/*－－－－－－－－－－－－－－－－－－－－－－－－－－－ ポイント －－－－－－－－－－－－－－－－－－－－－－－－－－－*/


#wrap #recipe .recipe_box dl.column1{
	padding-top:15px;
	padding-bottm:15px;
	clear:both;
	}

#wrap #recipe .recipe_box dl.column1 dt.point{
	width:90px;
	padding:5px;
	color:#ffffff;
	background-color:#FF99CC;
  border-radius: 20px;        /* CSS3草案 */  
 -webkit-border-radius:20px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:20px;   /* Firefox用 */  
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;	
	}

#wrap #recipe .recipe_box dl.column1 dd.point_text{
	width:585px;
	padding-left:10px;
	margin:0px;
	font-size:16px;	
	font-weight:normal;
	text-align:left;
	float:left;	
	}