@charset "UTF-8";

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

.clearfix {
	width:100%;
 	overflow:hidden;
}


.floatL {
	float: left;
}

.floatR {
	float: right;
}


/*----------独自クラス（用編集）----------*/

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


body {
	background-color: #ffffff;
}


a {
	overflow: hidden;
	outline: none;
	color: #025cf1;
}/* FireFox リンク選択時の点線を消す　*/

a:hover {
	color: #f41787;
}

a.visited {

}

/*---------- ヘッダー ----------*/
#header {
	width: 990px;
	height: 90px;
	margin: 0 auto;
}


#header_logo {
	width: 370px;
	height: 70px;
	margin-top: 20px;
}

#link {
	font-size: 12px;
	margin-top: 10px;
	margin-right: 10px;
}

#tel {
	font-size: 25px;
	margin-top: 27px;
	margin-right: 10px;
	color: #30458c;
	float: right;
}



/*---------- ボディ枠 ----------*/
#wrapper {
	width: 990px;
	margin: 0 auto;
	/*background-color: #0000ff;*/
}

.body_top {
	background: url("../img/body_bg_top.png") no-repeat top;
	padding-top: 15px;
}

.body_bg {
	background:  url("../img/body_bg_box.png") repeat-y;
}

.body_bottom {
	background:  url("../img/body_bg_bottom.png") no-repeat bottom;
	padding-bottom: 15px;
}


/*メインイメージ*/
#home_main_image{
	width: 960px;
	height: 250px;
	padding: 15px 15px 15px 15px;
}



/*---------- 左ブロック ----------*/
#leftBlock {
	width: 244px;
	margin: 0px 10px 10px 15px;
	/*background-color: #00ff00;*/
}

#left_bunner_top {
	width: 234px;
	margin: 20px 5px 5px;
}

.left_bunner {
	width: 234px;
	margin: 5px;
	}


/*-----  gnav -----*/

#mainNav ul {
	list-style: none;
}

#mainNav .nav li a {
	display: block;
	width: 202px;
	height: 20px;
	margin-bottom: 3px;
	padding: 7px 21px;
	color: #30458c;
	text-decoration: none;
	background-image: url("../img/gnav_left.jpg");
}

#mainNav .nav li a:hover {
	background-position: 0 -34px;
	color: #f68cf5;
	text-decoration: none;
}

#mainNav .nav .navS {
	font-size: 15px;
}

.aboutus {
	font-size: 14px;
}


/*天気予報*/
.weather {
	width: 200px;
	height: 380px;
	border: solid 1px #969696;
	padding: 16px;
	margin: 5px;
}

/*新　天気予報*/

.bold {
	font-weight: bold;
}

.new_weather {
	width: 220px;
	border: solid 1px #566ed4;
	padding: 6px;
	margin: 5px;
}

.w_place {
	background-color: #566ed4;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
}

.theDayTitle {
	font-size: 16px;
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 5px;
}

.theDayWap {
	border-bottom: dotted 1px #5f5f5f;
	padding-bottom: 10px;
}

.visualWap {
	width: 98px;
	float: left;
}

.nowTime {
	text-align: center;
	font-size: 12px;
}

.todayIcon {
	padding-top: 10px;
	text-align: center;
}

/*今日info*/
.todayInfo{
	width: 121px;
	font-size: 13px;
	border-left: solid 1px #566ed4;
}

.infT {
	width: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

.infD {
	width: 71px;
}

.max {color: #e52721;}
.min {color: #1489ed;}
.wind {color: #04897b;}
.dig {color: #ff6600;}
.desc {color: #8957a1;}

.wTableWap {

}

.wTableWap table {
	width: 220px;
}

.wTableWap table td {
	font-size: 14px;
	border-bottom: dotted 1px #5f5f5f;
}


.wTableWap table .w_day {width: 55px; text-align: center;}
.wTableWap table .w_icon {width: 35px; text-align: center;}
.wTableWap table .w_max {width: 25px; text-align: center;}
.wTableWap table .w_dash {width: 15px; text-align: center;}
.wTableWap table .w_min {width: 25px; text-align: center;}
.wTableWap table .w_temp {width: 17px; text-align: center;}
.wTableWap table .w_desc {width: 25px; text-align: center;}
.wTableWap table .w_descP {width: 20px; text-align: center;}



/*アコーディオン*/
#mainNav .accordion {
	width: 244px;
	height: 34px;
	margin-bottom: 3px;
}

#mainNav .icon {
	width: 202px;
	height: 20px;
	padding: 7px 21px;
	color: #30458c;
	line-height: 135%;
	cursor: pointer;
	background-image: url("../img/gnav_left.jpg");
}

#mainNav .hover .icon {
	background-position: 0 -34px;
	color: #c41eb6;
}

#mainNav .accordion .on {
	background-position: 0 -34px;
	color: #c41eb6;
}

#mainNav .accordion_in {
	width: 200px;
/*	height: 180px; */
/*	padding-left: 59px; */
	padding-left: 39px;
	padding-top: 5px;
	font-size: 15px;
}

#mainNav .accordion_in li {
	margin-bottom: 3px;
}

#mainNav .accordion_in a {
	color: #025cf1;
	text-decoration: none;
}

#mainNav .accordion_in a:hover {
	color: #f41787;
	text-decoration: none;
}


/*＝＝＝ローカルナビ＝＝＝*/
#lnaviWap {
	width: 516px;
	margin-bottom: 35px;
}

#lnaviWap .h4Box {
	color: #ff0303;
	font-size: 13px;
	border-bottom: 1px solid #ff0303;
	margin-bottom: 10px;
}

#lnaviWap .link {
	font-size: 14px;
	color: #4a4a4a;
/*	line-height: 24px;*/
	margin-left: 20px;
}


/*---------- コンテナ ----------*/


/*コンテナ内共通設定*/
.container {
	width: 516px;
}


/*画像とテキスト*/
.infoLine {
	width: 516px;
	margin-bottom: 15px;
}

.infoLine .imgBox {
	width: 210px;
	margin: 0 10px 10px 10px;
	border: 1px solid #30458c;
}

.infoLine .txtBox {
	width: 276px;
	font-size: 13px;
	color: #4a4a4a;
}

.container h3{
	display: block;
	width: 496px;
	height: 28px;
	background-image : url("../img/top_captionber.jpg");
	background-repeat: no-repeat;
	color: #016a61;
	padding-top: 6px;
	padding-left: 20px;
	margin-bottom: 10px;
}



/*Topページtable*/
.top_table {
	width: 514px;
	font-size: 13px;
	margin-top: 5px;
}

.top_table table {
	width: 490px;
	margin-left: 11px;
	margin-bottom: 15px;
	border-top: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
}

.top_table th {
	font-weight: 400;
	padding: 5px;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}

.top_table td {
	color: #6a6a6a;
	padding: 5px;
	text-align:center;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}


.contents .h4Box {
	color: #ff0303;
	font-size: 13px;
	border-bottom: 1px solid #ff0303;
	margin-bottom: 10px;
}



/*tableの記述*/
.contents_table {
	width: 514px;
	font-size: 13px;
	color: #4a4a4a;
	margin-bottom: 30px;
}

.contents_table table {
	width: 514px;
	width: 100%;
}

.contents_table th {
	width: 95px;
	font-weight: 300;
	color: #ff0303;
	vertical-align:top;
	text-align: left;
	padding: 3px 3px 3px 15px;
	border-bottom: 1px solid #969696;
}

.contents_table td {
	padding: 3px;
	border-bottom: 1px solid #969696;
}


/*施設案内*/

.in_guide {
	margin-bottom: 5px;
	font-size: 13px;
	color: #4a4a4a;
}

.in_guide  dt{
	width: 15px;
}

.in_guide  dd{
	width: 461px;
}


/*施設利用料*/

.ryoukinTableWap {
	margin-bottom: 10px;
}

.tableKind {
	margin-bottom: 5px;
	margin-left: 20px;
}

.tableSammary {
	font-size: 14px;
	margin-left: 20px;
	color: #03778c;
}

.ryoukin_tableS {
	width: 280px;
	font-size: 12px;
	color: #4a4a4a;
}

.ryoukin_tableS table {
	width: 280px;
	margin-bottom: 15px;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
}

.ryoukin_tableS th {
	font-weight: 400;
	padding: 5px;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

.ryoukin_tableS td {
	padding: 5px;
	text-align:center;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

.ryoukin_table {
	width: 514px;
	font-size: 12px;
	color: #4a4a4a;
}

.ryoukin_table table {
	width: 514px;
	margin-bottom: 15px;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
}

.ryoukin_table .size_s {
	width: 15%;
}

.ryoukin_table th {
	font-weight: 400;
	padding: 5px;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

.ryoukin_table td {
	padding: 5px;
	text-align:center;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

.cautionList {
	font-size: 13px;
	padding-left: 20px;
	width: 494px;
}

.cautionList li {
	margin-bottom: 3px;
	list-style-type: decimal;
}


/*施設予約*/
.netentry_btn{
	display: block;
	padding: 10px 10px;
	text-align: center;
	color: #f41787;
	border: 1px solid #f41787;
	width: 300px;
	margin: 20px auto;
	text-decoration: none;
}

.netentry_btn:hover{
	color: #025cf1;
	border: 1px solid #025cf1; 
}
/*施設予約*/

/*---------- 右ブロック ----------*/
#rightBlock {
	width: 180px;
	margin: 0px 15px 10px 10px;
}

/*.cp_r_margin {
	margin-top: 20px;
}*/

.caption_right {
	display: block;
	width: 180px;
	height: 28px;
	background-image : url("../img/caption_right.jpg");
	background-repeat: no-repeat;
	color: #ffffff;
	padding-top: 6px;
	text-align: center;
}

.caption_right h3 {
	font-size: 13px;
}

.box {
	width: 178px;
/*	height: 349px;*/
	line-height: 120%;
	border: solid 1px #566ed4;
/*	border-top: 0;*/
}

.box table {
	width: 178px;
	padding: 5px 5px;
	margin-left: 5px;
	font-size: 13px;
	color: #4a4a4a;
}

.box a {
	font-size: 12px;
	padding-right: 10px;
	float: right;
}

.box p {
	font-size: 12px;
	color: #4a4a4a;
	margin: 0 10px 0;
}

#rightBlock .fb-page{
	margin-top: 10px;
}

/*お問い合わせはこちら*/
.contact_bt ul {
	list-style: none;
}

.contact_bt .nav li a {
	display: block;
	width: 128px;
	height: 18px;
	padding: 8px 21px;
	margin: 10px 0 10px;
	font-size: 12px;
	color: #03778c;
	text-decoration: none;
	background-image: url("../img/contact_bt.jpg");
	background-repeat: no-repeat;
}

.contact_bt .nav li a:hover {
	background-position: 0 -34px;
	color: #ff0303;
	text-decoration: none;
}

.map_qr {
	width: 78px;
	height: 78px;
	padding: 10px 50px 10px;
	text-align: center;
}



/*5施設へのアクセス*/
.caption_right_2 {
	display: block;
	width: 163px;
	height: 28px;
	margin-top: 20px;
	background-image : url("../img/caption_right.jpg");
	background-repeat: no-repeat;
	color: #ffffff;
	padding-top: 6px;
	padding-left: 17px;
	margin-bottom: 5px;
}


/*マップのアコーディオン*/
.access_qr .accordion {
	width: 180px;
	height: 34px;
	margin: 3px 0;
}


.access_btn a {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url("../img/etc_shop.jpg");
	padding: 7px 0px 7px 20px;
	text-decoration: none;
	color: #566ed4;
	margin-bottom: 5px;
}

.access_btn a:hover {
	background-position: 0 -34px;
	color: #e64c9c;
}





.access_qr .accordion .icon {
	width: 160px;
	height: 20px;
	padding: 7px 0px;
	padding-left: 20px;
	color: #566ed4;
	cursor: pointer;
	background-image: url("../img/etc_shop.jpg");
}

.access_qr .hover .icon {
	background-position: 0 -34px;
	color: #e64c9c;
}

.access_qr .accordion .on {
	background-position: 0 -34px;
	color: #e64c9c;
}

.access_qr .accordion_in {
	width: 180px;
/*	margin-top: -3px;*/
}

.access_qr .accordion_in li {
}

.access_qr .accordion_in a {
	color: #025cf1;
	text-decoration: none;
}

.access_qr .accordion_in a:hover {
	color: #f68cf5;
	text-decoration: none;
}

.access_qr .boc {

}


#ManageComp {
	width: 180px;
	height: 28px;
	background-color: #566ed4;
	color: #ffffff;
	margin-top: 20px;
	padding-top: 6px;
	text-align: center;
}

.boxMC {
	width: 178px;
	line-height: 120%;
	border: solid 1px #566ed4;
}

.skLogo {
	width: 165px;
	margin: 3px auto;
}

.shinkoT {
	width: 168px;
	font-size: 13px;
	color: #6e6e6e;
	margin-top: 10px;
	margin-left: 13px;
	margin-bottom: 13px;
}

.shinkoT li {
	list-style: none;
}

.shinkoS {
	width: 168px;
	font-size: 13px;
	color: #6e6e6e;
	margin-top: 5px;
	margin-left: 13px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.shinkoS li {
	list-style: none;
}

.liMargin {
	margin-bottom: 5px;
}

.borderLine {
	width: 160px;
	margin-left: 9px;
	border-top: 1px solid #6e6e6e;
}




/*---------- フッター ----------*/
#footer {
	width: 990px;
	height: 73px;
	margin: 15px auto;
	/*background-color: #9e9e9e;*/
}

address {
	font-size: 13px;
	font-style: normal;
	color: #4a4a4a;
	margin-left: 25px;
	float: left;
}



#footer .link {
	font-size: 12px;
	color: #4a4a4a;
	margin-right: 25px;
	float: right;
}


.p_font_2ndline {
	font-size: 12px;
	color: #4a4a4a;
	margin-left: 25px;
	float: left;
}



/*---------- 独自クラスここまで ----------*/


/*---------- 汎用クラス ----------*/

.boxCenter {
	margin: 0 auto;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.txHidden {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

.alignR {
	text-align: right !important;
	width: inherit;
}

.alignL {
	text-align: left !important;
	width: inherit;
}

.alignC {
	text-align: center !important;
	width: inherit;
}

.textL {
	font-size: 20px;
}


.textM {
	font-size: 14px;
}

.textS {
	font-size: 10px;
}

.textS2 {
	font-size: 13px;
}

.inline {
	display: inline
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.white {
	color: #ffffff !important;
}

.black {
	color: #000000 !important;
}

.red {
	color: #ff0000 !important;
}

.blue {
	color: #0000ff !important;
}

.green{
	color: #00ff00 !important;
}

.yellow{
	color: #ffff00 !important;
}

.pink{
	color: #ff00ff !important;
}

.gray {
 color: #737171;
}


img {
	border-style:none;
	vertical-align: bottom;
} /*リンク画像の枠線を消すために記述*/


/*---------- フォント切り替え用 ----------*/

h3 {
	font-size: 17px;
	font-weight: 300;
}

h4 {
	font-size: 16px;
	color: #ff0303;
	font-weight: 300;
	margin-left: 15px;
}

h5 {
	font-size: 16px;
	color: #7a7a7a;
	font-weight: 300;
	margin-left: 15px;
}

/*p {
	font-size: 14px;

}*/

.pBox {
	width: 496px;
	margin: 15px 10px 30px;
}

.p_font {
	font-size: 13px;
	color: #6e6e6e;
}

.p_fontTxt {
	font-size: 13px;
	color: #4a4a4a;	
}

.p_fontTxt12 {
	font-size: 12px;
	color: #4a4a4a;	
}

.font_margin {
	margin-left: 15px;
	margin-bottom: 30px;
}

.font_marginU5 {
	margin-left: 15px;
	margin-bottom: 5px;
}

.font_marginU10 {
	margin-left: 15px;
	margin-bottom: 10px;
}

.font_marginU20 {
	margin-left: 15px;
	margin-bottom: 20px;
}

.skyblue {
	color: #00a7e3;
}

.peach {
	color: #f41787;
}


.d_gray {
	color: #2a2a2a;
}

.orange {
	color: #ff7e00;
}



.infoWap {
	width: 990px;
	margin: 0px auto;
}

.come {
	font-size: 13px;
	text-align: center;

}

.muse {
	margin-top: 10px;
}

.muse .top_contact {
	margin-top: 10px;
}

.muse p {
	font-size: 13px;
}

.top_access {
	text-indent: 10px;
}

.kojin_schedule {
	font-size: 13px;
	margin-bottom: 50px;
	text-align: center !important;
	width: inherit;
}

.eventLink {
	font-size: 13px;
	margin-bottom: 50px;
	margin-left: 20px;
	width: inherit;
}

/*---------- 文字デザイン ----------*/

.center {
	text-align: center;
}

.marginT120 {
	margin-top: 120px;
}

.marginB20 {
	margin-bottom: 20px; 
}

/*---------- 404 ----------*/

#error404 {
	width: 80%;
	min-height: calc(100vh - 1vw - 3vh - 518px);
	margin: 0 auto 3vh;
	text-align: center;
}


#error404 h3 {
	font-size: max(2vw,29px);
	font-weight: 600;
	margin: 1em 0;
	color: #3e478a;
}

#error404 h4 {
	font-size: max(1.2vw,17px);
	line-height: 1.7;
	font-weight: 300;
	color: #000;
	margin: 0 auto 3em;
}