div#wrapper {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:700px;
	background-color:#FFFFFF;
	}


h1 {display:none;}

div#wrapper div#head_left {
	margin:0;
	padding:32px 188px 28px 0;
	float:left;
	}

div#wrapper div#head_right {
	margin:0;
	padding:0;
	text-align:right;
	float:right;
	}
	



div#wrapper div#head_right ul#g_navi {
	margin:0;
	padding:0;
	width:287px;
	}

div#wrapper div#head_right ul#g_navi li.g_navi00 {
	margin:0;
	padding:7px 36px 28px 0;
	float:left;
	}

div#wrapper div#head_right ul#g_navi li.g_navi01 {
	margin:0;
	padding:7px 37px 28px 0;
	float:left;
	}
div#wrapper div#head_right ul#g_navi li.g_navi02 {
	margin:0;
	padding:7px 19px 28px 0;
	float:left;
	}


div#wrapper div#footer{
	margin:0;
	padding:10px 0;
	}
	
div#wrapper div#footer p#copyright{
	margin:0;
	font-size:9px;
	padding:13px 0 0 0;
	}


div#wrapper div#news{
	width:380px;
	margin:0;
	padding:48px 100px 0 0;
	float:left;
	}
/* IE6 */
* html div#wrapper div#news{
	width:380px;
	margin:0;
	padding:48px 100px 0 0;
	float:left;
	}

div#wrapper div#news p.news00{
	width:380px;
	padding:0 0 10px 0;
	}
	
div#wrapper div#news table#news01{
	width:380px;
	padding:15px 0 0;
	}

div#wrapper div#news table#news01 td.news02{
	margin:0;
	padding:0 10px 0 0;
	font-weight:bold;
	color:#bbbbbb;
	vertical-align:top;
	}



div#wrapper div#news p.otayori{
	margin:0;
	padding:20px 0 0 0;
	}


div#wrapper div#banner {
	width:220px;
	margin:0;
	padding:40px 0 0 0;
	float:right;
	}

div#wrapper div#banner ul li.banner_00 {
	width:220px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	}


























#img_area{
    float:left;
    width:140px;
    margin:70px 0px 50px 15px;
}
#img_area img{
    margin-top:25px;
}
#sub_contents{
    float:right;
    width:525px;
    margin:10px -15px 20px 0px;
    background-repeat:no-repeat;
}
#sub_contents div.text{
    text-align:left;
    margin-top:80px;
    margin-left:25px;
    margin-right:35px;
}
#sub_contents div.data{
    text-align:left;
    margin-left:25px;
}
#sub_contents div.data_calender2{
    text-align:left;
    margin-top:-121px;
    margin-left:225px;
}
#sub_contents .new_menu{
    text-align:right;
    margin-top:70px;
    margin-right:30px;
    margin-bottom:0px;
}
#sub_contents div.text_drink{
    text-align:left;
    margin-top:0px;
    margin-left:25px;
    margin-right:35px;
}
#sub_contents div.data_drink{
    text-align:left;
    margin-left:85px;
    margin-top:-28px;
}
#sub_contents h1{
    text-indent:-9999px;
}
#sub_contents h2{
    margin-top:30px;
    margin-bottom:10px;
}

#sub_contents h3{
    font-weight:normal;
    font-size:11px;
    letter-spacing:0.1em;
    margin-top:15px;
    margin-bottom:10px;
}
#sub_contents li{
    list-style-type:disc;
    margin-left:20px;
}
#sub_contents div.data_menu{
    text-align:left;
    margin-top:70px;
    margin-left:125px;
}
#sub_contents .sp.book{
    margin-top:10px;
}
#sub_contents .book{
    text-align:left;
    margin-left:25px;
    margin-right:35px;
}
#sub_contents .book .info .image{
    padding:1px;
    border:1px solid #ccc;
    width:300px;
    margin:10px 0;
}
#sub_contents .book .title{
    line-height:140%;
    font-weight:bold;
    font-size:14px;
    color:#7CB566;
}
#sub_contents .book .subtitle{
    line-height:140%;
    font-weight:bold;
    font-size:12px;
}
#sub_contents .order{
    text-align:left;
    margin-top:20px;
    font-weight:bold;
}
#sub_contents .order a{
text-decoration:none;
}
#sub_contents .order img{
margin-right:2px;
}
#calender td{
    text-align:center;
}
.open{
    width:22px;
    background-image:url('images/calender_bg.gif');
    background-repeat:no-repeat;
}
.close{
    width:22px;
}
.expand{
    margin-left:200px;
}
#footer {
    width:700px;
    padding:0px 0px 20px 0px;
    margin:0px;
    clear:both;
}
#clear{
    clear:both;
}
#info{
    width:400px;
    background-color:#FFFFFF;
    text-align:center;
}
.info_title{
    width:400px;
    margin:12px;
}
#info_contents{
    margin:0px;
    padding:0px;
    width:400px;
    height:501px;
    background-image:url('images/info_img.jpg');
    background-repeat:no-repeat;
}
#info_text{
    text-align:left;
    width:380px;
    margin-top:0px;
    padding-top:315px;
    margin-left:30px;
}
#info_text h2{
    font-weight:bold;
    font-size:10px;
    margin-top:12px;
    margin-bottom:5px;
}

/*----------------------
common styles
----------------------*/
.fRed{color:red}
.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*----------------------
for pop up window
    - order.html
    - law.html
----------------------*/
#law.body,
#order.body{
    background:url('images/line_top.gif') no-repeat right top;
    height:100%;
}
#law.body .inner,
#order.body .inner{
    padding:10px;
    font-size:10px;
}
#law.body h1,
#order.body h1{
    line-height:24px;
    font-size:12px;
}
#order.body .number{
    border-top:1px solid #ccc;
    padding-top:10px;
    margin-top:6px;
}
#law.body .close,
#order.body .law,
#order.body .close{
    margin-top:10px;
    width:100%;
    text-align:center;
}

#law.body .footer,
#law.body .copyright,
#order.body .footer,
#order.body .copyright{
    height:12px;
    text-indent:-1000px;
    line-height:0;
    font-size:0;
}
#law.body .footer,
#order.body .footer{
    background:url('images/line_bottom.gif') no-repeat left top;
}
#law.body .copyright,
#order.body .copyright{
    margin-top:3px;
    background:url('images/cr.gif') no-repeat center bottom;
}

#law.body .table td{
padding:8px 0;
border-top:1px solid #ccc;
}
#law.body .table .left{
    width:130px;
}