@charset "UTF-8";
/* CSS Document */
body{
	text-align:center;
}
/*===========header==========*/

#mainVisual{
	width:auto;
	height:611px;
	background:url(../../index/img/main.jpg) top center no-repeat;
	margin:0 auto;
	text-align:center;
}

#topmain_banner{
	width:864px;
	height:611px;
	margin:0 auto;
	position:relative;
	background: black;
	overflow: hidden;
}

#topmain_banner a{
	display: block;
	float: left;
	width:864px;
	height:611px;
}

#topShopList{
	width:1027px;
	height:611px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#topShopListBg{
	width:1027px;
	height:611px;
	position:absolute;
	background:url(../../index/img/topShopListBg.jpg) top center no-repeat;
	display:none;
	top:0;
	left:0;
	z-index:1;
}

.none{
	display:none;
}

#topShopList h2{
	position:absolute;
	left:25px;
	z-index:2;
	display:none;
}
#topShopList h2#titRst{
	top:10px;
}
#topShopList h2#titBtq{
	top:390px;
}

#topShopList h3{
	font-size:12px;
	font-weight:bold;
	color:#bbb;
	line-height:1.5;
	height:38px;
	margin-bottom:0px;
}

#topShopList .shopRst p.placeName{
	font-size:12px;
	font-weight:normal;
	color:d28e40;
	margin-bottom:0px;
	height:22px;
}

#topShopList p{
	font-size:11px;
	color:#bbb;
}

#topShopListRst{
}

#shopRstWrap, #shopBtqWrap{
	width:980px;
	position:absolute;
	z-index:2;
	display:none;
}
#shopRstWrap{
	height:335px;
	top:60px;
	left:35px;
}
#shopBtqWrap{
	height:150px;
	top:440px;
	left:35px;
}
.shopRst{
	width:140px;
	height:330px;
	float:left;
	margin:0 23px 0 0;
	padding:0;
	display:inline;
}
.shopRst.last{
	margin:0;
}

.shopRst h3{
	height:40px;
	margin-bottom:10px;
}

.shopRst p{
	height:100px;
	margin-bottom:30px;
}

.shopPB{
	width:400px;
	float:left;
	margin-right:20px;
}


.shopPB2{
	width:300px;
	float:left;
	margin-right:20px;
}

.shopImg{
	float:left;
	margin-right:10px;
	margin-top:5px;
}

#topshoplist .shopPB .placeName{
	font-size:12px;
	font-weight:normal;
	color:#d28e40;
}

#topshoplist .shopPB2 .placeName, #topshoplist #shopPB3 .placeName{
	font-size:12px;
	font-weight:normal;
	color:#d28e40;
}

.shopPB .logoWrap h3{
	margin-left:158px;
}
img#logoWed{
	margin:7px 0 8px;
}

#shopListB-R{
	display:none;
	z-index: 2;
}
#shopPB3{	
	width:300px;
	height:160px;
	z-index: 2;
	position:absolute;
	top:442px;
	left:685px;
	display:none;
}
#shopPB3 h3{
	padding-bottom:23px;
}

h2#titWed{
	width:214px;
	height:46px;
	position:absolute;
	top:390px;
	left:673px;
	z-index:2;
}
#shopListB-R{
	width:360px;
	height:160px;
	position:absolute;
	top:420px;
	left:630px;
	display:none;
	z-index: 2;
}

#header{
	width:980px;
	height:165px;
	background:url(../../index/img/headerBg.png) center no-repeat;
	position:relative;
	margin:0 auto;
}
	
#logo{
	width:201px;
	height:54px;
	position:absolute;
	top:37px;
	left:385px;
}

#topNav{
	width:940px;
	height:83px;
position:absolute;
top:95px;
left:50px;
}

#topNav ul li{
	float:left;
	margin:0 35px 0 0;
}

#topNav ul li.navOn{
	margin:0px 18px 0 0;
}

#topNav ul li.navReserv{
	margin-top:7px;
	margin-left:18px;
}

/*===========contents==========*/

#contents{
	width:980px;
	height:auto;
	background:url(../../index/img/contentsBgLoop.png) center repeat-y;
	margin:0 auto;
	text-align:left;
}

#contentsBgTop{
	width:980px;
	height:auto;
	background:url(../../index/img/contentsBgTop.png) center top no-repeat;
	margin:0 auto;
}

#topics{
	width:700px;
	float:left;
	margin-top:30px;
}

#topics h3,p.date{
	color:#FFF;
}

#topics h3{
	font-size:13px;
	font-weight:bold;
	padding-bottom:4px;
}

.contentsL p,.contentsS p{
	font-size:12px;
}

.contentsL p,.contentsS p,.contentsL h3,.contentsL h3 a,.contentsS h3,.contentsS h3 a{
	color:#bbb;
	text-shadow: 0 1px 1px #000;
	-moz-text-shadow: 0 1px 1px #000;　/* Firefox用 */
	-webkit-text-shadow: 0 1px 1px #000;　/* Safari,Google Chrome用 */
	text-decoration:none;
}

.contentsL h3 a:hover,.contentsS h3 a:hover{
	color:#EEE;
}

p.shoptag, p.shoptag a{
	color:#d28e40;
	font-size:11px;
}

p.shoptag, p.shoptag span {
}

.btnReadmore{
	margin-top:10px;
	width:85px;
	height:32px;
}

.imgL{
	float:left;
}

#topicsRst{
	width:700px;
	height:auto;
}
#topicsBtq{
	width:700px;
	height:auto;
	background:url(../../common/img/line730.png) top left no-repeat;
	padding-top:80px;
}

h2.topicsH2{
	margin:10px 0 20px 8px;
}
#topicsBtq h2.topicsH2{
	margin:0 0 20px 8px;
}

.contentsL{
	clear: both;
	width:680px;
	height:auto;
	margin-left:10px;
	margin-bottom:42px;
	position:relative;
	background:url(../../index/img/topicsBgL.png) 280px 0 no-repeat;
}

.contentsL .imgL{
	width:302px;
	float:left;
}

.contentsL .imgL img{
	width:300px;
	height:auto;
	z-index:1;
	border:1px #3a3a3a solid;
}
.contentsL .imgL img:hover, .contentsS .imgS img:hover{
	border:1px #666 solid;
}

.contentsL .ribbon{
	width:74px;
	height:74px;
	position:absolute;
	top:-2px;
	left:-2px;
	z-index:2;
}

.contentsL .txtBox{
	width:355px;
	float:right;
}

.contentsS .imgS img{
	width:198px;
	height:auto;
	border:1px #3a3a3a solid;
	margin-bottom:10px;
}

.contentsS{
	width:200px;
	height:auto;
	background:url(../../index/img/topicsBgS.png) 0 134px no-repeat;
	margin:0 32px 0px 10px;
	float:left;
}

.contentsS.last{
	margin-right:0;
}
#bnrWrap{
	width:220px;
	height:auto;
	float:right;
	margin-top:48px;
	padding-left:30px;
	padding-top:3px;
	background:url(../../common/img/sideLine.png) top left repeat-y;
}



/*===========special bnr==========*/

#specialBanner{
	width:692px;
	height:180px;
	margin-top:20px;
	margin-left:8px;
}