@charset "utf-8";
/* =======================================

	 CSS 
	
	 (C)Blue Diamond.

 ======================================= */


@media print, screen and (min-width: 768px) { 

@font-face {
 font-family: 'JapanSans100';
 src: url('./font/JapanSans100.eot');
 src: url('./font/JapanSans100.otf') format('embedded-opentype'),
 url('./font/JapanSans100.woff') format('woff'),
 url('./font/JapanSans100.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }

/*----メイン----*/
html{  
    margin: 0;  
    padding: 0;  
    height: 100%;  
	}  

body {
	color:#000000;
	background-color:#ffffff;
	font-size:14px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	 font-family: 'JapanSans100';
	}
			
a:link {	color:#2e7ea3;
	text-decoration: none;
	}

a:visited {color: #1c526b; 
	text-decoration: none;
	}
a:active {color: color:#83def2;
	 text-decoration: none;
	 }
a:hover	{color: #83def2;
	text-decoration: none;
	}
img{
	border:0;
	}
img a{
	border:0;
	}

body a:hover img{
	opacity: 0.8;
	 filter: alpha(opacity=80);
	 -ms-filter: "alpha(opacity=80)";	
	}
/*--ヘッダー--*/
#header{
	display:block;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding:0px;	border-top:solid 7px #83def2;

	}

/*-- ヘッダーロゴ --*/
#headerin{
	clear:both;
	display:block;
	max-width:1000px;
	width:80%;
	margin-right:auto;
	margin-left:auto;
	margin-top:1%;
	margin-botom:1%;
	}
#header01{
	display:block;
	float:left;
	max-width:500px;
	width:50%;
	margin:10px  0px;
	padding:0px;
	text-align:left;
	}
#header01 img{
	padding-top:0px;
	}

#header02{
	float:right;
	display:block;
	width:50%;
	max-width:500px;
	text-align:right;margin:0px auto;
	padding:0px;
	}

ul#topmiddlemenu{
	float:right;
	display:block;
	max-width:300px;
	width:100%;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:0px 0px 0px auto;
	padding:0px;
	}
ul#topmiddlemenu li.topmiddlemenu1{
	float:left;
	width:46%;max-width:150px;
	display:block;
	margin:0% 2%;
	padding:0px;
	}

/*-- WideSlider --*/		 
.container {
	clear:both;
	display:block;
	width: 100%;
	text-align: center;
	padding:10px 0px;
	background:url("img/border.png")repeat center top;
	}
.wideslider {
    width: 100%;
    text-align: left;
	margin: 0px;
	padding:  0px;
    position: relative;
    overflow: hidden;
	}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
	margin: 0px;
	padding: 0px;
	}
 
.wideslider ul li img {
    width: 100%;
    display: none;
	margin: 0px;
	padding: 0px;
	}
 
.wideslider_base {
    top: 0;
    position: absolute;
	}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
	}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
	}
.slider_prev {background: #fff url(img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(img/next.jpg) no-repeat left center;}
 
.pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
    position: absolute;
    z-index: 200;
	}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #a3eafa;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}
	



/*-- メニュー --*/
#menubackground{
	clear:both;
	text-align:center;
	padding:0px;
	margin:10px auto;
	}

#mainmenu{
	clear:both;
	display:block;
	max-width:1000px;
	width:80%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
ul#topmainmenu{
	display:inline;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
ul#topmainmenu li{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	}


/*----- For Mobile  ----*/
#mobilelogo{
	visibility:hidden;
	width:0px;height:0px;
	padding:0px;
	margin:0px;
	}
#menubackgroundformobile{
	visibility:hidden;
	width:0px;height:0px;
	padding:0px;
	margin:0px;
	}
button{
	visibility:hidden;
	width:0px;height:0px;
	display:inline;
	text-align:center;
	margin:0px;
	padding:0px;
	}
ul#drawer-menu{
	visibility:hidden;
	width:0px;height:0px;
	display:inline;
	list-style-type:none;
	marker-offset:0px;
	margin:0px;
	padding:0px;
	}
ul#drawer-menu li{
	visibility:hidden;
	width:0px;height:0px;
	display:block;
	margin:0px;
	padding:0px;
	}
nav{
	visibility:hidden;
	width:0px;height:0px;
	}
.insidetext{
	margin:10px 30px;
	}
/*-- アリーナ小メニュー --*/
nav.naver{
	visibility:visible;
	width:100%;
		}
ul.naviul{
	visibility:visible;
	display:inline;
	width:100%;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
ul.naviul li{
	display:block;
	margin:5px;
	border:solid 1px #cccccc;
	padding:5px;overflow:hidden;
	background:#d6f1f7;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
ul.naviul li:hover{
	display:block;
	margin:5px;
	border:solid 1px #cccccc;
	padding:5px;overflow:hidden;
	background:#e8f5f8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.naver-handle {
  width: 100%;
  background: #d6f1f7;
  border-bottom: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: none;
  font-size: 16px;
  margin: 0;
  padding: 10px 15px;
	 position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
/*-- メインイメージ --*/

.main{
	width:100%;
	text-align:center;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding: 0px;
	border:0px;overflow:hidden;
	}
.main2{
	width:100%;
	background:#c3ebf4;
	text-align:center;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding: 0px;
	border:0px;overflow:hidden;
	}
.main3{
	width:100%;
	background:#e7f1f4;
	text-align:center;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding: 0px;
	border:0px;overflow:hidden;
	}
	
/*-- コンテンツ --*/
.contents{
	clear:both;
	display:block;
	max-width:1000px;
	width:80%;
	text-align:left;
	margin:10px auto;
	padding:0px;
	line-height:2;
	}
.maincontentsleft{
	float:left;
	display:block;
	width: 25%;
	line-height:2;
	margin:1%;
	padding:0%;
	text-align:center;
	font-size:14px;
	}

.maincontentsright{
	float:right;
	line-height:0;
	width:71%;
	font-size:14px;
	margin:1%;
	padding:0%;
	text-align:center;line-height:2;
	}
.mainimage{
	clear:both;
	display:block;
	max-width:1000px;
	width:80%;
	text-align:left;
	margin:0px auto;
	padding:0px;
	}
.mainimage img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.maincontentsinleft{
	float:left;
	display:block;
	width: 71%;
	line-height:2;
	margin:1%;
	padding:0%;
	text-align:center;
	font-size:14px;
	}

.maincontentsinright{
	float:right;
	line-height:0;
	width:23%;
	font-size:14px;
	margin:1%;
	padding:0%;
	text-align:center;line-height:2;
	}


/*-- トップページコンテンツcenter&right --*/
ul.banaul2{
	display:inline;
	width:100%;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
ul.banaul2 li{
	float:left;
	width:48%;
	display:block;
	margin:1%;
	padding:0px;
	}
ul.banaul3{
	display:inline;
	width:100%;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
ul.banaul3 li{
	float:left;
	width:31%;
	display:block;
	margin:1%;
	padding:0px;
	}
ul.banaul5{
	display:inline;
	width:100%;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
ul.banaul5 li{
	float:left;
	width:18%;
	display:block;
	margin:1%;
	padding:0px;
	}

/*-- 履歴 --*/
#rirekibg{
	clear:both;
	display:block;
	width:95%;
	text-align:center;
	margin:1%;
	padding:1%;
	background-color:#ffffff;
	}

.rireki{
	clear:both;
	display:block;
	width:100%;
	text-align:left;
	margin-left:auto;margin-right:auto;
	padding:5px;
	border-bottom:dashed 1px #cccccc;
	overflow:hidden;
	}
.rirekileft{
	float:left;
	display:block;
	line-height:2;
	text-align:left;
	padding:5px 5px 5px 30px;
	background:url("img/top-yajirushi2.png") no-repeat left top;
	}
	
.rirekiright{
	float:right;
	display:block;
	width:70%;
	line-height:2;
	padding:5px;
	}

.textright{
	clear:both;
	display:block;
	text-align:right;
	padding:10px;
	margin-left:auto;
	}
/*-- スケジュール --*/
.contentsin{
	clear:both;
	display:block;
	width:80%;
	max-width:1000px;
	text-align:left;
	margin:10px auto;
	padding:0px;
	line-height:2;
	}
table.arenatbl{
	clear:both;
	width:80%;
	margin:10px auto;
	max-width:800px;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	}
table.arenatbl td{
	padding:5px;text-align:left;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	}
table.arenatbl td.arenatbldate{
	padding:5px;text-align:center;
	background:#d6f1f7;width:20%;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	}
table.arenatbl td.arenatbldatetop{
	padding:5px;text-align:center;
	background:#d6f1f7;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	}
/*-- 教室 --*/
.schoolshousai{
	display:block;
	background:#fff8d1;text-align:center;
	max-width:150px;
	padding:3px 5px;
	border:solid 1px #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.schoolshousai:hover{
	display:block;
	background:#e9fbff;text-align:center;
	max-width:150px;
	padding:3px 5px;
	border:solid 1px #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.schoolshousai2{
	float:right;
	display:block;
	background:#fff8d1;text-align:center;
	max-width:150px;
	padding:3px 5px;
	border:solid 1px #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.schoolshousa2i:hover{
	float:right;
	display:block;
	background:#e9fbff;text-align:center;
	max-width:150px;
	padding:3px 5px;
	border:solid 1px #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
/*-- 施設 --*/
.shisetsubg{
	clear:both;
	display:block;
	width:80%;
	text-align:center;
	margin:1% auto;
	padding:1%;
	background-color:#ffffff;
	}

.shisetsu{
	clear:both;
	display:block;
	width:100%;
	text-align:left;
	margin-left:auto;margin-right:auto;
	padding:5px;
	border-bottom:dashed 1px #cccccc;
	overflow:hidden;
	}
.shisetsuleft{
	float:left;
	display:block;
	line-height:2;
	text-align:left;
	padding:5px 5px 5px 30px;
	}
	
.shisetsuright{
	float:right;
	display:block;
	width:75%;
	line-height:2;
	padding:5px;
	}
/*-- メインアリーナ --*/
table.arenatbl2{
	clear:both;
	width:95%;
	margin:10px auto;
	max-width:800px;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	}
table.arenatbl2 td{
	padding:5px;text-align:left;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;font-size:12px;
	}
table.arenatbl2 td.arenatbldate{
	padding:5px;text-align:center;
	background:#d6f1f7;width:20%;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;font-size:12px;
	}
table.arenatbl2 td.arenatbldatetop{
	padding:5px;text-align:center;
	background:#d6f1f7;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;font-size:12px;
	}
ul.photo2ul{
	display:block;
	width:100%;
	height:auto;
	list-style-type:none;
	marker-offset:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;overflow:hidden;
	}
ul.photo2ul li{
	float:left;
	width:48%;
	display:block;
	margin:1%;
	padding:0px;
	}
/*-- フォント --*/
h1{
	font-size:16px;text-align:center;
	font-weight:bold;
	color:#3a97ac;border:solid 1px #cccccc;
	background-color:#fff8d1;
	margin:10px;
	padding:7px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
h1 a{
	float:right;
	}
h2{
	font-size:14px;
	font-weight:bold;
	color:#336600;}
h3{
	font-size:16px;text-align:center;
	font-weight:bold;
	color:#3a97ac;
	background-color:#fff8d1;border:solid 1px #cccccc;
	margin:10px;
	padding:7px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
h3 a{
	float:left;
	}
h4{
	font-size:16px;text-align:left;
	font-weight:bold;
	color:#3a97ac;
	background:url("img/bg-dot.png")repeat #ffffff;
	margin:10px;
	padding:7px;
	border:solid 1px #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
h5{
	text-align:left;
	font-size:16px;
	font-weight:lighter;
	color:#3a97ac;
	}
.setsumei{
	padding:10px 30px;
	line-height:2.5;text-align:left;
	}
.imageleft{
	float:left;
	margin:10px;
	}
img.imageround{
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
/*-- フッター --*/
#footer{
	clear:both;
	text-align:center;
	padding:20px 0px 20px 0px;
	margin:0px;
	font-size:12px;
	line-height:2;
	color:#11532c;
	background:url("img/bg-bottom.png")repeat-x center top #83def2;
	text-align:center;}
#footerin{
	width:100%;
	max-width:1000px;
	margin:20px auto;color:#ffffff;
		}
#footertextright a{
	color:#ffffff;
	}
	


/*-- contact form --*/
	
.contactall{
	clear:both;
	display:block;
	margin-right:auto;
	margin-left:auto;
	}
.contactleft{
	float:left;
	display:block;
	width:20%;
	text-align:left;
	line-height:2;
	padding:5px;
	}
.contactright{
	float:right;width:75%;
	display:block;
	text-align:left;
	padding:5px;
	line-height:2;
	}
input {
	padding:0.4em;
	border:1px solid #ddd;
	background:#e9fbff;
	font:1em arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#d6f1f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
} 
textarea {
	padding:0.4em;
	border:1px solid #ddd;
	background:#e9fbff;
	font:bold 1em arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
textarea:hover, textarea:focus {
	border-color:#c5c5c5;
	background:#d6f1f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.contactall{
text-align:center;
	margin-right:auto;
	margin-left:auto;
	}

.insidetext{
	text-align:left;
	padding:20px;
	display:block;
	margin:10px;
	line-height:2;
	}
.insidetextimg{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	
	}
.insidetext2{
	text-align:left;
	line-height:2.5;
	padding-right:20px;
	padding-left:20px;
	}


p.imgcenter2{
	text-align:center;
	width:80%;	max-width:330px;
	margin-right:auto;margin-left:auto;
	}
.textleft2{
	text-align:left;
	line-height:2;width:90%;margin-right:auto;margin-left:auto;
	}

/*-- パンくず --*/
.pankuzubg{
	clear:both;
	display:block;
	width:100%;
	margin:0px auto;
	text-align:center;
	font-size:12px;
	padding:1% 0%;
	border-bottom:dashed 1px #cccccc;

	}
.pankuzulist{
	width:80%;margin-right:auto;margin-left:auto;
	max-width:1000px;
	text-align:left;
	}	

/*-- ページトップ --*/
#tothepagetop{
position:fixed;
right:5px;
bottom:10px;
display:block;
width:50px;
height:50px;
margin:0px;
padding:0px;
}

/*-- クリア --*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}



* html .clearfix{ /* for IE */
	/*\*/height:1%;/* for WinIE*/
	display: inline-table;/* for MacIE*/
}

}