@CHARSET "UTF-8";
/*---------------------------------------------------------
   Format
---------------------------------------------------------*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	color: #000;
	line-height: 150%;
	background-image: url("../img/common/bg_main.gif");
	text-align:center;
}

.align_center { text-align: center; }
.align_right  { text-align: right;  }

span.hidden {
	position: absolute;
	top: 0;
	left: -9999px;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.bold { font-weight:bold!important; }

.f10 { font-size:10px!important; }

/*---------------------------------------------------------
   Header
---------------------------------------------------------*/
#header {
	background-color:#000;
	height: 95px;
}

#header_inner {
	width: 900px;
	margin: 0 auto;
	padding-top: 42px;
}

#logo {
	float:left;
}

#header ul {
	width: 433px;
	float:right;
	border-right: 1px solid #333;
}

#header ul li {
	float: left;
	zoom: 1;
}

#header ul li a {
	text-indent: -9999px;
	display:block;
	width: 144px;
	height: 53px;
	background-image: url("../img/common/bg_hnavi.gif");
}

	a.info    { background-position: 0      0; }
	a.access  { background-position: -144px 0; }
	a.parking { background-position: -288px 0; }
	a.info:hover   , a.info:focus    { outline:none; background-position: 0      -53px; }
	a.access:hover , a.access:focus  { outline:none; background-position: -144px -53px; }
	a.parking:hover, a.parking:focus { outline:none; background-position: -288px -53px; }

/*---------------------------------------------------------
   Container
---------------------------------------------------------*/
.container {
	width: 900px;
	margin: 0 auto;
	text-align:left;
}


/*---------------------------------------------------------
   Information & Main image
---------------------------------------------------------*/
	/*** Outer (TOP) ***/
	#outer_top {
		background-color: #fff;
		padding: 20px 0 10px;
	}

	/*** Information ***/
	#information dl {
		width: 190px;
		height: 340px;
		border: 1px solid #ccc;
	}
	#information dt {
		margin: 0 5px;
		padding: 12px 0 13px;
	}
	#information dd {
		margin: 0 5px;
	}
	#information dd ul li {
		margin-top: 1px;
		border-top: 1px dashed #ccc;
		padding: 0 0 8px 0;
		line-height:100%;
	}
	#information dd ul li:hover {
		background-image: url("../img/common/bg_dot_1.gif");
		cursor:pointer;
	}
	* html #information dd ul li:hover p {
		text-decoration: underline;
	}

	#information dd ul li p {
		line-height: 120%;
		margin-bottom: 0;
		padding: 0 0 0 15px;
	}
	#information dd ul li p.date {
		border-top: 1px solid #fff;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 12px 0 0 15px;
		background: url("../img/common/bg_arrow_black.gif") 5px 15px no-repeat;
	}

	/*** Main Image ***/
	#main_image {
		width: 690px;
		float:right;
	}


/*---------------------------------------------------------
   Outer (White Background)
---------------------------------------------------------*/
#outer {
	max-width: 1000px;
	background-color: #fff;
	margin: 0 auto;
}

* html #outer { width: 940px; } /* for IE6 */


/*---------------------------------------------------------
   main
---------------------------------------------------------*/
#main {
	width: 690px;
	float: right;
}



/*---------------------------------------------------------
   aside
---------------------------------------------------------*/
#aside {
	width: 190px;
	float:left;
}

	/*** Floor Guide ***/
	dl#floor_guide {
		border: 1px solid #ccc;
		margin-bottom: 13px;
	}

	dl#floor_guide dt {
		border: 2px solid #e4e4e4;
	}

	dl#floor_guide dd {
		border: 2px solid #e4e4e4;
		border-top: none;
		padding: 13px 0 13px 40px;
		font-size:11px;
	}

		dl#floor_guide ul li {
			margin-bottom: 2px;
		}

		dl#floor_guide a {
			padding: 1px 0 0 8px;
			background: url("../img/common/bg_arrow_black.gif") left 6px no-repeat;
			font-weight:bold;
		}

		dl#floor_guide span.close {
			color: #f00;
		}

		dl#floor_guide a:link,
		dl#floor_guide a:visited {
			color: #000;
			text-decoration: none;
		}

		dl#floor_guide a:hover,
		dl#floor_guide a:focus {
			outline: none;
			color: #6c0;
			background-image: url("../img/common/bg_arrow_green.gif");
		}

		dl#floor_guide dd.floor_5 { background : url("../img/common/floor/5.gif") 8px 18px no-repeat; }
		dl#floor_guide dd.floor_4 { background : url("../img/common/floor/4.gif") 8px 18px no-repeat; }
		dl#floor_guide dd.floor_3 { background : url("../img/common/floor/3.gif") 8px 18px no-repeat; }
		dl#floor_guide dd.floor_2 { background : url("../img/common/floor/2.gif") 8px 18px no-repeat; }
		dl#floor_guide dd.floor_1 { background : url("../img/common/floor/1.gif") 8px 18px no-repeat; }
		dl#floor_guide dd.floor_b1{ background : url("../img/common/floor/b1.gif") 5px 14px no-repeat; }


	/*** Access & Hour ***/
	dl#access {
		margin-bottom: 10px;
	}
	dl#access dt {
		width: 190px;
		height: 32px;
		background: url("../img/common/bg_access.gif") left top no-repeat;
		position:relative;
	}
	dl#access dt span {
		position: absolute;
		top:7px;
		left: 35px;
		font-weight: bold;
	}
	dl#access dd {
		font-size:12px;
		font-weight:bold;
		line-height: 120%;
		padding: 5px 0 0 2px;
	}
	dl#access dd.hour img{
		vertical-align:top;
		margin: 5px 3px 0 4px;
	}
	dl#access dd span {
		font-size: 10px;
		font-weight: normal;
	}
	dl#access dd.map {
		padding: 5px 0 0 0;
	}

	/*** Link ***/
	#link {
		text-align:center;
		line-height: 200%;
	}
	#link img {
		vertical-align:top;
	}


/*---------------------------------------------------------
 Shop List
----------------------------------------------------------*/
#shop_list img { vertical-align: middle; }
#shop_list dl dt {
	font-weight:bold;
	font-size: 13px;
	padding: 8px 0 8px 17px;
	background-color: #ccc;
	line-height: 100%;
}
#shop_list dl dd {
	padding: 20px 0 0;
}
/* TOP */
#shop_list a.gap        { margin: 0 0 0 15px; }
#shop_list a.tommy      { margin: 0 9px ;     }
#shop_list a.timeless   { margin: 0 18px;     }
#shop_list a.caravan    { margin: 0 15px;     }
#shop_list a.keyuca     { margin: 0 10px;     }

/* Bottom */
#shop_list a.columbia   { margin: 0 20px 0 15px; }
#shop_list a.timberland { margin: 0 4px 0 25px ; }
#shop_list a.shahoden   { margin: 0 40px 0 20px; }
#shop_list a.kimukatsu  { margin: 0 20px 0 5px;    }


/*---------------------------------------------------------
   footer
---------------------------------------------------------*/
#footer {
	clear: both;
	background: url("../img/common/bg_footer.gif") left top no-repeat;
	width: 900px;
	height: 95px;
	margin: 20px auto 0;
	color: #fff;
}

#footer_inner {
	padding: 25px 0 0 210px;

}

#footer ul li {
	float:left;
	font-size:11px;
	margin-right: 13px;
}

#footer a {
	padding-left: 8px;
	background: url("../img/common/bg_arrow_white.gif") left 5px no-repeat;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus {
	outline: none;
	color: #6c0;
	background-image: url("../img/common/bg_arrow_green_b.gif");
}

#footer p {
	float:right;
	font-size: 11px;
	margin-right: 33px;
}


