*{
	margin : 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}











/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.fadenav{animation: fadeIn 1s ease 0s 1 normal;}
 @keyframes fadeIn { from {
     opacity: 0;
     transform: translateY(30px); フェード前の位置 
 }
 to {
     opacity: 1;
     transform: translateY(0); フェードの位置 
 }
}


#wrapper{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #EEEEEE;
}
#content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    min-width: 800px;
    max-width: 1200px;
    
}

a:hover {
	transition: all 0.3s ease 0s;
}



a:hover img {
	transition: all 0.3s ease 0s;
}


/* スマホ
------------------------------ */
@media screen and (max-width:800px) {
    
    #mapi_a {
    margin-left: 20px;
    margin-right: 20px;
}
#mapi_a a img {
    max-width: 400px;
    float: right;
    border: 1px solid #A5A5A5;
}
#mapi_a a:hover  {
    opacity: 0.6;
}
	#kkn_d {
	font-size: 32px;
	line-height: 50px;
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-left: 20px;
	width: 200px;
	height: 45px;
	color: #0073F7;
	border-radius: 20px;
}
	
	.sticky {
  
  position: -webkit-sticky; /* Safariに対応する */
  position: sticky; /* 要素を固定/解除する */
  top: 180px; /* 縦方向の閾値 */
  left: 0; /* 横方向の閾値 */
}


#nav-drawer {
	position: relative;
	width: 800px;
	height: 80px;
	background-color: #D9D9D9;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 800px;
	height: 80px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  
}
#nav-open span:before {
  
}
#nav-open span:after {
  
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 178px;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 178px;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 500px;/*最大幅（調整してください）*/
  height: 80%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

	

	
	#kkn_c {
	
}
	
	
	
	#kkn_b {
	
}
	
	#kkn_a {
	display: none;
}
	
	#page_top{
	width: 100px;
	height: 100px;
	right: 0;
	bottom: -100px;
	background-color: #9D9D9D;
	opacity: 0.8;
	border-radius: 50%;
	margin-right: 30px;
	position: fixed;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
}
#page_top a::before{
	font-family: FontAwesome;
	content: '\f102';
	font-size: 50px;
	color: #fff;
	width: 50px;
	height: 50px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	position: absolute;
}
	#mpnnme   {
    background-color: #F0F0F0;
    color: #1B51BD;
    font-size: 32px;
    line-height: 2em;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    text-align: center;
        font-family: 'M PLUS Rounded 1c', sans-serif;
}
body{
	font-size: 100%;/* ←行間指定 */
	/* 以下は魔法の指定。これも入れてね。 */
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-color: #ffffff;
	font-size: 16px;
	color: #333333;
	font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
	line-height: normal;
}



#kaku {
	font-size: 24px;
	text-align: center;
	margin-top: 20px;
}


#m_listb ul li a {
    text-decoration: none;
    text-align: center;
    color: #161616;
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 32px;
    background-image: url(../../img_marks/snd-002blue.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 341px;
    line-height: 2em;
    border: 2px solid #B1B1B1;
    background-color: #FFFFFF;
    padding-right: 20px;
    border-radius: 10px;
}
#m_listb ul li a:hover  {
    opacity: 0.6;
}




/* wraper */
#wraper{
width:800px;
}


#wrapper{
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 text-align:center;
}



#hl01{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:81px;
 background-color:#000033;
 background:url('../../img/head_bg_ab01.jpg') center left repeat-x;
}

#hl02{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:20px;
 background-color:#3399ff;
 background:url('../../img/head_bg_ab02.jpg') center left repeat-x;
}

#hl03{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:22px;
 background-color:#666666;
 background:url('../../img/head_bg_ab03.jpg') top left repeat-x;
 clear:both;
}


#hl04{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:22px;
 background-color:#666666;
 background:url('../../img/head_bg_ab03.jpg') bottom left repeat-x;
 clear:both;
}


#header{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:81px;
clear:both;
}

#l_head{
margin:0px;
padding:0px;
  float:left;
  width:198px;
}

#l_head2{
margin:0px;
padding:0px;
  float:left;
  width:80px;
}

#c_head{
margin:0px;
padding:0px;
  text-align:left;
  float:left;
  width:135px;
}

#r_head{
margin:0px;
padding:0px;
  text-align:left;
  float:left;
  width:135px;
}
#r_head2{
margin:0px;
padding:0px;
  text-align:right;
  float:right;
  width:240px;
}



#cn_head{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:20px;
	text-align:center;
	background-color:#3399ff;
clear:both;
}

#cn_head ul{
	margin:0px;
	padding:0px;
}

#cn_head li{
 float:left;
 width:190px;
 margin:0px;
 padding:0px;
 list-style: none;
}

#cn_head li a{
 display:block;
 width:100%;
 text-align:center;
 float:left;
}

#ng_head{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:22px;
clear:both;
}

/* navigation */
#navigation{
	width:800px;
	margin:0px auto;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
}

#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation a{
	display:block;
	width:88px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
}

#navigation a:hover{
	background-color:#336600;
}

#ng_head2{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:22px;
clear:both;
}

/* navigation2 */
#navigation2{
	width:800px;
	margin:0px auto;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
}

#navigation2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation2 li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation2 a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation2 a:hover{
	background-color:#336600;
}

/* l_menu */
#l_menu{
width:180px;
float:left;
text-align:left;
line-height:150%;
}

#l_menu ul{
	list-style-type:none;
}

#l_menu li{
	margin:0;
	background : url(../../img/arrow-g.gif) left center no-repeat;
	padding : 2px 2px 2px 12px;
	vertical-align:top;
}

/* middle */

#middle{
text-align:left;
float:right;
width:590px;

}


#middle2{
	margin: 0px auto;
	padding : 0px;
	width: 800px;
	text-align: center;
	clear: both;
	background-color: #FFFFFF;
}

#bottom{
  margin:0px auto;
  padding:0px;
  width:800px;
	height:230px;
  text-align:left;
  clear:both;
}


#bottom ul{
	margin:0px 4px 0px 20px;
}

#bottom li{
	list-style-image:url('../img/arrow-g.gif');
}

#bottom h5{
	font-size:x-small;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	color:#666666;
	margin:4px 0px;
}

#b1{
  margin : 0px;
  padding : 3px;
  float:left;
  width:204px;
}

#b2{
  margin : 0px;
  padding : 3px;
  float:left;
  width:204px;
}

#b3{
  margin : 0px;
  padding : 3px;
  float:left;
  width:204px;
}

#b4{
  margin : 0px;
  padding : 3px;
  float:right;
  width:162px;
}


#tel{
  margin : 0px auto;
  padding : 0px;
width:590px;
text-align:center;
font-size:small;
}


#tel ul{
list-style: none;
margin:0px;
padding:0px;
}

#tel li{
float:left;
width:120px;
margin:2px;
padding:0px;
list-style: none;
	color:#003366;
}

#tel a{
	display:block;
	width:100%;
	padding:4px 0px 4px 0px;
}

/* footer */

#footer{
	text-align: center;
	width: 750px;
	background-color: #283e96;
	clear: both;
	font-size: 14px;

}

#under{
	padding: 0px;
	width: 100%;
	text-align: center;
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
}

#under2{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 clear:both;
background-color:white;
}



#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#footer li{
	float:left;
	width:150px;
	padding:0px;
}


#footer a{
	display: block;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #283e96;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;

}

#footer a:hover{
	background-color:#ff9702;
}

#reg1{
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	width: 750px;
	text-align: center;
}

#reg1 a{
	color: #333333;
}
#reg1 a:hover{
	color: #FF6600;
}





/* h_menu */

#h_menu{
text-align:center;
width:500px;
}

#h_menu ul{
	list-style:none;
	margin:0px 4px;
	padding:3px;
	height:30px;
	overflow:hidden;
}

#h_menu li{
	float:left;
	width:120px;
	margin:0px;
	padding:3px;
}


.gr_bld{
  font-weight : bold;
  color : #666600;
}
.tel_blu{
  font-weight : bold;
  font-size : large;
}
.kosha{
  font-weight : bold;
  font-size:large;
  font-family : MS UI Gothic,HGPｺﾞｼｯｸE,sans-serif;
  color : #666600;
}
.line_gr{
  border-top:1px solid #666666;
  border-left:1px solid #666666;
  padding:6px 0px 0px 10px;
}

.sample_02{
	color: #3e3e3e;
	line-height: 110%;
	width: 640px;
	height: 480px;
	border: 1px solid #999999;
	margin-left: 75px;
}
.sample_02 th{
	
	text-align: left;
	vertical-align: top;
	color: #3e3e3e;
	background-color: #dcdcdc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}
.sample_02 td{
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}

.sample_03{
	border-collapse: separate;
	border-spacing: 0px;
	line-height: 180%;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #3e3e3e;
}
.sample_03 th{
	
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}
.sample_03 td{
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 20px;
}
.sample_04{
	margin-left: 10px;
	margin-bottom: 20px;
}
.sample_05{
	margin-left: 10px;
	margin-top: 5px;
	width: 355px;
	margin-bottom: 10px;
}
.sample_05 td{
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	background-image: url(../img/20140806003.jpg);
	background-repeat: no-repeat;
	width: 330px;
	font-size: 12px;
	text-align: left;
	height: 25px;
	line-height: 100%;
	color: #565656;
}
.sample_05 a:link{
  text-decoration:none;
  color:#565656;
}

.sample_05 a:visited{
  text-decoration:none;
  color:#565656;
}

.sample_05 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_06{
	color: #3e3e3e;
	margin-left: 30px;
	margin-bottom: 20px;
	bottom: 0px;
}
.sample_07{
	color: #3e3e3e;
	margin-left: 10px;
	margin-bottom: 0px;
	background-image: url(../img/0804-003.jpg);
	width: 566px;
	height: 24px;
	background-repeat: no-repeat;
	font-weight: bold;
	margin-top: 15px;
}
.sample_07 td{
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
}
.sample_08{
	color: #f4f9ff;
	margin-left: 10px;
	margin-bottom: 0px;
	background-image: url(../img/0804-007.jpg);
	width: 566px;
	height: 27px;
	background-repeat: no-repeat;
	font-weight: bold;
	margin-top: 15px;
	font-size: 18px;
}
.sample_08 td{
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
}
.sample_09{
	margin-left: 45px;
	margin-bottom: 20px;
}
.sample_09 td{
	color: #707070;
	background-image: url(../img/20140806022.jpg);
	width: 141px;
	height: 55px;
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.sample_10{
	margin-left: 0px;
	margin-top: 15px;
}
.sample_09 a:link{
  text-decoration:none;
  color:#707070;
}

.sample_09 a:visited{
  text-decoration:none;
  color:#707070;
}

.sample_09 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_11{
}
.sample_11 td{
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 3px;
}
.sample_12{
	height: 64px;
	width: 590px;
	background-image: url(../img/20140806034.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.sample_12 td{
	padding-left: 20px;
	line-height: 120%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding-right: 20px;
	color: #414141;
}

.sample_12 a:link{
  text-decoration:none;
  color:#414141;
}

.sample_12 a:visited{
  text-decoration:none;
  color:#414141;
}

.sample_12 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_13{
	margin-left: 60px;
	margin-top: 10px;
	width: 416px;
}
.sample_13 td{
	width: 416px;
	height: 40px;
	background-image: url(../img/20140806045.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
}
.sample_13 a:link{
  text-decoration:none;
  color:#0e77c0;
}

.sample_13 a:visited{
  text-decoration:none;
  color:#0e77c0;
}

.sample_13 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_14{
	font-size: 12px;
}
.sample_14 a:link{
	text-decoration: none;
	color: #474747;
}

.sample_14 a:visited{
	text-decoration: none;
	color: #474747;
}

.sample_14 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.menu0817_1{
	font-size: 12px;
}
.menu0817_1 td{
}
.menu0817_1 a:link{
	text-decoration: none;
	color: #474747;
}

.menu0817_1 a:visited{
	text-decoration: none;
	color: #474747;
}

.menu0817_1 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_15{

}
.sample_15 td{
	width: 568px;
	height: 39px;
	background-image: url(../img/20140806048.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	color: #2c85d0;
}

.sample_16{
	background-image: url(../img/20140806052.jpg);
	background-repeat: no-repeat;
}
.sample_16 td{
}
.sample_17{
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 28px;
	line-height: normal;
}

.sample_17 a{
	text-decoration: none;
	color: #006CF2;
}
.sample_17 a:hover{
  color: #FF8200;
}




.adr_1 {
	font-size: 14px;
	line-height: 150%;
}
.adr_1 td{
}

.adr_1 a:link{
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.adr_1 a:visited{
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.adr_1 a:hover{
	text-decoration: none;
	color: #ffae00;
	font-size: 16px;
	font-weight: bold;
}

.demo02 a {
    width: 176px;
    height: 41px;
    background: url("../img/map-kus01.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}
.demo02 a:hover {
    background-position: 0 -60px;
}

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.sh01 {
	width: 704px;
	margin-left: 40px;
  }
.sh02 {
	width: 800px;
	height: 400px;
	background-image: url(../img/ksh001-sp.jpg);
	background-repeat: no-repeat;
  }
.sh03 {
	width: 750px;
	height: 59px;
	margin-top: 20px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/map-kus19_i.jpg);
	margin-bottom: 10px;
	font-size: 30px;
  }
  .sh03 td{
	padding-left: 30px;
	color: #044eaa;
	font-size: 24px;
	padding-top: 4px;
  }
.sh04 {
	width: 733px;
	margin-left: 35px;
  }


#m_listb{
    font-size: 14px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

#m_listb ul{
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding: 0px;
}

#m_listb li{
	list-style: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 34px;
	line-height: normal;
	color: #0182ED;
	border-radius: 4px;
}
.main_tytle02 {
	width: 370px;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	outline: none;
	color: #003785;
	font-size: 30px;
	line-height: 50px;
	margin-top: 10px;
	border-radius: 10px;
	border: 1px solid #5d97d2;
}
.main_tytle02 a{
	width: 330px;
	display: block;
	color: #003785;
}

.main_tytle02 a:hover{
	color: #003785;
}


.main_tytle02::before,
.main_tytle02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.main_tytle02,
.main_tytle02::before,
.main_tytle02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main_tytle02:hover {
	background-color: #60c0f2;
	color: #FFFFFF;
}

#schoolwaku{
	width: 800px;
	float: left;
	font-size: 14px;
	margin-bottom: 30px;
}

#m_list_r{
	width: 380px;
	float: left;
	font-size: 14px;
}

#m_list_r ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#m_list_r li{
	list-style: none;
}

#m_list_r li a{
	display: block;
	list-style: none;
	overflow: hidden;
}
#info {
	list-style: none;
	margin-left: 40px;
	margin-right: 40px;
}

#m_list_info{
	width: 710px;
	float: left;
	font-size: 20px;
	margin-left: 40px;
}

#m_list_info ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#m_list_info li{
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 670px;
	font-size: 20px;
	border-bottom: 1px dotted #CCCCCC;
}

#m_list_info li a{
	
	list-style: none;
	
}
.sumafont a {
	color: #0581DE;
}
.sumafont a:hover  {
	color: #FF7D00;
}
.main_tytle02-info {
	width: 670px;
	text-align: left;
	text-decoration: none;
	background-color: #fff;
	outline: none;
	color: #333333;
	font-size: 24px;
	line-height: 34px;
	margin-top: 10px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
}
.main_tytle02-info a{
	display: block;
	color: #333333;
	font-weight: bold;
	text-align: left;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 400px;
	font-size: 40px;
	margin-top: 0px;
	background-image: url(../img/tel_icon1111.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
}

.main_tytle02-info a:hover{
}


.main_tytle02-info::before,
.main_tytle02-info::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.main_tytle02-info,
.main_tytle02-info::before,
.main_tytle02-info::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main_tytle02-info:hover {
	
}
#kaku a {
	color: #2170f3;
}
#kaku a:hover {
	color: #FF6600;
}
#wakudai {
	width: 750px;
	background-color: #CCCCCC;
}
.sumafont {
	font-size: 26px;
	line-height: 32px;
}

.sumafont2 {
	-webkit-text-size-adjust: 120%;
	-moz-text-size-adjust: 120%;
	-ms-text-size-adjust: 120%;
	-o-text-size-adjust: 120%;
	text-size-adjust: 120%;
}
.yaji {
	margin-right: 15px;
}
.tytle_school {
	width: 728px;
	height: 75px;
	margin-bottom: 10px;
	font-size: 38px;
	background-image: url(../img/map_tytle_school.jpg);
	line-height: 80px;
	padding-left: 22px;
	color: #0c4892;
	margin-left: 10px;
}
.tytle_station {
	font-size: 26px;
	line-height: 30px;
	padding-left: 55px;
	margin-bottom: 10px;
	padding-top: 20px;
}

.kokuti {
	font-size: 34px;
	padding-left: 20px;
	margin-bottom: 10px;
	color: #DD0003;
}
.sumafont_k {
	font-size: 26px;
	line-height: 32px;
}
.sumafont_k a {
	color: #145FC3;
}
.sumafont_k a:hover  {
	color: #FF9900;
}

}


/* PC
------------------------------ */
@media screen and (min-width:801px) {
	#mpnnme   {
    background-color: #F3F3F3;
    color: #1D53C0;
    font-size: 18px;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 8px;
    text-align: center;
    width: 90%;
    padding-right: 10px;
        font-family: 'M PLUS Rounded 1c', sans-serif;
}
body{
	font-size: 100%;/* ←行間指定 */
	/* 以下は魔法の指定。これも入れてね。 */
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-color: #ffffff;
	font-size: 16px;
	color: #333333;
	font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
	line-height: normal;
}



#kaku {
	font-size: 24px;
	text-align: center;
	margin-top: 20px;
}


#m_listb ul li a {
    text-decoration: none;
    color: #000000;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: url(../../img_marks/snd-001blue.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: 2px solid #C3C3C3;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    width: 30.5%;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
    border-radius: 8px;
}
#m_listb ul li a:hover  {
    opacity: 0.6;
}




/* wraper */
#wraper{
width:800px;
}


#wrapper{
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 text-align:center;
}



#hl01{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:81px;
 background-color:#000033;
 background:url('../../img/head_bg_ab01.jpg') center left repeat-x;
}

#hl02{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:20px;
 background-color:#3399ff;
 background:url('../../img/head_bg_ab02.jpg') center left repeat-x;
}

#hl03{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:22px;
 background-color:#666666;
 background:url('../../img/head_bg_ab03.jpg') top left repeat-x;
 clear:both;
}


#hl04{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 height:22px;
 background-color:#666666;
 background:url('../../img/head_bg_ab03.jpg') bottom left repeat-x;
 clear:both;
}


#header{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:81px;
clear:both;
}

#l_head{
margin:0px;
padding:0px;
  float:left;
  width:198px;
}

#l_head2{
margin:0px;
padding:0px;
  float:left;
  width:80px;
}

#c_head{
margin:0px;
padding:0px;
  text-align:left;
  float:left;
  width:135px;
}

#r_head{
margin:0px;
padding:0px;
  text-align:left;
  float:left;
  width:135px;
}
#r_head2{
margin:0px;
padding:0px;
  text-align:right;
  float:right;
  width:240px;
}



#cn_head{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:20px;
	text-align:center;
	background-color:#3399ff;
clear:both;
}

#cn_head ul{
	margin:0px;
	padding:0px;
}

#cn_head li{
 float:left;
 width:190px;
 margin:0px;
 padding:0px;
 list-style: none;
}

#cn_head li a{
 display:block;
 width:100%;
 text-align:center;
 float:left;
}

#ng_head{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:22px;
clear:both;
}

/* navigation */
#navigation{
	width:800px;
	margin:0px auto;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
}

#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation a{
	display:block;
	width:88px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
}

#navigation a:hover{
	background-color:#336600;
}

#ng_head2{
width:800px;
margin:0px auto;
padding:0px;
text-align:left;
height:22px;
clear:both;
}

/* navigation2 */
#navigation2{
	width:800px;
	margin:0px auto;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
}

#navigation2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation2 li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation2 a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation2 a:hover{
	background-color:#336600;
}

/* l_menu */
#l_menu{
width:180px;
float:left;
text-align:left;
line-height:150%;
}

#l_menu ul{
	list-style-type:none;
}

#l_menu li{
	margin:0;
	background : url(../../img/arrow-g.gif) left center no-repeat;
	padding : 2px 2px 2px 12px;
	vertical-align:top;
}

/* middle */

#middle{
text-align:left;
float:right;
width:590px;

}


#middle2{
	margin: 0px auto;
	padding : 0px;
	width: 800px;
	text-align: center;
	clear: both;
	background-color: #FFFFFF;
}

#bottom{
  margin:0px auto;
  padding:0px;
  width:800px;
	height:230px;
  text-align:left;
  clear:both;
}


#bottom ul{
	margin:0px 4px 0px 20px;
}

#bottom li{
	list-style-image:url('../img/arrow-g.gif');
}

#bottom h5{
	font-size:x-small;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	color:#666666;
	margin:4px 0px;
}

#b1{
  margin : 0px;
  padding : 3px;
  float:left;
  width:204px;
}

#b2{
  margin : 0px;
  padding : 3px;
  float:left;
  width:204px;
}

#b3{
  margin : 0px;
  padding : 3px;
  float:left;
  width:204px;
}

#b4{
  margin : 0px;
  padding : 3px;
  float:right;
  width:162px;
}


#tel{
  margin : 0px auto;
  padding : 0px;
width:590px;
text-align:center;
font-size:small;
}


#tel ul{
list-style: none;
margin:0px;
padding:0px;
}

#tel li{
float:left;
width:120px;
margin:2px;
padding:0px;
list-style: none;
	color:#003366;
}

#tel a{
	display:block;
	width:100%;
	padding:4px 0px 4px 0px;
}

/* footer */

#footer{
	text-align: center;
	width: 750px;
	background-color: #283e96;
	clear: both;
	font-size: 14px;

}

#under{
	padding: 0px;
	width: 100%;
	text-align: center;
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
}

#under2{
 margin:0px;
 padding:0px;
 width:100%;
 text-align:center;
 clear:both;
background-color:white;
}



#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#footer li{
	float:left;
	width:150px;
	padding:0px;
}


#footer a{
	display: block;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #283e96;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;

}

#footer a:hover{
	background-color:#ff9702;
}

#reg1{
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	width: 750px;
	text-align: center;
}

#reg1 a{
	color: #333333;
}
#reg1 a:hover{
	color: #FF6600;
}





/* h_menu */

#h_menu{
text-align:center;
width:500px;
}

#h_menu ul{
	list-style:none;
	margin:0px 4px;
	padding:3px;
	height:30px;
	overflow:hidden;
}

#h_menu li{
	float:left;
	width:120px;
	margin:0px;
	padding:3px;
}


.gr_bld{
  font-weight : bold;
  color : #666600;
}
.tel_blu{
  font-weight : bold;
  font-size : large;
}
.kosha{
  font-weight : bold;
  font-size:large;
  font-family : MS UI Gothic,HGPｺﾞｼｯｸE,sans-serif;
  color : #666600;
}
.line_gr{
  border-top:1px solid #666666;
  border-left:1px solid #666666;
  padding:6px 0px 0px 10px;
}

.sample_02{
	color: #3e3e3e;
	line-height: 110%;
	width: 640px;
	height: 480px;
	border: 1px solid #999999;
	margin-left: 75px;
}
.sample_02 th{
	
	text-align: left;
	vertical-align: top;
	color: #3e3e3e;
	background-color: #dcdcdc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}
.sample_02 td{
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}

.sample_03{
	border-collapse: separate;
	border-spacing: 0px;
	line-height: 180%;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #3e3e3e;
}
.sample_03 th{
	
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}
.sample_03 td{
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 20px;
}
.sample_04{
	margin-left: 10px;
	margin-bottom: 20px;
}
.sample_05{
	margin-left: 10px;
	margin-top: 5px;
	width: 355px;
	margin-bottom: 10px;
}
.sample_05 td{
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	background-image: url(../img/20140806003.jpg);
	background-repeat: no-repeat;
	width: 330px;
	font-size: 12px;
	text-align: left;
	height: 25px;
	line-height: 100%;
	color: #565656;
}
.sample_05 a:link{
  text-decoration:none;
  color:#565656;
}

.sample_05 a:visited{
  text-decoration:none;
  color:#565656;
}

.sample_05 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_06{
	color: #3e3e3e;
	margin-left: 30px;
	margin-bottom: 20px;
	bottom: 0px;
}
.sample_07{
	color: #3e3e3e;
	margin-left: 10px;
	margin-bottom: 0px;
	background-image: url(../img/0804-003.jpg);
	width: 566px;
	height: 24px;
	background-repeat: no-repeat;
	font-weight: bold;
	margin-top: 15px;
}
.sample_07 td{
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
}
.sample_08{
	color: #f4f9ff;
	margin-left: 10px;
	margin-bottom: 0px;
	background-image: url(../img/0804-007.jpg);
	width: 566px;
	height: 27px;
	background-repeat: no-repeat;
	font-weight: bold;
	margin-top: 15px;
	font-size: 18px;
}
.sample_08 td{
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
}
.sample_09{
	margin-left: 45px;
	margin-bottom: 20px;
}
.sample_09 td{
	color: #707070;
	background-image: url(../img/20140806022.jpg);
	width: 141px;
	height: 55px;
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.sample_10{
	margin-left: 0px;
	margin-top: 15px;
}
.sample_09 a:link{
  text-decoration:none;
  color:#707070;
}

.sample_09 a:visited{
  text-decoration:none;
  color:#707070;
}

.sample_09 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_11{
}
.sample_11 td{
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 3px;
}
.sample_12{
	height: 64px;
	width: 590px;
	background-image: url(../img/20140806034.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.sample_12 td{
	padding-left: 20px;
	line-height: 120%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding-right: 20px;
	color: #414141;
}

.sample_12 a:link{
  text-decoration:none;
  color:#414141;
}

.sample_12 a:visited{
  text-decoration:none;
  color:#414141;
}

.sample_12 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_13{
	margin-left: 60px;
	margin-top: 10px;
	width: 416px;
}
.sample_13 td{
	width: 416px;
	height: 40px;
	background-image: url(../img/20140806045.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
}
.sample_13 a:link{
  text-decoration:none;
  color:#0e77c0;
}

.sample_13 a:visited{
  text-decoration:none;
  color:#0e77c0;
}

.sample_13 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_14{
	font-size: 12px;
}
.sample_14 a:link{
	text-decoration: none;
	color: #474747;
}

.sample_14 a:visited{
	text-decoration: none;
	color: #474747;
}

.sample_14 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.menu0817_1{
	font-size: 12px;
}
.menu0817_1 td{
}
.menu0817_1 a:link{
	text-decoration: none;
	color: #474747;
}

.menu0817_1 a:visited{
	text-decoration: none;
	color: #474747;
}

.menu0817_1 a:hover{
  text-decoration:none;
  color:#ffae00;
}
.sample_15{

}
.sample_15 td{
	width: 568px;
	height: 39px;
	background-image: url(../img/20140806048.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	color: #2c85d0;
}

.sample_16{
	background-image: url(../img/20140806052.jpg);
	background-repeat: no-repeat;
}
.sample_16 td{
}
.sample_17{
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: normal;
}

.sample_17 a{
	text-decoration: none;
	color: #006CF2;
}
.sample_17 a:hover{
  color: #FF8200;
}




.adr_1 {
	font-size: 14px;
	line-height: 150%;
}
.adr_1 td{
}

.adr_1 a:link{
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.adr_1 a:visited{
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.adr_1 a:hover{
	text-decoration: none;
	color: #ffae00;
	font-size: 16px;
	font-weight: bold;
}

.demo02 a {
    width: 176px;
    height: 41px;
    background: url("../img/map-kus01.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}
.demo02 a:hover {
    background-position: 0 -60px;
}

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.sh01 {
	width: 704px;
	margin-left: 40px;
  }
.sh02 {
	width: 800px;
	height: 286px;
	background-image: url(../img/ksh001-pc.jpg);
	background-repeat: no-repeat;
  }
.sh03 {
	width: 750px;
	height: 59px;
	margin-top: 20px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/map-kus19_i.jpg);
	margin-bottom: 10px;
	font-size: 30px;
  }
  .sh03 td{
	padding-left: 30px;
	color: #044eaa;
	font-size: 24px;
	padding-top: 4px;
  }
.sh04 {
	width: 733px;
	margin-left: 35px;
  }


#m_listb{
    float: left;
    font-size: 14px;
    width: 100%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

#m_listb ul{
    list-style: none;
    padding: 0px;
}

#m_listb li{
    list-style: none;
}
.main_tytle02 {
	width: 370px;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	outline: none;
	color: #003785;
	font-size: 30px;
	line-height: 50px;
	margin-top: 10px;
	border-radius: 10px;
	border: 1px solid #5d97d2;
}
.main_tytle02 a{
	width: 330px;
	display: block;
	color: #003785;
}

.main_tytle02 a:hover{
	color: #003785;
}


.main_tytle02::before,
.main_tytle02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.main_tytle02,
.main_tytle02::before,
.main_tytle02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main_tytle02:hover {
	background-color: #60c0f2;
	color: #FFFFFF;
}

#schoolwaku{
    width: 80%;
    font-size: 14px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#m_list_r{
	width: 380px;
	float: left;
	font-size: 14px;
}

#m_list_r ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#m_list_r li{
	list-style: none;
}

#m_list_r li a{
	display: block;
	list-style: none;
	overflow: hidden;
}
#info {
	list-style: none;
	margin-left: 40px;
	margin-right: 40px;
}

#m_list_info{
	width: 710px;
	float: left;
	font-size: 20px;
	margin-left: 40px;
}

#m_list_info ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#m_list_info li{
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 670px;
	font-size: 20px;
	border-bottom: 1px dotted #CCCCCC;
}

#m_list_info li a{
	
	list-style: none;
	
}
.sumafont a {
	color: #0581DE;
}
.sumafont a:hover  {
	color: #FF7D00;
}
.main_tytle02-info {
	width: 670px;
	text-align: left;
	text-decoration: none;
	background-color: #fff;
	outline: none;
	color: #333333;
	font-size: 24px;
	line-height: 34px;
	margin-top: 10px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
}
.main_tytle02-info a{
	display: block;
	color: #333333;
	font-weight: bold;
	text-align: left;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 400px;
	font-size: 40px;
	margin-top: 0px;
	background-image: url(../img/tel_icon1111.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
}

.main_tytle02-info a:hover{
}


.main_tytle02-info::before,
.main_tytle02-info::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.main_tytle02-info,
.main_tytle02-info::before,
.main_tytle02-info::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main_tytle02-info:hover {
	
}
#kaku a {
	color: #2170f3;
}
#kaku a:hover {
	color: #FF6600;
}
#wakudai {
	width: 750px;
	background-color: #CCCCCC;
}
.sumafont {
	font-size: 26px;
	line-height: 32px;
}

.sumafont2 {
	-webkit-text-size-adjust: 120%;
	-moz-text-size-adjust: 120%;
	-ms-text-size-adjust: 120%;
	-o-text-size-adjust: 120%;
	text-size-adjust: 120%;
}
.yaji {
	margin-right: 15px;
}
.tytle_school {
	width: 728px;
	height: 75px;
	margin-bottom: 10px;
	font-size: 38px;
	background-image: url(../img/map_tytle_school.jpg);
	line-height: 80px;
	padding-left: 22px;
	color: #0c4892;
	margin-left: 10px;
}
.tytle_station {
	font-size: 26px;
	line-height: 30px;
	padding-left: 55px;
	margin-bottom: 10px;
	padding-top: 20px;
}

.kokuti {
	font-size: 34px;
	padding-left: 20px;
	margin-bottom: 10px;
	color: #DD0003;
}
.sumafont_k {
	font-size: 26px;
	line-height: 32px;
}
.sumafont_k a {
	color: #145FC3;
}
.sumafont_k a:hover  {
	color: #FF9900;
}
#kkn_c {
	display: none;
}
	
	
	
	#kkn_b {
	display: none;
}
	
	#kkn_a {
	
}
.sticky {
	display: none;  

}
#page_top{
	width: 50px;
	height: 50px;
	right: 0;
	bottom: -100px;
	background-color: #9D9D9D;
	opacity: 0.8;
	border-radius: 50%;
	margin-right: 30px;
	position: fixed;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
	font-family: FontAwesome;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	position: absolute;
}
#mapi_a {
    max-width: 1200px;
    margin-left: 2%;
    margin-right: 2%;
}
#mapi_a a img {
    max-width: 300px;
    float: right;
    border: 1px solid #A5A5A5;
}
#mapi_a a:hover  {
    opacity: 0.6;
}
}