@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

article, section {
  clear:both;
}

body{	
margin:0px;
line-height:1.2;
font-size:12px;
color:#333;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
min-width:1000px;
}

a:link { color: #00598C; text-decoration:none;}
a:visited { color: #00598C; text-decoration:none;}
a:hover {color: #00598C; text-decoration:underline;}
a:active {color: #00598C; text-decoration:underline;}

a.alpha:hover,
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: 0.4s;
}

#hNav a:hover img,
nav a:hover img,
a.noalpha:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transition: 0.4s;
}

p{ font-size:13px; }

ul,li,dl,dt,dd{ list-style-type:none; }
table { border-collapse:collapse; }

.flL{	float:left !important;}
.flR{	float:right !important;}
.ovf{	overflow:hidden !important;}
.clr{clear:both;}

.ri{text-align:right !important;}
.le{text-align:left !important;}
.cen{text-align:center !important;}

.b {font-weight:bold !important;}
.b-none { border:none !important; }

.red{color:#cc0000;}

.kome ul{ padding-left:1em;}
.kome ul li{ text-indent:-1em; list-style-type:none;}

p.disc { padding-left:1em; text-indent:-1em;}
p.ind5 { padding-left:5em; text-indent:-5em;}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* margin ==================================================================*/

.mb00 {	margin-bottom:0 !important;}
.mb05 {	margin-bottom:5px !important;}
.mb10{	margin-bottom:10px !important;}
.mb15{	margin-bottom:15px !important;}
.mb20{	margin-bottom:20px !important;}
.mb25{	margin-bottom:25px !important;}
.mb30{	margin-bottom:30px !important;}
.mb35{	margin-bottom:35px !important;}
.mb38{	margin-bottom:38px !important;}
.mb40{	margin-bottom:40px !important;}
.mb45{	margin-bottom:45px !important;}
.mb48{	margin-bottom:48px !important;}
.mb50{	margin-bottom:50px !important;}
.mb55{	margin-bottom:55px !important;}
.mb60{	margin-bottom:60px !important;}
.mb70{	margin-bottom:70px !important;}
.mb80{	margin-bottom:80px !important;}
.mb90{	margin-bottom:90px !important;}

.mt40{	margin-top:40px !important; }

.pr35{	padding-right:35px !important; }


/* width ==================================================================*/

.w240 { width:240px !important;}
.w320 { width:320px !important;}
.w340 { width:340px !important;}
.w360 { width:360px !important;}
.w400 { width:400px !important;}
.w430 { width:430px !important;}
.w440 { width:440px !important;}
.w450 { width:450px !important;}
.w460 { width:460px !important;}
.w490 { width:490px !important;}
.w515 { width:515px !important;}



/* font ==================================================================*/

.f12 { font-size:12px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f17 { font-size:17px !important; }
.f18 { font-size:18px !important; }

.strong { font-weight:bold;}

.lh14 { line-height:1.4 !important; }

.ls-005 {letter-spacing:-0.05em; }


/* header ==============================================================================================================================================================*/

header{
	width:100%;
	height:70px;
	border-top:5px solid #4653A2;
	background:#fff;
}

#header{
	margin:0 auto;
	padding:0;
	width:1000px;
}

#header #hLogo{
	padding-top:16px;
	float:left;
}

#header #hNav{
	padding-top:34px;
	float:right;
}

#header #hNav li {
	margin-right:28px;
	float:left;
}

#header #hNav li:last-child {
	margin-right:4px;
}



/* navi ==============================================================================================================================================================*/

nav {
	height:128px;
	background:url(../images/menu_wp_bg.png) repeat-x 0 0;
}

#mmenu {
	margin:0 auto;
	width:1000px;
	height:128px;
	background:url(../images/menu_bg.png) no-repeat 0 0;
}

#mmenu #logo {
	padding-top:13px;
	float:left;
}

#mmenu .logo2 {
	padding-top:1px;
	float:left;
}

#mmenu ul{
	padding-top:81px;
	float:right;
}

nav li{
	margin-left:10px;
	float:left;
}

nav li img {
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}


/* layout ==============================================================================================================================================================*/

#wrapper{
	width:100%;
	background:url(../images/body_btm_bg.png) repeat-x 0 bottom, url(../images/body_up_top_bg.png) repeat-x 0 top, url(../images/body_top_bg.png) repeat 0 0;
}

article{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
	text-align:left;
}

.main {
	width:640px;
	float:left;
}

.side {
	width:170px;
	float:right;
}


/* side ==============================================================================================================================================================*/

.sNavTTL {
	margin-bottom:20px;
	border-left:3px solid #4754A2;
	background:#F5F5F5;
	padding:12px;
	font-size:14px;
	letter-spacing:0.05em;
	font-weight:bold;
}

.side select {
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



/* footer ==============================================================================================================================================================*/

footer{
	width:100%;
	height:434px;
	background:url(../images/f_wp_bg.png) repeat-x 0 0;
	color:#fff;
}

#footer{
	margin:0 auto;
	padding-top:120px;
	width:1000px;
	overflow:hidden;
	background:url(../images/f_bg.png) no-repeat 0 0;
}

#footer .fInner {
	margin-right:70px;
	float:left;
}

#footer .fInner .fLogo {
	margin-bottom:18px;
}

#footer .fInner address {
	margin-bottom:30px;
	font-style:normal;
	line-height:1.5;
	font-size:16px;
	overflow:hidden;
}

#footer .fInner address a {
	color:#fff !important;
	font-size:16px;
	text-decoration:none;
}

#footer .fInner address a:hover {
	text-decoration:underline;
}

#footer .fImg {
	display:table;
}

#footer .fImg a {
	padding-right:15px;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}

#footer nav {
	margin-bottom:68px;
	background:none;
	height:auto;
	float:left;
}

#footer nav dl{
	margin-top:10px;
	margin-right:10px;
	overflow:hidden;
	float:left;
}

#footer nav dl.dl01{
	margin-right:60px;
}

#footer nav dt,
#footer nav dd{
	padding:0;
	margin-bottom:4px;
}

#footer nav dt a{
	padding:0 0 0 10px;
	font-size:13px;
	color:#fff;
	background:url(../images/f_arrow.png) no-repeat 0 5px;
}

#footer nav dd a{
	padding:0 0 0 15px;
	font-size:13px;
	color:#ccc;
	background:url(../images/f_arrow.png) no-repeat 0 5px;
}

footer #copy {
	text-align:right;
	float:right;
}

footer #copy p{
}

footer #copy p small{
	font-size:11px;
}

footer #pagetop {
	text-align:right;
	margin-bottom:20px;
}



/* common ==============================================================================================================================================================*/

.inner {
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}

.inBox01 {
	margin-bottom:20px;
	width:896px;
	overflow:hidden;
	padding:35px 52px;
	background:#fff;
}

.inBox02 {
	width:100%;
	overflow:hidden;
	padding:35px 0 0 0;
	background:#fff;
}

.btn01,
.btn03{
	border:1px solid #CACACA;
	padding:7px 10px;
	color:#333 !important;
}
.btn03{
	padding:15px 75px;
}
.btn01:hover,
.btn03:hover {
	text-decoration:none;
	background:#CACACA;
}
.btn01 i,
.btn03 i {
	color:#17186A;
}

.btn02{
	background:#005A8D;
	padding:7px 10px;
	color:#fff !important;
}
.btn02:hover {
	text-decoration:none;
}
.btn02 i {
	color:#fff;
}

#paginatorNav {
	margin-bottom:50px;
	width:100%;
	clear:both;
}

#paginatorNav table{
	width:100%;
}

#paginatorNav .prev{
	width:45%;
	vertical-align:middle;
}

#paginatorNav .next{
	width:45%;
	vertical-align:middle;
	text-align:right;
}

#paginatorNav .prev a,
#paginatorNav .next a{
	font-size:14px;
}



/* home ==============================================================================================================================================================*/

.home {
	padding-top:60px;
}

.home .inBox01 {
	margin-bottom:20px;
	width:976px;
	padding:12px;
	background:#fff;
}

.home .inBox01 .flR {
	margin:26px 10px 0 0;
	width:518px;
	text-align:left;
}

.home .inBox01 .flR h2{
	margin-bottom:20px;
	border-bottom:1px solid #CACACA;
}

.home .inBox01 .flR h2 a.btn01 {
	float:right;
}

.home .inBox01 .flR a.btn02 {
	float:right;
}

.home .inBox01 .flR dl {
	margin-bottom:6px;
	overflow:hidden;
}

.home .inBox01 .flR dt {
	margin-right:10px;
	background:#181C68;
	color:#fff;
	padding:3px 0;
	width:72px;
	text-align:center;
	font-size:11px;
	float:left;
}

.home .inBox01 .flR dd {
	padding-top:2px;
	float:left;
}

.home .inBox01 .flR p {
	margin-bottom:20px;
	clear:both;
}

.home .inBox01 h2.cen {
	padding-top:10px;
}

.home .inBox01 li {
	margin:20px 7px 0 7px;
	width:310px;
	border-top:1px solid #CACACA;
	float:left;
}

.home .inBox01 li img {
	padding-top:14px;
}



/* program / event / usage / equipment / access / library ==================================================================================================================================*/

.program {
	padding-top:44px;
}

.program h1 {
	float:left;
}

.program .smenu {
	float:right;
}

.program .smenu li {
	margin:6px 0 0 22px;
	float:left;
}

.program h2 {
	margin-bottom:35px;
}

.about h2,
.hall h2,
.hall h3,
.library h2,
.access h2,
.program h3 {
	margin:15px 0 30px 0;
	padding-bottom:15px;
	border-bottom:1px solid #CACACA;
}

.usage h3,
.equipment h3 {
	margin:10px 0 15px 0;
}

.hall h3 {
	margin:0 0 10px 0;
	padding-bottom:5px;
}

.programBox {
	margin-bottom:80px;
	overflow:hidden;
}

.programBox .photo {
	float:left;
}

.programBox .txt {
	width:480px;
	float:right;
}

.programBox p {
	font-size:16px;
	line-height:1.7;
}

.txtBox {
	margin:25px 0 15px 0;
	padding:25px;
	font-size:16px;
	background:#EEF5F4;
	overflow:hidden;
}

.access .txtBox {
	margin:0;
	padding:15px;
}

.programBox .btn01 {
	margin-top:20px;
}

.contactBox {
	border:1px solid #ccc;
	padding:20px;
	overflow:hidden;
}

.equipment .inBox01 {
	padding:35px;
	width:930px;
}

.equipment .inBox01 .imgBox li {
	margin-right:28px;
	float:left;
}

.equipment .inBox01 .imgBox li:last-child {
	margin-right:0;
	float:right;
}



/* topics ==============================================================================================================================================================*/

.topics .inBox01 {
	padding:35px 52px 0 52px;
}

.topics h2 {
	font-size:28px;
}

.topics h2 a {
	color:#333;
}

.topics h2.date {
	font-size:18px;
}

.topicsBox {
	margin-bottom:120px;
}

.topicsBox .date {
	margin:15px 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px solid #CACACA;
	font-size:15px;
}

.topicsBox .date span {
	padding:2px 5px;
	background:#181C68;
	color:#fff;
	font-size:13px;
}

.topicsBox img {
	margin-bottom:30px;
}

.topicsBox .txt {
	margin-bottom:20px;
	overflow:hidden;
}

.topicsBox .txt p {
	font-size:16px;
	line-height:1.7;
}

/* schedule ==============================================================================================================================================================*/
.schedule {
	padding-top:44px;
}

.schedule .calendarTTL {
	margin:15px 0 15px 0;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #CACACA;
	display:table;
}

.schedule .calendarTTL a {
	width:20%;
	color:#666;
	font-size:18px;
	display:table-cell;
}

.schedule .calendarTTL h2 {
	width:60%;
	text-align:center;
	font-size:34px;
	color:#150C6E;
	display:table-cell;
}

.schedule table {
	margin-bottom:15px;
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}

.schedule th {
	padding:10px 0;
	width:14.25%;
	text-align:center;
	font-weight:normal;
	background:#E9E9E9;
	border:1px solid #ccc;
}

.schedule th.sat {
	color:#fff;
	background:#16136C;
}

.schedule th.sun {
	color:#fff;
	background:#900000;
}

.schedule td {
	padding:0;
	line-height:1.5;
	border:1px solid #ccc;
}

.schedule h3 {
	margin:0 !important;
	padding:0 !important;
	border-bottom:none !important;
}

.schedule h3 span {
	font-size:16px;
	padding-right:10px;
}

.schedule td span {
	font-weight:bold;
	display:block;
}

.schedule td a{
	color:#333;
}



/* about ==============================================================================================================================================================*/
.about {
	padding-top:80px;
}

.about .inBox01 {
	padding-top:80px;
}

.about p {
	font-size:16px;
	line-height:1.7;
}

.about .txtBox {
	margin:0;
	padding:35px 60px 35px 60px;
}

.about .txtBox strong {
	letter-spacing:0;
}

.about .txtBox p {
	letter-spacing:-0.05em;
}

.about .txtBox a.btn02 {
}

.about .imgBox {
	margin-bottom:55px;
	overflow:hidden;
}

.about .imgBox li {
	margin:0 10px 10px 0;
	float:left;
}

.about .imgBox li.flR {
	margin-right:0;
	float:right;
}

.about .imgBox li span {
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
	display:block;
}



/* hall ==============================================================================================================================================================*/
.hall {
	padding-top:52px;
}

.hall .inBox01 {
	padding-top:80px;
}

.hall .photo {
	width:710px;
	float:left;
}

.hall .txt {
	width:170px;
	float:right;
}

.hall p {
	font-size:16px;
	line-height:1.7;
}

.hall .imgBox li {
	margin-bottom:10px;
}

.hall .txtBox {
	margin:0;
	padding:15px;
}

.hall .txtBox strong {
	font-size:15px;
	letter-spacing:0;
}

.hall .txtBox p {
	font-size:14px;
	letter-spacing:-0.05em;
}

.hall .txt a {
	font-size:14px;
}



/* library ==============================================================================================================================================================*/
.library {
	padding-top:52px;
}

.library p {
	font-size:16px;
	line-height:1.7;
}

.library .inBox01 {
	padding:80px 50px 35px 50px;
	width:900px;
}

.library  .imgBox {
	margin-bottom:30px;
	width:900px;
	overflow:hidden;
}

.library  .imgBox li {
	margin-bottom:10px;
}

.library .libraryBox {
	margin-bottom:60px;
	overflow:hidden;
}

.library .libraryBox li {
	width:300px;
	float:left;
}

.library .libraryBox h3 {
	margin-bottom:20px;
	font-size:18px;
	color:#130C6D;
}

.library .libraryBox p {
	line-height:1.7;
	font-size:15px;
}

.library .btn01 {
	padding:15px;
}



/* access ==============================================================================================================================================================*/
.access {
	padding-top:52px;
}

.access p {
	font-size:16px;
	line-height:1.7;
}

.access .gmap {
	margin-bottom:110px;
}