@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 author     :Lyon
 style info :indexページ用CSS
=================================================================== */

/* FLASH・・・
-------------------------------*/
object {
	margin:0 0 0 5px;
}

/* h2 共通的な・・・
-------------------------------*/
h2 {
	width:505px;
	height:69px;
}

h2 span,
h3 span {
	visibility:hidden;
}

h2#shopGuide {
	background:url(../img/map/bar-shopguide.gif) no-repeat;
}

/* -----------------------------------------------------------
	#地域
----------------------------------------------------------- */
#map h3 {
	width:495x;
	height:64px;
	margin:0 0 0 10px;
}

h3#map01 {
	background:url(../img/map/bar-01_hokkaido.gif) no-repeat;
}

h3#map02 {
	background:url(../img/map/bar-02_tohoku.gif) no-repeat;
}

h3#map03 {
	background:url(../img/map/bar-03_kanto.gif) no-repeat;
}

h3#map04 {
	background:url(../img/map/bar-04_chubu.gif) no-repeat;
}

h3#map05 {
	background:url(../img/map/bar-05_kinki.gif) no-repeat;
}

h3#map06 {
	background:url(../img/map/bar-06_chugoku.gif) no-repeat;
}

h3#map07 {
	background:url(../img/map/bar-07_shikoku.gif) no-repeat;
}

h3#map08 {
	background:url(../img/map/bar-08_kyusyu.gif) no-repeat;
}

h3#map09 {
	background:url(../img/map/bar-09_okinawa.gif) no-repeat;
}


/* -----------------------------------------------------------
	#県名の配置など
----------------------------------------------------------- */
#map h3 ul {
	float:right;
	padding:20px 10px 0 0;
	font-weight:normal;
}

#map h3 ul li {
	float:left;
	color:#ccc;
}

#map h3 ul li a {
	color:#b32a84;
}


/* -----------------------------------------------------------
	#SC名とWEBとイベント情報の配置など
----------------------------------------------------------- */
#map dl {
	clear:both;
	overflow:hidden;
	width:495px;
	margin:0 0 0 10px;
	padding:20px 0 0 0;
}

#map dl dt {
	float:left;
	width:57px;
	padding:0 0 0 10px;
	background:url(../img/common/arrow2.gif) no-repeat left 40%;
	color:#d21f83;
}

#map dl dd {
	float:right;
	overflow:hidden;
	width:410px;
	padding:0 0 6px 8px;
	text-align:left;
	color:#ccc;
}

#map dl dd a {
	color:#666;
}

#map dl dd a.hp {
	margin:0 3px 0 0;
}

#map dl dd span.scName {
	float:left;
}

#map dl dd span.hpEvent {
	float:right;
	width:180px;
	text-align:left;
}

#map dl dd.last {
	padding:0 0 10px 0;
	background:url(../img/common/line.gif) repeat-x bottom;
}


/* baloonの設定
--------------------------------*/
.map #goTop{
margin-bottom:20px;
width:300px;
}

.map #aside {
	position:relative;
	z-index:5;
}

.map p.baloon {
	position:absolute;
	top:-50px;
	left:-46px;
	z-index:1000;
}

.map #wrapper {
	position:relative;
	width:1060px;
	margin:0 auto;
	z-index:1;
}

.map #header {
	position:relative;
	width:1060px;
	height:91px;
	z-index:2;
	top:0;
	left:0;
}

.map #header img{
display:block;
}

.map #content {
	position:relative;
	top:0px;
	z-index:5;
	overflow:visible;
}


/* tabele追加
--------------------------------*/
#map table.matable{
	width:495px;
	margin-bottom:14px;
	margin-left:10px;
	background:url(../img/map/bg-mapbot.gif) no-repeat bottom right;
}

#map .matable th.thtop{
	font-weight:normal;
	width:85px;
	text-indent:16px;
	background:url(../img/common/arrow2.gif) no-repeat left center;
	color:#d21f83;
}

#map .matable td{
	color:#ccc;
	line-height:1em;
	padding:4px 0 2px 0;
}

#map .matable td.tdsc{
width:230px;
text-align:left;
}

#map .matable td.tdweb{
width:34px;
text-align:left;
}

#map .matable td.tdevent{
	background:url(../img/map/sect.gif) no-repeat left center;
}

#map .matable td.tdmail{
	background:url(../img/map/sect.gif) no-repeat left center;
}

#map .matable td a{
	color:#666;
}

#map .matable td.tdfoot{
height:6px;
}

#map .matable td.topnobsp{
width:5em;
}