@charset "Shift_JIS";


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

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

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

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

#thisrecipe{
width : 612px ;
margin : 10px auto ;
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 ;
margin-top:3px ;
}


.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 auto ;
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 ;
}


/* 下部エリア ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#bottomarea{
width : 612px ;
margin : 10px auto ;
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{
padding-bottom:3px ;
}
.make dd{
padding-bottom:3px ;
margin-left:0px ;
}

.make{
position : relative ;
}

.make dt {
float : none ;
position : absolute ;
padding :  5px 0 ;
}
.make dt { width : 13px ; }

.make dd {
background : transparent url(images/dot01A.gif) repeat-x 0 100% ;
padding : 5px 0 ;
}
.make dd { padding-left : 13px ; }


.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{
margin-top:10px ;
width:740px ;
height:40px ;
position:relative ;
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 ;
}

#link2{
margin:10px auto 10px auto;
width:657px ;
height:72px ;
text-align:left ;
position:relative ;
background : url(../../images/link2.gif) no-repeat 0 0 ;
}

#link2 p{
position : absolute ;
left: 40px;
top : 30px;
}

#link2 textarea{
position : absolute ;
left: 200px;
top : 6px;
width:420px ;
height:58px ;
font-size:120% ;
border:2px solid #A6BBCE ;
}


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

#backnumber ul{
width:480px ;
}


#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;}
/* */

/* 今月のうまい ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#this{
width:700px ;
margin : 0 auto ;
text-align:center ;
}
.tab{
border-left:1px solid #DF8644 ;
border-bottom:1px solid #DF8644 ;
border-right:1px solid #DF8644 ;
padding:7px 5px 0px 5px ;
text-align:center ;
}



.tab table{
margin : 0 auto 0px auto ;
padding-bottom:7px ;
text-align:center ;
width:680px ;
}
.tab2 li{
list-style-type : none ;
margin-right:5px ;
margin-bottom:5px ;
width:164px ;
float:left ;
display:inline ;
}

.tab3{
list-style-type : none ;
margin-right:0px ;
margin-bottom:5px ;
float:left ;
display:inline ;
width:164px ;
}


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