@charset "utf-8";


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


/* ------------------------------------
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: 256px;
	width: 156px;
	display: block;
	position: absolute;
	right: -52px;
	bottom: -55px;
}


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

div#contents{}


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

div#main_ctt{
float:left;
width: 715px;
padding-right: 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#main div.box_info{
	clear: both;
	margin-bottom: 8px;
}

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

div#main div.box_info h2 span img{
	position: absolute;
	right: 5px;
	top: 27px;
}

/* -- */

div#main div.box_info ul.tab{
	margin-left: 8px;
}
div#main div.box_info ul.tab li{	float:left;}

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

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

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

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

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

div#main div.box_info ul.tab li.selected a.m01{	background: url(../../image/2010/info_1.png) no-repeat 0px -50px; margin-left:0px;}
div#main div.box_info ul.tab li.selected a.m02{	background: url(../../image/2010/info_2.png) no-repeat 0px -50px;}
div#main div.box_info ul.tab li.selected a.m03{	background: url(../../image/2010/info_3.png) no-repeat 0px -50px;}
div#main div.box_info ul.tab li.selected a.m04{	background: url(../../image/2010/info_4.png) no-repeat 0px -50px;}
div#main div.box_info div#tabA{	border-top: 2px solid #8ABB5A;	padding-top: 8px;}
div#main div.box_info div#tabB{
	border-top: 2px solid #FAD600;
	padding-top: 8px;
}
div#main div.box_info div#tabC{
	border-top: 2px solid #F5A7B4;
	padding-top: 8px;
}
div#main div.box_info div#tabD{
	border-top: 2px solid #006BB4;
	padding-top: 8px;
}

/* -- */

div#main div.box_info div.detail{
	overflow:auto;
	width:343px;
	height:250px;
	clear: both;
	margin-left: 9px;
}
div#main div.box_info div.detail ul{}
div#main 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#main div.box_info div.detail dl{}
div#main div.box_info div.detail dt{
	width: 55px;
	height: 55px;
	margin-right: 5px;
	float: left;
	overflow: hidden;
}
div#main div.box_info div.detail dt a{
	display: block;
	height: 55px;
	width: 55px;
}
div#main div.box_info div.detail dt.info {	background: url(../../image/2010/info_img.gif) no-repeat 0px 0px;}
div#main div.box_info div.detail dt.event {	background: url(../../image/2010/event_img.gif) no-repeat 0px 0px;}
div#main div.box_info div.detail dt.shop {	background: url(../../image/2010/shop_img.gif) no-repeat 0px 0px;}
div#main div.box_info div.detail dd{
	float: left;
	width: 95px;
	font-size: 10px;
}

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

div#sub{
width:250px;
float:left;
}

/* -- */

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: 5px;
	padding-left: 5px;
	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;
}