/* ---------------------------------
 * レイアウト
 ----------------------------------- */
.wrap {
  position: relative;
  width: auto;
  max-width: 980px;
  /*padding: 0 1.02041%;*/
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col {
  float: left;
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.col:first-child {
  margin-left: 0;
}
li.col {margin-bottom: 10px;}
li.col:nth-child(3n+1) {
  margin-left: 0;
}
/* ---------------------------------
 * グリッドレイアウト
 ----------------------------------- */
@media only screen and (min-width: 990px) {
  .wrap {
    min-width: 769px;
  }

  .col {
    margin-left: 2%;
  }

  .grid1 {
    width: 6.5%;
  }

  .grid2 {
    width: 15%;
  }

  .grid3 {
    width: 23.5%;
  }

  .grid4 {
    width: 32%;
  }

  .grid5 {
    width: 40.5%;
  }

  .grid6 {
    width: 49%;
  }

  .grid7 {
    width: 57.5%;
  }

  .grid8 {
    width: 66%;
  }

  .grid9 {
    width: 74.5%;
  }

  .grid10 {
    width: 83%;
  }

  .grid11 {
    width: 91.5%;
  }

  .grid12 {
    width: 100%;
  }
}
/* ---------------------------
  追加したスタイル
--------------------------- */
/* gnav */
#head_navi li ul .submenu1 {
    background: #fff url("./images/submenu01.gif") no-repeat scroll 0 0;
}
#head_navi li ul .submenu2 {
    background: #fff url("./images/submenu02.gif") no-repeat scroll 0 0;
}
#head_navi li ul .submenu3 {
    background: #fff url("./images/submenu03.gif") no-repeat scroll 0 0;
}
#head_navi li ul .submenu4 {
    background: #fff url("./images/submenu04.gif") no-repeat scroll 0 0;
}

#gnav_mobile , #snav_mobile , #fnav_mobile , #pdfDownlord {
	display: none;
}

/* トップページ */
#container2 {
    background: none;
}
.title_oshirase {
	color: #592c3f;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	border: 1px solid #fa9ec6; 
	background: #fbfbfb;
}
.topicsarea , .diarysarea {
	min-height: 500px;
	padding: 10px 0;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	border-radius: 10px;
	background: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.topicsarea h2 , .diarysarea h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 4px 0 4px 2%;
	margin: 0 10px 10px;
	background: url("../images/bg_title_news.png") no-repeat 0 bottom;
}
.topicsarea h2 span , .diarysarea h2 span {
	font-size: 12px;
	float: right;
	font-weight: normal;
	line-height: 1;
	padding: 3px 4px;
	margin-top: 10px; 
}
.topicsarea h2 span a , .diarysarea h2 span a {
	color: #000;
	text-decoration: none;
	padding: 3px 4px;
}
/* 教育方針 */
.kyouiku1 h2 {
	color: #5d441a;
	width: 100%;
    height: auto;
    vertical-align: middle;
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0;
    padding: 5px 2%;
    background: url("../images/bg_title_brown.png") repeat scroll 0 0;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.kyouiku3 h2 {
	color: #1c7467;
	width: 100%;
    height: auto;
    vertical-align: middle;
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0;
    padding: 5px 2%;
    background: url("../images/bg_title_green.png") repeat scroll 0 0;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.kyouiku2 h2 {
	color: #251e7c;
	width: 100%;
    height: auto;
    vertical-align: middle;
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0;
    padding: 5px 2%;
    background: url("../images/bg_title_blue.png") repeat scroll 0 0;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 普通科　特進コース */
.headbar01  , .headbar05 , .headbar06 {
	color: #660000;
	width: 100%;
    height: auto;
	line-height: 1.2;
	padding: 5px 2%;
	border: 3px solid #fff;
	background: #000 url("../images/bg_title_pink.png") repeat scroll 0 0;
	box-shadow:#f58187 0px 0px 0px 1px;
	-webkit-box-shadow:#f58187 0px 0px 0px 1px;
	-moz-box-shadow:#f58187 0px 0px 0px 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 電気情報科 */
.headbar04  ,
.headbar08 {
	color: #884798;
	width: auto;
	height: auto;
	line-height: 1.2;
	padding: 5px 2%;
	border: 3px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	border-left:5px solid #884798;
	padding-right: 0.5em;
}
.headbar04::before {
	}
/* 重点クラブ */
.club_box_wrap {
	margin: 0 0 40px;
}
.bg_club_01 {
	padding: 2px 4px 2px 2px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	border: 1px solid #999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2E5NWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(211,169,91,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,169,91,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,169,91,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,169,91,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,169,91,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(211,169,91,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3a95b',GradientType=0 );
}
.bg_club_01:before {
	content:"";
	display: block;
	width: 5px;
	height: 40px;
	float: left;
	border-left: 5px solid #f8a058;
}
.bg_club_01:after {
	content:"";
	display: block;
	width: 31px;
	height: 31px;
	float: right;
	margin-top: 5px;
	background: url("../images/ico_club.png") no-repeat;
}
.bg_club_01 a {
	color: #333;
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
}
.bg_club_01:hover , .bg_club_02:hover, .bg_club_03:hover, .bg_club_04:hover {
	opacity: 0.6;
}
.bg_club_02 {
	padding: 2px 2% 2px 2px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	border: 1px solid #999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(191,191,191,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 );
}
.bg_club_02:before {
	content:"";
	display: block;
	width: 5px;
	height: 40px;
	float: left;
	border-left: 5px solid #ba4750;
}
.bg_club_02 a {
	color: #ba4750;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.bg_club_03 {
	padding: 2px 2% 2px 2px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	border: 1px solid #999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(191,191,191,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 );
}
.bg_club_03 a {
	color: #003399;/*003399*/
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.bg_club_03:before {
	content:"";
	display: block;
	width: 5px;
	height: 40px;
	float: left;
	border-left: 5px solid #0597fa;/*003399*/
}
.bg_club_04 {
	padding: 2px 2% 2px 2px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	border: 1px solid #999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(191,191,191,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(191,191,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 );
}
.bg_club_04 a {
	color: #00650b;/*00650b*/
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.bg_club_04:before {
	content:"";
	display: block;
	width: 5px;
	height: 40px;
	float: left;
	border-left: 5px solid #85bd40;/*00650b*/
}
.club_box {
	margin: 0 0 10px;
}

/* ブラスバンド部 */
.club-brass_schedule {
	padding: 0 2%;
	margin: 0 0 40px;
}
.club-brass_schedule dl {
	list-style: none;
	clear: both;
	margin: 0;
}
.club-brass_schedule dl dd {
	float: left;
	margin: 0 0 15px 4em;
	text-indent: 0;
}
.club-brass_schedule dl dt {
	margin: 0;
	position: relative;
	font-weight: normal;
}
.club-brass_schedule dl dt span {
	font-style: normal;
	position: absolute;
    width: 50px;
}
/* 文化系 */
.headbar07 {
	color: #261d7a;
	width: auto;
	height: auto;
	padding: 5px 2%;
	border: 3px solid #fff;
	background: #000 url("../images/bg_title_blue.png") repeat scroll 0 0;
	box-shadow:rgb(38, 29, 122) 0px 0px 0px 1px;
	-webkit-box-shadow:rgb(38, 29, 122) 0px 0px 0px 1px;
	-moz-box-shadow:rgb(38, 29, 122) 0px 0px 0px 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 進学状況 */
.tablelayout1_wrap {
	margin: 0 0 40px;
}
.tablelayout1 {
    float: left;
    margin: 0 2% 0 0;
    width: 49%;
}
.second {
    margin: 0 0 0 0;
}
.tablelayout1 table {
    width: 100%;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 就職状況 */
.title_blue {
	color: #261d7a;
	font-weight: normal;
	line-height: 1.2;
	padding: 5px 2%;
	border: 3px solid #fff;
	background: #000 url("../images/bg_title_blue.png") repeat scroll 0 0;
	box-shadow:rgb(38, 29, 122) 0px 0px 0px 1px;
	-webkit-box-shadow:rgb(38, 29, 122) 0px 0px 0px 1px;
	-moz-box-shadow:rgb(38, 29, 122) 0px 0px 0px 1px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.title_marin , .headbar03 {
	color: #003399;
	width: auto;
	height: auto;
	padding: 5px 2%;
	border: 3px solid #fff;
	background: #000 url("../images/bg_title_marin.png") repeat scroll 0 0;
	box-shadow:#84b2e0 0px 0px 0px 1px;
	-webkit-box-shadow:#84b2e0 0px 0px 0px 1px;
	-moz-box-shadow:#84b2e0 0px 0px 0px 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.forum {
	margin: 0 0 40px;
}
.forum img {
	width: 100%;
}
.forum p {
	float: left;
	width: 40%;
}
.forum p+* {
	float: left;
	width: 58%;
	margin-left: 2%;
	text-align: justify;
}
/* GOKOキャラクター紹介 */
.title_rainbow {
    background: url(../images/bg_title_rainbow_lay02.png);
    background-repeat: repeat;
    background-position: 50% 50%;
    width: 100%;
    padding: 3px;
    margin: 20px 0 !important;
}
.title_rainbow span {
    background: url(../images/bg_title_rainbow_lay01.png);
    background-repeat: repeat;
    background-position: 50% 50%;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    padding: 8px 2%;
    display: block;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.chara h3 {
    background: url(../images/bg_title_rainbow_lay02.png);
    background-repeat: repeat;
    width: 100%;
    padding: 0 0 3px 0;
    margin: 10px 0 10px !important;
}
.chara h3 span {
    background: #fff;
    width: 100%;
    font-weight: normal;
    font-size: 19px;
    padding: 0px 2% 2px 0;
    display: block;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.chara h3.blue span {
	color: #75bbea;
}
.chara h3.blue span:before {
	content: "";
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 5px 0 0;
	background: url("../images/ico_disc_blue.png") no-repeat scroll 0 0;
	background-size: cover;
}
.chara h3.red span {
	color: #d8261d;
}
.chara h3.red span:before {
	content: "";
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 5px 0 0;
	background: url("../images/ico_disc_red.png") no-repeat scroll 0 0;
	background-size: cover;
}
.chara h3.yellow span {
	color: #bfaf3c;
}
.chara h3.yellow span:before {
	content: "";
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 5px 0 0;
	background: url("../images/ico_disc_yellow.png") no-repeat scroll 0 0;
	background-size: cover;
}
.chara h3.green span {
	color: #86c125;
}
.chara h3.green span:before {
	content: "";
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 5px 0 0;
	background: url("../images/ico_disc_green.png") no-repeat scroll 0 0;
	background-size: cover;
}
.chara h3.purple span {
	color: #901e7c;
}
.chara h3.purple span:before {
	content: "";
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 5px 0 0;
	background: url("../images/ico_disc_purple.png") no-repeat scroll 0 0;
	background-size: cover;
}
/* 受験生の方へ */
.headbar11 {
	color: #664d00;
	width: 100%;
	height: auto;
	line-height: 1.2;
	padding: 8px 2% 5px;
	border: 3px solid #fff;
	background: #000 url("../images/bg_title_beige.png") repeat scroll 0 0;
	box-shadow:#f1434b 0px 0px 0px 1px;
	-webkit-box-shadow:#f1434b 0px 0px 0px 1px;
	-moz-box-shadow:#f1434b 0px 0px 0px 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.curriculum th {
	color: #000;
	background: #fadea8;
	text-align: center;
	vertical-align: top;
	width: 15%;
	border-bottom: 1px dotted red;
}
table.curriculum td {
	padding: 2px 10px;
}
table.curriculum td:nth-child(n+2) {
	padding: 2px 10px;
	border-bottom: 1px dotted #999;
}
table.curriculum td:nth-child(2) {
	width: 230px;
}
/* イベント */
.event_section {
	margin: 0 0 40px;
}
.event_content h2 {
	color: #ff6600;
	font-weight: bold;
	margin: 0 0 5px;
}
.event_content p {
	margin: 0 0 20px;
}
.event_image {
	max-width: 300px;
	margin: 0 auto !important;
	text-align: center;
}
/* 願書作成出願フォーム */
#privacy {
    margin: 20px auto;
    max-width: 700px;
    width: 100%;
}
#privacy h2 {
    width: 100%;
}
#privacy .txt_box {
    width: 100%;
}
#breadcrumbs-two {
    margin: 20px auto;
    max-width: 700px;
    width: 100px;
}
#breadcrumbs-two li {
    display: block;
    float: none;
    margin: 0;
}
#breadcrumbs-two span::before, #breadcrumbs-two span.now::before {
    content: none;
}
/* 在校生・保護者の方へ */
.forStudent ul li {
	list-style: none;
	float: left;
	width: 32%;
}
.forStudent ul li:nth-child(n+2) {
	margin-left: 2%;
}
.forStudent ul li img {
	width: 100%;
}
/* 教育後援会 */
.sotugyo_msg ul {
	margin: 10px 0 0;
}
.sotugyo_msg li {
	list-style: none;
	float: left;
	margin: 0 10px 10px 0;
}
/* 事務室からの連絡 */
.hogosya_msg ul {
	list-style: none;
	margin: 15px 0 20px;
}
.hogosya_msg ul li {
	list-style: none;
	margin: 0 0 10px;
}
.hogosya_msg ul li span {
	width: 100px;
	display: block;
	margin: 0 20px 0 0;
	float: left;
}
/* 授業料等軽減制度 */
.keigen_content h2 {
	font-size: 16px;
}
.keigen_content h3 {
	border: 4px solid #cccccc;
	padding: 3px 5px;
	margin-bottom: 20px;
	font-size: 16px;
}
.keigen_content ol {
	margin-left: 2em;
}
.keigen_content ol li {
	margin: 0 0 10px;
}
table.tb01 {
	margin: 20px auto;
}
/* アクセス */
h2.title3 {
    color: #000066;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}
.access_map {
	text-align: left;
	margin: 10px auto;
}
.access_map img {
	width: 100%;
	max-width: 600px;
}
.access_section {
	margin: 0 0 40px;
}
/* お問い合わせ */
table.contactForm {
	margin: 20px auto 10px;
}
table.contactForm th {
	color: #000;
	width: 20%;
	font-weight: normal;
	padding: 0 2%;
	background: #ffcc66;
}
table.contactForm td {
	color: #000;
	font-weight: normal;
	padding: 10px 2%;
	background: #f8f8ff;
}
table.contactForm textarea , table.contactForm input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* ---------------------------
  media Query　
--------------------------- */
@media only screen and (max-width: 990px) {
	img {
	  max-width: 100%;
	  height: auto;
	  width: auto;
	  /*forIE8*/
	}

	/* gnav_mobile */
	#gnav_mobile {
		display: block;
		top: 0;
		left: 0;
		z-index: 1200;
		width: 100%;
	}
	.fixed {
	  position: fixed;
	}
	#gnav_mobile ul li {
		float: left;
		width: 25%;
		text-align: center;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#gnav_mobile ul li a {
		display: block;
		padding: 10px 0;
		background: #020864;
	}
	#gnav_mobile ul li a img {
		width: 65px;
		height: 47px;
	}

	/* snav_mobile */
	#snav_mobile {
		display: block;
		position: absolute;
		top: 175px;
		left: 0;
		width: 100%;
	}
	#snav_mobile ul li {
		float: left;
		width: 25%;
		text-decoration: none;
		text-align: center;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#snav_mobile ul li a {
		color: rgba(0, 0, 0, 0.9);
		display: block;
		width: 80%;
		height: 62px;
		padding: 8px 2% 0;
		margin: 10px 10%;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		border: 2px solid #f1434b;
		border-top: 8px solid #f1434b;
		background: rgba(0, 0, 0, 0.1);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#snav_mobile ul li:nth-child(2) a {
		border: 2px solid #f8a058;
		border-top: 8px solid #f8a058;
	}
	#snav_mobile ul li:nth-child(3) a {
		border: 2px solid #37b3ee;
		border-top: 8px solid #37b3ee;
	}
	#snav_mobile ul li:nth-child(4) a {
		border: 2px solid #71c66c;
		border-top: 8px solid #71c66c;
	}

	ul#sub-navi {
		display: none;
		width: 100%;
		height: 86%;
		overflow-y: auto; 
		position: fixed;
		top: 76px;
		left: 0px;
		padding-top: 20px;
		background: #e6e6ef;
		z-index: -1;
	}
	ul#sub-navi li {
		width: 100%;
		text-align: left;
		border: none;
		font-size: 12px;
	}
	ul#sub-navi li {
		float: none;
		clear: both;
	}
	ul#sub-navi li a {
		padding: 5px;
		text-decoration: none;
		background: #e6e6ef;
	}
	ul#sub-navi ul li {
		text-decoration: underline;
	}
	ul#sub-navi ul {
		width: 100%;
		padding: 8px 2%;
		display: inline-block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	li#sub-navi_01 ul , li#sub-navi_01_2 ul{
		width: 33.33%;
		float: left;
	}
	ul#sub-navi li#sub-navi_01 > a , ul#sub-navi li#sub-navi_01_2 > a , ul#sub-navi li#sub-navi_01_3 > a{
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		border-top: 1px solid #666;
		background: #f1434b;
	}
	li#sub-navi_02 ul li {
		width: 33.33%;
		float: left;
	}
	ul#sub-navi li#sub-navi_02 > a {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		border-top: 1px solid #666;
		background: #f8a058;
	}
	li#sub-navi_03 ul li {
		text-align: left;
	}
	ul#sub-navi li#sub-navi_03 > a {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		border-top: 1px solid #666;
		background: #37b3ee;
	}
	ul#sub-navi li#sub-navi_04 > a {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		border-top: 1px solid #666;
		background: #71c66c;
	}

	#btn_navClose {
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		font-size: 14px !important;
		text-align: center !important;
		text-indent: 1em;
		padding: 10px 0;
		background: #676ba2;
	}
	ul#sub-navi li#sub-navi_01 > a:after , ul#sub-navi li#sub-navi_01_2 > a:after , ul#sub-navi li#sub-navi_01_3 > a:after , ul#sub-navi li#sub-navi_02 > a:after , ul#sub-navi li#sub-navi_03 > a:after , ul#sub-navi li#sub-navi_04 > a:after {
		content:"";
		display: block;
		width: 8px;
		height: 14px;
		margin-top: 5px;
		float: right;
		background: url("../images/ico_gnav_mobile.png") no-repeat;
		background-size: contain;
	}
	#btn_navClose span {
		position: relative;
	}
	#btn_navClose span:before {
		content:"";
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0px;
		left: -30px;
		background: url("../images/ico_navClose.png") no-repeat;
		background-size: contain;
	}

	#pdfDownlord {
		display: block;
		width: 100%;
		max-width: 400px;
		text-align: center;
		padding: 0 2%;
		margin: 0px auto 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* fnav_mobile */
	#fnav_mobile {
		display: block;
		width: 100%;
		background: #676ba2;
	}
	#fnav_mobile ul li {
		float: left;
		width: 25%;
		text-decoration: none;
		text-align: center;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#fnav_mobile ul li a {
		color: rgba(0, 0, 0, 0.9);
		display: block;
		width: 80%;
		height: 62px;
		padding: 8px 2% 0;
		margin: 20px 10%;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		border: 2px solid #f1434b;
		border-top: 8px solid #f1434b;
		background: #fff;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#fnav_mobile ul li:nth-child(2) a {
		border: 2px solid #f8a058;
		border-top: 8px solid #f8a058;
	}
	#fnav_mobile ul li:nth-child(3) a {
		border: 2px solid #37b3ee;
		border-top: 8px solid #37b3ee;
	}
	#fnav_mobile ul li:nth-child(4) a {
		border: 2px solid #71c66c;
		border-top: 8px solid #71c66c;
	}
	

	#containerhead {
		height: 270px;
	}
	#top {
	    background: none;
	    border-top: 5px solid #020864;
	}
	#head {
		position: relative;
	}
	.head_right {
		display: none;
	}
	#head_logo , #head .fl {
		width: 100%;
		float: none;
	}
	#head .fl {
		position: absolute;
		top: 80px;
	}
	.fl h1 {
	    background: rgba(0, 0, 0, 0) url("../images/logo01.gif") no-repeat scroll center top;
	    margin: 16px auto;
	}
	.fl h1 a {
	    width: auto;
	}
	.slider {
	    margin: 0px auto;
	    width: 100%;
		height: auto;
	}
	#container1 {
		margin: 0 auto;
	    padding: 2%;
	    border-top: none;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#container1 table {
		margin: 20px auto;
	}
	#container1 table#newsbox td {
		display: block;
		margin: 0 auto 10px;
	}
	#container1 table#newsbox td.pr20 {
		padding-right: 0;
	}
	#container1 td.pr20 #panf{
		display: none;
	}
	#container1 td {
		width: 100%;
		background: #fff;
	}
	#container1 td img {
		width: 100%;
	}
	.info1_list {
	    border: none;
	    margin: 0;
	    padding: 8px 14px 10px;
	    text-align: left;
	    width: 100%;
	    height: auto;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.info1_list .info1_title {
	    background: none;
	    margin: 0;
	    padding: 0;
	}
	.info1_title h4 {
	   color: #333;
	}
	#container2 {
		padding: 2%;
	    margin: 0 auto;
	    text-align: center;
	    width: 100%;
	    background: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.topicsarea , .diarysarea {
		min-height: 100px;
	}
	.topicsarea {
	    float: none;
	    margin: 0 auto;
	    width: 100%;
	    border: 1px solid #ccc;
	    border-radius: 10px;
	    padding: 10px 2%;
	    background: none;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.topicsarea h2 span , .diarysarea h2 span {
		padding: 1px 4px;
		margin: 0;
		border: 2px solid #8083b1;
		background: #d9dae8;
	}
	.topicsarea h2 span a , .diarysarea h2 span a {
		color: #020864;
		display: block
	}
	.topicsarea img {
	    display: none;
	}
	.topics_list {
		width: 100%;
	    margin: 0;
	    text-align: left;
	}
	.topics_list dt {
	    margin: 0;
	    float: none;
		display: block;
	    padding: 2px 8px 2px;
	}
	.topics_list dd {
	    margin: 0;
	    padding: 0 12px 2px;
	}
	.diarysarea {
	    float: none;
	    padding: 10px 2%;
	    margin: 20px auto;
	    width: 100%;
	    border: 1px solid #ccc;
	    border-radius: 10px;
	    background: none;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.diarysarea img {
	    display: none;
	}
	.diarys_list {
	    margin: 0;
	    text-align: left;
	}
	.diarys_list dt {
		float: none;
		display: block;
	    padding: 2px 8px 2px;
	}
	.diarys_list dd {
		display: block;
	    margin: 0;
	    padding: 0 12px 2px;
	}
	#container3 {
	    display: none;
	}
	#pagetop {
	    margin: 0;
	    text-align: right;
	    width: 100%;
	}
	#pagetop img {
	    display: none;
	    width: 94px;
	    height: 81px;
	    background: url("../images/img_toTop_mb.png") no-repeat scroll center top;
	}
	#pagetop_mb {
		display: block;
		position: absolute;
		right: 2%;
		top: 10px;
	}
	#pagetop_mb img {
		width: 47px;
		height: 40px;
	}
	.footer_link {
	    width: 100%;
	    display: none;
	}
	.footer_access {
	    width: 100%;
	    padding: 0 2%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#footer {
		position: relative;
		padding: 10px 2%;
		background: #353983;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* ---------------------------
	  学校案内　
	--------------------------- */
	#subbg1 , .widget-area {
		display: none;
	}
	#pagecontainer {
	    margin: 0 auto;
	    padding: 0;
	    text-align: center;
	    width: 100%;
	}
	.site-content {
	    float: none;
	    width: 100%;
	    padding: 0 2%;
	    margin: 0 auto;
	    max-width: 600px;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.site-content article {
	    border-bottom: none;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	.entry-header {
		width: 100%;
		margin-bottom: 0;
	}
	.entry-header .entry-title {
	    line-height: 33px;
	}
	.entry-header h1 {
	    width: 100%;
	    height: auto;
	    vertical-align: middle;
	    font-size: 20px !important;
	    font-weight: bold !important;
	    text-align: left;
	    margin: 0;
	    padding: 0 0 0 2px;
	    border-left: 1px solid #75bbea;
	    border-bottom: 1px solid #75bbea;
	    background: none;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.entry-header h1:before {
		content: "";
		display: block;
		float: left;
		width: 15px;
		height: 31px;
		margin: 0 10px 10px 0;
		background: url("../images/ico_entry-title.png") no-repeat scroll 0 0;
		background-size: cover;
	}
	.entry-content {
		margin: 20px 0 0;
	}
	.entry-content img {
	    width: 100%;
	    height: auto;
	}
	/* ---------------------------
	  校長挨拶　
	--------------------------- */
	table.tableAisatsu {
	    margin: 10px auto 20px;
	}
	td.aisatsuRight {
	    width: auto;
	    padding: 0 2%;
	    text-align: justify;
	}
	.title3 {
	    display: block;
	    font-size: 13pt;
	    margin: 5px 0;
	}
	/* ---------------------------
	  教育方針　
	--------------------------- */
	.kyouiku1 {
	    width: 100%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.kyouiku1 table {
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.kyouiku1 td img {
	    width: 100%;
	    max-width: 313px;
	}
	.kyouiku2 , .kyouiku3 {
	    width: auto;
	    text-align: center;
	}
	.kyouiku2 img:last-child {
		width: 223px;
	}
	/* ---------------------------
	  伝統　
	--------------------------- */
	.dentou_list td {
		width: 70%;
		padding: 0 2% 0 0;
		text-align: justify;
	}
	.dentou_list td:last-child {
		width: 30%;
		padding: 0;
		margin: 0;
	}
	/* ---------------------------
	  学科案内　
	--------------------------- */
	.gakkawaku01 , .gakkawaku02 , .gakkawaku03 , .gakkawaku04 {
	    width: 100%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.curriculum th , table.curriculum td , table.curriculum td:nth-child(2) {
		display: block;
		width: 100%;
	}
	/* ---------------------------
	  授業紹介
	--------------------------- */
	.gakka05 img {
		width: 100%;
	}
	.gakka05 li {
	    margin: 0 2% 0 40px;
	}
	.gakka05_01 {
	    width: 100%;
	    background: rgba(0, 0, 0, 0) url("../images/sub/gakka_05_07.gif");
	    background-size: 100% auto;
	}
	.gakka05_01 .headbk01 {
	    width: auto;
	    background: rgba(0, 0, 0, 0) url("../images/sub/gakka_05_04.gif") no-repeat 0 0;
	    background-size: 100% auto;
	    padding: 0 0 0 13%;
	}
	.gakka05_01 .headbk02 {
		width: auto;
		background: rgba(0, 0, 0, 0) url("../images/sub/gakka_05_05.gif") no-repeat scroll 0 0;
		background-size: 100% auto;
		padding: 1% 0 2% 13%;
	}
	.gakka05_01 .headbk03 {
		width: auto;
		background: rgba(0, 0, 0, 0) url("../images/sub/gakka_05_06.gif") no-repeat scroll 0 0;
		background-size: 100% auto;
		padding: 1% 0 2% 13%;
	}
	/* ---------------------------
	  普通科　特進コース
	--------------------------- */
	.gakka_info {
		padding: 2%;
	    width: 100%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.gakka_img1 {
	    font-size: 12px;
	    margin: 0 0 20px;
	    width: 100%;
	}
	.gakka_img1 img {
	    max-width: 223px;
	}
	/* ---------------------------
	  機械科
	--------------------------- */
	ul.c_list {
		padding: 0;
		margin: 0 0 0 1em;
	}
	.gakka_msg {
		margin: 10px auto;
		width: 100%;
	}
	.gakka_img1 img {
		width: 100%;
		max-width: 228px;
	}
	.gakka_img3 , .gakka_img4 {
	    float: none;
	    margin: 0 0 30px;
	    width: 100%;
	}
	/* ---------------------------
	  教職員紹介
	--------------------------- */
	.teacher_name {
	    background: none;
	    width: 100%;
	    height: auto;
	    line-height: 1.4;
	    padding: 8px 2%;
	    border: 1px solid #75bbea;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.teacher_name span {
	    display: block;
	}
	table.teacher_box {
		padding-bottom: 40px;
		margin: 0 0 20px;
	}
	table.teacher_box td {
		padding: 0;
	}
	.teacher_voice {
	    margin: 10px 0 0;
	    padding: 3%;
	}
	.teacher_voice strong {
	    font-size: 14px;
	    margin: 0 0 0 5px;
	    padding-left: 5px;
	}
	.teacher_msg {
	    text-align: justify;
	}
	/* ---------------------------
	  教職員紹介
	--------------------------- */
	.gyoji_idx1 , .gyoji_idx2 {
	    float: none;
	    margin: 0 0 20px;
	    width: 100%;
	}
	.gyoji_line {
	    margin: 20px 0 40px;
	    width: 100%;
	}
	/* ---------------------------
	  行事紹介
	--------------------------- */
	.gyojiimg table {
	    margin: 10px 0 0;
	}
	.gyojiimg td {
		display: block;
		padding: 0;
	}
	.gyojiimg td img {
		width: 100%;
	}
	/* ---------------------------
	  クラブ活動
	--------------------------- */
	.club_box_wrap h3 {
		margin: 20px 0;
	}
	.club_box {
	    margin: 0;
	}
	.club_box > p {
		margin: 0 0 10px;
	}
	/* ---------------------------
	  重点クラブ
	--------------------------- */
	#loopslider {
	    width: auto;
	}
	.club_msg {
		padding: 0;
	    margin: 0 0 30px;
	    width: 100%;
	    text-align: justify;
	}
	.pa20 {
	    padding: 0;
	}
	.club_cmn_02 {
	    padding: 2%;
	    width: 100%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.club_cmn_02 table {
	    width: 100%;
	}
	.club_cmn_02 .cmn1 {
	    width: auto;
	}
	.club_list td {
		width: 100%;
		display: block;
	}
	.club_list_first td img {
		width: 90%;
	}
	.club_list_first td:first-child {
		text-align: center;
	}
	/* ---------------------------
	  体育系
	--------------------------- */
	.club_img_01 {
	    float: none;
	    padding: 0;
	    width: 100%;
	}
	.club_cmnt_01 , .club_cmnt_02 {
	    float: none;
	    font-size: 14px;
	    width: 100%;
	}
	.club_cmn_01 , .club_img_02 {
		float: none;
	    border: 1px solid #cccccc;
	    margin: 10px 0;
	    padding: 4px;
	    vertical-align: top;
	    width: 100%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.headbar09 {
	    background: none;
	    height: 35px;
	    padding: 5px 0 0 5px;
	    width: 100%;
	    font-size: 15px;
	    border-bottom: 2px solid #dbad2c;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.headbar09:before {
		content: "";
		display: block;
		float: left;
		width: 13px;
		height: 12px;
		margin: 5px 7px 0 0;
		background: url("../images/ico_club_kogyo.png") no-repeat scroll 0 0;
	}
	/* ---------------------------
	  進学状況
	--------------------------- */
	.tablelayout1 , .tablelayout1:last-child {
	    float: none;
	    margin: 0 0 15px 0;
	    width: 100%;
	}
	.tablelayout1 table ,{
	    width: 100%;
	}
	.tablelayout1 table tr td {
	    padding: 1%;
	}
	/* ---------------------------
	  進学した生徒のコメント
	--------------------------- */
	.seito {
	    padding: 4%;
	    width: 100%;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.seito table {
	    width: 100%;
	    padding: 2%;
	}
	.seitoimg {
	    width: 30%;
	    padding: 0 !important;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	img.ph_box {
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.seitohead {
	    margin: 0;
	    width: auto;
	}
	.seitosinro {
	    margin: 10px 0 0;
	}
	.seitomsg {
	    width: auto;
	    padding: 0 0 0 2% !important;
	    margin: 0;
	}
	.seitocmt {
	    margin: 10px 0;
	    text-align: justify;
	}
	/* ---------------------------
	  進学した生徒のコメント
	--------------------------- */
	.forum p {
	    float: none;
	    width: 100%;
	    margin: 0 0 10px;
	}
	/* ---------------------------
	  資格情報
	--------------------------- */
	.tablelayout2 , .tablelayout2 table {
	    width: 100%;
	}
	.tablelayout2 table th , .tablelayout2 table td {
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tablelayout2 table th {
	    padding: 0;
	}
	.tablelayout2 table td {
	    white-space: normal;
	}
	.chara td {
		min-width: 140px;
	}
	/* ---------------------------
	  受験生の方へ
	--------------------------- */
	.jyukensei_msg {
	    color: #000000;
	    margin: 0;
	    width: 100%;
	}
	/* ---------------------------
	  教育後援会
	--------------------------- */
	.sotugyo_msg {
	    padding: 3%;
	    width: auto;
	}
	/* ---------------------------
	  教育後援会
	--------------------------- */
	.sotugyo_msg li {
		float: none;
		margin: 0 0 8px;
	}
	/* ---------------------------
	  卒業生の方へ
	--------------------------- */
	.sotugyo_msg2 {
	    padding: 2%;
	    width: 100%;
	    margin: 0;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sotugyo_msg2 ol {
		margin: 10px 0 10px 1.5em;
	}
	/* ---------------------------
	  アクセス
	--------------------------- */
	#subbg2 {
		display: none;
	}
	.access_map {
		text-align: center;
	}
	/* ---------------------------
	  記事アーカイブ
	--------------------------- */
	.list-type {
	    width: 100%;
	}
}




@media only screen and (max-width: 600px) {
	#snav_mobile ul li:nth-child(3) a , #fnav_mobile ul li:nth-child(3) a{
		font-size: 12px;
	}
	.footer_access {
	    max-width: 600px;
	}
	td.aisatsuLeft ,td.aisatsuRight {
		display: block;
	}
	td.aisatsuLeft {
	    padding: 0;
	    width: 100%;
	}
	td.aisatsuLeft img {
	    max-width: 210px;
	}
	.title3 {
	    margin: 10px 0 5px;
	}
	/* ---------------------------
	  トップページ　
	--------------------------- */
	.topicsarea h2, .diarysarea h2 {
	    font-size: 14px;
	}
	.topicsarea h2 span, .diarysarea h2 span {
	    margin-top: 0;
	}
	/* ---------------------------
	  伝統　
	--------------------------- */
	.dentou_list td {
		width: 100%;
		padding: 0 0 10px;
		display: block;
	}
	.dentou_list td:last-child {
		width: 100%;
		padding: 0;
	}
	.dentou_list td:last-child img {
		width: 280px;
	}
	/* ---------------------------
	  授業紹介
	--------------------------- */
	.gakka05_01 .headbk01 {
	    height: auto;
	    background: none;
	    padding: 15px 6% 0;
	}
	.gakka05_02 {
	    padding: 0 6%;
	}
	.gakka05_01 .headbk02 {
		height: auto;
	    background: none;
	    padding: 15px 6% 0;
	}
	.gakka05_01 .headbk03 {
		height: auto;
	    background: none;
	    padding: 15px 6% 0;
	}
	/* ---------------------------
	  教職員紹介
	--------------------------- */
	table.teacher_box td {
		display: block;
	}
	table.teacher_box img {
		width: 100%;
	}
	/* ---------------------------
	  部
	--------------------------- */
	.club_cmn_02 td {
	    display: block;
	}
	/* ---------------------------
	  進学した生徒のコメント
	--------------------------- */
	.seito td {
	    display: block;
	}
	.seitoimg {
	    text-align: center;
	    width: 100%;
	}
	.seitoimg img {
	    width: 150px;
	}
	.chara td {
		display: block;
	}
	.chara td:first-child {
		text-align: center;
	}
	.chara td:first-child img {
		width: 140px;
	}
	.chara td:last-child {
		text-align: left;
	}
	.chara_box {
	    float: none;
	    padding: 0;
	    text-align: center;
	    width: 100%;
	    margin: 0 0 20px;
	}
	.chara_box img {
	    max-width: 241px;
	}
	.chara_box p {
	    max-width: 241px;
	    text-align: left;
	    margin: 5px auto;
	}
	/* ---------------------------
	  入学案内
	--------------------------- */
	table.curriculum td:nth-child(2) {
	    width: auto;
	}
	/* ---------------------------
	  在校生・保護者の方へ
	--------------------------- */
	.forStudent ul li {
		float: none;
		width: 100%;
		text-align: center;
	}
	.forStudent ul li img {
		max-width: 241px;
	}
	.forStudent ul li:nth-child(n+2) {
		margin: 10px 0 0;
	}
}