@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #333;	/*全体の文字色*/
	background: #FFF;	/*背景色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}




ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #4066C2;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #4066C2;			/*マウスオン時の文字色（全体）*/
	text-decoration: underline;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 980px;	/*コンテナー幅*/
	margin-right: auto;
	margin-left: auto;
}

#container01{
	background:#fff;
    text-align:center;
}

#container02{
	background:#94d140;
    text-align:center;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	color: #333;
}
/*ヘッダーブロックの中*/
header .inner {
	width: 977px;	/*ブロック幅*/
	height: 100px;
	position: relative;
	margin: 0px auto;
}
/*h1ロゴの設定*/
header .inner h1 {
	position: absolute;
	left: 270px;	/*innerに対して左から20pxの場所に配置*/
	top: 35px;	/*innerに対して上から20pxの場所に配置*/
}
/*電話番号ボックスの設定*/
header .inner address {
	position: absolute;
	top: 20px;		/*innerに対して上から15pxの位置に配置*/
	left: 720px;	/*innerに対して右から700pxの位置に配置*/
	line-height: 1.6;	/*行間*/
	letter-spacing: 0.2em;	/*文字間隔を少し広めにとる設定*/
	font-weight: bold;
	font-style: normal;	/*通常斜体になっているのを通常に*/
	text-align:center;
}
/*電話番号の文字設定*/
header .inner address .tel {
	font-size: 10px;	/*文字サイズ*/
	color: #333;		/*文字色*/
	font-weight: bold;	/*太字に*/
	display: block;
	line-height:1.6;
}

/*お問い合わせの文字設定*/
header .inner address .mail {
	font-size: 10px/2;	/*文字サイズ*/
	font-weight: bold;	/*太字に*/
	margin-top:5px;
	background-color: #4066C2;  /* 背景色の指定 */
border-radius: 30px;      /* 角丸の指定 */
padding: 3px 0px 3px 0px;

}


header .inner address .mail img{
	vartical-align:center;
	margin-right:5px;
}

header .inner address .mail p a{
	color: #fff !important;		/*文字色*/
}

header .inner address .mail p a:hover{
	text-decoration:underline;	/*文字色*/
}


/*ご利用にあたっての文字設定*/
header .inner address .use {
	font-size: 12px;	/*文字サイズ*/
	color: #333;		/*文字色*/
	font-weight: bold;	/*太字に*/
	display: block;
	padding-left:20px;
/*	background:url(../images/pc.png)no-repeat;　　*/
}


#main-image{
	width:980px;
	height:500px;
	background:url(../images/main-bg.jpg);
	position: relative;
	margin: 0px auto;
}






/*　メインメニュー*/


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

#wrapper, .inner{
margin:0 auto;
width:880px;
}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
  nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	width:100%;
	border-bottom:4px solid #42bfff;
	}
	
	nav#mainNav .inner{
	padding-left:1px;
	width:980px;
	/*background:url(../images/mainNavSep.png) no-repeat 0 5px;  */
	
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	background:url(../images/menu-bg.jpg) no-repeat 100% 5px;
	background-position:right;
	
	}
	
	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#000;
	height:23px;
	line-height:45px;
	font-size:110%;
	margin-right:1px;
	padding:0px 23px;
	padding-bottom:15px;
	}
	
	
	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	line-height:1.4;
	}
	
	nav#mainNav ul li a span{
	font-size:70%;
	color:#888;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	}

	nav div.panel{
  display:block !important;
  float:left;
  }
  
  a#menu{display:none;}
  
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
  color:#3e67c3;
  background:#d8e8f0;
  }
  
  nav#mainNav ul ul{
	width:160px;
/*	border:1px solid #e0e0e0;  */
	border-top:0;
	}
  
  nav#mainNav ul li ul{display: none;}
  
  nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:42px;
  left:-1px;
  z-index:500;
  }
	
  nav#mainNav ul li li{
	margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
	background:#fff;
	border-bottom:1px dotted #e0e0e0;
  }
	
	nav#mainNav ul li li:last-child{border:0;}
	
  nav#mainNav ul li li a{
  width:100%;
  height:40px;
	padding:0 0 0 10px;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#6f6f6f}

}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:880px;
	margin:0 auto 10px;
	border:1px solid #d5d5d5;
	background:#42bfff;
	}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
  background: url(../images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	background: url(../images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#fff;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#b6d8e9;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fff url(images/sub1.png) no-repeat 20px 18px;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#f6f6f6 url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:20px;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, .inner{width:100%;}

	#header{width:96%;padding:0 2%;}
	
	.contact{padding:10px 0 10px;}

  nav#mainNav{width:95%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;	}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	section.widget_search{text-align:center;}
	#calendar_wrap table{width:260px;}
	
	#footer li{margin-bottom:10px;}
	
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	nav#mainNav{width:98%;}
	#header{text-align:center;background-image:none;}
	#header h2,.contact{float:none;}
	.contact{padding:0 0 20px;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
}

/*メインメニューここまで*/


/*HOMEのリンクボタン*/
/* wrapper
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}

/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
padding-top:40px;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
border-radius:5px 5px 0 0;
background:#EBF5DB url(../images/kado.png) no-repeat;
background-position:right bottom;
height:400px;
/*padding:20px 5px;*/
text-align:center;
color:#000;
/*font-weight:bold;*/
}

.grid-title-blog{
padding:20px 5px;
text-align:center;
color:#000;
border-radius:5px 5px 0 0;
background:#E8E3CA;
font-weight:bold;
background:url(../images/blog-bg.png) no-repeat;
background-position:80%;
height:40px;
}

.grid-title-faci{
padding:20px 5px;
text-align:center;
color:#000;
border-radius:5px 5px 0 0;
background:#E8E3CA;
font-weight:bold;
background:url(../images/faci-bg.png) no-repeat;
background-position:80%;
}

.grid-title-how{
padding:20px 5px;
text-align:center;
color:#000;
border-radius:5px 5px 0 0;
background:#E8E3CA;
font-weight:bold;
background:url(../images/how-bg.png) no-repeat;
background-position:80%;
}

.grid-title-acc{
padding:20px 5px;
text-align:center;
color:#000;
border-radius:5px 5px 0 0;
background:#E8E3CA;
font-weight:bold;
background:url(../images/acc-bg.png) no-repeat;
background-position:80%;
}

.grid-title-sch{
padding:20px 5px;
text-align:center;
color:#000;
border-radius:5px 5px 0 0;
background:#E8E3CA;
font-weight:bold;
background:url(../images/sch-bg.png) no-repeat;
background-position:80%;
}

.grid-title-eve{
padding:20px 5px;
text-align:center;
color:#000;
border-radius:5px 5px 0 0;
background:#E8E3CA;
font-weight:bold;
background:url(../images/eve-bg.png) no-repeat;
background-position:80%;
}

.en-title{
	color:#9E9259;
	font-size:85%;
	
}

.grid h1{
	font-weight:bold;
	font-size:110%;
	margin-top:5px;
	width:100%;
	border-bottom:2px solid #690;
}

.grid p{
padding:5px 10px;
line-height:normal;
float:left;
text-align:left;
}

.gridWrapper img{
max-width:100%;
height:auto;
}

/* フッター内のグリッド(3カラム) */
#footer .grid{
color:#fff;
background:transparent;
}

#footer .grid p{padding:0;}




/* PC用 */
@media only screen and (min-width:960px){	
	#wrapper,.inner{
	width:940px;
	padding:0;
	}
	
	#wrapper{padding-bottom:20px;}
	
	/* グリッド全体 */
	.gridWrapper{
	width:977px;
	margin:0 0 0 -20px;
	}
	
	/* グリッド共通 ベース:トップページ3カラム */
	.grid{
	float:left;
	width:300px;
	margin-left:20px;
	margin-top:10px;
	}
	
	/* サブコンテンツ + フッター グリッド(3カラム) */
	#sub .grid, #footer .grid{
	width:300px;
	}
	
	/* ギャラリー グリッド(4カラム) */
	#gallery{
	width:920px;
	}
	
  #gallery .grid{
	width:210px;
	}	
}

.gridWrapper a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}




/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 977px;
	padding-top: 30px;
	margin:0 auto;
}





/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: left;	/*左側に回り込み*/
	width: 620px;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
	/*margin-left:20px;*/
}
/*mainコンテンツのh1タグの設定*/
#main h1 {
	background: url(../images/ajisai-icon.png)no-repeat;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*background-image: url(../images/bg_mark_c.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));	/*グラデーション*/
	/*background-image: url(../images/bg_mark_c.png), -webkit-linear-gradient(#fff, #fff);	/*同上*/
	/*background-image: url(../images/bg_mark_c.png), linear-gradient(#fff, #fff);			/*同上*/
	/*background-repeat: no-repeat;
	background-position: 95% center;
	/*-webkit-box-shadow: 1px 2px 5px #bcbcbc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	/*box-shadow: 1px 2px 5px #bcbcbc;			/*同上*/
	background-color:#42bfff;
	font-size: 120%;
	color: #333;	/*文字色*/
	padding: 5px 10px 5px 35px;	/*左から、上、右、下、左側への余白*/
	clear: both;
	margin-left:10px;
	border-radius:10px;
}


#main h2 {
	background-color: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*background-image: url(../images/bg_mark_b.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));	/*グラデーション*/
	/*background-image: url(../images/bg_mark_b.png), -webkit-linear-gradient(#fff, #fff);	/*同上*/
	/*background-image: url(../images/bg_mark_b.png), linear-gradient(#fff, #fff);			/*同上*/
	background-repeat: no-repeat;
	background-position: 95% center;
	-webkit-box-shadow: 1px 2px 5px #bcbcbc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 5px #bcbcbc;			/*同上*/
	font-size: 120%;
	color: #333;	/*文字色*/
	padding: 5px 10px 5px 15px;	/*左から、上、右、下、左側への余白*/
	clear: both;
	border-bottom: 1px solid #327BD9;	/*下側の線の幅、線種、色*/
}






/*HOMEで使っているh1見出しタグのスタイル*/
#main h1.type1 {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*background-image: url(../images/bg_mark_a.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));	/*グラデーション*/
	/*background-image: url(../images/bg_mark_a.png), -webkit-linear-gradient(#FFF, #e6e6e6);	/*同上*/
	/*background-image: url(../images/bg_mark_a.png), linear-gradient(#FFF, #e6e6e6);			/*同上*/
	color: #548b18;	/*文字色*/
	border-top: 1px solid #d2d2d2;		/*上の線の幅、線種、色*/
	border-right: 1px solid #d2d2d2;	/*右の線の幅、線種、色*/
	border-left: 1px solid #d2d2d2;		/*左の線の幅、線種、色*/
}







/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0.5em 10px 0.2em;	/*左から、上、左右、下への余白*/
}





/*　セカンドページ用　h1　*/

#main-secand h1.type-shisetsu {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/shisetsu/title.jpg) ;　
	height:50px;
	margin-bottom:30px; 
	clear:both; 
}


#main-secand h1.type-use {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/use/title.jpg);
	height:50px;
	margin-bottom:30px;
}

#main-secand h1.type-access {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/access/title.jpg);
	height:50px;
	margin-bottom:30px;
}

#main-secand h1.type-school {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/school/title.jpg);
	height:50px;
	margin-bottom:30px;
}

#main-secand h1.type-event {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/event/title.jpg);
	height:50px;
	margin-bottom:30px;
}

#main-secand h1.type-contact {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/contact/title.jpg);
	height:50px;
	margin-bottom:30px;
}

#main-secand h1.type-goriyou {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/goriyou/title.jpg);
	height:50px;
	margin-bottom:30px;
}

#main-secand h1.type-link {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/link/title.jpg);
	height:50px;
	margin-bottom:30px;
}


#main-secand h1.type-ichiran {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/ichiran/title.jpg);
	height:50px;
	margin-bottom:30px;
}


#main-secand h1.type-first {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/first/title.jpg);
	height:50px;
	margin-bottom:30px;
}


#main-secand h1.type-taikai {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: url(../images/taikai/title.jpg);
	height:50px;
	margin-bottom:30px;
}


#main-secand {
	float: left;	/*左側に回り込み*/
	width: 977px;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
}












/*セカンドページで使っているh2見出しタグのスタイル*/
#main-secand h2.type1 {
	/*background-color: #e8e3ca;	背景色（古いブラウザだとここの色のみが出ます）*/
	background:url(../images/title-bg.jpg);
	color: #314eb7;	/*文字色*/
	margin-top:20px;
	font-size: 140%;
	padding: 5px 10px 5px 15px;	/*左から、上、右、下、左側への余白*/
	clear:both;
	margin-bottom:20px;
}





/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: right;	/*右側に回り込み*/
	width: 337px;	/*サブコンテンツ幅*/
	padding-bottom: 30px; 
	/*margin-right:15px;*/
	text-align:left;
}
/*subコンテンツ内のh1タグ設定*/
#sub h1 {
	color: #333;	/*文字色*/
	font-size: 120%;
	padding: 5px 40px 5px 10px;	/*左から、上、右、下、左への余白*/
	background-color: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	border-left: 5px solid #f08b00;	/*左側の線の幅、線種、色*/
	padding-left:10px;
}


#sub h2{
	color: #333;	/*文字色*/
	font-size: 120%;
	padding: 5px 40px 5px 30px;	/*左から、上、右、下、左への余白*/
	background-color: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*border-left: 5px solid #f08b00;*/	/*左側の線の幅、線種、色*/
	margin-left:10px;
	background: url(../images/ajisai-icon-sub.png)no-repeat;
}


#sub-new{
	width:337px;
	background:#E2E2E2;
	float:right;
	margin-bottom:20px;
	padding-bottom:10px;
}



/*ホームのボックス背景白*/

#home-box{
	background:#fff;
	width:100%;
	margin-bottom:20px;
	padding:10px;
}


#sub-box{
	padding-left:10px;
	width:327px;
}



/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub ul li a {
	text-decoration: none;
	display: block;
	padding-left:10px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	border-bottom: 1px dashed #333;	/*下の線の幅、線種、色*/
	color: #FFF;		/*文字色*/
	background: #333 url(../images/bg1.png);
}
#sub .box1 ul li a {
	background: transparent;
}
/*マウスオン時の設定*/
#sub ul li a:hover {
	background: #FFF;	/*背景色*/
	color: #548b18;			/*文字色*/
}




/*HOME内のメニューブロック【青】
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list article {
	height: 30px;	/*ボックスの高さ*/
	width: 230px;	/*ボックスの幅*/
	border-radius: 10px;	/*角丸のサイズ*/
	-webkit-box-shadow: 0px 2px 5px #bcbcbc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 2px 5px #bcbcbc;			/*同上*/
	background-color: #0066ff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#66CCFF));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#0066FF, #66CCFF);	/*同上*/
	background-image: linear-gradient(#0066FF, #66CCFF);			/*同上*/
	padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 10px 20px 10px;
	position: relative;
	border: 1px solid #CCC;
	text-align:center;
}
/*ボックス内の段落タグ設定*/
#main section.list article p {
	padding: 0px;
	color: #fff;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
	
}

#main section.list article p a{
	padding: 0px;
	color: #fff;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
	font-weight:bold;
}

/*ボックス内のh1タグ設定*/
#main section.list article h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}



/*あじさいだより用*/
#news-single-home-shidami{
	width:550px;
	float:left;
	padding-left:20px;
	margin-right:10px;
	margin-left:20px;
	background:#fff;
	clear:both;
	margin-top:20px;
}



/*ホームのpdfボタン左*/
#pdf-btn-left{
	width:240px;
	float:left;
	background:#4066C2;
	border-radius: 12px;	/*角丸のサイズ*/
	padding:0px;
	margin-bottom:10px;
	margin-left:10px;
}

#pdf-btn-left p a{
	color:#fff;
	font-weight:bold;
	margin-left:5px;
}





/*ホームのpdfボタン右*/
#pdf-btn-right{
	width:240px;
	background:#4066C2;
	border-radius: 12px;	/*角丸のサイズ*/
	float:right;
	margin-bottom:10px;
	margin-right:10px;
	padding:0px;
}

#pdf-btn-right p a{
	color:#fff;
	font-weight:bold;
	margin-left:5px;
	line-height:1em;
}

/*ホームの料金pdfボタンボックス*/

#pdf-btn-price-box{
	width:260px;
	clear:both;
	
	margin-top:10px;
}

/*ホームの料金表pdfボタン*/
#pdf-btn-price{
	width:245px;
	float:left;
	background:#4066C2;
	border-radius: 12px;	/*角丸のサイズ*/
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
	margin-left:40px;
}

#pdf-btn-price p a{
	color:#fff;
	font-weight:bold;
	margin-left:5px;
}




.bnr-area{
    width:260px;
	float:left;
	clear:both;
	text-align:center;
	width:337px;
}




/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #333;			/*文字色*/
	/*background:url(../images/bg-line-foot.png)repeat-x;
	background-position:bottom;
	height:150px;*/
	background:#42BFFF;
}



footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #333;
}
footer a:hover {
	color: #ff0000;
}

#foot-name{
	background:#94D140;
	text-align:center;

}

#foot-name p{
		width:977px;
	margin:0 auto;
		color:#fff;
}


/*メニューフッター用
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menu-foot {
	height: 30px;	/*ブロックの高さ*/
	margin-bottom:10px;
	border-bottom:#ccc solid 1px;

}
nav#menu-foot ul {
	width: 977px;	/*メニュー部分のブロック幅*/
	margin-right: auto;
	margin-left: 0;
	margin-top:5px;
	
}
/*メニュー１個ごとの設定*/
nav#menu-foot ul li {
	float: left;
	text-align: center;	/*文字を中央に揃える*/
	padding-right:1px;
	font-size:70%;
	font-weight:normal!important;
	background: url(../images/arrow-orange.png) no-repeat left center;	/*矢印マークの設定*/
	margin-left:10px;
	padding-left:10px;
}
nav#menu-foot ul li a {
	text-decoration: none;
	display: block;
	display: block;
	letter-spacing: 0em;	/*文字間隔を少しあける設定*/
	line-height: 15px;
	color: #333;	/*文字色*/
	margin-left:3px;
}

/*マウスオン時の設定*/
nav#menu-foot ul li a:hover {
	color: #fff;  /*文字色*/
	text-decoration:underline;
}

/*メニューフッター用ここまで
---------------------------------------------------------------------------*/

#address{
	margin: 0 auto;
	width:977px;

}



/*2015.11.24追加分*/

#address-top{
	margin: 0 auto;
	width:100%;
	/*background:url(../images/footer-top-bg.jpg)repeat-x;*/
	height:62px;
}

#address-top-secand{
	margin: 0 auto;
	width:100%;
	/*background:url(../images/footer-top-bg-secand.jpg)repeat-x;*/
	height:62px;
}

#address-bottom{
	margin: 0 auto;
	width:100%;
	/*background:url(../images/footer-bottom-bg.jpg)repeat-x;*/
	background:#42BFFF;
	height:23px;
}

/*ここまで*/



#address-box{
	width:450px;
	float:left;
	margin-left:20px;
	text-align:left;
}
    

#address p{
    color:#333;
	font-size:80%;
	line-height:140%;
}

.foot-em{
    font-size:150%;
	font-weight:bold;
}



#copyright{
    clear:both;
    width:977px;
	text-align:center;
	padding-top:10px;
}

.c {
	text-align: center;
}



/*フッター内のページ内メニュー
---------------------------------------------------------------------------*/
ul.navmenu-foot {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;	/*メニューテキストをセンタリング*/
	border-bottom:#ccc solid 1px;
}
ul.navmenu-foot li {
	display: inline;
	font-size:80%;
}
ul.navmenu-foot li a {
	background: url(../images/arrow-yellow.png) no-repeat left center;	/*矢印マークの設定*/
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	color:#333;
}
ul.navmenu-foot li a:hover {
    color:#F08B00;
	background: url(../images/arrow-yellow.png) no-repeat 2px center;	/*マウスオン時に矢印マークを2pxだけ移動させて表示する設定*/
}



/*school.html内のページ内メニュー
---------------------------------------------------------------------------*/
ul.nav-school {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;	/*メニューテキストをセンタリング*/
}
ul.nav-school li {
	display: inline;
	height: 30px;	/*ボックスの高さ*/
	border-radius: 3px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	padding: 5px;	/*ボックス内の余白*/
	float: left;
	margin: 5px 5px 3em;
	position: relative;
	border: 1px solid #a2996d;
}
ul.nav-school li a {
	background: url(../images/arrow-orange.png) no-repeat left center;	/*矢印マークの設定*/
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	font-weight:bold;
	
}
ul.navschool li a:hover {
	background: url(../images/arrow-orange.png) no-repeat 2px center;	/*マウスオン時に矢印マークを2pxだけ移動させて表示する設定*/
}






/*　お問い合わせ  よくある質問*/
/*---------------------------------------------------*/

#qa{
	width:977px;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}

#q{
	width:920px;
	margin-left:10px;
	float:left;
	background:url(../images/contact/q.jpg) no-repeat;
	background-position:left top;
	padding-left:30px;
	
}


#a{
	width:900px;
	margin-left:20px;
	float:left;
	background:url(../images/contact/a.jpg) no-repeat;
	background-position:left top;
	padding-left:30px;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}



/*menu.html内のページ内メニュー
---------------------------------------------------------------------------*/
ul.navmenu {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;	/*メニューテキストをセンタリング*/
}
ul.navmenu li {
	display: inline;
}
ul.navmenu li a {
	background: url(../images/arrow.png) no-repeat left center;	/*矢印マークの設定*/
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
}
ul.navmenu li a:hover {
	background: url(../images/arrow.png) no-repeat 2px center;	/*マウスオン時に矢印マークを2pxだけ移動させて表示する設定*/
}




/*event.html内の表組みのブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article-event {
	width: 650px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 10px 0px 1em;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article-event p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section.list article-event h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}

/*event.html内の画像のブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article-event-p {
	width: 300px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 20px 10px 1em;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article-event-p p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
}












/*shisetsu.html内の施設概要ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/

#main-secand section{
	clear:both;
}

#main-secand section.list article {
	height: 270px;	/*ボックスの高さ*/
	width: 400px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	padding: 23px;	/*ボックス内の余白*/
	float: left;
	margin: 40px 10px 1em;
	position: relative;
	border: 1px solid #42bfff;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section.list article h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}


/*　施設画像用　　*/
/*---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article03 {
	height: 230px;	/*ボックスの高さ*/
	width: 280px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 10px 10px 10px 10px;
	position: relative;
	border: 1px solid #ff7232;
	text-align:center;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article03 p {
	padding: 0px;
	color: #fff;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

#main-secand section.list article03 p a{
	padding: 0px;
	color: #fff;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

/*ボックス内のh1タグ設定*/
#main-secand section.list article03 h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #333;	/*文字色*/
	/*border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}



/* 施設案内のギャラリー*/

.baguetteBoxOne img{
	border:solid 1px #42bfff;
	margin:0 4px;
}


/*施設案内のメニューブロック【青】
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article04 {
	height: 30px;	/*ボックスの高さ*/
	width: 420px;	/*ボックスの幅*/
	padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 10px 20px 10px;
	position: relative;
	border: 1px solid #CCC;
	text-align:center;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article04 p {
	padding: 0px;
	color: #fff;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

#main-secand section.list article04 p a{
	padding: 0px;
	color: #fff;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

/*ボックス内のh1タグ設定*/
#main-secand section.list article04 h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #333;	/*文字色*/
	/*border-bottom: 2px dotted #3399FF;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}




/*shisetsu.html内の表組みのブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article02 {
	width: 450px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 20px 0px 1em;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article02 p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section.list article02 h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}




/*左表組みボックスの設定*/
#main-secand section.list article-left {
	width: 450px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 20px 20px 1em;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article-left p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section.list article-left h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}



.use-system{
	width:100%;
	text-align:center;
}


/*　　shisetsu.html　全体図　*/
p.resizeimage img { 
 }


.small-txt{
    font-size:75%;
	line-height:120%;
}



/*　平面図　　*/
#shisetsu-heimen{
    width: 100%; 
	height:auto; 
	text-align:center;
}


/*　平面図　スマホ用　*/
#shisetsu-heimen-s{
    display:none;
}



/*施設ご利用方法のはじめての方の利用システム用
---------------------------------------------------------------------------*/
/*各ボックスの設定*/

#main-secand section .use-comment{
	width:850px;
	float:left;
	margin-top:0;
	margin-left:30px;
	margin-bottom:10px;
}


/*ビギナーコース*/

#main-secand section .use-corse{
	background:#C0D866;
	height:220px;
	width:870px;
	margin-left:30px;
}

#main-secand section .use-corse article-use {
	/*height: 270px;	/*ボックスの高さ*/
	width: 370px;	/*ボックスの幅*/
	background-color: ##C0D866;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 10px 10px 1em;
	position: relative;
	/*border: 1px solid #ff7232;*/
}
/*ボックス内の段落タグ設定*/
#main-secand section .use-corse article-use .corse-sub{
	padding: 0px;
	color: #063;		/*文字色*/
	/*font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section .use-corse article-use h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 140%;
	padding: 0;
	border-radius: 0px;
	color: #063;	/*文字色*/
	border-bottom: 2px dotted #fff;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}


#main-secand section .use-corse article02-use {
	width: 420px;	/*ボックスの幅*/
	/*background-color: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 10px 0px 1em 20px;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section .use-corse article02-use p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	line-height:1.5em;
}
/*ボックス内のh1タグ設定*/
#main-secand section .use-corse article02-use h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 110%;
	font-weight:bold;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	/*border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
	line-height:1.5em;
}


/*ワンポイントコース*/

#main-secand section .use-corse-one{
	background:#F0EB59;
	height:220px;
	width:870px;
	margin-left:30px;
	margin-top:10px;
}

#main-secand section .use-corse-one article-use {
	/*height: 270px;	/*ボックスの高さ*/
	width: 370px;	/*ボックスの幅*/
	background-color: ##C0D866;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 10px 10px 1em;
	position: relative;
	/*border: 1px solid #ff7232;*/
}
/*ボックス内の段落タグ設定*/
#main-secand section .use-corse-one article-use .corse-sub{
	padding: 0px;
	color: #EA6000;		/*文字色*/
	/*font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section .use-corse-one article-use h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 140%;
	padding: 0;
	border-radius: 0px;
	color: #EA6000;	/*文字色*/
	border-bottom: 2px dotted #fff;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}


#main-secand section .use-corse-one article02-use {
	width: 420px;	/*ボックスの幅*/
	/*background-color: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 10px 0px 1em 20px;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section .use-corse-one article02-use p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	line-height:1.5em;
}
/*ボックス内のh1タグ設定*/
#main-secand section .use-corse-one article02-use h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 110%;
	font-weight:bold;
	padding: 0;
	border-radius: 0px;
	color: #EA6000;	/*文字色*/
	/*border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
	line-height:1.5em;
}




/*フリーコース*/

#main-secand section .use-corse-free{
	background:#F4AA3C;
	height:220px;
	width:870px;
	margin-left:30px;
	margin-top:10px;
}

#main-secand section .use-corse-free article-use {
	/*height: 270px;	/*ボックスの高さ*/
	width: 370px;	/*ボックスの幅*/
	background-color: ##C0D866;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	/*padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 10px 10px 1em;
	position: relative;
	/*border: 1px solid #ff7232;*/
}
/*ボックス内の段落タグ設定*/
#main-secand section .use-corse-free article-use .corse-sub{
	padding: 0px;
	color: #E50012;		/*文字色*/
	/*font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section .use-corse-free article-use h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 140%;
	padding: 0;
	border-radius: 0px;
	color: #E50012;	/*文字色*/
	border-bottom: 2px dotted #fff;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}


#main-secand section .use-corse-free article02-use {
	width: 420px;	/*ボックスの幅*/
	/*background-color: #fff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 10px 0px 1em 20px;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section .use-corse-free article02-use p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	line-height:1.5em;
}
/*ボックス内のh1タグ設定*/
#main-secand section .use-corse-free article02-use h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 110%;
	font-weight:bold;
	padding: 0;
	border-radius: 0px;
	color: #E50012;	/*文字色*/
	/*border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
	line-height:1.5em;
}


.nespa-day{
	background:url(../images/shisetsu/yellow.jpg);
}

.nespa-time{
	background:url(../images/shisetsu/pink.jpg);
}

/*教室案内のメニューブロック【グレー】
---------------------------------------------------------------------------*/
/*各ボックス前年度の設定*/
#main-secand section.list article-before {
	height: 30px;	/*ボックスの高さ*/
	width: 100px;	/*ボックスの幅*/
	background-color: #C8C8C8;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#C8C8C8));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #C8C8C8);	/*同上*/
	background-image: linear-gradient(#FFF, #C8C8C8);			/*同上*/
	border:1px solid #ccc;		/*メニューの上側の線の幅、線種、色*/
	/*border-bottom: 5px solid #ffbf35;	/*メニューの下側の線の幅、線種、色*/
	padding: 5px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 10px 20px 10px;
	position: relative;
	text-align:center;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article-before p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

#main-secand section.list article-before p a{
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

/*ボックス内のh1タグ設定*/
#main-secand section.list article-before h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #333;	/*文字色*/
	/*border-bottom: 2px dotted #3399FF;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}



/*教室案内のメニューブロック【青】
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article05 {
	height: 30px;	/*ボックスの高さ*/
	width: 100px;	/*ボックスの幅*/
	background-color: #78bde1;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#78bde1));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #78bde1);	/*同上*/
	background-image: linear-gradient(#FFF, #78bde1);			/*同上*/
	border:1px solid #ccc;		/*メニューの上側の線の幅、線種、色*/
	/*border-bottom: 5px solid #ffbf35;	/*メニューの下側の線の幅、線種、色*/
	padding: 5px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 10px 20px 10px;
	position: relative;
	text-align:center;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article05 p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

#main-secand section.list article05 p a{
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

/*ボックス内のh1タグ設定*/
#main-secand section.list article05 h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #333;	/*文字色*/
	/*border-bottom: 2px dotted #3399FF;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}




/*教室案内のメニューブロック【申し込み方法】
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article06 {
	height: 30px;	/*ボックスの高さ*/
	width: 100px;	/*ボックスの幅*/
	background-color: #ffc000;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	padding: 5px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 10px 20px 10px;
	position: relative;
	text-align:center;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article06 p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

#main-secand section.list article06 p a{
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 100%;	/*文字サイズ*/
}

/*ボックス内のh1タグ設定*/
#main-secand section.list article06 h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #333;	/*文字色*/
	/*border-bottom: 2px dotted #3399FF;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}




/*access.html内の表組みのブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article-access {
	width: 450px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	float: left;
	margin: 0px 0px 1em;
	position: relative;
}
/*ボックス内の段落タグ設定*/
#main-secand section.list article-access p {
	padding: 0px;
	color: #333;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
}
/*ボックス内のh1タグ設定*/
#main-secand section.list article-access h1 {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 100%;
	padding: 0;
	border-radius: 0px;
	color: #548b18;	/*文字色*/
	border-bottom: 2px dotted #327BD9;	/*下線の幅、線種、色*/
	margin-bottom: 5px;
}





/*access.html内の地図のブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article-map {
	height: 100%;	/*ボックスの高さ*/
	width: 450px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 10px 30px 10px;
	position: relative;
	border: 1px solid #42bfff;
	text-align:center;
}



/*access.html内の地図のブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main-secand section.list article-map-haichi {
	height: 100%;	/*ボックスの高さ*/
	width: 450px;	/*ボックスの幅*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
/*	padding: 10px;	/*ボックス内の余白*/
	float: left;
	margin: 20px 0px 30px 0px;
	position: relative;
/*	border: 1px solid #CCC;　　*/ 
	text-align:center;
}


/*　googlemapの枠　　*/
.map-container{
  position: relative;
    height: 100px;
    overflow: hidden;
    padding-top: 30%;
	margin:20px 0px;
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/*　お知らせ一覧　　*/

/*ichiran.html内のお知らせの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/

#main-secand section.ichiran{
    margin-bottom:30px;
}


#news-single{
	width:967px;
	float:left;
	border-left:5px solid #ccc;
	padding-left:10px;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
}

#news-single-left{
	width:80%;
	float:left;
}

#mews-single-right{
	width:20%;
	float:right;
}
	




/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/

/*各ボックスの設定*/

#new{
	background:#fff;
	float:left;
	margin-bottom:30px;
	text-align:left;
	width:620px;
	padding-bottom:10px;
}

#news-single-home{
	width:550px;
	float:left;
	padding-left:20px;
	margin-right:10px;
	margin-left:20px;
	border-bottom:1px solid #42BFFF;
	background:#fff;
	clear:both;
	margin-top:20px;
	line-height:1.5em;
}





/*トップページ内「スタッフブログ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new-blog dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: auto;
	padding-left: 10px;
	margin-bottom:20px;
	margin-top:20px;
}

/*日付設定*/
#new-blog dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 10em;
}
/*記事設定*/
#new-blog dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
	padding-left: 8em;
}
#new-blog dd img {
	vertical-align: middle;
}


/*テーブル１　　施設案内　教室案内
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	/*margin-top:20px;  */
	margin-bottom:20px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
}
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	/*width: 100px; */
	padding: 10px;
	text-align: center;
	background-color: #e5e5e5;	/*背景色*/
	white-space:nowrap;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #bebebe;	/*背景色*/
}
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #AADDF9;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	font-weight: bold;	/*文字を太字にする設定*/
	font-size:120%;
}


.ta1 caption p .comment{
    font-weight:normal;
	font-size:85%;
}


.ta1 caption .caution{
    background:#FFCC99;
}


.bg-time{
    background:#c3d2f8;
    font-weight:bold;
    text-align:center;
}




/*テーブル3　　教室案内のご注意
---------------------------------------------------------------------------*/
.ta3 {
	width: 100%;
}
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
}
/*テーブル内の右側*/
.ta3 td{
	width: 100%;
	padding: 5px;
}
/*テーブル内の左側の見出し部分*/
.ta3 th{
	width: 100px;
	padding: 5px;
	text-align: center;
	background-color: #e5e5e5;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta3 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #bebebe;	/*背景色*/
}
/*テーブルのキャプション設定*/
.ta3 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #FFFF99;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	font-weight: bold;	/*文字を太字にする設定*/
}

.ta3 ul li{
    list-style-type:disc;
	margin-left:20px;
	color:#FF0000;
}







/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	text-align: right;
}
#pagetop a {
	color: #FFF;	/*文字色*/
	background-color: #327BD9;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 14em;
	font-size: 10px;
	letter-spacing: 0.1em;
	display: inline-block;
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #74ADF6;
	color: #0F4C9B;
}



/*その他
---------------------------------------------------------------------------*/
.look {
	background: #dcdcdc;
}
.mb1em {
	margin-bottom: 1em;
	margin-top:4em;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #f61468;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}


figcaption {
	font-size: 11px;
}
#main img.wa {
	width: 100%;
	height: auto;
}
.pagetop {
	clear: both;
	text-align: right;
	font-size: 11px;
	letter-spacing: 0.2em;
}

.em{
    font-weight:bold;
	color:#FF0000;
}


.em-shisetsu{
    font-weight:bold;
	color:#FF0000;
}


#bg-yellow{
    background:#FFFF99;
	padding:8px;
}


.em-home{
    font-weight:bold;
	color:#FF0000;
	text-align:center;
}

.em-rinji{
    font-weight:bold;
	color:#FF0000;
	text-align:left;
	line-height:1.5em;
}


.rinji-text{
	line-height:1.2em;
}


.em-gray{
    font-weight:bold;
	color:#333;
	margin-top:5px;
}

.em-red{
    font-weight:bold;
	color:#FF0000;
	margin-top:5px;
	clear:both;
}

.em-blue{
    font-weight:bold;
	color:#0033CC;
	margin-top:5px;
}

.em-black{
    font-weight:bold;
	color:#000;
	margin-top:5px;
	line-height:1.2em;
	margin-left:10px;
	margin-top:10px;
}


.em-black-news{
    font-weight:bold;
	color:#000;
	padding-right:10px;
}


.time-info{
	line-height:1.5em;
	margin-left:15px;
}


.parking-info{
	line-height:1.5em;
	margin-left:10px;
	margin-right:10px;
	font-size:75%;
	
}


#price{
    background:url(../images/price-pdf.jpg) no-repeat;
	height:40px;
	width:240px;
/*	background-position: 95% center;  */
	vertical-align: middle;

}

#price p{
    color:#fff;
	font-weight:bold;
	margin-left:35px;
	text-decoration: none;
		padding-top:8px;
}



#price a:hover{
    color:#fff;
}


#pdf-box-left{
background:url(../images/pool-corse-pdf.jpg) no-repeat;
height:40px;
	width:350px;
	vertical-align: middle;
	float:left;
}

#pdf-box-right{
background:url(../images/pool-corse-pdf.jpg) no-repeat;
height:40px;
	width:350px;
	vertical-align: middle;
	float:right;
}

#pdf-box-left p{
   color:#fff;
	font-weight:bold;
	margin-left:35px;
	text-decoration: none;
}

#pdf-box-right p{
   color:#fff;
	font-weight:bold;
	margin-left:35px;
	text-decoration: none;
}



#pdf-box-left a:hover{
    color:#fff;
}

#pdf-box-right a:hover{
    color:#fff;
}




.subtitle{
    font-weight:bold;
	font-size:110%;
	color:#264199;
	margin:20px 0px 20px 30px;
	border-bottom:2px solid #859ca8;
	width:90%;
	clear:both;
}

.sub-subtitle{
    font-weight:bold;
	font-size:110%;
	color:#09F;
	margin:40px 0px 20px 30px;
	border-bottom:2px dashed #FC0;
	width:90%;
	clear:both;
}


.use-contents{
    width:90%;
	margin:10px 0px 10px 50px;
}

.use-contents li{
    list-style-type:disc;
}


.order-contents{
    width:90%;
	margin:10px 0px 10px 50px;
}

.order-contents li{
    list-style-type:decimal;
	font-weight:bold;
	margin-top:8px;
}


.order-contents p{
	line-height:1.7em;
}

.goriyou-contents{
    width:90%;
	margin:10px 0px 10px 30px;
}

/*--初めての方へ--*/


.kuwashiku {
	font-size: 14px/2;	/*文字サイズ*/
	font-weight: bold;	/*太字に*/
	margin-top:5px;
	background-color: #F08B00;  /* 背景色の指定 */
border-radius: 30px;      /* 角丸の指定 */
padding: 3px 8px 3px 8px;
float:right;
color:#fff;
margin-bottom:10px;
}


.kuwashiku p a{
	color:#fff;
}

.kuwashiku p a:hover{
	color:#FC0;
}


/*駐車場利用状況*/

label {
    background: #ffc000;
    color: #333;
	font-weight:bold;
    padding: 10px;
    display: block;
    margin: 0;
    /*border: 1px solid #fff;*/
	border-radius: 10px;
	margin:0 10px 0 10px;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 340px;
}