/*------------------------------------------------------------------------------*/
@import "toolsmenu.css";

/*------------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	letter-spacing:0.1em;
	line-height: 1.5em;
}

/*　回り込み解除　*/
.cr{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*　文字装飾クラス指定　*/
.SM{font-size: 8pt;}
p.err{
	margin: 10px 10px 10px 10px;
	padding: 10px 2px 10px 2px;
	text-align: center;
	background: red;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}


/* メインボックス */
div#main {
	background-color: #ffffff;
	width: 880px;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;/*上 右 下 左*/
	background: url(/img/main_bg.gif) repeat;
}

/*　hタグ指定　*/
h1{
	float: left;
	FONT-SIZE: 12px;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 10px; /*上 右 下 左*/
}
h2{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 3px 0px 0px 0px; /*上 右 下 左*/
	color:#444444;
	font-weight:normal;
	font-size:12px;
	line-height: 1.5;
}
h3{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	FONT-SIZE: 12px;
	text-indent: 0.5em;
}

/*　ヘッド右側　*/
#hed {
	width: 880px;
	height:15px;
	border-bottom:#cccccc 1px solid;
	margin: 0px 0px 5px 0px; /*上 右 下 左*/
	padding: 5px 0px 5px 0px; /*上 右 下 左*/
	background-color: #efefef;
}
#hed h1{
	COLOR: #666666;
	font-size: 10px ;
	text-decoration:none;
	font-weight:normal;
}
#hed a:link{
	COLOR: #666666;
	font-size: 10px ;
	text-decoration:none;
}
#hed a:hover {
	COLOR: #333333;
	font-size: 10px ;
	text-decoration:underline;
}

#hed a:visited {
	COLOR: #333333;
	font-size: 10px ;
	text-decoration:none;
}


#hed ul {
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	list-style-type:none;
}
#hed li{
	float: left;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#hed li.h1{
	float: left;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#hed li.hed{
	float: right;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 5px 0px 10px; /*上 右 下 左*/
	background: #efefef url(/img/hed_bar.gif) left center no-repeat;
}

/*　バナー　*/
#logo {
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	margin: 0px 0px 0px 0px; /*上 右 下 左*/	
	width: 880px;
}

/*　logo横のボックス　*/
#logo #banner{
	float: left;
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	margin: 0px 0px 0px 15px; /*上 右 下 左*/	
	width: 155px;
	height:60px;
}
#logo #text{
	float: left;
	padding: 5px 0px 0px 0px; /*上 右 下 左*/
	margin: 5px 0px 0px 0px; /*上 右 下 左*/	
	width: 490px;
	height:50px;
	text-align: center;
}




#logo #mb_text{
	float: left;
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	margin: 0px 0px 0px 0px; /*上 右 下 左*/	
	width: 220px;
	font-size:10px; line-height:1.3em;
}
#logo #mb_text a {
	font-size: 10px ;
}
#logo #mb_text a:hover {
	font-size: 10px ;
}
#logo #mb_text a:visited {
	font-size: 10px ;
}

#logo #logo_box{
	float: right;
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	margin: 0px 0px 0px 0px; /*上 右 下 左*/	
	height:60px;
	width: 510px;
}

#logo #logo_box ul{
	width: 510px;
	height:60px;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#logo #logo_box li.left{
	float: left;
	width: 10px;
	height: 60px;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	background: url(/img/hed_box.gif) no-repeat;
	list-style-type: none;
}
#logo #logo_box li.center{
	float: left;
	width: 490px;
	height: 52px;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 8px 0px 0px 0px;/*上 右 下 左*/
	background: url(/img/hed_box.gif) -11px 0px repeat;
	white-space: normal;
	list-style-type: none;
	font-size: 10px;
}
#logo #logo_box li.right{
	float: left;
	width: 10px;
	height: 60px;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	background: url(/img/hed_box.gif) -782px 0px no-repeat;
	list-style-type: none;
}

/*--------------------------------------------------------　footer　*/
#footer {
	width: 880px;
	margin: 20px 0px 0px 0px; /*上 右 下 左*/
	padding: 5px 0px 0px 0px; /*上 右 下 左*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #ffffff;
}

/*　フッターの店舗メニュー　*/
#shop_tool_box {
	width: 140px;
	float: left;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#shop_tool_box a:link{
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#shop_tool_box a:hover {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:underline;
}

#shop_tool_box a:visited {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#shop_tool_box ul{
	width: 135px;
	font-size: 11px ;
	margin: 0px 0px 0px 5px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#shop_tool_box li{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 1px 0px 0px 2px; /*上 右 下 左*/
	background:left center no-repeat;
	white-space: nowrap;
	list-style-type:none;
}
#shop_tool_box li.icon{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 2px 0px 0px 15px; /*上 右 下 左*/
	background: url(/img/check2.gif) left center no-repeat;
}

/*　フッターの夜なびコンテンツ　*/
#footer_content_box {
	width: 150px;
	float:left;
	font-size: 11px ;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#footer_content_box a:link{
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#footer_content_box a:hover {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:underline;
}

#footer_content_box a:visited {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#footer_content_box ul{
	width: 145px;
	margin: 0px 0px 0px 5px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#footer_content_box li{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 2px; /*上 右 下 左*/
	background:left center no-repeat;
	list-style-type:none;
}
#footer_content_box li.icon{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 1px 0px 0px 15px; /*上 右 下 左*/
	background: url(/img/check2.gif) 0px 0px no-repeat;
}

/*　フッター相互リンク　*/
#footer_link_box {
	width: 160px;
	font-size: 11px ;
	float: left;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#footer_link_box a:link{
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#footer_link_box a:hover {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:underline;
}

#footer_link_box a:visited {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#footer_link_box ul{
	width: 157px;
	margin: 0px 0px 0px 3px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#footer_link_box li{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 2px; /*上 右 下 左*/
	background:left center no-repeat;
	list-style-type:none;
}
#footer_link_box li.icon{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 1px 0px 0px 15px; /*上 右 下 左*/
	background: url(/img/check2.gif) 0px 0px no-repeat;
}

/*　夜なびグループ　*/
#ynavi_gp_box {
	width: 150px;
	font-size: 11px ;
	float: left;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#ynavi_gp_box a:link{
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#ynavi_gp_box a:hover {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:underline;
}

#ynavi_gp_box a:visited {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#ynavi_gp_box ul{
	width: 147px;
	margin: 0px 0px 0px 3px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#ynavi_gp_box li{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 2px; /*上 右 下 左*/
	background:left center no-repeat;
	list-style-type:none;
}
#ynavi_gp_box li.icon{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 1px 0px 0px 15px; /*上 右 下 左*/
	background: url(/img/check2.gif) 0px 0px no-repeat;
}

/*　夜なびグループエリア　*/
#ynavi_area_box {
	width: 140px;
	font-size: 11px ;
	float: left;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#ynavi_area_box a:link{
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#ynavi_area_box a:hover {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:underline;
}

#ynavi_area_box a:visited {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#ynavi_area_box ul{
	width: 137px;
	margin: 0px 0px 0px 3px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#ynavi_area_box li{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	background:left center no-repeat;
	white-space: nowrap;
	list-style-type:none;
}
#ynavi_area_box li.icon{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 1px 0px 0px 15px; /*上 右 下 左*/
	background: url(/img/check2.gif) left center no-repeat;
}

/*　夜なびグループエリア2　*/
#ynavi_area2_box {
	width: 140px;
	float: left;
	font-size: 11px ;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#ynavi_area2_box a:link{
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#ynavi_area2_box a:hover {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:underline;
}

#ynavi_area2_box a:visited {
	COLOR: #182e62;
	font-size: 11px ;
	text-decoration:none;
}
#ynavi_area2_box ul{
	width: 137px;
	margin: 0px 0px 0px 3px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
}
#ynavi_area2_box li{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 0px 0px 0px 0px; /*上 右 下 左*/
	float: left;
	background:left center no-repeat;
	white-space: nowrap;
	list-style-type:none;
}
#ynavi_area2_box li.icon{
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 1px 0px 0px 15px; /*上 右 下 左*/
	background: url(/img/check2.gif) left center no-repeat;
}

/*　コピーライト　*/
#Copyright_box {
	clear: both;
	width: 880px;
	color:#FFFFFF;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 5px 0px 5px 0px; /*上 右 下 左*/
	background: url(/img/foot_bg.gif) left center repeat;
}
#Copyright_box a{
	COLOR: #ffffff;
	font-size: 11px ;
	text-decoration:none;
}

/*　footer部 リンクリスト　*/
#Copyright_Ubox {
	clear: both;
	width: 880px;
	margin: 0px 0px 0px 0px; /*上 右 下 左*/
	padding: 5px 0px 5px 0px; /*上 右 下 左*/
}

/*-------------------------------------------　関連情報DIV　*/
div#click_list_back {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000;
	position: absolute;
	visibility: hidden;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	z-index: 1;
}
div#click_list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: orange 3px solid;
	background: #ffffff;
	position: absolute;
	visibility: hidden;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	top: 20px;
	left: 20px;
	width: 800px;
	z-index: 2;
}
div#click_list p.close {
	float:right;
	width: 90px;
	margin: 10px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
}
div#click_list h3 {
	float:left;
	width: 465px;
	margin: 10px 0px 5px 10px;
	padding: 0px 20px 0px 5px;
	border-left: 5px solid orange;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}
div#click_list ul {
	float:left;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 780px;
	border: #FFE6E6 1px solid;
}
div#click_list li {
	margin: 5px 5px 5px 5px;
	padding: 0px 5px 0px 5px;
	float:left;
	width: 130px;
	height: 200px;
	vertical-align: top;
	list-style: none;
	text-align: center;
	overflow: hidden;
}