@charset "Shift_JIS";


/*　すごい角ハイボール　用CSS
----------------------------------------------------------*/

/*　「すごい角ハイボール」とは？　*/
#about{
background-image:url("../img/about_bg.jpg");
background-repeat:repeat-y;
background-position:left top;
}

#about_hd{
background-image:url("../img/about_hd.jpg");
background-repeat:no-repeat;
background-position:left top;
}

#about_ft{
background-image:url("../img/about_ft.jpg");
background-repeat:no-repeat;
background-position:left bottom;
padding:0 0 5px 0;
}

#about_ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}

*html #about_ft{
height:0%;
}

#about h3{
font-size:100%;
padding:13px 25px 0 30px;
}

#about p.lead{
padding:5px 25px 10px 30px;
font-size:73%;
line-height:160%;
}

#about ul.link{
padding:0 25px 0 30px;
}

#about ul.link li{
padding:0 0 10px 0;
}


/*今だから明かす3つのポイント*/
#about_box{
background-image:url("../img/about_box_bg.jpg");
background-repeat:repeat-y;
background-position:left top;
margin:0 23px;
}

#about_box_hd{
background-image:url("../img/about_box_hd.jpg");
background-repeat:no-repeat;
background-position:left top;
}

#about_box_ft{
background-image:url("../img/about_box_ft.jpg");
background-repeat:no-repeat;
background-position:left bottom;
padding:0 0 25px 0;
}

#about_box_ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}

*html #about_box_ft{
height:0%;
}

#about_box ul li{
float:left;
}

#about_box ul li p{
font-size:73%;
line-height:160%;
width:190px;
_width:205px;
padding:15px 0 0 15px;
}







/*「すごい角ハイボール」ここで飲めます！ 店リスト
----------------------------------------------------------*/
#shop_list{
padding:10px 0 0 0;
}

#shop_list table{
margin:7px 0 0 0;
}

#shop_list table tr th{
background-image:url("../img/list_change_num.gif");
background-repeat:repeat-x;
background-position:bottom;
background-color:#f6d48a;
/*
text-align:right;
color:#4c231e;
font-size:70%;
font-weight:normal;
padding:2px 18px;
*/
height:34px;
}

#shop_list table tr td{
vertical-align:top;
border-bottom:1px solid #cecece;
padding:10px 0 10px 0;
}

#shop_list table tr td.photo img{
margin:0px 8px 0 0;
}

#shop_list table tr td div.data{
background-color:#ffffff;
padding:2px 3px;
}

#shop_list table tr td div.data h2{
font-size:73%;
margin:0 0 12px 0;
color:#9d4604;
}

#shop_list table tr td div.data h2 span{
font-weight:normal;
padding:0 0 0 0.5em;
color:#444444;
}

#shop_list table tr td div.data p.detail,
#shop_list table tr td p.address{
font-size:73%;
line-height:150%;
color:#333333;
width:590px;
}

#shop_list table tr td div.data p.detail{
padding:0 0 2px 0;
}

#shop_list table tr td div.data p.detail span,
#shop_list table tr td div.data p.address span{
color:#444444;
padding:0 0.5em 0 0.2em;
}



/*　都道府県追加
----------------------------------------------------------　*/
#shop_list p.fkn{
padding:10px;
margin:15px 0 12px 0;
border:1px solid #cecece;
vertical-align:top;
line-height:180%;
font-size:73%;
font-weight:bold;
color:#888888;
}

#shop_list table td p.fkn_n{
font-size:85%;
font-weight:bold;
line-height:150%;
color:#333333;
width:590px;
}
/*　都道府県追加
----------------------------------------------------------　*/


/*　「すごい角ハイボール」をもっと深く知りたい！　more.html
----------------------------------------------------------　*/
#more{
background-image:url("../img/about_bg.jpg");
background-repeat:repeat-y;
background-position:left top;
}

#more_hd{
background-image:url("../img/about_hd.jpg");
background-repeat:no-repeat;
background-position:left top;
}

#more_ft{
background-image:url("../img/about_ft.jpg");
background-repeat:no-repeat;
background-position:left bottom;
padding:0 0 5px 0;
}

#more_ft:after{
display:block;
height:0px;
content:".";
visibility:hidden;
clear:both;
}

*html #more_ft{
height:0%;
}


#more_txt{
padding:0 10px 0 30px;
background-image:url("../img/more_ph.jpg");
background-repeat:no-repeat;
background-position:590px 10px;
}


#more dl{
font-size:73%;
line-height:150%;
}

#more dl dt{
font-weight:bold;
padding:20px 0 0 0;
}

#more dl dd{
padding:0 0 3px 0;
}

#more dl.first{
padding:0 95px 0 0;
}

#more dl.first dt{
padding:10px 0 0 0;
}





#more ul.link{
padding:20px 25px 10px 30px;
}

#more ul.link li{
padding:0 0 10px 0;
}

p.insyokuten{
position: relative;
}

p.insyokuten img{
margin:20px 10px 0 30px;
}

p.insyokuten span{
position: absolute;
display: block;
font-size:73%;
top:32px;
left:175px;
}