@charset "utf-8";
#spMenu, #spOpenMenuIcon{
  display: none;
}
a{color:#36a8d7;text-decoration:none;}
a:hover{color:#f5ba57;text-decoration:none;}
a:active, a:focus {outline: 0;}
.logo{
  display: block;
  padding-top:24px;
}
img{
  max-width: 100%;
  height:auto;
}
h3{
  margin-top:20px;
}
#container h2.pageTitle{
  background:url(../images/bg_pagetitle.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  margin:0;
  margin-bottom:20px;
  padding:0;
  font-weight:bold;
  font-size:48px;
  color:#000;
  text-align:center;
  line-height:150px;
  border:1px solid #CCCCCC;
}
#container h4{
padding: .1em 0 .1em .75em;
border-left: 8px solid #7bc1df;
font-weight:bold;
margin-top:20px;
}
#container h5{
padding: .1em 0 .1em .75em;
border-left: 4px solid #7bc1df;
margin-top:16px;
}
table{
  width:100%;
  border: 1px #7bc1df solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin:10px 0 20px;
}
.bold{
  font-weight:bold;
}
/* submenu
------------------------------------------------------------------------------*/
ul.submenu{
  display: none;
  background:none;
  position: absolute;
  left:0;
  top:0;
  width:132px;
}

#submenu1{
  color:#FFF;
  background-image: none;
  background: #7bc1df;
  border:2px solid #36a8d7;
  padding:4px;
  font-size:90%;
}

ul#mainnav ul.submenu a{
  text-indent: inherit;
  height:auto;
  background: none;
  color:#FFF;
}
ul#mainnav ul.submenu li:hover{
  background:#36a8d7;
}

/* footer
------------------------------------------------------------------------------*/
#footerUpper{
  font-size:90%;
}
#footerUpper a{
  text-decoration: none;
}
#footerUpper a:hover{
  color: orange;
}

/* aboutus
------------------------------------------------------------------------------*/
.aboutImage{
  display: block;
  text-align:center;;
}

/* ayu,o
------------------------------------------------------------------------------*/
#container #ayumi h4{
  font-size:24px;
  padding:20px 0 10px;
  border:none;
  font-weight:bold;
  margin-top:20px;
}
.sotudan{
  margin-top:16px;
  font-size:18px;
  font-weight:bold;
  text-align: center;
  line-height:2;
}

/* staff
------------------------------------------------------------------------------*/
.staffArea:after{
  display: table;
  clear:both;
  content: "";
}
.staffBlock{
  /*width:33%;*/
  width:100%;
  text-align:center;
  line-height:1.6;
  float:left;
}
.staffBlock .name, .staffTable .name{
  font-weight:bold;
  padding:10px 0;
}
.staffBlock .sikaku, .staffTable .sikaku{
  font-size:90%;
}
table.staffTable{
  border:none;
  border-collapse: separate;
  border-spacing : 10px;
}
table.staffTable td{
  border:none;
  border-bottom:1px solid #aacadf;
  border-top:1px solid #aacadf;
  padding:10px 0 20px 0;
  vertical-align: top;
  text-align:center;
  width:25%;
}
table.staffTable.kougakunen td{
  width:20%;
}
/* ホームグラウンド
------------------------------------------------------------------------*/
.gmap{
  width:100%;
  height:400px;
  border:none;
}
.address{
  text-align:center;
}
/* メンバー募集
------------------------------------------------------------------------*/
.joinusImg{
  display: block;
  margin-bottom:20px;
}
.joinusMsg{
  font-size: 18px;
  line-height: 3;
  text-align:center;
}
/* 問い合わせフォーム
------------------------------------------------------------------------*/
table.formTable{
  border:none;
}
table.formTable td{
  padding:6px;
}
input[type="text"], input[type="email"],textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background:#36a8d7;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background:#7bc1df;
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}
p.contactMsg{
  text-align:center;
}
table.formTable {
  /*width:600px;*/
  margin:auto;
}
table.formTable th{
  width:25%;
}
table.formTable input[type="text"], table.formTable textarea{
  width:100%;
}
span.formHissu{
  color:#FF0000;
  font-size:13px;
  font-weight:normal;
}
.contactMsg{
  text-align:center;
}
.contactMsg .tel{
  font-size:20px;
  font-weight:bold;
}
#btnsubmit{
  display: block;
  margin:auto;
  width:120px;
  height:36px;
  text-align:center;
  margin-bottom:20px;
}
#formResult{
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  padding:10px;
  border-radius: 8px;
}
.formError{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
    margin-bottom:20px;
}
.formSuccess{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
    margin-bottom:20px;
}
.hankaku{
  ime-mode: disabled;
}

div.blog h3{
  margin-top:32px;
}
div.blog .date{
  text-align:right;
}
div.blogImg img{
  display: block;
  margin:auto;
  margin-bottom:16px;
}

/*********pageナビ*********/
.pagenavi{
    color: #2583ad;
    margin: 2px auto;
    line-height:2em;
    text-align:center;
    clear: both;
}
.pagenavi a{
    text-decoration:none;
}
.pagenavi a.page-numbers, .pagenavi .current{
    color: #1896d1;
    padding: 3px 7px;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:16px;
}
.pagenavi a.page-numbers:hover{
    color:#fff;
    background: #1896d1;
}
.pagenavi .current{
    color: white;
    background: #1896d1;
    border-color: #1896d1;
    font-weight:bold:
}
.pagenavi .next, .pagenavi .prev{
    border:0 none;
    background:transparent;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}
.pagenav:after{
  display: table;
  clear:both;
  content: "";
}
.pagenav .next{
  float:right;
}
.pagenav .prev{
  float:left;
}
.tac{
  text-align:center;
}
.scheduleToiawase{
  text-align:center;
  font-size:20px;
  margin-top:32px;
}

table.basicTable{
	border-collapse: separate;
	border-spacing: 0;
	table-layout:fixed;
}
table.basicTable th{
	border:1px solid #7bc1df;
  background: #DEF3FC;
  text-align:center;
}
table.basicTable td{
	border:1px solid #7bc1df;
}