/* CSS Document */

body {
	color: #666666;
	font-size: 12px;
  margin:0;
  padding:0;
}

a:link { color: #6db2cc; }
a:visited { color: #6db2cc; }
a:hover { color: #6db2cc; }
a:active { color: #6db2cc; }

img {
	border: 0;
	}

#page{
	width: 863px;
	min-height: 750px;
	margin: auto;
  padding-bottom:70px;
	}
	
#header {
	margin-top: -20px;
	margin-left: 7px;
	float: left;
	}
	
/*ナビゲーションSTA*/
#navi {
	margin-top: 40px;
	margin-left: 570px;
	margin-right: auto;
	}
/*IE6*/
* html #navi {
	margin-top: 25px;
	margin-left: 560px;
	}
/*IE7*/
*:first-child+html #navi {
	margin-top: 25px;
	}

#navi ul#globalnavi {
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	}
#navi li {
	float: left;
	display: inline;
	}
#navi li a {
	display: block;
	width: 35px;
	height: 221px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	
	}
#navi li.gn-member a {
	background-position: 0px 0px;
	margin-right: 15px;
	}
#navi li.gn-member a:hover {
	background-position: 0px -224px;
	margin-right: 15px;
	}
#navi li.gn-photo a {
	background-position: -59px 0px;
	margin-right: 15px;
	}
#navi li.gn-photo a:hover {
	background-position: -59px -224px;
	margin-right: 15px;
	}
#navi li.gn-blog a {
	background-position: -118px 0px;
	margin-right: 15px;
	}
#navi li.gn-blog a:hover {
	background-position: -118px -224px;
	margin-right: 15px;
	}
#navi li.gn-links a {
	background-position: -177px 0px;
	margin-right: 15px;
	}
#navi li.gn-links a:hover {
	background-position: -177px -224px;
	margin-right: 15px;
	}
#navi li.gn-lesson a {
	background-position: -237px 0px;
	margin-right: 15px;
	}
#navi li.gn-lesson a:hover {
	background-position: -237px -224px;
	margin-right: 15px;
	}
#navi li.gn-about a {
	background-position: -295px 0px;
	margin-right: 15px;
	}
#navi li.gn-about a:hover {
	background-position: -295px -224px;
	margin-right: 15px;
	}
#navi li.gn-home a {
	background-position: -355px 0px;
	margin-right: 15px;
	}
#navi li.gn-home a:hover {
	background-position: -355px -224px;
	margin-right: 15px;
	}


#navi li.gn-member_on a {
	background-position: 0px -224px;
	margin-right: 15px;
	}
#navi li.gn-member_on a:hover {
	background-position: 0px -224px;
	margin-right: 15px;
	}
#navi li.gn-photo_on a {
	background-position: -59px -224px;
	margin-right: 15px;
	}
#navi li.gn-photo_on a:hover {
	background-position: -59px -224px;
	margin-right: 15px;
	}
#navi li.gn-blog_on a {
	background-position: -118px -224px;
	margin-right: 15px;
	}
#navi li.gn-blog_on a:hover {
	background-position: -118px -224px;
	margin-right: 15px;
	}
#navi li.gn-links_on a {
	background-position: -177px -224px;
	margin-right: 15px;
	}
#navi li.gn-links_on a:hover {
	background-position: -177px -224px;
	margin-right: 15px;
	}
#navi li.gn-lesson_on a {
	background-position: -237px -224px;
	margin-right: 15px;
	}
#navi li.gn-lesson_on a:hover {
	background-position: -237px -224px;
	margin-right: 15px;
	}
#navi li.gn-about_on a {
	background-position: -295px -224px;
	margin-right: 15px;
	}
#navi li.gn-about_on a:hover {
	background-position: -295px -224px;
	margin-right: 15px;
	}
/*ナビゲーションEND*/


.kuma { 
	margin-top: 40px;
	margin-left: 70px;
	margin-right: auto;
	}


.bottom_line_index {
	background-image: url(../img/line.gif);
	background-repeat: repeat-x;
	margin-top: 30px;
	}
/*IE6*/
* html .bottom_line_index {
	margin-top: 100px;
}
.bottom_line {
	background-image: url(../img/line.gif);
	background-repeat: repeat-x;
	margin-top: 50px;
	}


/* footer */
#footer ul,
#footer ul li,
#footer div,
#footer p,
#footer span,
#footer a{
  -webkit-box-sizing:border-box;
              box-sizing:border-box;
}
#footer {	
  background:#fff url(../img/line.gif) repeat-x;
  background-position:bottom left;
  padding-bottom:18px;
  color:#fff;
  line-height: 1.7;
}
#footer p{
  margin:0;
}
#footer .footer_body{
  background:#614238;
  padding-top:70px;
}
#footer .footer_body .inner{
  width: 863px;
	margin:0 auto;  
}
#footer .footer_title {
  text-align: center;  
}
#footer .footer_title .footer_title_main{
  margin-bottom:15px;
}
#footer .footer_title .footer_title_sub{  
  font-size: 13px;
  letter-spacing: .22em;
  margin-bottom:45px;
}

/* footer maintitle */
#footer .footer_head {
  padding-bottom:50px;
  text-align: center;
}

/* footer contact */    
#footer .footer_contact {
  padding:50px 0;
  border-top:#ae9e99 solid 1px;
}
#footer .footer_contact .footer_contact_button_wrap{
  width:100%;
}
#footer .footer_contact .footer_contact_button_wrap::after{  
  content:"";
  display: block;
  clear: both;
}
#footer .footer_contact .footer_contact_button_wrap .footer_contact_button{
  display: block;
  background:#fbf6f2;
  width:47.8%;
  border-radius: 20px;
  padding: 30px;
  color:#614238;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  letter-spacing: .07em;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#footer .footer_contact .footer_contact_button_wrap .footer_contact_button img{
  vertical-align: top;
  margin-right:6px;
}
#footer .footer_contact .footer_contact_button_wrap .footer_contact_button:hover{
  /*background:#6db2cc;*/
  background:#d5cac9;
  color:#614238;
}

#footer .footer_contact .footer_contact_button_wrap .footer_contact_button.tel{
  font-size: 24px;
  float: left;
}
#footer .footer_contact .footer_contact_button_wrap .footer_contact_button.tel span{
  
}
#footer .footer_contact .footer_contact_button_wrap .footer_contact_button.mail{
  font-size: 20px;
  float: right;
}

/* footer clasroom */
#footer .footer_classroom {
  padding:50px 0;
  border-top:#ae9e99 solid 1px;
}
#footer .footer_classroom .footer_classroom_list {
  list-style: none;
  margin:0;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	width: 600px;
	margin: auto;
}

#footer .footer_classroom .footer_classroom_list .footer_classroom_list_item {
  -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
}
#footer .footer_classroom .footer_classroom_list .footer_classroom_list_item .clasroom_name{  
  background:url("../img/footer/icn_arrow.png") no-repeat;
  background-position: left 5px;
  padding-left:15px;
  margin-bottom:15px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", Meiryo, serif;
  font-size: 14px;
  min-height: 46px;
}
#footer .footer_classroom .footer_classroom_list .footer_classroom_list_item .clasroom_address{
  margin-bottom:15px;
  color:#d5cac9;
  font-size: 12px;  
}
#footer .footer_classroom .footer_classroom_list .footer_classroom_list_item .clasroom_access{
  color:#d5cac9;
  font-size: 12px;
}
#footer .footer_classroom .footer_classroom_list .footer_classroom_list_item .clasroom_access::before{
  content:"";
  display: block;
  width:1em;
  height:1px;
  background-color: #d5cac9;
  margin-bottom:15px;
}

/* footer navi */
#footer .footer_navi {
  padding:50px 0;
  border-top:#ae9e99 solid 1px;
}
#footer .footer_navi .footer_navi_list {
  list-style: none;
  display: block;
  margin:0 auto;
  padding:0;
  text-align: center;
}

#footer .footer_navi .footer_navi_list .footer_navi_list_item {
  display: inline-block;
  font-size:14px;
  letter-spacing: .08em;
}
#footer .footer_navi .footer_navi_list .footer_navi_list_item + .footer_navi_list_item{
  margin-left:20px;
}
#footer .footer_navi .footer_navi_list .footer_navi_list_item a{
  color:#fff;
  text-decoration: none;
}
#footer .footer_navi .footer_navi_list .footer_navi_list_item a:hover{
  color:#6db2cc;
}
#footer .footer_navi .footer_navi_list .footer_navi_list_item a img{
  margin-left:3px; 
}

/* footer copyright */
#footer .footer_copyright {
  background:#32221d;   
}
#footer .footer_copyright .inner{
  text-align: center;
  width: 863px;
	margin:0 auto; 
  padding:15px 0;
}
#footer .footer_copyright small {
  font-size: 11px;
}