@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
#header #logo h1,
#header #logo p{
	float: left;
	width: 150px;
	height: 49px;
	margin: 13px 0 0 13px;
	_margin: 13px 0 0 6px;
}

#header #logo ul{
	float: right;
	width: 766px;
	height: 40px;
	margin-top: 10px;
}

#home #header #logo ul{
	background-image: url(../img/logo_nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;    
}

#contents #header #logo ul{
	background-image: url(../img/contents_logo_nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px; 
}

#header ul li{
    float: left;
	display: inline;
	text-align: center;
	padding: 0;
	overflow: hidden;
}

#header ul li#font-size dl{
	float: right;
	margin-top: 11px;
	margin-right: 4px;
}

*:first-child+html #header ul li#font-size dl{
	margin-right: 10px;
}

#header ul li#font-size dl dt{
	margin-left: 28px;
	_margin-left: 6px;
	margin-right: 10px;
	float: left;
}

#header ul li#font-size dl dd{
	float: left;
	text-indent: -9999px;
	dont-size: 0%;
}

#header ul li#font-size dl dd a{
	display: block;
	width: 35px;
	height: 18px;
}

#home #header ul#Global_Nav{
	margin: 0;
	height: 37px;
}

#contents #header ul#Global_Nav{
	margin: 13px 0 0 0;
	height: 37px;
}

#home #header ul#Global_Nav ul{
	float: left;
}

/* footer-banner
----------------------------------------- */
#home #container ul.banner{
	text-align: center;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#home #container ul.banner li{
	display: inline;
	margin-right: 4px;
	margin-left: 4px;
	padding-bottom: 10px;
}
#home #container ul.banner li a:hover{
	filter: Alpha(Opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* footer
----------------------------------------- */
#footer ul{
	font-size: 80%;
	text-align: left;
	margin-top: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	float: left;
	margin-right: 10px;
}

#footer ul li{
	background-image: url(../img/footer-headline-list.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	line-height: 1.7em;
	padding-left: 8px;
}
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active{
	color: #788B92;
}
#footer ul li a:hover{
	color: #B3CBCF;
}
#footer ul#footerbanner{
    float: right;
	border: none;
	margin-right: 0px;
}
#footer ul#footerbanner li{
    background-image: none;
	float: left; 
}

#footer p{
	float: left;
	width: 250px;
}
#footer address{
	padding: 10px 0px 0px;
	font-family: Verdana;
	font-size: 10px;
	letter-spacing: 0em;
	float: right;
	color: #788B92;
}


/* topicpath
----------------------------------------- */
#contents #content ol#topicpath{
	margin-bottom: 5px;
	_margin-left: 0px;
}

#contents #content ol#topicpath li{
	display: inline;
	padding-right: 12px;
	background-image: url(../img/topicpath.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#contents #content ol#topicpath li.active{
	background-image: none;
}

/* content
----------------------------------------- */
#content p,
#content td,
#content li{
	line-height: 1.5;
}

/* main
----------------------------------------- */
#home #content #main h2{
	margin: 0;
}

#home #content #main #info_box dl{
	background-image: url(../img/info_body_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 4px 15px 10px 15px;    
}

#home #content #main #info_box dt{
	padding-top: 10px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999999;
}

#home #content #main #info_box dt#info_dt_first,
#home #content #sub #station_Now dt.first,
#contents #content #sub #introduction dt#introduction_first,
#contents #content #sub #station_Now dt.first{
	border-width: 0;
	margin-top: 0;
}

#home #content #main #info_box dd.dd_title{
	background-image: url(../img/title_circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 102%;   
}

#home #content #main #info_box dt,
#home #content #main #info_box dd.dd_text{
	font-size: 92%;
	margin: 5px 0;
    clear: both;
}
#home #content #main #info_box img.right{
    margin-bottom: 10px;
	margin-left: 10px;
}
#home #content #main #right_box #flash{
	margin-bottom: 10px;
}

#home #content #main #right_box p{
	margin-bottom: 5px;
	text-align: center;
}

#contents #container #content #main h2{
	font-size: 140%;
	font-weight: 800;
	padding: 5px 0 5px 30px;
	margin-bottom: 10px;
}

#contents #container #content #main p#pagetop{
	font-size: 94%;
	text-align: right;
	clear: both;
}
#contents #main p{
     margin: 5px 10px 10px 30px;

}
#contents #main p.map_image{
     margin: 0;

}
#contents .map #main ul{
     margin: 5px 10px 10px 30px;
}
#contents .map #main ul#nav{
     margin: 0;
}
#contents #main p.p-page{
	text-align: center;
}

#contents #main p.p-page a:link,
#contents #main p.p-page a:visited,
#contents #main p.p-page a:active,
#contents #main p.p-page a:hover,
#contents #main p.p-page span {
	padding: 2px 5px;
	display: inline;
}

#contents #main p.p-page a:hover,
#contents #main p.p-page span {
	background-color: #CFF0F3;
}
#contents #main p.p-page span {
	font-weight: bold;	
}

#contents #main #sns-btn{
	padding-top: 15px;
	border-top: #CEE6E9 solid 1px;
	clear: both;
}

#contents #main #sns-btn img{
	margin: 0!important;
	vertical-align: top;
}

/* sub
----------------------------------------- */
#sub p img a:hover{
	filter: Alpha(Opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#home #content #sub h3{
	margin-bottom: 15px;
}

#home #content #sub #station_Now h4,
#contents #content #sub #station_Now h4{
	margin: 0;
}

#home #content #sub #station_Now{
	background-image: url(../img/station_now_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;  
	overflow: hidden;
	padding-bottom: 4px;	
}

#contents #content #sub #station_Now{
	background-image: url(../img/contents_station_now_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;  
	overflow: hidden;
	padding-bottom: 4px;
}

#home #content #sub #station_Now dl{
	background-image: url(../img/station_now_body.gif);
	background-repeat: repeat-y;
	padding: 0px 10px 5px 10px;   
}

#contents #content #sub #station_Now dl{
	background-image: url(../img/contents_station_now_body.gif);
	background-repeat: repeat-y;
	padding: 0px 10px 5px 10px;   
}

#home #content #sub #station_Now dt,
#contents #content #sub #station_Now dt{
	background-image: url(../img/station_now_circle.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 92%;  
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #DBDBDB; 	
}

#home #content #sub #station_Now dd,
#contents #content #sub #station_Now dd{
	font-size: 80%;
	text-align: right;
	margin: 5px 0px;
}

#sub .sns-btn{
	clear: both;
	margin: 5px 0
}

/* contents sub css -------------------------------- */
#contents #content #sub #introduction{
	float: left;
	width: 220px;
	padding: 10px;
	margin-bottom: 10px;
}

#contents #content #sub p{
	margin-bottom: 5px;
}

#contents #content #sub #introduction h3{
	font-size: 110%;
	font-weight: 800;
	width: 200px;
	padding: 6px 0;
	text-align: center;
	color: #FFF;
}

#contents #content #sub #introduction dl{
	background-color: #FFF;
	width: 200px;
	padding-bottom: 10px;
}

#contents #content #sub #introduction dl dt{
	padding: 10px 0 5px 17px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CEE6E9;
	font-weight: bold;
}

#contents #content #sub #introduction dl dd{
	padding: 0 5px 5px 17px;
	font-size: 80%;
}

#contents #content #sub h4{
	margin: 10px 0;
}

#contents #content #sub #station_Now{
	margin-top: 10px;
}

/* exposition css -------------------------------- */
#contents #container.exposition #content h1{
	padding-bottom: 9px;
	clear: both;
}

#contents #container.exposition #content #main h2{
	background-image: url(../img/exposition_contents_h2_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #D5DCEC;
}

/* map css -------------------------------- */

#contents #content #main p#map_text{
	color: #4E9C8C;
	font-weight: bold;
	padding-top: 5px;
}

#contents #container.map #content #main h2{
	background-image: url(../img/map_contents_h2_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #E3F2CE;
}

#contents #container.map #content #sub #introduction{
	background-color: #E3F2CE; 
}

#contents #container.map #content #sub #introduction h3{
	background-image: url(../img/subtitle-map.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#contents #container.map #content #sub #introduction dl dt{
	background-image: url(../img/map-headline-list.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	border-color: #E3F2CE;
	
}

#contents #container.map #content #main #shop_information h3{
	background-image: url(../img/map_h3_bg.gif);
	background-repeat: no-repeat;
	background-position: -1px top;
	font-size: 125%;
	font-weight: 800;
	color: #8E2E04;
	padding: 18px 0 10px 50px;
	
}

#contents #container.map #content #main #shop_information{
	width: 706px;
	background-image: url(../img/shop_information_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 18px;
	margin-bottom: 30px;
	overflow: hidden;
}

#contents #container.map #content #main #shop_information #shop_information_body{
	width: 706px;
	background-image: url(../img/shop_information_body.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
}

#contents #container.map #content #main #shop_information #shop_information_body ul{
	position:relative; 
	top: -30px;
	left: 310px;
	width: 372px;
	_width: 380px;
	overflow: hidden;
}

#contents #container.map #content #main #shop_information #shop_information_body ul li{
	height: 21px;
	width: 88px;
	float: left;
	margin-left: 5px;
	line-height: 1.6;
	background-image: none;
	padding: 1px 0 0 0;
	font-size: 11px;
	color: #FFF;
	background-image: url(../img/map_li.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

#contents #container.map #content #main #shop_information #shop_information_body ul li.select{
	background-image: url(../img/map_li-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#contents #container.map #content #main #shop_information #shop_information_body h4{
	color: #E94B07;
	font-size: 100%;
	font-weight: 800;
	padding: 0 15px 0 20px;
	margin-bottom: 10px;
	clear: both;
}

#contents #container.map #content #main #shop_information #shop_information_body p{
	font-size: 94%;
	margin-left: 15px;
}

#contents #container.map #content #main #shop_information #shop_information_body table{
	font-size: 94%;
	margin: 10px 0 10px 15px;
}

#contents #container.map #content #main #shop_information #shop_information_body table th{
	text-align: center;
}

#contents #container.map #content #main ul li{
	background-image: url(../img/map_list_icon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	line-height: 2.5;
	padding-left: 20px;
}

#contents #container.map #content #main #shop_information #shop_information_body #tab div p{
	text-align: left;
}

#contents #container.map #content #main strong{
	font-weight: bold;
}



/* history css -------------------------------- */

#contents #container.history #content h1{
	padding-bottom: 9px;
	clear: both;
}

#contents #container.history #content #main h2{
	background-image: url(../img/history_contents_h2_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #F5ECC9;
}

#contents #container.history #content ul.photo{
	width: 710px;
	overflow: hidden;
	margin: 20px 0 40px 10px;
	clear: both;
}

#contents #container.history #content ul.photo li{
	width: 162px;
	text-align: center;
	float: left;
	margin-right: 14px;
}

#contents #container.history #content ul.photo li h3{
	background-color: #8A4305;
	color: #FFF;
	margin-bottom: 5px;
}

#contents #container.history #content ul.photo li img{
	border-width: 1px;
	border-style: solid;
	border-color: #843D3A;
	margin-bottom: 5px;
}

#contents #container.history #content ul.photo li img.magnify{
	border-width: 0px;
}

#contents #container.history #content #sub #introduction{
	background-color: #F5ECC9; 
}

#contents #container.history #content #sub #introduction h3{
	background-image: url(../img/subtitle-history.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#contents #container.history #content #sub #introduction dl dt{
	background-image: url(../img/history-headline-list.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	color: #884004;
	border-color: #F5ECC9;
	font-weight: bold;
}

#contents #container.history #content #sub #introduction dl dd{
	font-size: 90%;
	margin-right: 10px;
}

/* information css -------------------------------- */

#contents #container.information #content #main p{
	margin-left: 20px;
}

#contents #container.information #content #main img{
	margin: 0 10px 15px 10px;
}

#contents #container.information #content h1{
	padding-bottom: 9px;
	clear: both;
}

#contents #container.information #content #main h2{
	clear: both;
	background-image: url(../img/information_contents_h2_nocategory_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #C9D1D3;
}

#contents #container.information #content #main h2.station_h2{
	background-image: url(../img/information_contents_h2_station_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #CEE6E9;
}

#contents #container.information #content #main h2.kitasaito_h2{
	background-image: url(../img/information_contents_h2_kitasaito_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #F4E1EB;
}

#contents #container.information #content #main h2.event_h2{
	background-image: url(../img/information_contents_h2_event_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #CBEDDE;
}

#contents #container.information #content #main h2.shopping_h2{
	background-image: url(../img/information_contents_h2_shopping_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #CCCFE6;
}

#contents #container.information #content #main h2.gourmet_h2{
	background-image: url(../img/information_contents_h2_gourmet_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #ECCAC6;
}

#contents #container.information #content #main h2.outskirts_h2{
	background-image: url(../img/information_contents_h2_outskirts_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #C2DDB0;
}

#contents #container.information #content #main p.info{
	position: relative;
	top: 0px;
	left: 0px;
}

#contents #container.information #content #main p.info a{
	position: absolute;
	top: -38px;
	right: 10px; 
}

#contents #container.information #content #main h3{
	padding-left: 15px;
	font-size: 115%;
	font-weight: bold;
	margin: 15px 0 10px 20px;
}

#contents #container.information #content #main h3.station_h3{
	background-image: url(../img/information_contents_h3_station_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #229AC1;
}

#contents #container.information #content #main h3.kitasaito_h3{
	background-image: url(../img/information_contents_h3_kitasaito_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #CC6699;
}

#contents #container.information #content #main h3.event_h3{
	background-image: url(../img/information_contents_h3_event_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #329A6D;
}

#contents #container.information #content #main ul#main_link{
	margin: 10px 0;
	padding-top: 20px;
	clear: both;
	text-align: center;
}

#contents #container.information #content #main ul#main_link li{
	display: inline;
	padding: 2px 4px;
	margin: 0 2px;
}

#contents #container.information #content #main ul#main_link li#current{
	background-color: #CFF0F3;
}

#contents #container.information #content #main ul#main_link li#current a{
	color: #000;
	text-decoration: none;
}

#contents #container.information #content #sub #introduction{
	background-color: #CEE6E9; 
}

#contents #container.information #content #sub #introduction h3{
	background-image: url(../img/subtitle-information.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#contents #container.information #content #sub #introduction dl dt{
	background-image: url(../img/information-headline-list00.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	color: #114E62;
	font-weight: bold;
}

#contents #container.information #content #sub #introduction dl dt#station_dt{
	background-image: url(../img/information-headline-list01.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	font-weight: bold;
}
#contents #container.information #content #sub #introduction dl dt#station_dt a{
	color: #114E62;
}

#contents #container.information #content #sub #introduction dl dt#kitasaito_dt{
	background-image: url(../img/information-headline-list02.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	border-color: #CEE6E9;
	font-weight: bold;
}
#contents #container.information #content #sub #introduction dl dt#kitasaito_dt a{
	color: #882D5A;
}
#contents #container.information #content #sub #introduction dl dt#event_dt{
	background-image: url(../img/information-headline-list03.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	border-color: #CEE6E9;
	font-weight: bold;
}
#contents #container.information #content #sub #introduction dl dt#event_dt a{
	color: #1B523A;
}
#contents #container.information #content #sub #introduction dl dt#shopping_dt{
	background-image: url(../img/information-headline-list04.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	border-color: #CEE6E9;
	font-weight: bold;
}
#contents #container.information #content #sub #introduction dl dt#shopping_dt a{
	color: #6670B0;
}
#contents #container.information #content #sub #introduction dl dt#gourmet_dt{
	background-image: url(../img/information-headline-list05.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	border-color: #CEE6E9;
	font-weight: bold;
}
#contents #container.information #content #sub #introduction dl dt#gourmet_dt a{
	color: #B94A3E;
}
#contents #container.information #content #sub #introduction dl dt#outskirts_dt{
	background-image: url(../img/information-headline-list06.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	border-color: #CEE6E9;
	font-weight: bold;
}
#contents #container.information #content #sub #introduction dl dt#outskirts_dt a{
	color: #43652C;
}
#contents #container.information #content #sub #introduction dl dd{
	font-size: 90%;
	margin-right: 10px;
	background-image: url(../img/information_introduction_dd_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

/* contact css -------------------------------- */

#contents #container.contact #content h1{
	padding-bottom: 9px;
	clear: both;
}

#contents #container.contact #content #main h2{
	background-image: url(../img/contact_contents_h2_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FAE6CE;
}

#contents #container.contact #content #main p{
	margin-bottom: 10px;
}