@charset "Shift_JIS";

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

#cont2 {
width : 742px ;
text-align:center ;
margin : 0 auto ;
}

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

#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: #408573;}


#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:#408573;
margin-bottom:20px ;
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 20px 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 #408573 ;
border-right:1px solid #408573 ;
padding:20px 20px 10px 20px ;
}
.darea2{
width:570px ;
margin : 0px auto ;
}

.drink_r {
float:left ;
margin-right:10px ;
width:110px ;
}

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


/* 下部エリア ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#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;
}
.bga{
background :#F0F8FF ;
}

/* リンク ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#backnumber {
margin: 0px 0 0px 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;}
/* */

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


.leftblock{
float:left ;
width:345px ;
}
.rightblock{
float:right ;
}

#block2 {
margin:0 auto ;
text-align:center ;
}
#block2:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#block2{display: inline-block;}
/*\*/
*html #block2 { height: 1%;}
 { display: block;}
/* */
.one_point{
margin:0 auto ;
background : url(../images/one_point.jpg) no-repeat 0 0 ;
width : 700px ;
height : 120px ;
position:relative ;
}
.one_point p{
position:absolute ;
left:240px ;
top:37px ;
text-align:left ;
width:350px ;
}