/*import Yahoo UI*/
@import url("lib/reset.css");
@import url("lib/fonts.css");

/*white your style here*/

body,div,ul,ol,dl,li,dt,dd,p,span,h1,h2,h3,h4,h5,h6,a,img {
	margin:0;
	padding:0;
	border:0;
}

* {
	line-height:2em;
	color:#333;
}

a {
	color:#0057A9;
}
a:hover {
	color:#4f89c0;
}

body {
	text-align:left;
	background:url(../images/bg.jpg) fixed no-repeat left top;
}

#wrap {
	width:900px;
	margin:0 auto 0 10px;
}



/*
nav ====================================================================================
*/
#nav {
	width:160px;
	float:left;
	padding:0 0 20px;
}

#nav h1 a{
	display:block;
	background:url('../images/menu.gif') no-repeat left top;
	height:0;
	overflow:hidden;
	padding:145px 0 0;
}

#nav ul li a{
	display:block;
	height:0;
	overflow:hidden;
	padding:33px 0 0;
	background-image:url('../images/menu.gif');
}

#nav ul li a:hover{
	background-image:url('../images/menu.gif');
	background-repeat: no-repeat;
}

#nav ul .li01 a{background-position: 0 -145px;}
#nav ul .li02 a{background-position: 0 -178px;}
#nav ul .li03 a{background-position: 0 -211px;}
#nav ul .li04 a {background-position: 0 -244px;}
#nav ul .li05 a {background-position: 0 -277px;}

#fes02 #nav ul .li05 .li05_01 a,
#fes03 #nav ul .li05 .li05_01 a,
#nav ul .li05_01 a{background-position: 0 -309px;}

#fes01 #nav ul .li05 .li05_02 a,
#fes03 #nav ul .li05 .li05_02 a,
#nav ul .li05_02 a{background-position: 0 -334px;}

#fes01 #nav ul .li05 .li05_03 a,
#fes02 #nav ul .li05 .li05_03 a,
#nav ul .li05_03 a{background-position: 0 -358px;}

#nav ul .li06 a{background-position: 0 -382px;}
#nav ul .li07 a{background-position: 0 -415px;}
#nav ul .li08 a{background-position: 0 -448px;}
#nav ul .li09 a{background-position: 0 -481px;}
#nav ul .li10 a{background-position: 0 -514px;}
#nav ul .li11 a{background-position: 0 -547px;}

#nav ul .li01 a:hover{background-position: -160px -145px;}
#nav ul .li02 a:hover{background-position: -160px -178px;}

#nav ul .li03 a:hover,
#spot #nav ul .li03 a{background-position: -160px -211px;}

#nav ul .li04 a:hover{background-position: -160px -244px;}


#fes01 #nav ul .li05 a,
#fes02 #nav ul .li05 a,
#fes03 #nav ul .li05 a,
#nav ul .li05 a:hover {background-position: -160px -277px;}

.li05_01,
.li05_02,
.li05_03 {
	display:none;
}

#fes01 .li05_01,#fes01 .li05_02,#fes01 .li05_03 {display:block;}
#fes02 .li05_01,#fes02 .li05_02,#fes02 .li05_03 {display:block;}
#fes03 .li05_01,#fes03 .li05_02,#fes03 .li05_03 {display:block;}

#nav ul .li05_01 a:hover,
#fes01 #nav ul .li05_01 a{background-position: -160px -309px;}

#nav ul .li05_02 a:hover,
#fes02 #nav ul .li05_02 a{background-position: -160px -334px;}

#nav ul .li05_03 a:hover,
#fes03 #nav ul .li05_03 a{background-position: -160px -358px;}


#nav ul .li06 a:hover{background-position: -160px -382px;}

#nav ul .li07 a:hover,
#gourmet #nav ul .li07 a{background-position: -160px -415px;}

#nav ul .li08 a:hover,
#product #nav ul .li08 a{background-position: -160px -448px;}

#nav ul .li09 a:hover,
#stay #nav ul .li09 a{background-position: -160px -481px;}

#nav ul .li10 a:hover,
#member #nav ul .li10 a{background-position: -160px -514px;}

#nav ul .li11 a:hover,
#link #nav ul .li11 a{background-position: -160px -547px;}


#nav ul .li04_01 a,
#nav ul .li04_02 a,
#nav ul .li04_03 a {
	display:none;
}

#fes01 #nav ul .li04_01 a,
#fes01 #nav ul .li04_02 a,
#fes01 #nav ul .li04_03 a,

#fes02 #nav ul .li04_01 a,
#fes02 #nav ul .li04_02 a,
#fes02 #nav ul .li04_03 a,

#fes03 #nav ul .li04_01 a,
#fes03 #nav ul .li04_02 a,
#fes03 #nav ul .li04_03 a {
	display:block;
}


#nav ul li li a{
	display:block;
	height:0;
	overflow:hidden;
	padding:24px 0 0;
}

/*
content ====================================================================================
*/
#content {
	padding:40px 30px 20px;
	float:right;
	width:680px;
}

#content h2{
	padding:26px 0 0;;
	overflow:hidden;
	height:0;
	margin:0 0 15px;
}

#fes01 #content h2{background:url('../../event/images/ttl_fes01.gif') no-repeat left top;}
#fes02 #content h2{background:url('../../event/images/ttl_fes02.gif') no-repeat left top;}
#fes03 #content h2{background:url('../../event/images/ttl_fes03.gif') no-repeat left top;}

#spot.spot1 #content h2{background:url('../../spot/images/ttl_fes04.gif') no-repeat left top;}
#spot.spot2 #content h2{background:url('../../spot/images/ttl_fes05.gif') no-repeat left top;}
#spot.spot3 #content h2{background:url('../../spot/images/ttl_fes06.gif') no-repeat left top;}
#spot.spot4 #content h2{background:url('../../spot/images/ttl_fes07.gif') no-repeat left top;}
#spot.spot5 #content h2{background:url('../../spot/images/ttl_fes08.gif') no-repeat left top;}
#spot.spot6 #content h2{background:url('../../spot/images/ttl_fes09.gif') no-repeat left top;}
#spot.spot7 #content h2{background:url('../../spot/images/ttl_fes10.gif') no-repeat left top;}
#spot.spot8 #content h2{background:url('../../spot/images/ttl_fes11.gif') no-repeat left top;}
#spot.spot9 #content h2{background:url('../../spot/images/ttl_fes12.gif') no-repeat left top;}


#gourmet #content h2{background:url('../../gourmet/images/ttl.gif') no-repeat left top;}
#product #content h2{background:url('../../product/images/ttl.gif') no-repeat left top;}
#stay    #content h2{background:url('../../stay/images/ttl.gif') no-repeat left top;}
#member  #content h2{background:url('../../member/images/ttl.gif') no-repeat left top;}
#link    #content h2{background:url('../../link/images/ttl.gif') no-repeat left top;}
#contact #content h2{background:url('../../contact/images/ttl.gif') no-repeat left top;}

#content p{
	margin:0 0 2em;
}

.main {
	height:240px;
	overflow:hidden;
}

.main img {
	float:left;
}

.main #map_canvas {
	height:240px;
	width:285px;
	margin:0 0 0 395px;
}

#content ul.nav {
	padding:30px 0 0;
}

#content ul.nav li {
	display:inline;
	font-size:0.8em;
	padding:0 0.5em 0 0;
}

table {
	border-collapse:collapse;
}

#content .data {
	text-align:right;
	font-size:0.9em;
	line-height:1em;
	color:#666;
}



/*
member ====================================================================================
*/

#member th {padding:5px;background:#fff;}
#member th.name {width:250px;}
#member th.note {width:100px;}


#member td {
	border-bottom:1px solid #ccc;
	padding:5px;
}




/*
link ====================================================================================
*/

#link th {padding:5px;background:#fff;}

#link td {
	border-bottom:1px solid #ccc;
	padding:5px;
	vertical-align:top;
}


/*
contact ====================================================================================
*/

#contact th {
	padding:5px;
	border-bottom:1px solid #ccc;
	padding:5px;
	vertical-align:top;
}

#contact td {
	border-bottom:1px solid #ccc;
	padding:5px;
	vertical-align:top;
}


/*
gourmet ====================================================================================
*/

#gourmet h3 {
	font-weight:bold;
}

#gourmet td {
	border-bottom:1px solid #ccc;
	padding:10px 20px 5px 5px;
	vertical-align:top;
	font-size:0.8em;
	width:320px;
}

#gourmet td p {
	margin:0;
	padding:0 0 0 90px;
}

#gourmet td p.note {
	color:#0099FF;
	padding:0;
}


#gourmet td img {
	float:left;
	padding:0 10px 0 0;
}

/*
product ====================================================================================
*/
#product h3 {
	font-weight:bold;
}

#product td {
	border-bottom:1px solid #ccc;
	padding:10px 20px 5px 5px;
	vertical-align:top;
	font-size:0.8em;
	width:320px;
}

#product td p {
	margin:0;
	padding:0 0 0 90px;
}

#product td p.note {
	color:#0099FF;
	padding:0;
}


#product td img {
	float:left;
	padding:0 10px 0 0;
}



/*
stay ====================================================================================
*/
#stay h3 {
	font-weight:bold;
}

#stay td {
	border-bottom:1px solid #ccc;
	padding:10px 20px 5px 5px;
	vertical-align:top;
	font-size:0.8em;
	width:320px;
}

#stay td p {
	margin:0;
	padding:0 0 0 90px;
}

#stay td p.note {
	color:#0099FF;
	padding:0;
}


#stay td img {
	float:left;
	padding:0 10px 0 0;
}


/*
flower ====================================================================================
*/
body#flower {
	background:none;
	overflow:hidden;
}

#flower #wrap {
	width:500px;
	margin:20px auto 10px;
}

#flower .img_left {
	float:left;
	margin:0 30px 0 0;
}

#flower #content {
	clear:both;
	width:500px;
	padding:0;
}

#flower #content h2 {
	line-height:1em;
	text-indent:-999em;
	overflow: hidden;
	padding:25px 0 0;
	margin:0 0 20px;
	background:url('../../flower/images/ttl_flower00.gif') no-repeat left top;
}
#flower #content p {
	font-size:0.9em;
	line-height:1.3em;
	margin-bottom:10px;
	overflow: hidden;
}

#flower #content .main {
	margin:30px 0 0;
	position:relative;
	height:auto;
}
#flower #content .main h3 {
	line-height:1em;
	text-indent:-999em;
	overflow: hidden;
	padding:0px;
	margin:0 0 20px;
	width:220px;
}

body.flower1 #content .main h3 {
	background:url('../../flower/images/ttl_flower01.gif') no-repeat left top;
	height:35px;
}
body.flower2 #content .main h3 {
	background:url('../../flower/images/ttl_flower02.gif') no-repeat left top;
	height:35px;
}
body.flower3 #content .main h3 {
	background:url('../../flower/images/ttl_flower03.gif') no-repeat left top;
	height:35px;
}
body.flower4 #content .main h3 {
	background:url('../../flower/images/ttl_flower04.gif') no-repeat left top;
	height:61px;
}
body.flower5 #content .main h3 {
	background:url('../../flower/images/ttl_flower05.gif') no-repeat left top;
	height:35px;
}
body.flower6 #content .main h3 {
	background:url('../../flower/images/ttl_flower06.gif') no-repeat left top;
	height:35px;
}

#flower #content .main ul.nav {
	height: 19px;
	padding:0;
	margin:0;
	position:absolute;
	left:380px;
	_left:110px;
	top:230px;
}

#flower #content .main ul.nav li {
	float:left;
	padding:0;
	margin:0;
	width:50px;
	height:19px;
	overflow: hidden;
}

#flower #content .main ul.nav li a {
	text-indent:-999em;
	display:block;
	width:50px;
	height:19px;
}

#flower #content .main ul.nav li.nbk,
#flower #content .main ul.nav li.bk {
	margin-right:20px;
}


#flower #content .main ul.nav li.nbk {
	background:url('../../flower/images/icon_prev.gif') no-repeat left -19px;
	text-indent: -10000px;
}
#flower #content .main ul.nav li.bk {
	background:url('../../flower/images/icon_prev.gif') no-repeat left top;
	text-indent: -10000px;
}
#flower #content .main ul.nav li.nfw {
	background:url('../../flower/images/icon_next.gif') no-repeat left -19px;
	text-indent: -10000px;
}
#flower #content .main ul.nav li.fw {
	background:url('../../flower/images/icon_next.gif') no-repeat left top;
	text-indent: -10000px;
}

/*
footer ====================================================================================
*/
#footer {
	clear:both;
	color:#0057A9;
	font-size:0.9em;
	background:url(../images/bg_foot.png) no-repeat left top;
	padding:30px 0 0 10px;
}

#footer li {
	display:inline;
}

#footer #snav {
	padding:15px 0 0 75px;
	float:left;
}

#footer #utility {
	float:right;
	padding:0 10px 0 0;
}

#footer #utility li {
	display:block;
	float:left;
	margin:15px 0 0;
	padding:0 5px;
	border-right:1px solid #666;
}

#footer #utility li a{
	color:#666;
}

#footer #snav li {
	padding:0 0.5em;
	border-left:1px solid #0057A9;
}

#footer #snav .li01 {
	border-left:none;
}

#footer #snav .li03 {
	background:url('../images/icon_live.gif') no-repeat 3px center;
	padding:0 0.5em 0 30px;
}

#footer #snav .li04 {
	background:url('../images/icon_air.gif') no-repeat 3px center;
	padding:0 0.5em 0 30px;
}

#footer #snav .li05 {
	background:url('../images/icon_cal.gif') no-repeat 3px center;
	padding:0 0.5em 0 30px;
}

.copyright {
	clear:both;
	padding:10px 0 0;
	margin:10px 0;
	height:0;
	background:url('../images/ttl_copyright.gif') no-repeat right top;
	overflow:hidden;
}

.weather {
	border-top:1px solid #0057A9;
	margin:0 10px 0 0 ;
	padding:10px 0;
}

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}