@charset "Shift_JIS";
/* ヘッダー（中ページ） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#header {
width : 756px ;
height : 60px ;
position : relative ;
margin: 0 0 3px 0 ;
background : #FFFFFF ;
text-align:left ;
}

/*ロゴ*/

#header h1 a{
text-indent : -9999px ;
width : 313px ;
height : 43px ;
background : url(./images/logo.gif) no-repeat 0 0 ;
display : block ;
position : absolute ;
left : 0px ;
top : 0px ;
}

/*ロゴ*/

#header h3 a{
text-indent : -9999px ;
width : 111px ;
height : 26px ;
background : url(./images/myrecipe.gif) no-repeat 0 0 ;
display : block ;
position : absolute ;
top  : 28px ;
right : 0px ;
}

#header h2{
font-size:90%; 
color:#ff3400; 
padding-bottom:12px; 
padding-left:5px; 
line-height:130% ;
position : absolute ;
left : 317px ;
top : 10px ;
}



#header p{
font-size:80%; 
position : absolute ;
right : 0px ;
top : 10px ;
}

/* ナヴィゲーション（中ページ） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#navi {
width:740px ;
margin:0 0 10px 10px ;
}



/* 検索BOX（中ページ） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#search {
margin:10px 0 20px 20px ;
}


/* メイン（中ページ） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#main2 {
width : 657px ;
background : url(./images/main_bg2.gif) repeat-y 0 0 ;
text-align:center ;
margin:0 auto ;
}

#contents2 {
width : 642px ;
margin:0 auto ;
}

/* メイン画像 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#thisrecipe{
width : 612px ;
margin : 10px 15px ;
text-align:left ;
}
#contents2 #thisrecipe h2 {
font-size:160% ;
font-weight:bold ;
COLOR: #df8645;}


#thisrecipe h3 {
width : 390px ;
height : 275px ;
float:left ;
}

#recipe_r {
float:right ;
width : 211px ;
margin:0 ;
}


#thisrecipe .recipe_r p {
color:#331501;
}

#thisrecipe .lead {
font-size:120% ;
color:#df8645;
margin-bottom:10px ;
}


.time {
height:47px ;
vertical-align:middle ;
}
.time img  {
float:left ;
padding-right:5px ;
}

.mini  {
	COLOR: #6d3300; FONT-SIZE: 120%; FONT-WEIGHT: bold; PADDING-LEFT: 5px ;
vertical-align:middle ;
line-height:47px ;
}


.point {
width:211px ;
background-color:#F6F4E5 ;
}

.point img{
margin:2px 0 5px 0;}
.point p{
padding:0px 5px 0px 5px;}
.point_t {
padding:0px 5px 0px 5px;}


#thisrecipe:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#thisrecipe{display: inline-block;}
/*\*/
*html #thisrecipe { height: 1%;}
 { display: block;}
/* */

/* お酒 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#drink{
width : 612px ;
margin : 10px 15px ;
text-align:left ;
}

#drink:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#drink{display: inline-block;}
/*\*/
*html #drink { height: 1%;}
 { display: block;}
/* */

.darea{
border-left:1px solid #FFA243 ;
border-right:1px solid #FFA243 ;
padding:0 5px ;
}

.icon {
width:600px ;
margin-top:5px ;
}

/* プラスα ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#plus{
width : 612px ;
margin : 10px 15px ;
text-align:left ;
}

#plus:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#plus{display: inline-block;}
/*\*/
*html #plus { height: 1%;}
 { display: block;}
/* */

.parea{
background:#DAE2E8;
padding:0 5px ;
}
.parea p{
margin-left:30px ;
}

.icon {
width:600px ;
margin-top:5px ;
}


/* 下部エリア ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#bottomarea{
width : 612px ;
margin : 10px 15px ;
text-align:left ;
}

#bottomarea:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#bottomarea{display: inline-block;}
/*\*/
*html #bottomarea { height: 1%;}
 { display: block;}
/* */

.table1{
width : 612px ;
}

.howto{
width:388px ;
border:1px solid #8D9EAE ;
}
.make{
margin:10px ;
}

.make dt{
float:left ;
padding-bottom:3px ;
margin-bottom:10px ;
}
.make dd{
padding-bottom:3px ;
margin-bottom:10px ;
margin-left:5px ;
}

.material{
width:210px ;
border:1px solid #8D9EAE ;
}

.mate{
width:200px ;
margin:5px ;
}




.num{
width:210px ;
height:24px ;
position:relative ;
background : url(../images/t_material.gif) no-repeat 0 0 ;
}

.num p{
position : absolute ;
left : 106px;
top : 5px;
}

/* リンク ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#link{
width:740px ;
height:40px ;
position:relative ;
margin :10 auto ;
background : url(../images/link.gif) no-repeat 0 0 ;
}

#link p{
position : absolute ;
left: 670px;
top : 6px;
}

#link input{
position : absolute ;
left: 189px;
top : 6px;
width:470px ;
border:1px solid #999999 ;
}


/* リンク ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#backnumber {
margin: 0px 0 20px 10px ;
width:330px ;
}

#backnumber ul{
width:330px ;
}


#backnumber li{
list-style-type : none ;
width : 150px ;
margin-right:5px ;
height : 25px ;
float:left ;
}


#backnumber li a {
list-style-type : none ;
width : 150px ;
height : 25px ;
margin-right:5px ;
float:left ;
}

#backnumber:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#backnumber{display: inline-block;}
/*\*/
*html #backnumber { height: 1%;}
 { display: block;}
/* */