@charset "shift_jis";

#header{
width:668px;
text-align:left;
background:url(../img_tmp_t/header_bg_2.png) no-repeat 0 0;
padding:16px 0 0 0;
}

#main{
text-align:left;
background: transparent url('../img_tmp_t/bg_main2.gif') no-repeat 0 0;
}

#main .inner{
padding-top:15px;
padding-left:32px;
padding-right:32px;
}



/* #header .header_hd 
====================================*/
#header .header_hd{
margin:0 0 0 14px;
}

#header .header_hd.normal{background:#fff url(../img_tmp_t/header_bg_2.png) no-repeat -668px 0;width:640px;}
#header .header_hd.chotatujin{background:#fdfad7 url(../img_tmp_t/header_bg_2.png) no-repeat -1308px 0;width:640px;}
#header .header_hd.silver{background:#fff url(../img_tmp_t/header_bg_2.png) no-repeat -1948px 0;width:640px;}
#header .header_hd.gold{background:#fff url(../img_tmp_t/header_bg_2.png) no-repeat -2588px 0;width:640px;}

#header .header_hd:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #header .header_hd{min-height:0%;}
*html #header .header_hd{height:0%; overflow:visible;}

#header .header_hd .shop_name{
float:left;
padding:40px 0 10px 0;
}

/*------------------------------*/
#header .header_hd.normal .shop_name{
margin:0 0 0 20px;
width:320px;
}

#header .header_hd.chotatujin .shop_name{
margin:10px 0 0 50px;
width:340px;
}

#header .header_hd.silver .shop_name,
#header .header_hd.gold .shop_name{
margin:10px 0 0 65px;
width:305px;
}



/*------------------------------*/

#header .header_hd .shop_name .kana{
font-size:70%;
line-height:120%;
font-weight: bold;
color:#3c3c3c;
}

#header .header_hd .shop_name h1{
font-size:100%;
line-height:120%;
font-weight:bold;
color:#222222;
margin:5px 0 5px 0;
}

#header .header_hd .shop_name .gyotai{
font-size:80%;
line-height:120%;
}















#header .header_hd p.icon{
float:right;
}

#header .header_hd p.icon a{
display:block;
height:111px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

/*------------------------------*/
#header .header_hd.normal p.icon a{width:290px;}
#header .header_hd.chotatujin p.icon a{width:240px;}
#header .header_hd.silver p.icon a,
#header .header_hd.gold p.icon a{width:270px;}
/*------------------------------*/










/* #navi
==================================== */
#navi{
height:37px;
background: transparent url('../img_tmp_t/bg_navi2.jpg') repeat-y 0 0;
}

#navi ul:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #navi ul{
min-height:1%;
}

*html #navi ul{
height:1%;
overflow:visible;
}

#navi ul{
margin:0 30px;
padding:0;
list-style:none;
}

#navi li{
float:left;
margin:5px 5px 5px 0;
padding:0;
list-style:none;
height:27px;
font-size:0;
line-height:0;
}



/* #mylist_area
==================================== */
#mylist_area{
margin:0 0 0 14px;
background-color:#e7e3cc;
width:640px;
display:table;
}

#mylist_area p.logo,
#mylist_area #mylist_box{
padding:10px 3px 10px 8px;
display:table-cell;
vertical-align:top;
font-size:0;
line-height:0;
}

#mylist_area p.logo:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}

/* #mylist_box */
#mylist_box{
float:right;
}

#mylist_box ul,
#mylist_box ul li{
list-style:none;
margin:0;
padding:0;
}

#mylist_box ul{
display:table;
margin:3px 0 0 0;
}

#mylist_box ul li{
display:table-cell;
vertical-align:top;
padding:0 3px 0 0;
}

#mylist_box ul li a{
display:block;
background-image:url(../img_tmp_t/mylist.png);
background-repeat:no-repeat;
width:45px;
height:25px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
}

#mylist_box ul li.btn_01{
background:url(../img_tmp_t/mylist.png) no-repeat 0 0;
width:166px;
padding:0 0 0 0;
}

#mylist_box ul li.btn_01 a{background-position:0 0; width:85px;}
#mylist_box ul li.btn_02 a{background-position:-166px 0;}
#mylist_box ul li.btn_03 a{background-position:-214px 0;}
#mylist_box ul li.btn_04 a{background-position:-262px 0;}
#mylist_box ul li.btn_05 a{background-position:-310px 0; width:130px;}

#mylist_box ul li.btn_01 a:hover{background-position:0 -40px; width:85px;}
#mylist_box ul li.btn_02 a:hover{background-position:-166px -40px;}
#mylist_box ul li.btn_03 a:hover{background-position:-214px -40px;}
#mylist_box ul li.btn_04 a:hover{background-position:-262px -40px;}
#mylist_box ul li.btn_05 a:hover{background-position:-310px -40px; width:130px;}






#naviBottom{
text-align:center;
font-size:80%;
color:#3c3c3c;
margin:30px 15px 0 15px;
}

#infomation{
text-align:center;
font-size:80%;
margin:10px 30px 20px 30px;
}

#infomation p{
display:inline;
white-space:nowrap;
}

*html #infomation p{
white-space:normal;
}

*+html #infomation p{
white-space:normal;
}

#infomation #gourmetTop{
}

.infoPdd{
padding-right:10px;
}

#caution{
text-align:left;
background: transparent url('../img_tmp_t/bg_information2.gif') no-repeat 0 100%;
font-size:70%;
line-height:130%;
color:#636363;
margin-top:12px;
padding-left:32px;
padding-right:32px;
padding-bottom:50px;
}

/*
#caution_imp{
font-size:70%;
line-height:130%;
color:#636363;
margin-top:12px;
padding-left:32px;
padding-right:32px;
padding-bottom:50px;
background: transparent url('../img_tmp_t/bg_infomation.jpg') no-repeat 0 100%;
}
*/






/*2軒目検索へ*/
.map_search{
margin:20px 90px 0 85px;
}

.map_search p{
background-image:url("../img_tmp_t/ico_to_map.gif");
background-repeat:no-repeat;
padding:0 0 0 65px;
}

.map_search p span.map_grmt{
font-size:85%;
line-height:155%;
}

.map_search p span.map_list{
font-size:73%;
line-height:155%;
padding:0 0 0 8px;
}



/*飲食店の皆様へ*/

p.insyoku {
position: relative;
margin: -10px 0 0 8px;
padding: 0 0 10px 0;
background-image: none;
background-color: #f3e39b;
}

p.insyoku span {
position: absolute;
display: block;
font-size:73%;
top: 8px;
left: 125px;
}


/*side*/
#side{
padding:10px 0 0 0;
}

#side h2{
background:none;
border:none;
padding:0;
margin:0;
}

#side h2:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #side h2{
min-height:1%;
}

*html #side h2{
height:1%;
overflow:visible;
}

#side h2.search{
background:url(../img_tmp_t/side_search_tl.gif) no-repeat left top;
font-size:80%;
line-height:150%;
color:#ffffff;
font-weight:bold;
margin:0;
width:229px;
}

#side h2.search span{
float:left;
width:183px;
padding:17px 0 10px 40px;
}

*html #side h2.search span{
width:218px;
}

*+html #side h2.search span{
width:218px;
}

#side h2.search img{
float:right;
width:5px;
}

#side h2.recommend{
background:url(../img_tmp_t/side_recommend_tl.gif) no-repeat top;
font-size:80%;
line-height:150%;
color:#4b3700;
font-weight:bold;
margin:0;
padding:15px 20px 10px 25px;
}

#side h2:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #side h2{
min-height:1%;
}

*html #side h2{
height:1%;
overflow:visible;
}

#side h2 img{
float:left;
}

#side .sideSearch{
background:url(../img_tmp_t/side_search_ft.gif) no-repeat bottom;
margin:0 0 10px 0;
padding:0 0 12px 0;
}

#side .sideSearch ul{
background:url(../img_tmp_t/side_search_bg.gif) no-repeat top;
margin:0;
padding:0;
zoom:1;
}

#side .sideSearch li{
list-style:none;
font-size:80%;
line-height:150%;
background:url(../img_tmp_t/side_dotline.gif) no-repeat bottom;
padding:10px 0;
}

#container #side .sideSearch li.budgetName{
letter-spacing:-1px;
}

#side .sideSearch li span{
display:block;
background:url(../img_tmp_t/side_search_arrow.gif) no-repeat 0 0.2em;
padding-left:13px;
margin:0 10px;
}




#side .sideRecommend{
background:url(../img_tmp_t/side_recommend_ft.gif) no-repeat bottom;
margin:0 0 10px 0;
padding:0 0 12px 0;
}

#side .sideRecommend ul{
background:url(../img_tmp_t/side_recommend_bg.gif) no-repeat top;
margin:0;
padding:5px 0 0 0;
zoom:1;
}

#side .sideRecommend li{
list-style:none;
font-size:80%;
line-height:150%;
color:#3c3c3c;
background:url(../img_tmp_t/side_dotline.gif) no-repeat bottom;
padding:5px 10px;
}

#side .sideRecommend li:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #side .sideRecommend li{
min-height:1%;
}

*html #side .sideRecommend li{
height:1%;
overflow:visible;
}

#side .sideRecommend li .image{
float:left;
}

#side .sideRecommend li span{
float:right;
width:128px;
}

*html #side .sideRecommend li span{
width:125px;
}

*+html #side .sideRecommend li span{
width:125px;
}

#side .sideRecommend li span img{
vertical-align:middle;
}

#side .sideRecommend li span a{
margin-right:5px;
}

#side .sideRecommend div.b2b{
background:url(../img_tmp_t/side_recommend_bg.gif) no-repeat top;
margin:0;
padding:5px 0 0 0;
zoom:1;
}

#side .sideRecommend p{
text-align:center;
font-size:80%;
line-height: 140%;
background:url(../img_tmp_t/side_dotline.gif) no-repeat bottom;
margin:0;
padding:10px 5px;
zoom:1;
}

#side .sideRecommend p img{
margin-bottom:3px;
}

/* other
---------------------------------------------------- */
.busyotai_copy {
font-size:80%;
color:#555555;
line-height:1.25;
}

#main .sns:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #main .sns{min-height:0%;}
*html #main .sns{height:0%; overflow:visible;}

#main .sns .socialbutton_suntory{
height:40px;
float:right;
}


.socialbutton_suntory_wrapper {
float:right;
}
.socialbutton_suntory_dummybuttons{
float:right;
}
.socialbutton_suntory_socialbuttons{
float:right;
}



/* #contents .chotatujin_ad 20130520
==================================== */
#contents .chotatujin_ad{
margin:20px 0 0 0;
width:604px;
background:url(../img_tmp_t/chotatujin_ad_bg.png) repeat-y -604px 0;
}

#contents .chotatujin_ad .hd{
background:url(../img_tmp_t/chotatujin_ad_bg.png) no-repeat 0 0;
}

#contents .chotatujin_ad h3{
margin:0 0 0 108px;
width:455px;
padding:35px 0 12px 0;
font-size:95%;
line-height:130%;
font-weight:bold;
color:#4f1a00;
}

#contents .chotatujin_ad .sp_comment{
background:url(../img_tmp_t/chotatujin_ad.png) no-repeat 0 -160px;
margin:0 0 0 89px;
}

#contents .chotatujin_ad .sp_comment p{
font-size:83%;
line-height:150%;
color:#222222;
padding:15px 18px 10px 18px;
}

#contents .chotatujin_ad .ft{
background:url(../img_tmp_t/chotatujin_ad_bg.png) no-repeat -1208px bottom;
padding:0 0 20px 95px;
}

#contents .chotatujin_ad .ft:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #contents .chotatujin_ad .ft{min-height:0%;}
*html #contents .chotatujin_ad .ft{height:0%; overflow:visible;}


#contents .chotatujin_ad .ft .ph_area{
background:url(../img_tmp_t/chotatujin_ad_ph.png) no-repeat 0 0;
width:495px;
height:160px;
}

#contents .chotatujin_ad .ft .ph_area ul:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #contents .chotatujin_ad .ft .ph_area ul{min-height:0%;}
*html #contents .chotatujin_ad .ft .ph_area ul{height:0%; overflow:visible;}


#contents .chotatujin_ad .ft .ph_area ul,
#contents .chotatujin_ad .ft .ph_area ul li{
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
}

#contents .chotatujin_ad .ft .ph_area ul li{
float:left;
}

#contents .chotatujin_ad .ft .ph_area ul li.ph{
background:url(../img_tmp_t/chotatujin_ad_ph.png) no-repeat 0 0;
width:200px;
height:160px;
margin:0 4px 0 0;
}

#contents .chotatujin_ad .ft .ph_area ul li.ph img{
margin:18px 0 0 14px;
}

#contents .chotatujin_ad .ft .ph_area ul li.btn{
float:right;
}

#contents .chotatujin_ad .ft .ph_area ul li.btn a{
display:block;
background:url(../img_tmp_t/chotatujin_ad.png) no-repeat 0 0;
width:72px;
height:72px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#contents .chotatujin_ad .ft .ph_area ul li.btn a:hover{
background:url(../img_tmp_t/chotatujin_ad.png) no-repeat 0 -72px;
}





/* .link_ico
==================================== */
.link_ico{
font-size:85%;
line-height:140%;
margin:15px 0 0 0;
}

.link_ico a{
display:block;
background:url(../img_tmp_t/right_01.gif) no-repeat 0 0.5em;
padding:0 0 0 10px;
}

.link_ico a:hover{text-decoration:none;}