@charset "Shift_JIS";


/* ---Main Contents--- */
div#contents_in .category{
margin:0 0 17px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #CCCCCC;
}

div#contents_in .category2{
margin:40px 0 17px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #CCCCCC;
}

div#contents_in .text{
color:#333333;
margin:0;
padding:0;
font-size:12px;
line-height:20px;
}

div#contents_in .text2{
margin:0 5px 0 0;
padding:0;
}

/* ---Concept--- */
div#contents_in h1{
margin:0 0 18px 0;
padding:0;
}


/* ---wine--- */
div.wine{
padding:0;
margin:0;
width:525px;
}

div.wine .wine_l{
padding:0;
margin:0;
width:370px;
float:left;
font-size:12px;
line-height:20px;
text-align:left;
}

div.wine .wine_r{
padding:5px 0 0 0;
margin:0;
width:135px;
float:right;
}


/* ---Topics--- */
div.topics_l{
width:260px;
height:108px;
float:left;
background-image:url("top_img/topics_bg.jpg");
background-repeat:no-repeat;
margin:1px 0 5px 0;
padding:0;
}

div.topics_l .image{
width:95px;
float:left;
margin:7px 0 0 7px;
padding:0;
}

div.topics_l .title{
margin:11px 0 9px 0;
padding:0;
}

div.topics_l .link{
margin:9px 0 0 0;
padding:0;
}

div.topics_r{
width:260px;
height:108px;
float:right;
background-image:url("top_img/topics_bg.jpg");
background-repeat:no-repeat;
margin:1px 0 5px 0;
padding:0;
}

div.topics_r .image{
width:95px;
float:left;
margin:7px 0 0 7px;
padding:0;
}

div.topics_r .title{
margin:11px 0 9px 0;
padding:0;
}

div.topics_r .link{
margin:9px 0 0 0;
padding:0;
}


/* ---Shop Photo--- */
.photo_c{
width:525px;
float:left;
margin:0 0 3px 0;
padding:0;
}

.photo_l{
width:249px;
float:left;
margin:0 0 3px 0;
padding:0;
}

.photo_r{
width:271px;
float:right;
margin:0 0 3px 0;
padding:0;
}


/* ---Out Line--- */
div.out_line_bg{
width:525px;
height:236px;
background-image:url("top_img/outline_bg.jpg");
background-repeat:no-repeat;
margin:0;
padding:0;
border:solid 1px #D9D9D9;
}

div.out_line{
width:501px;
margin:12px 12px 0 12px
}

div.out_line .info{
width:500px;
float:left;
margin:0 0 0 0;
padding:0;
clear:both;
}

div.out_line .info .left{
font-size:12px;
line-height:2em;
width:100px;
float:left;
margin:0;
padding:0;
}

div.out_line .info .text3{
font-size:12px;
line-height:2em;
width:400px;
float:left;
margin:0;
padding:0;
}

div.out_line .info .tel{
font-size:20px;
font-weight:bolder;
line-height:2em;
width:400px;
float:left;
margin:0;
padding:0;
}

/* ---Reservation--- */
div#contents_in .head_word{
margin:0 0 8px 0;
padding:0;
}

div.topics{
width:525px;
padding:0;
margin:0;
}

div.topics .text_l{
width:365px;
float:left;
font-size:12px;
line-height:20px;
}

div.topics .photo_r{
width:150px;
float:right;
}

div.topics .photo_l{
width:150px;
float:left;
}

div.topics .text_r{
width:365px;
float:right;
font-size:12px;
line-height:20px;
text-align:left;
}

#link{
width:525px;
height:50px;
background-image:url("img/link_btn.gif");
background-repeat:repeat-y;
margin:0 0 20px 0;
padding:0;
}

#link a{ background:url("img/link_btn.gif") 0 0 repeat-y; height:50px; display:block; }
#link a:hover{ background:url("img/link_btn.gif") 0 50px repeat-y; }

.information{
width:525px;
height:185px;
margin:0 0 3px 0;
padding:0;
background-image:url("top_img/info_bg.jpg");
}

.info_btn{
width:189px;
height:29px;
margin:135px 0 0px 0;
padding:0;
background:url("top_img/info_btn.jpg") 0 0 repeat-y;
float:left;
}

.info_btn a{
width:189px;
height:29px;
background:url("top_img/info_btn.jpg") 0 0 repeat-y;
float:left;
}

.info_btn a:hover{
width:189px;
height:29px;
background:url("top_img/info_btn.jpg") 0 -29px repeat-y;
float:left;
}

/* ---winter info--- */
.information1{
width:525px;
height:153px;
margin:0 0 0 0;
padding:0;
background-image:url("top_img/info_bg1.jpg");
}

.info_btn1{
width:189px;
height:29px;
margin:100px 0 0px 0;
padding:0;
background:url("top_img/info_btn1.jpg") 0 0 repeat-y;
float:left;
}

.info_btn1 a{
width:189px;
height:29px;
background:url("top_img/info_btn1.jpg") 0 0 repeat-y;
float:left;
}

.info_btn1 a:hover{
width:189px;
height:29px;
background:url("top_img/info_btn1.jpg") 0 -29px repeat-y;
float:left;
}

.information2{
width:525px;
height:153px;
margin:0 0 0 0;
padding:0;
background-image:url("top_img/info_bg2.jpg");
}

.info_btn2{
width:189px;
height:29px;
margin:100px 0 0px 0;
padding:0;
background:url("top_img/info_btn2.jpg") 0 0 repeat-y;
float:left;
}

.info_btn2 a{
width:189px;
height:29px;
background:url("top_img/info_btn2.jpg") 0 0 repeat-y;
float:left;
}

.info_btn2 a:hover{
width:189px;
height:29px;
background:url("top_img/info_btn2.jpg") 0 -29px repeat-y;
float:left;
}



/*QR_CODE*/
div.qr{
padding:0;
margin:0;
width:525px;
}

div.qr .qr_text{
padding:0;
margin:0;
width:370px;
font-size:12px;
float:left;
}

div.qr .qr_code{
padding:0;
margin:0;
width:150px;
float:right;
}