@charset "utf-8";


/*
a:hover img{opacity:0.70;filter: alpha(opacity=70);}
*/

/* ------------------------------------
slideshow
-------------------------------------*/
#slideshow{
	position:relative;
	width: 940px;
	margin:10px auto 0;
}

#slideshow .slides-nav {
	padding:0;
	margin-top:3px;
	margin-left:60px;
	z-index: 100;
	position:relative;
}

#slideshow .slides-nav li {
	float: left;
	padding: 6px 2px 2px;
	position:relative;
}



#slideshow .slides-nav li a { display:block; }
#slideshow .slides-nav li a:hover{}
#slideshow .slides-nav:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background: url(../../js/slideshow/image/btn_on.gif) no-repeat center top;
}

/*
#slideshow .slides-nav li span{
	display:none;
	position:absolute;
	top:-20px;
	right:3px;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-9999px;
	z-index:300;
}

.js #slideshow .slides-nav li.on span{
	display:block;
	background: url(../../image/2010/main/icon.png) no-repeat right top;
	display:block;
	height:48px;
	width: 68px;
}
.js #slideshow .slides-nav li.on span a{
	display:block;
	height:80px;
	width: 154px;
}
*/

* html .js #slideshow .slides-nav li.on span{	behavior: expression(IEPNGFIX.fix(this));}


#slideshow .slides	{
	width: 950px;
	height: 370px;
	overflow: hidden;
}
#slideshow .slides img	{
	margin:0;
}
#slideshow .slides a:hover img{opacity:0.80;filter: alpha(opacity=80);}

#slideshow .attraction{ position:absolute; width:251px; height:191px; bottom:-128px; right:-11px; z-index:15;}
#slideshow .woopy{ position:absolute; width:149px; height:289px; bottom:-5px; left:-90px; z-index:10;}
#slideshow .nappy{
	position:absolute;
	width:120px;
	height:273px;
	bottom:-10px;
	right:-55px;
	z-index:10;
}
* html #slideshow .woopy img{	behavior: expression(IEPNGFIX.fix(this));}
* html #slideshow .nappy img{	behavior: expression(IEPNGFIX.fix(this));}


/* ------------------------------------
slideshow_tab
-------------------------------------*/
.slideshow_tab{
	position:relative;
	width: 600px;
	margin:10px auto 0;
}

.slideshow_tab .slides_tab-nav {
	padding:0;
	overflow: hidden;
	margin-top:1px;
	margin-left:65px;
}

.slideshow_tab .slides_tab-nav li {	
	float: left;
	margin-right: 4px;
}
.slideshow_tab .slides_tab-nav li a { display:block; padding-top:6px; opacity:0.50;filter: alpha(opacity=50);}
.slideshow_tab .slides_tab-nav li a:hover{ opacity:1.00;filter: alpha(opacity=100);}
.slideshow_tab .slides_tab-nav:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

.js .slideshow_tab .slides_tab-nav li.on,
.js .slideshow_tab .slides_tab-nav li.on a {}

.slideshow_tab .slides_tab	{
	width: 600px;
	height: 100px;
	overflow: hidden;
}
.slideshow_tab .slides_tab img	{
	margin:0;
}



/* ------------------------------------
main_flash
-------------------------------------
div#main_flash{
	height: 420px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
}
div#main_flash h2{
	clear:both;
	text-indent: -9999px;
	display: block;
}
div#main_flash span{
	height: 222px;
	width: 301px;
	display: block;
	position: absolute;
	right: -18px;
	bottom: -18px;
	background: url(../../image/2010/woopy.png) no-repeat left top;

}
div#main_flash span a{
	height: 222px;
	width: 301px;
	display: block;
		font-size: 0px;
	text-indent: -9999px;
}
*/

/* ------------------------------------
contents
-------------------------------------*/

div#contents{}


/* ------------------------------------
main_ctt
-------------------------------------*/

div#main_ctt{
	float:left;
	width: 715px;
	padding-right: 8px;
	padding-top: 8px;
}

/* ------------------------------------
main
-------------------------------------*/

div#main{
float:left;
width: 352px;
margin-right: 10px;
}

/* -- */

div#main div.box{
	clear: both;
	margin-bottom: 8px;
}

div#main div.box h2{
	position: relative;
}

div#main div.box h2 span img{
	position: absolute;
	right: 8px;
	top: 27px;
}
div#main div.box p.btn{
	margin-top:5px;
	text-align: right;
}
div#main div.box .link{
	background: url(../../image/2010/icon.png) no-repeat left 3px;
	padding-left: 13px;
}
div#main div.box .inner{
	padding: 0px 0px 0px 10px;
}
div#main div.box .text{
	float:left;
	width: 195px;
}
div#main div.box .pix{
	float:right;
	width: 140px;
}

/* -- */

div#main div.box ul{
	padding-left: 1px;
	padding-top: 2px;
}
div#main div.box ul li{
	float:left;
	width: 108px;
	padding-left: 9px;
}
div#main div.box ul li a.pic,
div#main div.box ul li a span{
	display: block;
	height: 77px;
	width: 108px;
	overflow: hidden;
}
div#main div.box ul li img{ margin-bottom:3px;}



/* ----------------------------
トップお知らせ
---------------------------- */

div.box_info{
	clear: both;
	margin-bottom: 8px;
}

/* タイトル */

div.box_info_ttl{
	position: relative;
	height: 60px;
}
div.box_info h2{ position: absolute; z-index:100;}
div.box_info h2 span img{
	position: absolute;
	right: 5px;
	top: 27px;
}

div.box_info p.top_info{
	position: absolute;
	z-index:140;
	top:5px;
	left:0px;
	padding-left: 130px;
	width: 585px;
}
div.box_info p.btn{
	position: absolute;
	z-index:120;
	bottom:10px;
	right:359px;
}



/* -- */

div.box_info ul.tab{
	position: absolute;
	z-index:120;
	right:1px;
	margin-left: 8px;
	top: 30px;
}
div.box_info ul.tab li{
	float:left;
	padding-right: 3px;
}

/*
div.box_info ul.tab li a{
	width:85px;
	height:32px;
	display:block;
	margin-left:1px;
	text-decoration: none;
	text-indent: -9999px;
}

div.box_info ul.tab li a.m01	{	background: url(../../image/2010/info_1.png) no-repeat 0px 0px; margin-left:0px;}
div.box_info ul.tab li a.m01:hover{	background: url(../../image/2010/info_1.png) no-repeat 0px -50px; margin-left:0px;}

div.box_info ul.tab li a.m02	{	background: url(../../image/2010/info_2.png) no-repeat 0px 0px;}
div.box_info ul.tab li a.m02:hover{	background: url(../../image/2010/info_2.png) no-repeat 0px -50px;}

div.box_info ul.tab li a.m03	{	background: url(../../image/2010/info_3.png) no-repeat 0px 0px;}
div.box_info ul.tab li a.m03:hover{	background: url(../../image/2010/info_3.png) no-repeat 0px -50px;}

div.box_info ul.tab li a.m04	{	background: url(../../image/2010/info_4.png) no-repeat 0px 0px;}
div.box_info ul.tab li a.m04:hover{	background: url(../../image/2010/info_4.png) no-repeat 0px -50px;}

div.box_info ul.tab li.selected a.m01{	background: url(../../image/2010/info_1.png) no-repeat 0px -50px; margin-left:0px;}
div.box_info ul.tab li.selected a.m02{	background: url(../../image/2010/info_2.png) no-repeat 0px -50px;}
div.box_info ul.tab li.selected a.m03{	background: url(../../image/2010/info_3.png) no-repeat 0px -50px;}
div.box_info ul.tab li.selected a.m04{	background: url(../../image/2010/info_4.png) no-repeat 0px -50px;}
*/

/*
div.box_info div#tabA{	border-top: 2px solid #8ABB5A;	padding-top: 8px;}
div.box_info div#tabB{
	border-top: 2px solid #FAD600;
	padding-top: 8px;
}
div.box_info div#tabC{
	border-top: 2px solid #F5A7B4;
	padding-top: 8px;
}
div.box_info div#tabD{
	border-top: 2px solid #006BB4;
	padding-top: 8px;
}
*/
/* -- */

div.box_info div.detail{
	clear:both;
	height:140px;
	margin-left: 20px;
}

div.box_info div.detail table{ }
div.box_info div.detail table td{ padding-bottom: 8px; }
div.box_info div.detail div.linkbox{
	position: relative;
}
div.box_info div.detail div.linkbox a{
	display: block;
	height: 55px;
	width: 315px;
	position: absolute;
	top: 0px;
	font-size:0px;
	text-decoration:none;
	z-index:200;
	cursor:pointer;
}
div.box_info div.detail div.linkbox a.ie7{ display:none;}
div.box_info div.detail div.linkbox dl{}


*:first-child+html div.box_info div.detail div.linkbox{
	position: static;
}

*:first-child+html div.box_info div.detail div.linkbox a{
	position: static;
	display:none;
}
*:first-child+html div.box_info div.detail div.linkbox a.ie7{
	display:block;
	margin-top:-55px;
}

* html div.box_info div.detail div.linkbox{
	position: static;
}

* html div.box_info div.detail div.linkbox a{
	position: static;
	display:none;
}
* html div.box_info div.detail div.linkbox a.ie7{
	display:block;
	margin-top:-55px;
}



div.box_info div.detail div.linkbox:hover{opacity:0.70;filter: alpha(opacity=70);}


/*
div.box_info div.detail ul{}
div.box_info div.detail li{
	float: left;
	width: 155px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	margin-right: 5px;
}
*/
div.box_info div.detail dl{}

div.box_info div.detail dt{
	width: 55px;
	height: 55px;
	margin-right: 5px;
	float: left;
	overflow: hidden;
}
div.box_info div.detail dt.info {	background: url(../../image/2010/info_img.gif) no-repeat 0px 0px;}
div.box_info div.detail dt.event {	background: url(../../image/2010/event_img.gif) no-repeat 0px 0px;}
div.box_info div.detail dt.shop {	background: url(../../image/2010/shop_img.gif) no-repeat 0px 0px;}
div.box_info div.detail dd{
	float: left;
	width: 260px;
	padding-right: 10px;
}
div.box_info div.detail dd p.info{
	background: url(../../image/2010/icon_info.png) no-repeat left 0px;
	margin: 0px;
	padding-top: 17px;
}
div.box_info div.detail dd p.event{
	background: url(../../image/2010/icon_event.png) no-repeat left 0px;
	margin: 0px;
	padding-top: 17px;
}
div.box_info div.detail dd p.shop{
	background: url(../../image/2010/icon_shop.png) no-repeat left 0px;
	margin: 0px;
	padding-top: 17px;
}



/* Easy Slider */

	.slider_tab{}	
	.slider_tab ul, .slider_tab li,
	.slider_tab2 ul, .slider_tab2 li,
	.slider_tab3 ul, .slider_tab3 li,
	.slider_tab4 ul, .slider_tab4 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.slider_tab li,
	.slider_tab2 li,
	.slider_tab3 li,
	.slider_tab4 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:680px;
		height:140px;
		overflow:hidden; 
		}	

	.slider_tab2 li{}		
	.slider_tab2 li h2{}	
	.slider_tab2 li p{}						
		
	p#controls, p#controls2, p#controls3, p#controls4{
		margin:0;
		position:relative;
		} 
	
	#prevBtn1, #nextBtn1,
	#prevBtn2, #nextBtn2,
	#prevBtn3, #nextBtn3,
	#prevBtn4, #nextBtn4{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:8px;
		height:135px;
		position:absolute;
		left:-15px;
		top:-140px;
		}	
	#nextBtn1, #nextBtn2, #nextBtn3, #nextBtn4{ 
		left:685px;
		}														
	#prevBtn1 a, #nextBtn1 a,
	#prevBtn2 a, #nextBtn2 a,
	#prevBtn3 a, #nextBtn3 a,
	#prevBtn4 a, #nextBtn4 a{  
		display:block;
		width:8px;
		height:135px;
		background:url(../../image/2010/tab_back.png) no-repeat 0 0;	
		}	
	#nextBtn1 a, #nextBtn2 a, #nextBtn3 a, #nextBtn4 a{ 
		background:url(../../image/2010/tab_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */


/* ------------------------------------
sub
-------------------------------------*/

div#sub{
	width:250px;
	float:left;
	padding-top: 135px;
}

/* -- */

div#sub div.box{
	border: 1px solid #CCCCCC;
	margin-bottom: 7px;
	clear: both;
	display: block;
	overflow: hidden;
}

div#sub div.box h2{}
div#sub div.box p.btn{ margin-top:5px;}
div#sub div.box .inner{
	padding: 5px;
	clear: both;
}
div#sub div.box .text{
	float:left;
	width: 140px;
}
div#sub div.box .pix{
	float:right;
	width: 95px;
}
div#sub div.box .pix img {
	width:95px;
}

/* -- */

div#sub .weather{
	text-align: center;
}

div#sub .weather table{
	margin-left: 10px;
}
div#sub .weather table th,
div#sub .weather table td{
	padding-right: 4px;
	padding-left: 4px;
	line-height: 1.2;
}
div#sub .weather table th{}
div#sub .weather table td{
	padding-top: 3px;
}
div#sub .weather table td.sat{
	color: #1276B1;
}
div#sub .weather table td.sun{
	color: #CC0000;
}

/* -- */

div#sub .mobile{
	border: 1px solid #CCCCCC;
	margin-bottom: 7px;
	clear: both;
}

div#sub .mobile a{
	width:248px;
	height:64px;
	display:block;
	background: url(../../image/2010/mobile.png) no-repeat 0px 0px;
}
div#sub .mobile a:hover{	background: url(../../image/2010/mobile.png) no-repeat 0px -100px;}

/*
.top_info{
background: #FFFFFF url(../../image/2010/top_info.png) no-repeat 4px 4px;
padding: 3px 3px 3px 70px;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
margin-left: 10px;
}
*/