@charset "utf-8";
/*===================================================

	index.php
	
====================================================*/

/*----------------------------------------------------
	import
----------------------------------------------------*/
@import url("common.css");

/*----------------------------------------------------
	上書き
----------------------------------------------------*/
@media print {

#page,#header,#contents,#footer {
	width: 960px !important;
}

}
/*----------------------------------------------------
	専用
----------------------------------------------------*/
#contents_top,
#contents_bottom {
	float: left;
	width: 960px;
	padding-bottom: 5px;
}
#contents_top #info {
	float: left;
	width: 345px;
}
#contents_top #kinkyu {
	background: url(../img/marquee.gif) no-repeat;
	height: 30px;
}
#contents_top #kinkyu_on {
	background: url(../img/marquee.gif) no-repeat bottom;
	height: 30px;
}
#contents_top #kinkyu_on h2,
#contents_top #kinkyu h2 {
	display: block;
	float: left;
	height: 30px;
	padding: 0;
	text-indent: -9999px;
	width: 85px;
}
#contents_top #kinkyu_matter {
	float: right;
	font-size: 14px;
	line-height: 20px;
	padding: 5px;
	width: 250px;
}
#contents_top #topics {
	background: url(../img/index_topics_bg_3.gif) no-repeat bottom;
	width: 345px;
	height: 265px;
	padding-top: 5px;
}
#contents_top #topics #hed {
	background: url(../img/index_topics_hed.gif);
	height: 28px;
}
#contents_top #topics #hed a {
	display: block;
	float: right;
	height: 28px;
	padding: 0;
	text-indent: -9999px;
	width: 70px;
}
#contents_top #topics #hed a:hover {
	background: url(../img/index_topics_hed.gif) 70px 28px;
}
#contents_top #topics ul {
	height: 170px;
	padding: 5px 10px 10px 10px;
}
* html #contents_top #topics ul {
	padding-bottom: 5px;
}
#contents_top #topics li {
	background: url(../img/icon_ring2.gif) no-repeat 0 4px;
	float: left;
	height: 31px;
	width: 310px;
	padding: 4px 0 0 15px;
	line-height:15px;
	border-bottom:1px dotted #CCCCCC;
}
#contents_top #topics li a {
	text-decoration: none;
	color:#4A2211;
}
#contents_top #topics li a:hover {
	text-decoration: none;
	color:#FF6600;
}
#contents_top #topics li a.movie {
	background: url(../img/icon_movie.gif) no-repeat right;
	padding-right: 20px;
}

#contents_top #topics #pickup {
	background: url(../img/pickup_bg2.gif) no-repeat left top;
	height: 2em;
	margin: 0 5px;
	padding: 5px 5px 5px 50px;
}

#contents_top #movie {
	float: left;
	width: 480px;
	padding: 0 5px;
}
#contents_top #movie h1 {
	background: url(../img/index_movie_bg.gif) no-repeat;
	line-height: 26px;
	color: #FFF;
	padding-left: 25px;
}
#contents_top #links {
	float: left;
	width: 125px;
}
#contents_top #links #access {
	background: url(../img/index_access.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 125px;
}
#contents_top #links #access:hover {
	background: url(../img/index_access.gif) no-repeat bottom;
}
#contents_top #links #weather {
	background: url(../img/index_weather.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 125px;
	margin-top: 4px;
}
#contents_top #links #weather:hover {
	background: url(../img/index_weather.gif) no-repeat bottom;
}
#contents_top #links #pamphlet {
	background: url(../img/index_pamphlet.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 125px;
	margin-top: 5px;
}
#contents_top #links #pamphlet:hover {
	background: url(../img/index_pamphlet.gif) no-repeat bottom;
}

#contents_bottom {
	background: url(../img/contents_bottom_bg.gif) no-repeat;
	height: 283px;
}
#contents_bottom #left {
	float: left;
	width: 345px;
}
#left_nav {
	float: left;
	width: 335px;
	padding: 5px;
}
#left_nav li {
	float: left;
}
#left_nav li#nav2,
#left_nav li#nav3 {
	padding-bottom: 15px;
}
#left_nav li#nav2,
#left_nav li#nav4 {
	padding-right: 15px;
}
#left_nav li a {
	text-indent: -9999px;
	display: block;
	height: 75px;
	width: 160px;
}

#left_nav li#nav2 a {background: url(../img/index_left_nav.gif) 0 0;}
#left_nav li#nav3 a {background: url(../img/index_left_nav.gif) -160px 0;}
#left_nav li#nav4 a {background: url(../img/index_left_nav.gif) -320px 0;}
#left_nav li#nav5 a {background: url(../img/index_left_nav.gif) -480px 0;}
#left_nav li#nav2 a:hover {background: url(../img/index_left_nav.gif) 0 75px;}
#left_nav li#nav3 a:hover {background: url(../img/index_left_nav.gif) -160px 75px;}
#left_nav li#nav4 a:hover {background: url(../img/index_left_nav.gif) -320px 75px;}
#left_nav li#nav5 a:hover {background: url(../img/index_left_nav.gif) -480px 75px;}

#left #mobile {
	float: left;
	color: #FFF;
	width: 240px;
	padding: 20px 10px 0;
}
#left #mobile h2 {
	font-size: 150%;
	font-weight: bold;
	padding-bottom: 5px;
}
#right_nav {
	float: left;
	width: 594px;
	padding: 8px 8px 0 13px;	
}
#right_nav li {
	float: left;
	padding: 0 2px 2px 0;
}
#right_nav li a {
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 196px;
}

#right_nav li#nav1 a {background: url(../img/index_right_nav.jpg) 0 0;}
#right_nav li#nav1_1 a {background: url(../img/index_right_nav.jpg) 0 -88px;}
#right_nav li#nav1_2 a {background: url(../img/index_right_nav.jpg) 0 -176px;}
#right_nav li#nav1_3 a {background: url(../img/index_right_nav.jpg) 0 -264px;}
#right_nav li#nav1_4 a {background: url(../img/index_right_nav.jpg) 0 -352px;}
#right_nav li#nav1_5 a {background: url(../img/index_right_nav.jpg) 0 -440px;}
#right_nav li#nav1_6 a {background: url(../img/index_right_nav.jpg) 0 -528px;}
#right_nav li#nav1_7 a {background: url(../img/index_right_nav.jpg) 0 -616px;}
#right_nav li#nav1_8 a {background: url(../img/index_right_nav.jpg) 0 -704px;}
#right_nav li#nav1 a:hover {background: url(../img/index_right_nav.jpg) 196px 0;}
#right_nav li#nav1_1 a:hover {background: url(../img/index_right_nav.jpg) 196px -88px;}
#right_nav li#nav1_2 a:hover {background: url(../img/index_right_nav.jpg) 196px -176px;}
#right_nav li#nav1_3 a:hover {background: url(../img/index_right_nav.jpg) 196px -264px;}
#right_nav li#nav1_4 a:hover {background: url(../img/index_right_nav.jpg) 196px -352px;}
#right_nav li#nav1_5 a:hover {background: url(../img/index_right_nav.jpg) 196px -440px;}
#right_nav li#nav1_6 a:hover {background: url(../img/index_right_nav.jpg) 196px -528px;}
#right_nav li#nav1_7 a:hover {background: url(../img/index_right_nav.jpg) 196px -616px;}
#right_nav li#nav1_8 a:hover {background: url(../img/index_right_nav.jpg) 196px -704px;}