@charset "shift-jis";

/* -------------------------------------------------------
	* Date : 2006-10
	* Last Update : 2006-10
	* File : second.css
	* Copyright (c) Goen Marushin Corporation.All rights reserved
------------------------------------------------------- */

/*

	*01 heading
	*02 secondbase
	*03 beer
	*04 goenclub
	*05 ranking
	*06 shop
	*07 coupon
	*08 opinion
	*09 information
	*10 menu
	*11 link

*/


/*-----------------------------------------------
	*01 heading
-------------------------------------------------*/

h1{
	width:540px;
	height:40px;
	margin-bottom:7px;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-indent:30px;
	background:url(../img/h1.gif) no-repeat;
}

/* h2_start */
h2{
	height:30px;
	margin-bottom:7px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	color:#775505;
	text-indent:12px;
	background:url(../img/h3.gif) no-repeat;
}


/* goenclub */

.goen_box01 h2{
	height:37px;
	background:none;
	text-indent:0px;
	margin-bottom:10px;
}

h3.goenclub{
	width:540px;
	height:30px;
	margin-bottom:0px;
	font-size:14px;
	padding-left:0px;
	font-weight:bold;
	color:#775505;
	text-indent:12px;
	background:url(../img/h3.gif) no-repeat;
}

.tit{
	margin-bottom:10px;
}

#rank_box01 h2{
	line-height:27px;
	background: #fff url(../img/h2.gif) no-repeat;
	color:#87471E;
	font-size:12px;
	text-indent:20px;
	margin-bottom:7px;
}

.goen_box01 h2{
	margin-bottom:0px;
	color:#fff;
}

/* ranking */
#rank_box01 h2{
	margin:0px;
	padding-bottom:10px;
}

#rank_box01 .horumon01 h2{
	background: #fff url(../img/h2.gif) no-repeat;
}

#rank_box01 .sidemenu01 h2{
	color:#115100;
	background: #fff url(../img/ranking/h2_sidemenu.gif) no-repeat;
}
/* ranking */

h3{
	color:#444;
	font-size:12px;
	padding-left:15px;
	padding-top:5px;
	margin:0px 15px 7px 0px;
	background: url(../img/h3_shop.gif) no-repeat left bottom;
}

/* ranking */
#rank_box01 h3{
	text-indent:0px;
	font-size:12px;
	font-weight:bold;
	padding:15px 0px 12px 95px;
	margin:0px 0px 8px;
	color:#fff;
}

.horumon01 h3{
	background: url(../img/ranking/h3_hormone1.gif) no-repeat;
}

.sidemenu01 h3{
	background: url(../img/ranking/h3_sidemenu1.gif) no-repeat;
}

#rank_box02 .horumon02 h3{
	background: url(../img/ranking/h3_hormone2.gif) no-repeat;
}

#rank_box02 .sidemenu02 h3{
	background: url(../img/ranking/h3_sidemenu2.gif) no-repeat;
}

#rank_box02 h3{
	font-size:10px;
	font-weight:bold;
	padding:27px 0px 7px 5px;
	margin:0px 0px 7px;
	color:#fff;
}
/* ranking */

/*-----------------------------------------------
	*02 secondbase
-------------------------------------------------*/
.img-right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	display:inline;
}

.img-left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	display:inline;
}

#header{
	width:760px;
	height:103px;
	position:relative;
	background: url(../img/container_bg.gif) repeat-y;
}

#header p{
	float:right;
}

#header p.logo{
	width:127px;
	float:left;
}

#header #gnavi{
	width:633px;
	float:right;
}

#sec_wrap{
	clear:left;
	width:760px;
	background: url(../img/sec_wrap_bg.gif) repeat-y 0px 0px;
}

#sec_wrap p{
	margin:0px 15px 10px 7px;
}

#sec_wrap p.right{
	text-align:right;
}

#sec_wrap #menu{
	width:184px;
	float:left;
	margin-left:4px;
	display:inline;
	background: url(../img/menu_bg.gif) no-repeat left top;
}

#sec_wrap #contents{
	width:553px;
	float:right;
}

#sec_wrap #menu ul.menu01{
	width:180px;
	margin:0px 0px 7px 4px;
	padding:6px 0px 19px;
	background: url(../img/menu_line01.gif) no-repeat left bottom;
}

#sec_wrap #menu ul.menu02{
	width:166px;
	padding-top:23px;
	padding-bottom:7px;
	margin-left:7px;
	margin-bottom:7px;
	background: url(../img/menu_bnr_bg.gif) no-repeat left top;
}

#sec_wrap #menu ul.menu02 li{
	margin-left:5px;
}

#sec_wrap #menu ul.bnr{
	margin-left:7px;
	margin-bottom:20px;
	padding-top:8px;
	background: url(../img/menu_line02.gif) no-repeat;
}

#key{
	margin-bottom:7px;
}

#sec_wrap p.path{
	font-size:10px;
	line-height:1.4em;
	margin-left:0px;
	margin-bottom:10px;
}

.pagetop{
	clear:both;
	width:540px;
	padding-top:15px;
	margin-bottom:10px;
	text-align:right;
}

/*-----------------------------------------------
	*03 beer
-------------------------------------------------*/

p.img_beer{
	float:right;
	padding-top:10px;
	padding-left:5px;
	display:inline;
}

.red_b{
	color:#E60011;
	font-weight:bold;
}

.red{
	color:#E60011;
}

.orange_b{
	font-weight:bold;
	color:#F27E02;
}

.blue_b{
	font-weight:bold;
	color:#4885C3;
}

.green_b{
	color:#438C08;
	font-weight:bold;
}

/*-----------------------------------------------
	*04 goenclub
-------------------------------------------------*/

.goen_box01,
.goen_box02{
	width:540px;
	color:#221815;
	line-height:1.4em;
	background: url(../img/goenclub/box01_bg.gif) repeat-y;
}

.goen_box02{
	background:none;
}

.registry{
	width:263px;
	float:left;
	background:#E4F6CF;
}

.coupon{
	width:263px;
	float:right;
	background:#DFEEF8;
}

.registry dd,
.coupon dd{
	padding:5px 7px;
}

.goen_box01 .bottom{
	clear:both;
	width:540px;
	height:18px;
	background: url(../img/goenclub/bottom01.gif) no-repeat;
}

.goen_box02 .bottom{
	clear:both;
	width:263px;
	height:18px;
	background: url(../img/goenclub/bottom02.gif) no-repeat;
}

.goen_box01 dd img,
.goen_box02 dd img{
	margin-bottom:5px;
	margin-left:4px;
}

.goen_box01 dd.img_qr{
	text-align:right;
}

.goen_box01 dd.img_qr img{
	float:none;
	margin-right:24px;
}

ul.note{
	clear:both;
	font-size:10px;
	padding-top:15px;
	line-height:1.4em;
	margin-left:15px;
	margin-bottom:15px;
}

ul.note li{
	text-indent:-10px;
}

dl.note{
	line-height:1.4em;
	margin-bottom:10px;
}

dl.note dt{
	margin-left:7px;
	margin-bottom:2px;
	color:#E60011;
	font-weight:bold;
}

dl.note dd{
	margin:0px 15px 5px 7px;
}

p.center{
text-align:center;
}

/* mobile */

#mobile{
	margin-bottom:30px;
	color:#221815;
	line-height:1.4em;
	width:540px;
	background: url(../img/goenclub/mobile_bg.gif) repeat-y;
}

#mobile dl{
	width:174px;
	float:left;
}

#mobile dl.softbank{
	margin-right:9px;
	margin-left:9px;
}

#mobile dd{
	padding:6px 7px;
	text-align:center;
}

#mobile dd p{
	margin:0px 0px 3px;
	padding-bottom:13px;
	background: url(../img/goenclub/arrow_goen.gif) no-repeat 50% 100%;
}

#mobile .bottom{
	width:540px;
	clear:both;
	height:4px;
	font-size:1px;
	background: url(../img/goenclub/mobile_bottom.gif) no-repeat;
}

/* shop_no */

#shop_no{
	width:540px;
	margin-bottom:25px;
}

#shop_no table{
	width:265px;
	border-top:1px solid #D39766;
	border-left:1px solid #D39766;
}

#shop_no caption{
	padding:2px;
	color:#fff;
	font-weight:bold;
	background:#F7B643;
	border-right:1px solid #D39766;
	border-top:1px solid #D39766;
	border-left:1px solid #D39766;
}

#shop_no td,
#shop_no th{
	padding:2px;
	text-align:center;
	border-right:1px solid #D39766;
	border-bottom:1px solid #D39766;
}

#shop_no th{
	font-weight:normal;
	background:#FFEDD0;
}

#shop_no table.left{
	float:left;
}

#shop_no table.right{
	float:right;
}


/*-----------------------------------------------
	*05 ranking
-------------------------------------------------*/

#rank_box01,
#rank_box02,
#rank_box03{
	width:540px;
}

#rank_box01{
	margin-bottom:5px;
	background: #fff url(../img/ranking/rank01_bg.gif) repeat-y;
}

#rank_box02{
	background: #fff url(../img/ranking/rank02_bg.gif) repeat-y;
}

.horumon01,
.horumon02,
ul.horumon04{
	width:265px;
	float:left;
}

.sidemenu01,
.sidemenu02,
ul.sidemenu04{
	float:right;
	width:265px;
}

#rank_box01 p,
#rank_box02 p{
	margin-right:7px;
	margin-bottom:3px;
	color:#444;
}

#rank_box01 p.rank_img{
	float:right;
	margin-right:10px;
	display:inline;
}

#rank_box02{
	margin-bottom:10px;
}

#rank_box02 img{
	margin-bottom:3px;
}

#rank_box02 p{
	font-size:10px;
	line-height:1.4em;
}

#rank_box02 p{
	margin:0px 16px 0px 11px;
}

.horumon01 .horumon02,
.sidemenu01 .sidemenu02{
	width:131px;
	float:left;
}
#rank_box01 .bottom{
	clear:both;
	height:9px;
	font-size:1%;
	line-height:1%;
	background: url(../img/ranking/rank01_bottom.gif) no-repeat left bottom;
}

#rank_box02 .bottom{
	clear:both;
	height:10px;
	font-size:1%;
	line-height:1%;
	background: url(../img/ranking/rank02_bottom.gif) no-repeat left bottom;
}

.horumon01 .horumon03,
.sidemenu01 .sidemenu03{
	width:131px;
	float:right;
}

#rank_box02 .horumon03 h3{
	background: url(../img/ranking/h3_hormone3.gif) no-repeat;
}

#rank_box02 .sidemenu03 h3{
	background: url(../img/ranking/h3_sidemenu3.gif) no-repeat;
}

#rank_box03{
	margin-bottom:15px;
}

#rank_box03 ul{
	list-style:none;
}

#rank_box03 ul li{
	font-weight:bold;
	margin-bottom:5px;
	text-indent:55px;
	line-height:180%;
}

.horumon04 li.no4{background: url(../img/ranking/rank_h4.gif) repeat-x left bottom;}
.horumon04 li.no5{background: url(../img/ranking/rank_h5.gif) repeat-x left bottom;}
.horumon04 li.no6{background: url(../img/ranking/rank_h6.gif) repeat-x left bottom;}
.horumon04 li.no7{background: url(../img/ranking/rank_h7.gif) repeat-x left bottom;}
.horumon04 li.no8{background: url(../img/ranking/rank_h8.gif) repeat-x left bottom;}
.horumon04 li.no9{background: url(../img/ranking/rank_h9.gif) repeat-x left bottom;}
.horumon04 li.no10{background: url(../img/ranking/rank_h10.gif) repeat-x left bottom;}

.sidemenu04 li.no4{background: url(../img/ranking/rank_s4.gif) repeat-x left bottom;}
.sidemenu04 li.no5{background: url(../img/ranking/rank_s5.gif) repeat-x left bottom;}
.sidemenu04 li.no6{background: url(../img/ranking/rank_s6.gif) repeat-x left bottom;}
.sidemenu04 li.no7{background: url(../img/ranking/rank_s7.gif) repeat-x left bottom;}
.sidemenu04 li.no8{background: url(../img/ranking/rank_s8.gif) repeat-x left bottom;}
.sidemenu04 li.no9{background: url(../img/ranking/rank_s9.gif) repeat-x left bottom;}
.sidemenu04 li.no10{background: url(../img/ranking/rank_s10.gif) repeat-x left bottom;}


/*-----------------------------------------------
	*06 shop
-------------------------------------------------*/

.shop_list{
	width:518px;
	list-style:none;
	margin:0px 15px 5px 7px;
	padding-bottom:5px;
	background: url(../img/shop/line_shop.gif) repeat-x left bottom;
}


h2.shop h3{
	background: url(../img/h3_shop.gif) repeat-x left bottom;

}

.shop_list h4{
	float:left;
	font-size:12px;
	font-weight:normal;
	text-indent:10px;
	margin:0px;
	padding:0px;
	background: url(../img/shop/arrow_shop01.gif) no-repeat 0 5px;
}

.shop_list ul{
	width:420px;
	float:right;
	list-style:none;
}

.shop_list ul li{
	float:left;
	width:140px;
	background: url(../img/shop/arrow_shop02.gif) no-repeat 0 4px;

}
.shop_list ul li a{
	padding-left:20px;
}

/* float_clear_Hack */

div.shop_list{
	min-height:1%; /* IE7 */
}

div.shop_list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.shop_list {display: inline-table;}

/* *Hides from IE-mac \*/
	* html div.shop_list {height: 1%;}
	div.shop_list {display: block;}
/* *End hide from IE-mac */

/* float_clear_Hack */

#shop{
	margin-bottom:15px;
}

#shop p{
	margin:0px 15px 20px;
}

.shop_box{
	margin:0px 8px 0px;
}

#shop .shop_box p{
	text-align:center;
	margin:0px 0px 15px;
	padding:0px;
}


#shop .shop_box p.shopimg{
	width:258px;
	float:left;	
}

#shop .shop_box #gmap{
	float:right;
	margin-right:15px;
	display:inline;
}

#shop .shop_box #bigmap{
	clear:both;
	width:258px;
	margin-left:268px;

}

#shop .shop_box p img{
	margin:0px 2px;
}
#shop_box{
margin-bottom:10px;
}

/* shopbnr fig (2013/08)*/
#shopbnr1{
    width: 540px;
	height: auto;
	text-align: center;
	margin-bottom:0;
	float:left;
}

/*-----------------------------------------------
	*07 coupon
-------------------------------------------------*/

.coupon_box01{
	margin:0px auto 15px;
	width:427px;
	padding-bottom:5px;
	text-align:left;
	border:1px solid #999;
	background:#FFEAE2;
}

.coupon_box01 h2{
	text-indent:0px;
	margin:5px;
	height:77px;
	padding:0px;
	background:none;
}

.shop_name{
	font-weight:bold;
	padding:0px 10px 5px 5px;
}

.coupon_box01 p{
margin:0px 0px 0px 5px;
}

ul.coupon_note{
	margin-left:10px;
	font-size:10px;
	padding-left:20px;
	margin-bottom:7px;
	line-height:1.4em;
}

ul.coupon_note li{
list-style:disc;
}

#coupon{
	padding-top:20px;
	background:#fff;
}

.coupon_catch{
	width:524px;
	margin-left:7px;
	margin-bottom:15px;
	background-color:#FEE9D0;
}

#sec_wrap .coupon_catch p{
	margin:0px;
	padding:10px 15px;
	border-right:1px solid #DDBC95;
	border-left:1px solid #DDBC95;
	border-bottom:1px solid #DDBC95;
}

.coupon_catch p span{
	font-size:10px;
	line-height:1.4em;
}

#coupon h1{
	width:450px;
	height:38px;
	text-align:left;
	margin:0px auto 12px;
	background: url(../img/coupon/h1_coupon.gif) no-repeat;
}

.coupon_box02{
	margin:0px auto 20px;
	width:430px;
	text-align:left;
}

.coupon_box02 p{
	float:left;
	margin:0px;
	padding:0px;
}

.coupon_box02 dl{
	float: right;
	width: 165px;
	height: auto;
	border: 1px solid #D5D5D5;
	font-size: 10px;
	line-height: 1.2em;
}

.coupon_box02 dt{
	background:#D5D5D5;
	color:#666;
	font-weight:bold;
	padding:5px 7px;
}

.coupon_box02 dd{
	padding:5px 7px 15px;
}


.print{
	margin-bottom:15px;
}

/*-----------------------------------------------
	*8 opinion
-------------------------------------------------*/

p.note{
	padding-left:9px;
	font-size:10px;
	line-height:1.4em;
	text-indent:-9px;
}


table{
	border-top:1px solid #B40000;
	border-left:1px solid #B40000;
}

td,
th{
	padding:5px 7px;
	border-bottom:1px solid #B40000;
	border-right:1px solid #B40000;
}

table.opinion{
	width:500px;
	margin-bottom:15px;
	margin-left:20px;
}

table.opinion th{
	background:#FFF0B4;
	color:#B40000;
	width:20%;
	font-weight:normal;
	text-align:left;
}

table.opinion th span{
	font-size:10px;
	line-height:1em;
}

.form30{width:30px;}
.form40{width:40px;}
.form50{width:50px;}
.form150{width:150px;}
.form300{width:300px;}
.form350{width:350px;}

.form_btn{
	color:#333;
	text-align:center;
	line-height:1.2em;
	padding-bottom:15px;
}

.form_btn input{
	padding:1px 3px;
	margin:0px 3px;
}


/*-----------------------------------------------
	*09 information
-------------------------------------------------*/

p.info_date{
	text-align:right;
	padding-right:10px;
	margin-bottom:2px;
}


#info_list{
	width:526px;
	margin-left:7px;
}

#info_list ul{
	list-style:none;
}

#info_list ul li{
	padding:0px 0px 8px;
	margin-bottom:10px;
	text-indent:15px;
	background:url(../img/info/line_info.gif) no-repeat left bottom;
}

#info_list ul li a{
	margin-left:5px;
}

.img_right{
	float:right;
	margin:0px 10px 10px;
	display:inline;
}

/*-----------------------------------------------
	*10 menu
-------------------------------------------------*/

#local_navi{
	width:540px;
	height:39px;
	background:url(../img/menu/navi_bg.gif) no-repeat;
}

#local_navi ul{
	width:520px;
	margin-left:20px;
}

#local_navi li{
	font-weight: bold;
	line-height: 3em;
	margin-right: auto;
	float: left;
}

#local_navi li a{
	padding-left: 20px;
	color: #895A1E;
	background: url(../img/menu/navi_arrow.gif) no-repeat;
	font-size: 12px;
}

.menu_note{
	text-align:right;
	font-size:10px;
	line-height:1.4em;
}


#menu_box{
	width:540px;
}

#pickup_area{
	text-align:center;
	width:500px;
	margin:0 auto;
}

#pickup_area img{
	margin-bottom:10px;
}

#menu_box p{
	margin:0px 0px 7px;
	padding:0px;
}

#menu_box h2{
	height:100%;
	background:none;
	text-indent:0px;
	padding:0px;
	margin:0px 0px 4px 9px;
}

#menu_box .left{
	float:left;
	width:263px;
}

#menu_box .right{
	float:right;
	width:270px;
}

#menu_box dl{
	margin-left:9px;
	width:251px;
}

#menu_box dt{
	font-weight:bold;
}

#menu_box dt span{
	font-size:10px;
	line-height:1.2em;
	margin-left:5px;
	font-weight:normal;
}

.pickup{
	color: #E53708;
	font-size: small;
}

#menu_box dd{
	text-align:right;
	background:url(../img/menu/line.gif) no-repeat left bottom;
	padding-bottom:3px;
	margin-bottom:4px;
}

#menu_box dd.m_detail{
	background:none;
	padding:5px 7px;
	margin:3px 0px;
	font-size:10px;
	line-height:1.4em;
	text-align:left;
	background-color:#FDF0C8;

}
#menu_box dd span{
	font-size:10px;
	line-height:1.4em;
	margin-left:3px;
}

#menu_box dd span.bold{
	font-weight:bold;
	margin-right:7px;
}

#menu_box dd.end{
	margin-bottom:30px;
}

/*-----------------------------------------------
	*10 link
-------------------------------------------------*/

.form_link{
	width:500px;
	margin-top:4px;
	margin-bottom:10px;
	font-size:10px;
}



/*-----------------------------------------------
	*自社
-------------------------------------------------*/

table.cleart{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

.cleart td,
.cleart th{
	padding:5px 7px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;

}

.px10{
	font-size:10px;
	line-height:1.4em;
}


/* infoに店舗リストを載せるとき */

div.info_detail{
	margin-left: 20px;	
	margin-bottom: 10px;	
}


li.prefitem {
	font-weight: bold;
	color: #FFF;
	background-color: #F93;
	margin-right: 20px;
	margin-top: 20px;
	list-style-type: square;
	text-indent: 10px;
}


ul.shop {
	margin: 0;
	padding: 0;
}

ul.shop li {
	float: left;
	width: 8em;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
}