@charset 'utf-8';

/***************************************

	base

***************************************/

#header,
#header div
{
	width:960px;
	height:680px;
}

#header
{
	position:relative;
	margin:0 auto;
	background:url(../img/bg-header-01.png) repeat-y;
}

#header div
{
	background:url(../img/bg-header-02.png) no-repeat;
}

h1,
#usj,
#copy,
#copyright,
#benefit-01,
#benefit-02,
#span,
#attention
{
	position:absolute;
	margin-top:0;
	margin-bottom:0;
	text-indent:-9999px;
}

#attention
{
	text-indent:0;
}

h1
{
	top:185px;
	left:0;
	width:357px;
	height:89px;
	background:url(../img/ttl.png) no-repeat;
	z-index:1;
}

#usj
{
	top:30px;
	left:388px;
	width:286px;
	height:303px;
	background:url(../img/bg-usj.png) no-repeat;
	z-index:5;
}

#copy
{
	top:143px;
	left:20px;
	width:319px;
	height:19px;
	background:url(../img/bg-copy.png) no-repeat;
	z-index:6;
}

#copyright
{
	top:608px;
	left:674px;
	width:277px;
	height:59px;
	background:url(../img/bg-copyright-01.png) no-repeat;
	z-index:7;
}

#card-example
{
	position:absolute;
	top:285px;
	left:170px;
	width:165px;
	height:121px;
	z-index:4;
}

#benefit-01
{
	top:333px;
	left:38px;
	width:299px;
	height:236px;
	background:url(../img/benefit-01.png) no-repeat;
	z-index:2;
}

#benefit-02
{
	top:280px;
	left:320px;
	width:322px;
	height:259px;
	background:url(../img/benefit-02.png) no-repeat;
	z-index:3;
}

#span
{
	top:30px;
	left:713px;
	width:217px;
	height:49px;
	background:url(../img/span.png) no-repeat;
}

#header #attention
{
	width:340px;
	height:auto;
	margin-top:0;
	margin-bottom:0;
	left:600px;
	top:510px;
	color:#ffffff;
	font-size:10px;
	line-height:1.5;
	background:none;
	font-weight:bold;
}

#attention ul
{
	width:340px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	list-style-type:none;
}

#sttl-01
{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#navi-map
{
	position:relative;
	width:960px;
	height:137px;
	margin:0 auto;
	background:url(../img/bg-navi-map.png) no-repeat;
}

#navi-map dt,
#navi-map li
{
	position:absolute;
}

#navi-map dt
{
	top:-9999px;
	left:-9999px;
}

#navi-map dd,
#navi-map ul
{
	margin-left:0;
}

#navi-map ul
{
	margin-top:0;
	margin-bottom:0;
	list-style-type:none;
}

#navi-map li
{
	top:95px;
}

#navi-map-01
{
	left:50px;
}

#navi-map-02
{
	left:139px;
}

#navi-map-03
{
	left:247px;
}

#navi-map-04
{
	left:335px;
}

#navi-map-05
{
	left:530px;
}

#navi-map-06
{
	left:619px;
}

#navi-map-07
{
	left:727px;
}

#navi-map-08
{
	left:815px;
}

#navi-map li a
{
	display:block;
	height:32px;
	text-indent:-9999px;
}

#navi-map-01 a,
#navi-map-05 a
{
	width:69px;
	background:url(../img/navi-map-01.png) no-repeat;
}

#navi-map-02 a,
#navi-map-06 a
{
	width:88px;
	background:url(../img/navi-map-02.png) no-repeat;
}

#navi-map-03 a,
#navi-map-07 a
{
	width:68px;
	background:url(../img/navi-map-03.png) no-repeat;
}

#navi-map-04 a,
#navi-map-08 a
{
	width:88px;
	background:url(../img/navi-map-04.png) no-repeat;
}

#area-map
{
	width:950px;
	height:500px;
	margin:0 auto;
	border:5px solid #000000;
}

#sttl-02
{
	width:960px;
	height:82px;
	margin:10px auto;
	background:url(../img/ttl-list-spot.png) no-repeat;
	text-indent:-9999px;
}

div.genre
{
	clear:left;
	width:840px;
	margin:10px auto;
	padding-right:120px;
}

div.wrap:after
{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

#see-kurashiki
{
	background:#985d00 url(../img/ttl-see-kurashiki.png) 100% 0 no-repeat;
}

#inn-kurashiki
{
	background:#006cb8 url(../img/ttl-inn-kurashiki.png) 100% 0 no-repeat;
}

#buy-kurashiki
{
	background:#009944 url(../img/ttl-buy-kurashiki.png) 100% 0 no-repeat;
}

#eat-kurashiki
{
	background:#e60012 url(../img/ttl-eat-kurashiki.png) 100% 0 no-repeat;
}

#see-kojima
{
	background:#985d00 url(../img/ttl-see-kojima.png) 100% 0 no-repeat;
}

#inn-kojima
{
	background:#006cb8 url(../img/ttl-inn-kojima.png) 100% 0 no-repeat;
}

#buy-kojima
{
	background:#009944 url(../img/ttl-buy-kojima.png) 100% 0 no-repeat;
}

#eat-kojima
{
	background:#e60012 url(../img/ttl-eat-kojima.png) 100% 0 no-repeat;
}

div.wrap
{
	width:840px;
	background-color:#ffffff;
}

div.spot
{
	width:400px;
	margin-bottom:30px;
}

div.odd
{
	clear:left;
	float:left;
}

div.even
{
	margin-left:410px;
}

h3
{
	margin-top:0;
	margin-bottom:0;
	padding:5px 10px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

#see-kurashiki h3,
#see-kojima h3
{
	background:#985d00;
}

#inn-kurashiki h3,
#inn-kojima h3
{
	background:#006cb8;
}

#buy-kurashiki h3,
#buy-kojima h3
{
	background:#009944;
}

#eat-kurashiki h3,
#eat-kojima h3
{
	background:#e60012;
}

div.spot p,
div.spot dl
{
	width:380px;
	margin-left:20px;
}

div.spot p.benefit
{
	width:310px;
	height:auto;
	min-height:33px;
	padding:8px 8px 8px 58px;
	border:2px solid #e74291;
	background:#ffe893 url(../img/pic-benefit.png) 8px 8px no-repeat;
}

div.spot dl dt
{
	float:left;
	width:100px;
}

div.spot dl dd
{
	margin-left:110px;
}

div.spot p.latlng
{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#footer
{
	width:900px;
	margin:0 auto;
	padding:30px 30px 50px;
	color:#ffffff;
	background:#b31500;
}

#footer div.fleft,
#footer div.fright
{
	width:430px;
	height:300px;
}

#footer dl
{
	margin-top:0;
}

#contact
{
	width:271px;
	height:131px;
	margin-bottom:50px;
	background:url(../img/bg-contact.png) no-repeat;
	text-indent:-9999px;
}

#coop
{
	width:249px;
	height:92px;
	margin-bottom:0;
	background:url(../img/bg-coop.png) no-repeat;
	text-indent:-9999px;
}

#footer ul
{
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	list-style-type:none;
}

#banner-jcb a,
#banner-chugincard a,
#banner-kanko-kurashiki a
{
	display:block;
	width:223px;
	height:40px;
	text-indent:-9999px;
}

#banner-jcb a
{
	margin-bottom:5px;
	background:url(../img/banner-jcb.png) no-repeat;
}

#banner-chugincard a
{
	margin-bottom:5px;
	background:url(../img/banner-chugincard.png) no-repeat;
}

#banner-kanko-kurashiki a
{
	background:url(../img/banner-kanko-kurashiki.png) no-repeat;
}

address
{
	clear:both;
	height:12px;
	background:url(../img/bg-copyright-02.png) 100% 0 no-repeat;
	text-indent:-9999px;
}

#footer:after
{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}