@charset "Shift_JIS";


/*01.top
------------------------------------------------------------ */
#suntory_contents #drinktopContainer{
	margin:31px 40px 0 0px;
	padding: 20px 20px 0;
	width:760px;
	border:1px #e5e5e5 solid;
	text-align:left;
background:#FFFFFF url("../img/top_back.jpg") repeat-x bottom;
}

#suntory_contents #topmain {
padding:0px 0px 71px 0px;
width:760px;
background: url("../img/top_kage.jpg") no-repeat 19px bottom;
}

#suntory_contents #topmain h2 {
text-align: left;
}

#suntory_contents #topmain .back01{ padding:0px 17px 0px 29px;}
#suntory_contents #topmain .back02{ padding:0px 15px 0px 16px;}
#suntory_contents #topmain .back03{ padding:0px 19px 0px 27px;}
#suntory_contents #topmain .back04{ padding-right:8px;}

#suntory_contents #topmain table {
margin:40px 0 0 19px;
}

/*02.others
------------------------------------------------------------ */
#suntory_contents #drinkContainer{
	margin:31px 40px 0 0px;
	padding: 20px 30px;
	width:740px;
	border:1px #e5e5e5 solid;
	text-align:left;
background:url(../common/back.jpg) repeat-x #fff;
}

#main{
padding:23px 0px 30px 0px;
margin:0px auto 0px auto;
width:760px;
text-align:left;
}

#pnavi{
background:url(../common/navi.gif) no-repeat;
width:760px;
height:40px;
}
#pnavi ul{
padding:0px;
margin:0px;
list-style:none;
}
#pnavi li{
padding:0px;
margin:0px;
float:left;
}
#pnavi a{
display:block;
background:url(../common/navi.gif) no-repeat;
width:95px;
height:40px;
text-indent:-9999px;
text-decoration:none;
font-size:9px;
/* _*/
overflow:hidden;
/* */
}
#pnavi01 a{background-position:0px 0px;}
#pnavi01 a:hover{background-position:0px -40px;}
#pnavi01o a{background-position:0px -40px;}
#pnavi02 a{background-position:-95px 0px;}
#pnavi02 a:hover{background-position:-95px -40px;}
#pnavi02o a{background-position:-95px -40px;}
#pnavi03 a{background-position:-190px 0px;}
#pnavi03 a:hover{background-position:-190px -40px;}
#pnavi03o a{background-position:-190px -40px;}
#pnavi04 a{background-position:-285px 0px;}
#pnavi04 a:hover{background-position:-285px -40px;}
#pnavi04o a{background-position:-285px -40px;}
#pnavi05 a{background-position:-380px 0px;}
#pnavi05 a:hover{background-position:-380px -40px;}
#pnavi05o a{background-position:-380px -40px;}
#pnavi06 a{background-position:-475px 0px;}
#pnavi06 a:hover{background-position:-475px -40px;}
#pnavi06o a{background-position:-475px -40px;}
#pnavi07 a{background-position:-570px 0px;}
#pnavi07 a:hover{background-position:-570px -40px;}
#pnavi07o a{background-position:-570px -40px;}
#pnavi08 a{background-position:-665px 0px;}
#pnavi08 a:hover{background-position:-665px -40px;}
#pnavi08o a{background-position:-665px -40px;}

.photo{
float:left;
width:268px;
text-align:center;
}
.howto{
float:right;
width:480px;
}
#drinkContainer .recipe{
padding-bottom:5px;
margin-bottom:5px;
}

#box{
background-color:#E1DFD4;
width:760px;
}
#box .illust{
padding:10px 10px 10px 20px;
text-align:center;
width:140px;
}
#box .text{
padding:10px 20px 10px 10px;
vertical-align:top;
}

#drinktopContainer h2 {
margin:0 0 18px 5px;
}

#drinkContainer .px12 {
font-size:80%;
line-height:150%;
margin-bottom:20px;
}

#drinkContainer h2 {
font-weight:bold;
margin-bottom:15px;
}

#drinkContainer h3 {
margin-bottom:10px;
}

#drinkContainer #hight {
margin-bottom:20px;
width:480px;
}

#drinkContainer #hight .px12 {
vertical-align:middle;
}

#drinkContainer .m_b15 {
margin-bottom:15px;
}

#drinkContainer .m_b20 {
margin-bottom:20px;
}

#drinkContainer .m_b30 {
margin-bottom:30px;
}