@charset "utf-8";

/*----------------------------------------------------------
	CSS初期化
----------------------------------------------------------*/
.alphafilter{
	behavior: expression(IEPNGFIX.fix(this));
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	background: transparent;
	vertical-align: baseline;
}
body{
	line-height: 1.6;
    font-size: 100%;/* for IE6,IE7 */
	font-family:'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", 'Osaka', sans-serif;
	color:#333333;
	background-color:#fbf3e2;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img{
	border:0;
	vertical-align: top;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal;
	font-weight:normal;
}
ol, ul{
	list-style:none;
}
caption, th{
	text-align:left;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
q:before, q:after{
	content:”;
}
abbr, acronym{
	border:0;
}
a{
    text-decoration: underline;
    color:#0c22b5;
}
a:visited{
    text-decoration: underline;
    color:#0c22b5;
}
a:hover{
    text-decoration: none;
}
/*----------------------------------------------------------
	clearfix
----------------------------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

body{
	background-image:url(../images/back.png);
}
#container{
}
#head{
    width:820px;
    height: 83px;
    border: 1px solid #cccccc;
    border-top:1px solid #ff6600;
    background-color: #ffffff;
	background-image:url(../images/head_back.jpg);
    padding:0 0 0px 0;
    margin:0 auto;
	position:relative;
}
#head_photo{
	position:absolute;
	top:0;
	right:0;
}
#head h1{
    padding:20px 0 0 22px;
}
#body{
    background-color: #ffffff;
    background-image: url(../images/main_back.png);
    background-position: top;
    background-repeat: no-repeat;
    width:820px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    margin:0 auto 0 auto;
    padding:10px 0px 0px 0px;
}
#main{
    width:590px;
    margin:0 10px 0 0;
    float: right;
    display: inline;
}
/*----------------------------------------------------------
	メニュー
----------------------------------------------------------*/
#menu{
    width:200px;
    margin:0 0 0 10px;
    float: left;
    display: inline;
}
#menu ul{
    width:200px;
    height: 296px;
    padding:0 0 0 0;
    text-align: center;
}
#menu ul li{
    font-size: 0;
    line-height: 0;
    padding:0 0 1px 0;
    vertical-align: bottom;
}
#menu ul li img{
    vertical-align: top;
}
#menu p{
    padding:10px 0 0 0;
}

/*----------------------------------------------------------
	フッタ
----------------------------------------------------------*/
#foot{
    width:820px;
    margin:0 auto;
}
#foot ul{
    width:800px;
    margin:0 auto;
    padding:7px 0 0 0;
    text-align: right;
}
#foot li{
    display: inline;
}
#foot li img{
    vertical-align: middle;
}
#foot li#page_top{
    padding:0 10px 0 10px;
}
#foot_info{
    width:820px;
    margin:0 auto 0 auto;
    background-color: #0c22b5;
    height: 41px;
	border-bottom:2px solid #ff1515;
}
#foot_logo{
    width:200px;
    margin:10px 0 0 10px;
    float: left;
    display: inline;
}
#foot_copy{
    width:400px;
    padding:10px 30px 0 0;
    float: right;
    text-align: right;
    display: inline;
    font-size:77%;
    color:#ffffff;
}


/*----------------------------------------------------------
	トップページ
----------------------------------------------------------*/
.top_section{
	width: 590px;
    height: 121px;
	font-size:77%;
	line-height: 1.2;
	margin:0 0 10px 0;
	background-color: #dee5fb;
}
.top_section_i{
    width:295px;
    height: 121px;
    float: left;
    display: inline;
}
.top_section_t{
    width:295px;
    height: 121px;
    width:290px;
    float: right;
    display: inline;
	background-image:url(../images/top_text_back.png);
	background-position:right;
	background-repeat:no-repeat;
}
.top_section h3{
	width: 590px;
	font-size:85%;
    text-align: right;
    width:275px;
    height: 27px;
    margin:10px 10px 10px 5px;
}
.top_section p{
    padding:0 15px 0 10px;
}
.top_section1 h3{
    background-image: url(../images/top/top_title1.png);
    background-repeat: no-repeat;
}
.top_section2 h3{
    background-image: url(../images/top/top_title2.png);
    background-repeat: no-repeat;
}
.top_section3 h3{
    background-image: url(../images/top/top_title3.png);
    background-repeat: no-repeat;
}

#top_news{
    margin:10px 0;
}
#top_news div{
    background-color: #fff1f1;
    background-image: url(../images/top/news_back.png);
    background-repeat: no-repeat;
    background-position:right;
    padding: 0 0 5px 0;
}
#top_news dl{
    padding-bottom: 0px;
}
#top_news dt{
    color:#666666;
    font-size:77%;
    font-weight: bold;
    width:7em;
    float: left;
    padding:5px 0 5px 15px;
}
#top_news dd{
    padding:5px 0 5px 9em;
    margin: 0 0 5px 0;
    font-size:77%;
    border-bottom: 1px dashed #cccccc;
}
#top_news p{
    text-align: right;
    padding: 5px 10px 5px 0;
}

/*----------------------------------------------------------
	コンテンツ
----------------------------------------------------------*/
#main h2{
    margin-bottom: 10px;
}
.read{
    font-size:85%;
    padding:0 10px 10px 10px;
    line-height: 1.5;
}

/*----------------------------------------------------------
	サイド - 休館日
----------------------------------------------------------*/
.side_holiday{
	background-color:#dee5fb;
	font-size:85%;
	margin:10px 0;
}
.side_holiday h3{
	background-color:#233e98;
	color:#ffffff;
	border-bottom:2px solid #ff1515;
	padding:3px 5px;
	margin:0;
}
#menu .side_holiday p{
	padding:5px;
	margin:0;
}

/*----------------------------------------------------------
	コンテンツ - 通常
----------------------------------------------------------*/
.normal h2{
	background-color:#233e98;
	color:#ffffff;
	border-bottom:2px solid #ff1515;
	padding:10px 15px;
	margin:0;
}
.section{
	margin:0 0 10px 0;
}
.section h3{
	font-size:93%;
	background-image:url(../images/catch_back.png);
	background-repeat:no-repeat;
	width:575px;
	height:36px;
	padding:25px 0 0 15px;
	font-weight:bold;
	color:#102c82;
}
.section h4{
	font-size:93%;
	color:#329244;
	padding:10px 5px 0px 5px;
	border-bottom:1px dashed #329244;
	margin:0 0 5px 0;
}
.section h5{
	font-size:85%;
	font-weight:bold;
}
.section h6 {
	font-size: 70%;
	margin-top: 5px;
}

.section p{
	font-size:85%;
	padding:7px 10px;
}
.section .notice{
	background-color:#eeeeee;
	border:1px solid #cccccc;
	margin:5px 0;
	font-size:85%;
}
.section .notice p{
}
.section dl{
	padding:10px;
	font-size:85%;
}
.section dt{
	background-image:url(../images/icon_1.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:0 0 0 15px;
	color:#102c82;
	border-bottom:1px dashed #102c82;
	font-weight:bold;
}
.section dd{
	padding:3px 0 10px 20px;
}
.spec{
	border-collapse:collapse;
	width:330px;
}
.spec th,.spec td{
	padding:5px;
	font-size:77%;
	border:1px solid #cccccc;
}
.spec th{
	white-space:nowrap;
	background-color:#eeeeee;
	background-image:url(../images/cell_back.png);
}
.spec_sp{
	border-collapse:collapse;
	width:590px;
}
.spec_sp th,.spec_sp td{
	padding:5px;
	font-size:77%;
	border:1px solid #cccccc;
}
.spec_sp th{
	white-space:nowrap;
	font-weight:bold;
	background-color:#eeeeee;
	background-image:url(../images/cell_back.png);
}
.spec_sp th.head{
	text-align:center;
}
.spec_sp td.price{
	text-align:right;
	width:110px;
}
.cell_notice{
	color:#336600;
}
.normal ul{
	padding:5px 10px 5px 30px;
	font-size:85%;
}

/*----------------------------------------------------------
	コンテンツ - 通常
----------------------------------------------------------*/
.column{
	padding:5px 0;
	clear:both;
}
.column2_1{
	width:330px;
	float:left;
	display:inline;
}
.column2_2{
	width:250px;
	float:right;
	display:inline;
}
.column22_1{
	width:150px;
	float:left;
	display:inline;
}
.column22_2{
	width:430px;
	float:right;
	display:inline;
}

/*----------------------------------------------------------
	下層 - PDFリンク
----------------------------------------------------------*/
.read .pdf_link,.normal .pdf_link{
    margin: 5px 0 15px 0;
    padding: 0px 0px 0px 31px;
    /padding: 0px 0px 0px 10px; /*IE6,7Hack*/
    background: url(../images/pdf_1.png) left center no-repeat;
    cursor: pointer;
    font-size:12px;
    height: 31px;
	color:#ffffff;
}
.pdf_link span{
    padding: 0px 10px 0px 0px;
    line-height: 31px;
    height: 31px;
    margin:0 0 0 20px;
    background: url(../images/pdf_2.png) right center no-repeat;
    zoom: 1;	/* for IE */
    display: table-cell; /* for modern browser */
    cursor: pointer;
}
.read .pdf_link a,.normal .pdf_link a{
	color:#ffffff;
}

/*----------------------------------------------------------
	下層 - ニュース
----------------------------------------------------------*/
.news_detail_text{
    font-size:93%;
    padding:5px 10px;
    margin:5px 0;
    border-bottom: 1px dashed #cccccc;
}
.news_detail_text h4{
    font-weight: bold;
    color:#102c82;
    line-height: 1.5;
    font-size:93%;
}
.news_detail_text p{
    padding: 5px 0;
    font-size:85%;
}

/*----------------------------------------------------------
	下層 - イベント
----------------------------------------------------------*/
.event_detail{
    padding: 10px 0;
    font-size:93%;
	border-bottom:1px dashed #cccccc;
}
.event_detail_image{
    width:200px;
    float: right;
    display: inline;
}
.event_detail_text{
    width:380px;
    float: left;
    display: inline;
}
.event_detail_text h4{
    font-weight: bold;
    color:#102c82;
    font-size:93%;
}
.event_detail_text p{
    padding: 5px 0;
    font-size:85%;
}

/*----------------------------------------------------------
	フォーム
----------------------------------------------------------*/
.submit_box{
    text-align: center;
    padding:10px 0;
}
.submit_box p input{
    vertical-align:middle;
}
.in_1{
    width:150px;
}
.tx_1{
    width:380px;
    height: 7em;
}
.ex{
    color:#008800;
    padding: 0 10px;
    font-size:85%;
}
.formError{
    font-size:85%;
    padding: 5px 10px;
    color:#cc0000;
}
.type2{
    border-collapse: collapse;
    width:590px;
    margin:5px 0;
}
.type2 th,.type2 td{
    border:1px solid #cccccc;
    padding: 8px 5px 8px 8px;
    font-size:85%;
	vertical-align:middle;
}
.type2 th{
    background-color: #eeeeee;
    font-weight: bold;
    width:170px;
}
.td_value{
    text-align: right;
}
.td_center{
    text-align: center;
}
.need{
    background-image: url(../images/need.png);
    background-position: right;
    background-repeat: no-repeat;
}