@charset "utf-8";
/***  メインコンテンツ  ***/
#shis00 {
	width:92%;
	margin:0 auto;
	text-align:center;
	padding:0;
}

/** タブエリア **/
#shis00 .all_area { overflow:hidden; }
#shis00 .all_area .tab_area li{ width:50%; display:block; cursor: pointer; float:left; }
#shis00 .all_area .tab_area li#tab1 { background:url(../img/shisetsu/shisetsu_syoukai_s_on.png); background-size:100% 100%; }
#shis00 .all_area .tab_area li#tab2 { background:url(../img/shisetsu/shisetsu_kari_s_on.png); background-size:100% 100%; }
#shis00 .tab_area li.select img { visibility:hidden; }
#shis00 .hide{display:none;}

/***  施設を利用したい方　＆　施設を借りたい方  共通  ***/
.shis00_01 h3 { font-size:140%; font-weight:bold; color:#4762AC; }
.shis00_01 { width:100%; padding-bottom:0.7em; border-bottom:#B7B7B7 dotted 1px; }

/***  施設を利用したい方  ***/
#shis01 { width:100%; padding:3em 0; }
#shis01 table { width:100%; padding:0; border-top:#8E8E8E dotted 1px; border-collapse: collapse; }
#shis01 table .span1 { font-size:110%; color:#4762AC; font-weight:bold; }
#shis01 tr { border-bottom:#8E8E8E dotted 1px; }
#shis01 th { color:#4762AC; background:#F2F7F9; text-align:center; padding:0.3em 2%; width:22%; }
#shis01 td { padding:0.3em 2%; width:70%; text-align:left; vertical-align:middle; }
#shis01 td ul { list-style: none; width: 100%; }
#shis01_01map { width:100%; height:21em; overflow: hidden; box-sizing:border-box; border:#98999B solid 1px; }
.shis01_01 li { background-color:#F2F7f9; box-sizing:border-box; border:#99B1BE solid 1px; margin-bottom:1.5em;}
.shis01_02 { width:95%; padding:0.7em 2.5%; }
.shis01_02 dl { padding-top:0.7em; text-align:left; }
.shis01_02 dt { font-size:130%; color:#4762AC; padding-bottom:0.3em; }
.shis01_02 dt span { color:#AF313A; font-size:70%; }
.shis01_02 dt br { display:block; }


/***  施設を借りたい方  ***/
#shis02 { width:100%; padding:3em 0 0; }

.shis02_01 li{ width:80%; margin:0 10% 0.5em; float:left; font-size:110%; letter-spacing:0.1em; box-sizing:border-box; }
.shis02_01 a { padding:0.5em 0; text-decoration:none; display:block; }
.shis02_01L { width:20%; }
.shis02_01L img { width:auto; }
.shis02_01R { width:80%; text-align:left }
/**  団体別の色  **/
.shis_col01n,
.shis_col01 a { background:rgba(255,251,225,1.0); border:rgba(244,144,30,1.0) solid 1px; color:rgba(244,144,30,1.0); }
.shis_col01 a:hover { background:rgba(255,251,225,0.6); border:rgba(244,144,30,0.6) solid 1px; color:rgba(244,144,30,0.6); }
.shis_col02n, 
.shis_col02 a { background:rgba(255,251,225,1.0); border:rgba(136,178,74,1.0) solid 1px; color:rgba(136,178,74,1.0); }
.shis_col02 a:hover { background:rgba(255,251,225,0.6); border:rgba(136,178,74,0.6) solid 1px; color:rgba(136,178,74,0.6); }
.shis_col03n,
.shis_col03 a { background:rgba(255,251,225,1.0); border:rgba(111,149,196,1.0) solid 1px; color:rgba(111,149,196,1.0); }
.shis_col03 a:hover { background:rgba(255,251,225,0.6); border:rgba(111,149,196,0.6) solid 1px; color:rgba(111,149,196,0.6); }

.shis02_02 { width:100%; margin-bottom:0.5em; box-sizing:border-box; }
.shis02_03 { padding:0.8em 0; text-decoration:none; display:block; }
.shis02_03 h4 { font-size:140%; }
.shis02_03L { width:20%; }
.shis02_03L img { width:auto; }
.shis02_03R { width:80%; text-align:left }

.shis02_04 { padding:1.5em 0; }
.shis02_04under { border-bottom:#989898 dotted 1px; }
.shis02_04 dt { font-size:130%; color:#4762AC;}
.shis02_04L { width:10%; }
.shis02_04R { width:90%; }
.shis02_04L2 { width:10%; }
.shis02_04R2 { width:90%; }

#shis02_kari01,
#shis02_kari02,
#shis02_kari03 { margin-top:-7em; padding-top:7em; }
/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
/** タブエリア **/
#shis00 .all_area .tab_area li#tab1 { background:url(../img/shisetsu/shisetsu_syoukai_on.png); background-size:100% 100%; }
#shis00 .all_area .tab_area li#tab2 { background:url(../img/shisetsu/shisetsu_kari_on.png); background-size:100% 100%; }

/***  メインコンテンツ  ***/
#shis00 { width:100%; }

/***  施設を利用したい方  ***/
#shis01 th { width:15%; }
#shis01 td { width:77%; }
.shis01_02 dt br { display:none; }

/***  施設を借りたい方  ***/
.shis02_01 li{ width:31.2500%; margin:0 1.0416%; font-size:130%; }
.shis02_03L { width:6%; }
.shis02_03L img { width:auto; }
.shis02_03R { width:94%; text-align:left }
.shis02_04L { width:4%; }
.shis02_04R { width:96%; }
.shis02_04L2 { width:3%; }
.shis02_04R2 { width:97%; }

#shis02_kari01,
#shis02_kari02,
#shis02_kari03 { margin-top:0; padding-top:0; }

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 960px) {
/***  メインコンテンツ  ***/
#shis00 { width:960px; padding:0; }

/***  施設を利用したい方  ***/
#shis01 th { width:13%; }
#shis01 td { width:79%; }

}