@charset "UTF-8";

@import "reset.css";

/* HTML5
--------------------*/

article,
aside,
footer,
header,
nav,
hgroup,
section{
  display: block;
}

/* CSS Document */

body{
	background:#f3f3f3;
	text-align:center;
	font-size:12px;
	color:#363636;
	padding:0 0 0 0;
	position:relative;
	background:#ffffff;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}

a {color:#1f3fa2; text-decoration:none; }
a:hover , a:active{color:#555555; text-decoration:underline; }

p { line-height:150%; }


#index {
}

/* header */

header {
	width:100%;
	text-align:center;
	background:url(../images/head_bg.gif) left top repeat-x;
}

header #head_inner {
	width:920px;
	height:102px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(../images/head_img.gif) 20px bottom no-repeat;
}

header h1 , header #head_txt {
	padding:2px 0 0 20px;
	font-weight: normal;
	color:#ffffff;
	line-height:120%;
}


header #logo {
	position:absolute;
	display:block;
	left:19px;
	top:33px;
	width:458px;
	height:51px;
	overflow:hidden;
}
header #logo a img{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
}

header #sitemap {
	position:absolute;
	right:35px;
	bottom:20px;
	color:#ffffff;
	text-align:right;
}

header #sitemap a {
	padding:0 0 0 8px;
}

header #breadcrumb {
	margin:0 auto;
	width:850px;
	padding:5px 15px 5px 15px;
	text-align:left;
	overflow:hidden;
	background:url(../images/breadcrumb_bg.gif) left bottom no-repeat;
}
header #breadcrumb li {
	padding:0 0 0 15px;
	background:url(../images/breadcrumb_icon.gif) 5px center no-repeat;
	width:auto !important;
	width:2em;
	min-width:2em;
	white-space:nowrap;
	float:left;
}
header #breadcrumb li:first-child ,
header #breadcrumb li.first-child {
	padding:0 0 0 0px;
	background:none;
}

/* #content */
#content {
	position:relative;
	width:880px;
	padding:20px 0 30px 0;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
/* article */

article {
	position:relative;
	width:585px;
	text-align:left;
	float:left;
}

article section {
	margin:0 0 25px 0;
	overflow:hidden;
	width:585px;
}

article section#map {
	position:relative;
	width:585px;
	height:360px;
	background:url(../images/map_image.gif) left top no-repeat;
	margin:0 0 15px 0;
}

article #map h2 {
	position:absolute;
	left:16px;
	top:31px;
	width:249px;
	height:27px;
	background:url(../images/h2_map.gif) left top no-repeat;
	text-indent:-9999px;
}
article #map p {
	position:absolute;
	left:16px;
	top:63px;
	width:194px;
	height:11px;
	background:url(../images/map_txt.gif) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

article #map ul li {
	float:left;
	width:51px;
	height:24px;
	line-height:100%;
}
article #map ul li a {
	line-height:100%;
}
article #map ul li a img {
	line-height:100%;
	vertical-align:top;
}

article #map_a {
	position:absolute;
	left:518px;
	top:20px;
	width:51px;
}
article #map_b {
	position:absolute;
	left:467px;
	top:123px;
	width:102px;
}
article #map_c {
	position:absolute;
	left:416px;
	top:213px;
	width:102px;
}
article #map_d {
	position:absolute;
	left:286px;
	top:20px;
	width:102px;
}
article #map_e {
	position:absolute;
	left:307px;
	top:261px;
	width:102px;
}
article #map_f {
	position:absolute;
	left:235px;
	top:99px;
	width:102px;
}
article #map_g {
	position:absolute;
	left:126px;
	top:99px;
	width:102px;
}
article #map_h {
	position:absolute;
	left:157px;
	top:285px;
	width:102px;
}
article #map_i {
	position:absolute;
	left:17px;
	top:177px;
	width:102px;
}
article #map_j {
	position:absolute;
	left:69px;
	top:309px;
	width:51px;
}


article #search {
}
article #search h2 {
	width:515px;
	height:39px;
	background:url(../images/h2_search.gif) left top no-repeat;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:8px 0 0 70px;
	line-height:39px;
}
article #search p {
	padding:10px;
}
article #search div {
	background:url(../images/search_bg.gif) left top no-repeat;
	position: relative;
	height:37px;
}
article #search div .search_area {
	position: absolute;
	left:4px;
	top:4px;
}
article #search div .search_genre {
	position: absolute;
	left:105px;
	top:4px;
}
article #search div input#form_txt {
	position: absolute;
	left:230px;
	top:4px;
	width:248px;
	height:27px;
	border-left:1px solid #8c8c8c;
	border-top:1px solid #8c8c8c;
	border-right:1px solid #bdbebf;
	border-bottom:1px solid #bdbebf;
	padding:0 0 0 5px;
}
article #search div input#form_btn {
	position: absolute;
	left:487px;
	top:4px;
}

	/* jQuery area */
	a.sctble_display {
		display: inline-block;
		*display: inline;
		zoom: 1;
		color: #262626;
		text-decoration: none;
		cursor: default;
	}
	a.sctble_display span {
		display: block;
		width: 5em;
		cursor: default;
	}
	
	a.sctble_display {
		border-left:1px solid #8c8c8c;
		border-top:1px solid #8c8c8c;
		border-right:1px solid #bdbebf;
		border-bottom:1px solid #bdbebf;
	}
	
	a.sctble_display span {
		padding: 0 22px 0 7px;
		height: 22px;
		background: #fff url(../images/icon_select.gif) no-repeat right 0;
		line-height: 22px;
	}
	a.search_area  span {
		padding: 0 0px 0 7px;
		height: 27px;
		line-height: 27px;
		width:90px;
	}
	a.search_genre  span {
		padding: 0 0px 0 7px;
		height: 27px;
		line-height: 27px;
		width:114px;
	}
	
	a.sctble_display:hover span { background-position: right -27px }
	a.sctble_focus span { background-position: right -54px !important }
		
	div.sctble_mat {
		border: solid #dfdfdf 1px;
		border-top: none;
		border-left: none;
		background: #eee;
	}
	
	div.sctble_mat dl {
		margin: 0;
		border: solid #999 1px;
		border-top: none;
		border-left: none;
		padding: 1em 1em 0;
	}
	
	div.sctble_mat dl dt {
		float: left;
		margin: 0 0 1em 0 !important;
		border: none !important;
		padding: 0 !important;
		width: 8em;
		color: #333;
		font-weight: bold;
	}
	
	div.sctble_mat dl dd {
		margin: 0 0 1em 8em !important;
		border-left: solid #333 2px !important;
		padding: 0 0 0 1.5em !important;
		text-align:left;
	}
	
	div.sctble_mat a {
		padding-right: .7em;
		color: #1972ea;
		font-weight: bold;
	}
	
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}

	/* jQuery area */
	div.sBox {
		border: solid #dfdfdf 1px;
		border-left: none;
		width: 130px;
		overflow: auto;
		overflow-x: hidden;
		background: #FFF;
	}
	
	div.sBox.s_year { width: 6em }
	div.sBox.s_month,
	div.sBox.s_day { width: 5em }

	div.sctble_mat.sBox div.body {
		border: none;
		padding: 0;
		line-height: 1.5;
		overflow:auto;
	}

	div.sBox a {
		border: solid #dfdfdf 1px;
		border-top: none;
		border-right: none;
		padding: .3em .5em;
		display: block;
		text-decoration: none;
		text-align:left;
	}
	
	div.sBox a.last-child {
		border-bottom: none;
	}
	
	div.sBox a:hover {
		background: #eee;
	}
	
	div.sBox a.selected {
		background: #eee;
	}


article #attention {
}
article #attention h2 {
	width:515px;
	height:39px;
	background:url(../images/h2_attention.gif) left top no-repeat;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:8px 0 0 70px;
	line-height:39px;
}


article #attention .att_box {
	width:285px;
	padding:12px 0px 0 0;
	overflow:hidden;
	float:left;
}
article #attention .box_l {
	padding-right:15px;
	clear:left;
}
article #attention .att_box h3 {
	padding:0 0 0 12px;
	background:url(../images/icon.gif) left center no-repeat;
	margin:0 0 8px 0;
	font-weight:bold;
}
article #attention .att_box h3 a {
	font-weight:bold;
}
article #attention .att_box .txt {
	width:175px;
	float:right;
	padding:0 0 5px 0;
}
article #attention .att_box .details {
	width:102px;
	float:left;
	margin:0 0 5px 0;
}
article #attention .att_box .details img {
	display:block;
}
article #attention .att_box .details img.image {
	border:solid 1px #d0d7cd;
	margin:0 0 8px 1px;
}
article #attention .att_box dl {
	border-left:3px solid #c8d1c5;
	width:167px;
	padding:0 0 0 5px;
	float:right;
	margin:0 0 5px 0;
}
article #attention .att_box dl dt , article #attention .att_box dl dd {
	display:inline;
	color:#8c8c8c;
	font-size:10px;
}

article #topics {
}
article #topics h2 {
	width:515px;
	height:39px;
	background:url(../images/h2_topics.gif) left top no-repeat;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:8px 0 0 70px;
	line-height:39px;
}
article #topics dl {
	padding:3px 0 0 0;
}
article #topics dl dt {
	width:7em;
	float:left;
	background:#1393ca;
	line-height:15px;
	text-align:center;
	color:#ffffff;
	padding:1px 0 0 0;
	margin:8px 0 0 0.5em;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	behavior: url(/css/ie-css3.htc);
}
article #topics dl dd {
	padding:8px 0 8px 8.5em;
	border-bottom:dotted 1px #c8d1c5;
}
article #topics dl dd p {
	border-left:solid 1px #c8d1c5;
	line-height:130%;
	padding:0 0 0 1em;
}


/* aside */

aside {
	width:280px;
	float:right;
	text-align:left;
}

aside #pr_banner {
	margin:0 0 15px 0;
}
aside #pr_banner img {
	display:block;
}
aside #pr_small_banner {
	margin:0 0 15px 0;
}
aside #pr_small_banner img {
	display:block;
}
aside #side_pickup {
	background:url(../images/side_col_bg.gif) left top repeat-y;
	border-bottom:solid 3px #c5ccd1;
	margin:0 0 15px 0;
	position:relative;
	padding:47px 0 0 0;
}
aside #side_pickup h3 {
	width:280px;
	height:47px;
	background:url(../images/side_h3_pickup.gif) left top no-repeat;
	text-indent:-9999px;
	position: absolute;
	left:0;
	top:0;
	z-index:2;
}
aside #side_pickup dl {
	margin:-8px 3px 0 3px;
}

aside #side_pickup dl dt {
	border-top: dotted 1px #c5ccd1;
	margin:3px 1px 0 1px;
	font-weight:bold;
}

aside #side_pickup dl dt span {
	display:block;
	background:#ffeeda;
	margin:3px 0 0 0;
	color:#a66319;
	padding:0 0 0 10px;
	line-height:26px;
}
aside #side_pickup dl dd ul {
	padding:0 0 5px 0;
}
aside #side_pickup dl dd ul li {
	background:url(../images/icon.gif) 11px center no-repeat;
	padding:0 10px 0 25px;
	margin:5px 0 0 0;
}
/* footer */

footer {
	width:880px;
	margin:0 auto;
	padding:0px 0 0 0;
	text-align:left;
	background:url(../images/footer_bg.gif) left top repeat-x;
	overflow:hidden;
	position:relative;
}

footer ul {
	float:left;
	text-align:left;
	width:565px;
	overflow:hidden;
	padding:0px 0 30px 10px;
}
footer ul li {
	display:block;
	float:left;
	width:auto !important;
	width:2em;
	min-width:2em;
	background:url(../images/icon2.gif) left center no-repeat;
	padding:0 10px 0 7px;
	margin:15px 0 0 0;
	font-size:11px;
	white-space:nowrap;
	line-height:120%;
}

footer #copyright {
	position:absolute;
	right:10px;
	top:15px;
	text-align:right;
	width:280px;
	font-size:11px;
	line-height:120%;
}

footer ul li a , footer #copyright a {
	color:#363636;
}

/* index */

/* second */
article #facilities {
}
article #facilities h1 , article #news h2 , article #area_list h2 {
	width:575px;
	height:39px;
	background:url(../images/second_h2.gif) left top repeat-x;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 0 10px;
	line-height:39px;
}
article #facilities .lead_txt {
	padding:8px 10px 0px 10px;
}
article #facilities dl {
	padding:0 0 0 25px;
	margin:12px 0 0px 0;
	background:url(../images/icon.gif) 12px 5px no-repeat;
}
article #facilities dl dt , article #facilities dl dd , article #facilities dl dd p {
	display:inline;
	line-height:150%;
}
article #facilities dl dt {
	padding:0 0.5em 0 0;
}
article #facilities dl dt a {
	font-weight:bold;
}
article #facilities dl dd p {
	font-size:10px;
}

article #news {
}
article #news dl {
}
article #news dl dt {
	background:url(../images/icon.gif) 12px 5px no-repeat;
	padding:0 0 0 25px;
	margin:10px 0 5px 0;
	line-height:150%;
}
article #news dl dt a {
	font-weight:bold;
}
article #news dl dd {
	padding:0 12px 10px 12px;
	border-bottom:dotted 1px #c8d1c5;
}
article #news dl dd p {
	line-height:150%;
}
article #news p.past {
	background:url(../images/icon3.gif) 12px 5px no-repeat;
	padding:0 0 0 25px;
	margin:8px 0 0 0;
}

article #area_list .lead_txt {
	padding:8px 10px 0 10px;
}

article #area_list dl {
	padding:3px 0 0 0;
}
article #area_list dl dt {
	width:7em;
	float:left;
	background:#1393ca;
	color:#ffffff;
	line-height:15px;
	text-align:center;
	padding:1px 0 0 0;
	margin:8px 0 0 0.5em;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	behavior: url(/css/ie-css3.htc);
}
article #area_list dl dd {
	padding:8px 0 8px 8.5em;
	border-bottom:dotted 1px #c8d1c5;
}
article #area_list dl dd ul {
	border-left:solid 1px #c8d1c5;
	line-height:130%;
	padding:0 0 0 1em;
	overflow:hidden;
	height:auto !important;
	height:1%;
	min-height:1%;
}
article #area_list dl dd ul li {
	width:auto !important;
	width:2em;
	min-width:2em;
	border-left:solid 1px #8f9fd1;
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 5px;
	white-space:nowrap;
}

article #area_list dl dd ul li:first-child ,
article #area_list dl dd ul li.first-child {
	padding-left:0;
	border-left:none;
}


/* outline */
article #outline h1 {
	width:575px;
	height:39px;
	background:url(../images/second_h2.gif) left top repeat-x;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 0 10px;
	line-height:39px;
}
article #outline dl {
	margin:10px 0 0 0;
	overflow:hidden;
}
article #outline dl dt {
	width:9em;
	float:left;
	background:#ebebeb;
	line-height:150%;
	text-align:center;
	padding:1px 0 0 0;
	margin:8px 0 0 0.5em;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	behavior: url(/css/ie-css3.htc);
}
article #outline dl dd {
	padding:8px 0 8px 10.5em;
	border-top:dotted 1px #c8d1c5;
	line-height:150%;
	margin:-1px 0 0 0;
}
article #outline dl dd ol {
	padding:0 0 0 18px;
}
article #outline dl dd ol li {
	list-style:decimal;
	line-height:150%;
}

/* privacy */
article #privacy h1 {
	width:575px;
	height:39px;
	background:url(../images/second_h2.gif) left top repeat-x;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 0 10px;
	line-height:39px;
}
article #privacy h2 {
	padding:15px 0 5px 5px;
	font-size:12px;
}
article #privacy p {
	font-size:12px;
	padding:0 0 5px 25px;
}
article #privacy p.lead_txt {
	font-size:12px;
	padding:15px 0 0 10px;
}
article #privacy p.title {
	font-size:12px;
	padding:10px 0 5px 10px;
}
article #privacy ul , article #privacy ol {
	padding:0 0 0 40px;
}
article #privacy ul li {
	list-style:disc;
	line-height:150%;
}
article #privacy ol li {
	list-style:decimal;
	line-height:150%;
}

article #privacy .window {
	background:none repeat scroll 0 0 #F2F2F2;
	border:3px solid #E3E3E3;
	margin-top:10px;
	padding:10px;
}

/* contact */
article #contact h1 {
	width:575px;
	height:39px;
	background:url(../images/second_h2.gif) left top repeat-x;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 0 10px;
	line-height:39px;
}

article #contact .lead_txt {
	padding:15px 0 0 10px;
}

article #contact .alert_txt {
	padding:15px 0 0 10px;
	color:#ff3333;
}

article #contact dl {
	padding:15px 0 0 0;
}

article #contact dl dt {
	width:10em;
	float:left;
	background:#ebebeb;
	line-height:150%;
	text-align:center;
	padding:1px 0 0 0;
	margin:8px 0 0 0.5em;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	behavior: url(/css/ie-css3.htc);
}
article #contact dl dd {
	padding:8px 0 8px 11.5em;
	line-height:150%;
}

article #contact dl dd #uName , 
article #contact dl dd #eMailAdd ,
article #contact dl dd #comment {
	border:solid 1px #c8d1c5;
}

article #contact #input_btn {
	text-align:center;
	padding:10px 0 0 0;
}
article #contact #input_btn input {
	padding:0 10px;
}

/* contact */
article #sitemap h1 {
	width:575px;
	height:39px;
	background:url(../images/second_h2.gif) left top repeat-x;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 0 10px;
	line-height:39px;
}

article #sitemap .sitemap_box {
	width:275px;
	padding:20px 0 0 10px;
	float:left;
}
article #sitemap .clear_l {
	clear:left;
}
article #sitemap ul {
	padding:5px 0 0 15px;
}
article #sitemap h2 {
}
article #sitemap ul li {
	list-style:disc;
	line-height:150%;
}


/* news_day */
article #news_day h1 {
	width:575px;
	height:39px;
	background:url(../images/second_h2.gif) left top repeat-x;
	color:#17688b;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 0 10px;
	line-height:39px;
}

article #news_day h2 {
	background:url(../images/icon.gif) left center no-repeat;
	padding:0 10px 0 15px;
	margin:10px 0 8px 10px;
	font-weight:bold;
}
article #news_day p {
	padding:0 10px 5px 10px;
}
article #news_day p.continuation {
	border-bottom:dotted 1px #c8d1c5;
	padding:0 0 5px 10px;
}

article #news_day ul {
	background:#ebebeb;
	height:28px;
	text-align:center;
	padding:5px 0 0 0;
	margin:8px 0 0 0;
	width:585px;
	overflow:hidden;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	behavior: url(/css/ie-css3.htc);
}
article #news_day ul li {
	margin:0 10px;
	display:inline;
}
article #news_day ul li a {
	font-weight:bold;
	display:inline-block;
	text-align:center;
	background:#ffffff;
	padding:3px;
	width:4em;
	border-top:solid 1px #e3e3e3;
	border-left:solid 1px #e3e3e3;
	border-right:solid 1px #bfbfbf;
	border-bottom:solid 1px #bfbfbf;
}
article #news_day ul li span {
	color:#555555;
	display:inline-block;
	text-align:center;
	background:#ebebeb;
	padding:3px;
	width:4em;
	border-top:solid 1px #e3e3e3;
	border-left:solid 1px #e3e3e3;
	border-right:solid 1px #bfbfbf;
	border-bottom:solid 1px #bfbfbf;
}

aside #calendar {
	background:url(../images/side_col_bg.gif) left top repeat-y;
	border-top:solid 3px #c5ccd1;
	border-bottom:solid 3px #c5ccd1;
	margin:0 0 15px 0;
	padding:0 0 0 4px;
	position:relative;
}

aside #calendar h3 {
	color:#17688b;
	padding:0 30px;
	text-align:center;
	line-height:30px;
	font-size:15px;
	font-weight:bold;
	background:url(../images/cal_bg.gif) left bottom repeat-x;
	width:212px;
}

aside #calendar ul {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
}
aside #calendar ul img {
	display:block;
}
aside #calendar ul li.prev {
	position:absolute;
	left:12px !important;
	top:5px !important;
	left:8px;
	top:8px;
	width:21px;
}
aside #calendar ul li.next {
	position:absolute;
	left:247px !important;
	top:5px !important;
	left:243px;
	top:8px;
	width:21px;
}
aside #calendar table {
	width:272px;
	border-collapse: separate;
	border-spacing: 0px;
	border-collapse:collapse;
	border-bottom:solid 1px #ffffff;
}

aside #calendar table tr th {
	border-top:solid 1px #c8d1c5;
	border-right:solid 1px #c8d1c5;
	border-bottom:solid 1px #c8d1c5;
	text-align:center;
	line-height:200%;
	background:url(../images/cal_week_bg.gif) left center repeat-x;
}
aside #calendar table tr td {
	border-right:solid 1px #e3e3e3;
	border-top:solid 1px #e3e3e3;
	text-align:center;
	line-height:200%;
}
aside #calendar table tr td a {
	font-weight:bold;
}


aside #calendar table tr.week {
	border-bottom:solid 1px #ffffff;
}

aside #calendar table tr th.sun {
	border-left:none;
}
aside #calendar table tr td.sun {
	/* background:#fff3f7; */
}
aside #calendar table tr th.sat {
	border-right:none;
}
aside #calendar table tr td.sat {
	border-right:none;
	/* background:#f3f3ff; */
}