﻿@charset "UTF-8";

/* ------------------------------------------------------------------
目次

00:共通
01:トップページ
02:コンテンツページ
03:サイトマップ
04:新着情報・お知らせ
05:フォーム(メルマガ登録)
------------------------------------------------------------------ */

/* ------------------------------------------------------------------
00:共通
------------------------------------------------------------------ */

@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

* + html body {
	font-family:"メイリオ","Meiryo";
}

h1,h2,h3,h4,h5,h6{
font-weight:bold;
}

img{
	border: 0px;
    vertical-align: bottom;
}

ol, ul {
	list-style:none;
}

li img {
    vertical-align: bottom;
}


.clear{
	clear: both;
}

.m0{
	margin:0px !important;
}
.mb05{
	margin:0px 0px 5px 0px !important;
}
.mb10{
	margin:0px 0px 10px 0px !important;
}
.mb20{
	margin:0px 0px 20px 0px !important;
}
.mb40,
.end{
	margin:0px 0px 40px 0px !important;
}

.mt10{
	margin:10px 0px 0px 0px !important;
}

p.lead{
	line-height:1.6;
	margin:0 35px 20px 35px;
}

p.leadR{
	line-height:1.6;
	margin:0 0 20px 0;
	text-align:right
}

p.leadM{
	line-height:1.6;
	margin:0 0 10px 0;
}

p.leadc{
	line-height:1.6;
	margin:0 0 40px 0;
}

ul.disc{
	padding:0 0 0 15px;
	margin:0 0 20px 0;
	line-height:1.8;
}

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

ul.num{
	padding:0 0 0 25px;
	margin:0 0 20px 0;
	line-height:1.8;
}

ul.num li{
	list-style-type:decimal;
}

.fr{
	float:right;
}
.fl{
	float:left;
}

.red{
	color:#CC0000;
}

.f12{
	font-size:12px;
}

.center{
	text-align:center;
	margin: 0 auto;
}

table td.ye{
	background:#fff4c2;
}

table td.bl{
	background:#d7f8ff;
}

table td.re{
	background:#ffd3d3;
}

h1.title{
	margin:10px 10px 15px 10px;
}


h2.subTitle{
	font-size: 16px;
	margin:0 35px 15px 35px;
	width:631px;
}
h2.subTitleM{
	font-size: 16px;
	margin:0 35px 10px 35px;
	width:631px;
}

h3{
	margin:0 10px 10px;
	font-size:16px;
	width:465px;
}
h3 a{
	display:block;
}

h4{
	margin:0 0 10px 10px;
	font-size:16px;
}
h4.catDisp{
	margin: 0 35px 10px;
}

/* ------------------------------------------------------------------
link
------------------------------------------------------------------ */
a{color:#111111; text-decoration:underline;}
a:link{color:#111111; text-decoration:underline;}
a:active{color:#1799ca; text-decoration:none;}
a:hover{color:#1799ca; text-decoration:none;}

/* ------------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.clearfix:after {
	content: url(../images/common/spacer.gif);
	display: block;
	clear: both;
	height: 0px;
}

/* ------------------------------------------------------------------
iepngfix
------------------------------------------------------------------ */
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------------------------------------------
base
------------------------------------------------------------------ */
body{
	color:#111111;
	text-align: center;
	font-size:14px;
	font-family:"メイリオ",	"Meiryo","ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W4",Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
	background:url(../img/common/wrap.png) 50% 0 repeat-y;
	behavior: url("csshover3.htc");
}

div#wrapper{
	width:940px;
	margin:0px auto;
	text-align:left;
}

div#container{
	margin:0;
	overflow:hidden;
	text-align:left;
	width:100%;
	background:url(../img/common/container_bg.png) repeat-y;
}

div#containerShopDetail{
	margin:0;
	overflow:hidden;
	text-align:left;
	width:100%;
}

div#content{
	float: left;
	width:700px;
	overflow:hidden;
	position:relative;
	padding:0px 0px 20px 0px;
}



/* ------------------------------------------------------------------
header
------------------------------------------------------------------ */
div#header{
	width:100%;
	overflow:hidden;
	height:149px;
	margin:0;
	border-top:12px solid #004278;
	background:#D7F7B8;	
	background:url(../img/top/cars.png) 95% 100% no-repeat #D7F7B8;	
}

div#header h1{
	font-size:12px;
	width:300px;
	color: #333333;
}

div#header h1#logo01, div#header p#logo01{
	width:695px;
	float:right;
	margin:30px 10px 0 0;
}

div#header p#logo02{
	width:233px;
	margin:0 0 0 0;
}


div#header p.btn{
	margin: 7px 0 0 133px;
}



/* ------------------------------------------------------------------
grandmenu
------------------------------------------------------------------ */
ul#gNav {
	width:100%;
	height:56px;
	overflow:hidden;
	margin:0;
}

ul#gNav li {
	float: left;
}

/* ------------------------------------------------------------------
bread crumb
------------------------------------------------------------------ */
ul#bc{
	float:right;
	overflow:hidden;
	line-height:25px;
	font-size:12px;
	margin: 10px 10px 6px 0;
}

ul#bc li{
	float:left;
	background:url(../img/common/bc.png) 0 50% no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 10px;
}

ul#bc li.home{
	background:#d0d0d0;
	padding:0 10px 0;
	margin:0px;
	
}


/* ------------------------------------------------------------------
side
------------------------------------------------------------------ */
div#side{
	width:232px;
	float:right;
	padding-bottom: 30px;
}

div#side p{
	margin:28px 28px 0 28px;
}

 div#side ul{
	margin:0 0 15px 0;
	width:100%;
	overflow:hidden;
}

div#side ul li{
	margin:0;
}

/* ------------------------------------------------------------------
footer
------------------------------------------------------------------ */



div#footer {
    margin: 0 auto;
    text-align: center;
    width: 940px;
	background:#d0d0d0;	
	overflow:hidden;
}

ul#fNav {
    height: 20px;
    margin: 0 auto 10px;
	width:350px;
}

ul#fNav li {
    float: left;
    margin: 0 6px 0 0;
}

div#footer p.company{
	margin:20px 0 0 0;
	line-height:50px;
	padding:5px;
	text-align:center;
	background:url(../img/common/logo_footer.png) 30% 50% no-repeat #d0d0d0;	
}
div#footer p.copy{
	margin:0 0 20px 0;
	padding:5px;
	text-align:center;
}



/* ------------------------------------------------------------------
01:トップページ
 ------------------------------------------------------------------ */

#slider {
	float:left;
	position:relative;
	overflow:auto;
	width:700px;
	height:240px;
	margin: 0 0 15px 0;
	background:url(../img/common/slider_bg.png) 0 100% no-repeat;	
  }

.sliderbutton {
	float:left;
	cursor:pointer;
	}

p#slideleft {
	width:32px;
	height:38px;
	position:absolute;
	top:80px;
	left:0;
}
p#slideright {
	width:32px;
	height:38px;
	position:absolute;
	top:80px;
	right:0;
}

#slider ul {
	position:absolute;
	list-style:none;
	top:0;
	left:0
}
#slider li {
	float:left;
	width:700px;
	height:200px;
	}

ul.pagination {
	position:absolute;
	top:200px;
	left:10px;
	list-style:none;
	height:40px;
	background-color: #ededed;
	opacity: 0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
}

ul.pagination li {
	float:left;
	font-weight: bold;
	cursor:pointer;
	text-align:center;
	line-height:21px;
	background:#1799CA;
	color: #ffffff;
	margin:6px 2px;
	border:1px solid #ffffff;
	padding:2px 6px;
}

ul.pagination li#m {
	background:#D61B32;
}
ul.pagination li#t {
	background:#1799CA;
}
ul.pagination li#c {
	background:#109351;
}
ul.pagination li#y {
	background:#CFBE4A
}


ul.pagination li:hover {
	background:#999999 !important;
}
ul.pagination li.current {
	background:#999999 !important;
}


.ad_cycle {
    border: 1px solid #C0C0C0;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 700px;
}
.ad_cycle .number {
    bottom: 10px;
    position: absolute;
    right: 10px;
}
.ad_cycle .number .initial {
    background-color: #E51218;
    border-color: #BF1217;
}
c.inde...0111027 (75 行目)
.ad_cycle .number li {
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    text-align: center;
    width: 14px;
}


div#branding{
	margin: 0 0 20px 0;
	height: 200px;
}

div#news{
	clear:left;
	margin: 0 0 20px 8px;
	background:url("../img/top/news_list_bg.png") 0 100% no-repeat;
	padding-bottom: 20px;
	position: relative;
}

div#news a.ttl_news_btn{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
}

ul#news_list{
    margin: 10px auto 0;
    width: 650px;
}
ul#news_list li {
    border-bottom: 2px dotted #565757;
    line-height: 1.7;
    padding: 4px;
}

span.news_cat01{
	background: #086693;
	color: #ffffff;
	text-align:center;
	margin:0 4px 0 4px; 
	padding: 3px 10px;
	font-size: 12px;
}

span.news_cat02{
	background: #004278;
	color: #ffffff;
	text-align:center;
	margin:0 4px 0 4px; 
	padding: 3px 10px;
	font-size: 12px;
}

div#event{
	margin: 0 0 20px 8px;
	position: relative;
}

div#event p{
	line-height: 1.6;
    margin: 10px 0 0 30px;
}

div#event a.ttl_event_btn{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
}

div#event_col{
	padding: 5px;
	overflow: hidden;
}

div#event_col div.event_sub{
	float:left;
	width:227px;
	margin-top: 6px;
}

div.event_sub p.event_photo{
	border: 1px solid #8e8e8e;
	margin: 0 auto 6px;
	width:219px;
}

div.event_sub p.event_photo img{
	width:213px;
	border: 3px solid #ffffff;
	text-align:center;
}

div.event_sub p.event_txt{
	margin: 0 auto;
	width:210px;
}



/* ------------------------------------------------------------------
02:コンテンツページ
 ------------------------------------------------------------------ */

/*路線図で探す*/

div#routeMap{
	border: 6px solid #b3b3b3;
	width:645px;
	margin: 15px 22px 5px 22px;
	overflow:hidden;
}

p#routeAll{
	margin: 0 25px 0 0;
	line-height: 25px;
	float:right;
	background:url("../img/route/arrow03.png") 0 50% no-repeat;
	padding: 0 0 0 25px;
}

ul#routeSelect{
	width: 500px;
	margin: 0 0 10px 20px;
	height: 25px;
	float:left;
}
ul#routeSelect li{
	float:left;
	line-height: 25px;
	margin: 0 6px 0 0;
	background:url("../img/route/arrow01.png") 0 50% no-repeat;
	padding: 0 0 0 25px;
}


div.popR a:hover{ /*マウスが乗ったら*/
	position: relative;
	top: 0px; left: 0px;
}

div.fukidasipopR { /*吹き出し本体*/
	position: absolute;
	display: none; /*何も表示しない*/
	width: 381px; /*ブロックの幅*/
	height: 91px;
	font-size:12px;
	text-decoration: none; /*文字飾り*/
	line-height: 1.5;
	color: #333333; /*文字色*/
	//background-color:#f0f0f0;
	background:url("../img/route/route_fukudashi_bg.png") 0 0 no-repeat;
/*	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;*/
}
a:hover .fukidasipopR {
	display: block; /*ブロック要素で表示*/
}
div.fukidasipopR img{ 
	width:25%;
	float:left;
	margin:10px 4px 10px 10px;
}
div.fukidasipopR p.txt{
	float:right;
	text-indent:25px;
	line-height:1.7;
	width:260px;
	margin:10px 10px 10px 0;
	background:url("../img/common/arrow02.png") 0 0 no-repeat;
	font-size:11px;
}

.popC01{
	top:-50px;
	left:-350px;
}
.popC02{
	top:-10px;
	left:-350px;
}
.popT{
	top:-100px;
	left:-345px;
}
.popTb{
	top:-60px;
	left:-330px;
}
.popY{
	top:-40px;
	left:-180px;
}
.popK{
	top:-80px;
	left:-100px;
}

div#map01{
	position:relative;
}

div#map01 p.mapDetail {

}
div#map01 div.popR a{
	position:absolute;
	background:url("../img/common/point_bg.png") 0 0 no-repeat;
}
div#map01 div.popR a.ayase{
	width:120px;
	height:80px;
	top:60px;
	left:380px;
}
div#map01 div.popR a.kitaayase{
	width:120px;
	height:80px;
	top:15px;
	left:500px;
}
div#map01 div.popR a.akasaka{
	width:100px;
	height:60px;
	top:270px;
	left:130px;
}

div#map01 p.back a{
	position:absolute;
	top:325px;
	left:470px;

}


div#map02{
	position:relative;
}
div#map02 div.popR a{
/*	border: 1px solid #000000;*/
	position:absolute;
	background:url("../img/common/point_bg.png") 0 0 no-repeat;
}
div#map02 div.popR a.nishikasai{
	width:80px;
	height:30px;
	top:325px;
	left:340px;
}
div#map02 div.popR a.kasai{
	width:80px;
	height:30px;
	top:288px;
	left:360px;
}
div#map02 div.popR a.urayasu{
	width:80px;
	height:30px;
	top:255px;
	left:380px;
}
div#map02 div.popR a.minamigyotoku{
	width:80px;
	height:30px;
	top:220px;
	left:400px;
}
div#map02 div.popR a.gyotoku{
	width:80px;
	height:30px;
	top:180px;
	left:420px;
}
div#map02 div.popR a.myoden{
	width:80px;
	height:30px;
	top:146px;
	left:440px;
}

div#map02 div.popR a.barakinakayama{
	width:80px;
	height:50px;
	top:80px;
	left:420px;
}

div#map02 p.back a{
	position:absolute;
	top:325px;
	left:470px;
}



div#map03{
	position:relative;

}
div#map03 div.popR a{
	position:absolute;
	background:url("../img/common/point_bg.png") 0 0 no-repeat;
}
div#map03 div.popR a.shinkiba{
	width:60px;
	height:145px;
	top:185px;
	left:400px;
}

div#map03 p.back a{
	position:absolute;
	top:325px;
	left:470px;
}

div#map04{
	position:relative;
}
div#map04 div.popR a{
	position:absolute;
	background:url("../img/common/point_bg.png") 0 0 no-repeat;
}
div#map04 div.popR a.korakuen{
	width:145px;
	height:80px;
	top:130px;
	left:213px;
}

div#map04 p.back a{
	position:absolute;
	top:325px;
	left:470px;
}

p#auth{
	text-align:right;
	margin:0 14px 0 0;
	font-size:10px;
}

/*カテゴリから探す*/

ul.catList{
	margin: 0 auto 20px;
	width:600px;
	overflow:hidden;
}
ul.catList li{
	float:left;
	margin: 0 6px 6px 0;
	padding:6px;
}
ul.catList li a:active{color:#111111; text-decoration:none;}
ul.catList li a:hover{color:#111111; text-decoration:none;}

ul.cat01 li{
	background-color:#ffffff;
	border:1px solid #e63f2b;
}
ul.cat01 li.visited{
	background-color: #e66150;
	border:1px solid #e63f2b;
}

ul.cat02 li{
	background-color:#ffffff;
	border:1px solid #eec700;
}
ul.cat02 li.visited{
	background-color: #eed34c;
	border:1px solid #eec700;
}

ul.cat03 li{
	background-color:#ffffff;
	border:1px solid #009f4f;
}
ul.cat03 li.visited{
	background-color:#2f9f67;
	border:1px solid #009f4f;
}

ul.cat04 li{
	background-color:#ffffff;
	border:1px solid #b6a1cc;
}
ul.cat04 li.visited{
	background-color:#805bc2;
	border:1px solid #b6a1cc;
}

p.sort{
	text-align:right;
	margin: 0 35px 16px 0;
}

div.bg01{
	background-color:#fce7dd;
}
div.bg02{
	background-color:#fdf4d9;
}
div.bg03{
	background-color:#d9ecdb;
}


div.catListCol{
	width:630px;
	margin: 0 35px 10px 35px;
	overflow:hidden;
	background-color: #f2f0ef;
}
div.catListCol div.imgShop{
	float:left;
	margin:10px;
	border:1px solid #b3b3b3;
}
div.catListCol div.imgShop img{
	border:3px solid #ffffff;
	width:150px;
	height:107px;	
}
div.catListCol div.textShop{
	width:447px;
	float:right;
}
div.catListCol div.textShop p.infoName{
	margin:10px 0 6px 6px;
	line-height:25px;
	vertical-align:center;
	width:250px;
	float:left;
}
div.catListCol div.textShop p.infoName a{
	font-weight:bold;
}
div.catListCol div.textShop p.infoName span{
	width:70px;
	height:23px;
	text-align:center;
	padding: 2px 4px;
}
div.catListCol div.textShop p.infoTel{
	margin:10px 10px 6px 6px;
	padding-left:50px;
	line-height:23px;
	font-size:16px;
	background:url("../img/common/tel_s.png") 0 50% no-repeat;
	float:right;
}
div.catListCol div.textShop p.infoAddres{
	clear:both;	
	margin: 0 0 10px 6px;
	line-height:1.8;
}
div.catListCol div.textShop span.infoCenter{
	margin: 0 10px 10px 0;
	line-height:1.7;
	background:url("../img/common/arrow02.png") 0 50% no-repeat;
    padding-left:20px;
}
div.catListCol div.textShop span.infoCenter	a{
	color:#000000; text-decoration:underline;
	}
div.catListCol div.textShop span.infoCenter	a:link{
	color:#000000; text-decoration:underline;
	}
div.catListCol div.textShop span.infoCenter	a:active{
	color:#000000; text-decoration:none;
	}
div.catListCol div.textShop span.infoCenter	a:hover{
	color:#000000; text-decoration:none;
	}


div.catListCol div.textShop p.infoCatch{
	line-height:1.6;
	border-top: 2px dotted #787878;
	margin:10px;
	font-size:12px;
	padding-top:4px;
}



/*イベントを探す*/

div.eventListCol{
	width:631px;
	margin: 0 35px 10px 35px;
	overflow:hidden;
	background-color: #f2f0ef;
}
div.eventListCol div.imgShop{
	float:left;
	margin:10px;
	border: 1px solid #B3B3B3;
}
div.eventListCol div.imgShop img{
	border: 3px solid #FFFFFF;
    width: 220px;
}

div.eventListCol div.textShop{
	width:380px;
	float:right;
}
div.eventListCol div.textShop p.info01{
	text-align:right;
	line-height:1.8;
	margin: 10px 10px 10px 0;
}
div.eventListCol div.textShop span.icon{
	padding:0 15px;
	background-color:#086693;
	color:#ffffff;
	float:left;
	border: 1px solid #086693;
}
div.eventListCol div.textShop span.iconCm{
	padding:0 15px;
	background-color:#004278;
	color:#ffffff;
	float:left;
	border: 1px solid #086693;
}
div.eventListCol div.textShop p.info02{
	clear:both;
	margin: 0 0 10px 6px;
	padding-left:24px;
	line-height:1.8;
	background:url("../img/category/arrow_ttl.png") 0 50% no-repeat;
}
div.eventListCol div.textShop p.info03{
	line-height:1.5;
	border-top: 2px dotted #787878;
	margin:10px;
	padding-top:10px;
}
div.eventListCol div.textShop span.icon	a{
	color:#ffffff; text-decoration:underline;
	}
div.eventListCol div.textShop span.icon	a:link{
	color:#ffffff; text-decoration:underline;
	}
div.eventListCol div.textShop span.icon	a:active{
	color:#ffffff; text-decoration:none;
	}
div.eventListCol div.textShop span.icon	a:hover{
	color:#ffffff; text-decoration:none;
	}

h2.eventTitle{
	font-size: 16px;
	margin:0 30px 10px 30px;
	width:640px;
	}

p.eventInfo{
	text-align:right;
	line-height:1.8;
	margin:0 30px 20px 30px;
	width:640px;
	border-bottom:2px dotted #b3b3b3;
	padding-bottom:10px;
}
p.eventInfo span.icon{
	padding:4px 15px;
	background-color:#086693;
	color:#ffffff;
	border: 1px solid #086693;
	margin:0 10px 0 0;
}
p.eventInfo span.icon	a{
	color:#ffffff; text-decoration:underline;
	}
p.eventInfo span.icon	a:link{
	color:#ffffff; text-decoration:underline;
	}
p.eventInfo span.icon	a:active{
	color:#ffffff; text-decoration:none;
	}
p.eventInfo span.icon	a:hover{
	color:#ffffff; text-decoration:none;
	}
	
p.eventInfo span.iconCm{
	padding:4px 15px;
	background-color:#004278;
	color:#ffffff;
	border: 1px solid #086693;
	margin:0 10px 0 0;
	}

 
div.eventMain{
	line-height:1.8;
	margin:0 30px 10px 30px;
	width:640px;
}
div.eventMain p{
	margin:0 0 20px 0;
}
div.eventMain p.eventImg{
	border: 1px solid #B3B3B3;
	float:left;
	margin:0 20px 0 0;

}
div.eventMain p.eventImg img{
	border: 3px solid #FFFFFF;
	width:220px;
}

/*メトロセンターの仲間紹介*/



/*センター共通*/

h2.centerSubTitle{
	font-size: 16px;
	margin:0 auto 15px;
	width:485px;
}

span.cat01{
	background-color:#ffffff;
	border:1px solid #e63f2b;
}
span.cat02{
	background-color:#ffffff;
	border:1px solid #eec700;
}
span.cat03{
	background-color:#ffffff;
	border:1px solid #009f4f;
}
span.cat04{
	background-color:#ffffff;
	border:1px solid #b6a1cc;
}

div#subMenu{
	float:left;
	background:url("../img/common/submenu_bg.png") 0 0 no-repeat;
	height:262px;
	width:181px;
	margin:0 10px 10px 10px;
}
div#subMenu ul#subManuList {
	padding:10px 0 0 0;
}


div#subMenu_oth{
	float:left;
	background:url("../img/common/submenu_bg_oth.png") 0 0 no-repeat;
	height:118px;
	width:181px;
	margin:0 10px 10px 10px;
}
div#subMenu_oth ul#subManuList {
	padding:10px 0 0 0;
}


div#main{
	float:left;
	width:485px;
}



table#shopList{
	margin:0 0 20px 0;
	width:100%;
	border-collapse: collapse;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-spacing: 0;
	font-size:13px;
}

table#shopList th{
	padding:5px;
	background:#F3F3F3;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align:center;
	line-height:1.6;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}

table#shopList th.shopName{
	width:180px;
}
table#shopList th.shopCategory{
	width:80px;
}
table#shopList th.shopTel{
	width:100px;
}
table#shopList th.shopHour{
	width:140px;
}

table#shopList td{
	padding:5px;
	background:#FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	line-height:1.6;
	text-align:left;
}

ul.centerCatList{
	font-size:12px;
	margin: 0 10px 20px;
	width:450px;
	overflow:hidden;
}
ul.centerCatList li{
	float:left;
	margin: 0 6px 6px 0;
	padding:8px;
}

ul.centerCatList li a:active{color:#111111; text-decoration:none;}
ul.centerCatList li a:hover{color:#111111; text-decoration:none;}

div.centerCatListCol{
	width:465px;
	margin: 0 auto 10px;
	overflow:hidden;
	background-color: #f2f0ef;
}
div.centerCatListCol div.imgShop{
	float:left;
	margin:10px;
	border:1px solid #b3b3b3;
}
div.centerCatListCol div.imgShop img{
	border:3px solid #ffffff;
	width:100px;
	height:71px;	
}
div.centerCatListCol div.textShop{
	width:330px;
	float:right;
}
div.centerCatListCol div.textShop p.infoName{
	margin:10px 0 0 6px;
	line-height:1.8;
}
div.centerCatListCol div.textShop p.infoName span.catLabel{
	font-size:12px;
}

div.centerCatListCol div.textShop p.infoTel{
	clear:both;
	margin: 0 0 0 6px;
	padding-left:50px;
	line-height:1.8;
	font-size:16px;
	background:url("../img/common/tel_s.png") 0 50% no-repeat;
}
div.centerCatListCol div.textShop p.infoAddres{
	margin: 0 0 10px 6px;
	line-height:1.8;
	font-size:12px;
}

div.centerCatListCol div.textShop span.infoCenter{
	margin: 0 10px 10px 0;
	line-height:1.7;
	background:url("../img/common/arrow02.png") 0 50% no-repeat;
    padding-left:20px;
}
div.centerCatListCol div.textShop span.infoCenter a{
	color:#000000; text-decoration:underline;
	}
div.centerCatListCol div.textShop span.infoCenter a:link{
	color:#000000; text-decoration:underline;
	}
div.centerCatListCol div.textShop span.infoCenter a:active{
	color:#000000; text-decoration:none;
	}
div.centerCatListCol div.textShop span.infoCenter a:hover{
	color:#000000; text-decoration:none;
	}

div.centerCatListCol p.infoCatch{
	clear:both;
	line-height:1.3;
	border-top: 2px dotted #787878;
	margin:10px;
	font-size:12px;
	padding-top:4px;
}

div.centerEventListCol{
	width:480px;
	margin: 0 auto 10px;
	overflow:hidden;
	background-color: #f2f0ef;
}
div.centerEventListCol div.imgShop{
	float:left;
	width:134px;
	margin:10px;
	border: 1px solid #B3B3B3;
}
div.centerEventListCol div.imgShop img{
	border: 2px solid #FFFFFF;
	width:130px;
}
div.centerEventListCol div.textShop{
	width:320px;
	float:right;
}
div.centerEventListCol div.textShop p.info01{
	text-align:right;
	line-height:1.8;
	margin: 10px 10px 10px 0;
}
div.centerEventListCol div.textShop span.icon{
	padding:0 15px;
	background-color:#004278;
	color:#ffffff;
	float:left;
	border: 1px solid #00294b;
}
div.centerEventListCol div.textShop p.info02{
	clear:both;
	margin: 0 0 10px 6px;
	padding-left:24px;
	line-height:1.6;
	background:url("../img/category/arrow_ttl.png") 0 4px no-repeat;
}
div.centerEventListCol p.info03{
	clear:both;
	line-height:1.5;
	border-top: 2px dotted #787878;
	margin:10px;
	padding-top:10px;
}


p.a01{
	padding-left:30px;
	line-height:1.7;
	background:url("../img/common/a01.png") 0 1px no-repeat;
}
p.a02{
	padding-left:30px;
	line-height:1.7;
	background:url("../img/common/a02.png") 0 1px no-repeat;
}
p.a03{
	padding-left:30px;
	line-height:1.7;
	background:url("../img/common/a03.png") 0 1px no-repeat;
}

h3.accessTtl{
	margin: 0 0 15px 0;
	padding:10px 0 6px 0;
	border-bottom:1px solid #F08200;
	width:100%;
}

p.b01{
	padding-left:30px;
	line-height:1.7;
	background:url("../img/common/a01.png") 0 1px no-repeat;
}
p.b02{
	padding-left:30px;
	line-height:1.7;
	background:url("../img/common/a02.png") 0 1px no-repeat;
}

p.aImg{
	width:433px;
	margin:10px 0 15px 10px;
}

div.separator{
	float:right;
	margin:0 10px 20px 0;
}
div.separator a{
	border: 1px solid #cccccc;
	padding:4px;
}
div.separator a:hover{
	background-color:#e0e0e0;
}

p#direction{
	overflow:hidden;
}

p#direction span.right{
	float:right;
}

p#direction span.left{
	float:left;
}


/*////////////////ショップ詳細////////////////////*/

div#shopContent{
    float: left;
    overflow: hidden;
    padding: 0 0 20px;
    position: relative;
    width: 940px;
}

div#shopMain{
	float:left;
	width:720px;
}

div#shopMain h2{
	font-size: 18px;
	text-indent: 55px;
	margin:0 0 8px 10px;
	padding:15px 0;
	border-bottom:2px dotted #b3b3b3;
	background: url("../img/common/shop_title_bg.png") 0 50% no-repeat;
}

div#shopMain ul{
	float:right;
	overflow:hidden;
	margin:0 0 15px 0;
	height:25px;
}
div#shopMain ul li{
	margin:0 0 0 10px;
	padding-left:70px;
	line-height:23px;
	float:left;
}
div#shopMain ul li.tel{
	background: url("../img/common/tel_icon.png") 0 50% no-repeat;
}
div#shopMain ul li.fax{
	background: url("../img/common/fax_icon.png") 0 50% no-repeat;
}
div#shopMain ul li.cat{
	background: url("../img/common/cat_icon.png") 0 50% no-repeat;
}

div#shopMain div.shopPhoto{
	float:left;
	background-color:#f0f0f0;
	width:400px;
	margin:0 0 15px 10px;
	padding-bottom:6px;
}

div#shopMain div.shopPhoto img{
	border:3px solid #ffffff;
}

div#shopMain div.shopPhoto p.shopPhotoMain{
	width:384px;
	margin: 6px 6px 2px 6px;
	border:1px solid #b3b3b3;	
}
div#shopMain div.shopPhoto p.shopPhotoMain img{
	width:378px;
}

div#shopMain div.shopPhoto p.shopPhotoSub{
	width:187px;
	float:left;
	margin: 6px 0 0 6px;
	border:1px solid #b3b3b3;	
}
div#shopMain div.shopPhoto p.shopPhotoSub img{
	width:179px;
}


div#shopMain div.shopInfo{
	float:right;
	background-color:#f0f0f0;
	width:300px;
	margin:0 0 15px 10px;
}

div#shopMain div.shopInfo p.photo{
	width:284px;
	margin: 6px 6px 10px 6px;
	border:1px solid #b3b3b3;	
}
div#shopMain div.shopInfo p.photo img{
	width:278px;
	border:3px solid #ffffff;
}

div#shopMain div.shopInfo p.address{
	margin: 0 6px 10px 6px;	
}
div#shopMain div.shopInfo div.open{
	overflow:hidden;
	margin: 0 6px 10px 6px;
	background: url("../img/common/open_icon.png") 0 2px no-repeat;
	padding-left:30px;
	line-height:25px;
}
div#shopMain div.shopInfo div.open p.oL{
	float:left;
	width:70px;
}
div#shopMain div.shopInfo div.open p.oR{
	float:right;
	width:185px;
}

div#shopMain div.shopInfo p.closed{
	clear:both;
	margin: 0 6px 10px 6px;
	background: url("../img/common/closed_icon.png") 0 50% no-repeat;
	padding-left:30px;
	line-height:25px;	
}
div#shopMain div.shopInfo p.url{
	margin: 0 6px 10px 6px;	
	background: url("../img/common/url_icon.png") 0 50% no-repeat;
	padding-left:30px;
	line-height:25px;
	font-size:11px;
	word-wrap:break-word;
}
div#shopMain div.shopInfo p.txt{
	line-height:1.6;
	margin: 0 6px 10px 6px;	
}


div#shopMain h3{
	margin:0 0 10px 10px;
	width:710px;
}

div#shopEvent{
	float:left;
	width:720px;
	line-height:1.8;
	margin:0 10px 0 10px;
	width:710px;
}
div#shopEvent p{
	margin:0 0 20px 0;
}
div#shopEvent img{
	float:left;
	margin:0 20px 0 0;
}

/*////////////////新着情報////////////////////*/

div#newsRcd{
	width:631px;
	margin:0 35px 10px 35px;	
	padding-bottom: 20px;
}

div#newsRcd ul{
    width: 631px;
}
div#newsRcd ul li {
    border-bottom: 2px dotted #565757;
    line-height: 1.7;
    text-indent: 10px;
    padding: 4px;
}


/* ------------------------------------------------------------------
03:サイトマップ
 ------------------------------------------------------------------ */
div#sitemap{
	width:100%;
	overflow:hidden;
}

div#sitemap p{
	clear: all;
	background:url("../img/site/smttl01.png") 0 0 no-repeat;
	height:35px;
	line-height:35px;
	margin:0 0 10px;
	padding:0 0 0 40px;
}

div#sitemap ul{
	overflow: hidden;
	margin: 0 0 10px 0;
}

div#sitemap li{
	width:330px;
	float:left;
	margin:0 4px 10px 0;
}

div#sitemap ul li a{
	overflow: hidden;
	width:330px;
	display:block;
	background:url("../img/site/smttl02.png") 0 0 no-repeat;
	height:35px;
	line-height:35px;
	text-indent:40px;
}

div#sitemap div.smCol ul li ul{
}

div#sitemap div.smCol ul li ul li a{
	display:block;
	background:url(../images/sitemap/btn_bg.gif) 0 -70px no-repeat;
	line-height:35px;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
}

/* ------------------------------------------------------------------
04:新着情報・お知らせ
 ------------------------------------------------------------------ */
 
 div#NewsCol p{
 	line-height: 1.7;
 	margin: 0 0 20px;
 }
 

/* ------------------------------------------------------------------
05:フォーム(メルマガ登録)
------------------------------------------------------------------ */
#form{
margin:0 auto 20px;
width:97%;
border-collapse: separate;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-spacing: 0;
}

#form th{
padding:10px;
background:#F3F3F3;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
text-align:center;
width:140px !important;
line-height:1.6;
font-weight:bold;
vertical-align:middle;
text-align:left;
}

#form td{
padding:10px;
background:#FFFFFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
line-height:1.6;
text-align:left;
}

em.must{
color:#CC0000;
font-style:normal;
font-weight:bold;
}

em.check{
font-size:10px;
font-style:normal;
font-weight:normal;
}

.confirm{
margin:0 auto 20px;
text-align:center;
background:#F3F3F3;
padding:10px;
width:95%;
}

.confirm .submitBtn{
padding:10px 20px;
}

.confirm .resetBtn{
}

.confirm .backBtn{
}

div.error{
border:5px solid #CC0000;
padding:10px;
margin:0 auto 20px;
width:93%;
}

div.error ul{
padding:0 0 0 15px;
line-height:1.7;
}

div.error ul li{
list-style-type:disc;
}

div.error p{
color:#CC0000;
font-weight:bold;
margin:0 0 10px 0;
}

p.cSub{
margin:10px 0 0 0;
font-size:100%;
}

p.notes {
font-size:90%;
color:#666;
}

