/*
Theme Name: hongo
Theme URI: 
Description: 
Version: 1.1
Author: codia
Author URI:
*/

* {
margin:0;
padding:0;
}

html{
overflow-y:scroll;
}

body {
margin:0;
padding:0;
text-align:center;
color:#444;
background: #fff;
line-height:1.6em;
font-size:0.9em;
background:url('images/bg.gif') repeat-x;
font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}

.clearfix:after {
content: "";
clear: both;
display: block;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
width:90%;
}



h4.stitle{
font-size:1em;
border-left:8px solid #6699cc;
padding-left:10px;
margin:10px 0;
}

h4.stitle02{
font-size:1em;
border-left:8px solid #719214;
padding-left:10px;
margin:15px 0 5px 0;
}

h4.dot{
font-size:1em;
border-bottom:dotted 1px #ccc;
padding-bottom:5px;
margin:15px 0 5px 0;
}

p{
margin:0 0 20px 0;
}

img{
border:0;
}

img.border{
border:1px solid #ccc;
padding:5px;
}

.caution{
color:#d93205;
}




#page {
margin:0px auto;
text-align:left;
padding:0px;
width:900px;
overflow:hidden;
position:relative;
}

/*BEGIN HEADER*************************************/

#header {
width:900px;
height:90px;
text-align:left;
margin:0px auto 0 auto;
padding:0;
background:url('images/head_bg.gif') repeat-x;
}

#header h1 {
padding-top:14px;
}

#header-front-photo{
background: #e6eefb;
width:100%;
padding:10px 0;
}


/*head_nav_left*************************************/
#snav_Area{
width:278px;
margin-top:16px !important;
margin-top: 8px; /* for only IE6 style */  
float:right;
text-align:right;
}

#snav_AreaTop{
width:278px;

}

#snav_AreaMiddle{
width:278px;
margin-top:18px;
}

/*global_nav*************************************/
#dd {
margin:0 auto 0 auto;
width:900px;
padding: 0;
height:58px;
}

#dd li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width:180px;
height:58px;
}

#dd li a.menu {
width:180px;
height:58px;
display: block;
text-align: center;
background: #1967a7;
margin: 0;
color: #FFF;
text-decoration: none;

}

#dd li a.menu:hover {
background: #1967a7;

}

.submenu {
width:178px;
background:url('images/subm_bg.png');
border-left: 1px solid #5970B2;
border-right: 1px solid #5970B2;
border-bottom: 1px solid #5970B2;
visibility: hidden;
position: relative;
z-index: 10;
}

.submenu a {
display: block;
font: 13px;
text-align: left;
text-decoration: none;
padding: 5px;
color: #2875DE;
}

.submenu a:hover {
background: #1967a7;
color: #FFF;
}

/*END HEADER***************************/



/***************Begin SIDEBAR************************/
#sidebar {
width:227px;
float:left;
}



#hitokotoTop{
background: url('images/hitokoto_t_2.jpg') no-repeat;
 height: 58px;
}
#picTop{
background:#676778;
margin-top:10px;
color:#fff;
border-radius:3px 3px 0 0;
padding:5px 0 5px 15px;
}

.hitokotoArea{
border-left:1px solid #beb9b9;
border-right:1px solid #beb9b9;
border-bottom:1px solid #beb9b9;
padding:10px;
margin-bottom:15px;
}

.hitokotoArea ul,li{
margin:0;
padding:0;
list-style-type:none;
line-height:none;
}

.hitokotoArea li{
padding-bottom:5px;
padding-top:5px;
}




#backn{
width:205px;
text-align:right;
margin-top:5px;
}

#entry p.hitokoto{
padding:5px;
}



#topbanner{
width:227px;
float:left;
margin:10px 0;
}

#bannerArea{
background:#e7e7e9;
text-align:center;
border-radius:3px;
padding-top:5px;
margin-bottom:20px;
}

#bannerArea a{
display:block;
width:216px;
padding-bottom:5px;
margin-left:6px;
}
.mov{
margin-top:20px;
}

/*******SIDEBAR END***************/

.subTitle{
margin:0;
padding:0;
}

#sub_n{
width:179px;
float:left;
font-size:12px;
line-height:none;
background:#fff;
margin-top:20px !important;
margin-top:10px;/* for only IE6 style */  

}

#sub_n ul{
border-top:solid 1px #115287;
border-left:solid 1px #115287;
border-right:solid 1px #115287;
}

#sub_n li{
border-bottom:solid 1px #115287;
}

#sub_n li a{
text-decoration:none;
display:block;
padding:8px 0 8px 8px;
color:#1967a7;
}

#sub_n li a:hover{
background:#589bd3;
color:#fff;
}

#content {
margin-top:20px;
float:right;
}

#content_sub{
margin-top:20px !important;
margin-top:10px;/* for only IE6 style */  
float:right;
width:690px;
}



#content_sub h2{
background:url(images/title.gif) no-repeat;
height:40px;
padding-top:17px;
font-size:120%;
color:#fff;
margin-bottom:15px;
padding-left:25px;
font-weight:400;
font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

#content_sub h2 a{
color:#444;
text-decoration:none;
}

#content .post {
margin-left:0px;
width:629px;
}

#content h2 {
background:url('images/title_l.gif') no-repeat;
height:43px;
padding-left:30px;
padding-top:17px;
font-size:110%;
font-weight:400;
color:#fff;
margin-bottom:15px;
font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

#content h3{
background:#cdc8e6;
border:1px solid #9b94c3;
padding:5px 0 5px 10px;
font:1em nomal;
}

#content h3.titlebar{
background:none;
border:none;
padding:0;
margin:0;
}



#content h3.qa{
background:none;
border-left:10px solid #1c4084;
border-right:none;
border-top:none;
border-bottom:none;
padding:0 0 0 5px;
margin-bottom:10px;
font-size:1em;
font-weight:bold;
}

#content .entry {
margin-top:10px;
 }

p.postmetadata {
background:#f7f7f7;
border:1px solid #ccc;
padding:8px;
font-size:0.9em;
margin-top:10px;
margin-bottom:30px;
}

small.time,small.author,small.comments_count {
color:#888;
border-left:1px solid #aaa;
padding:10px;
}

small a {
color:#999;
}

small.time {
background:transparent url("images/date.png") no-repeat center left;
border:none !important;
padding-left:20px;
}

small.author {
background:transparent url("images/author.png") no-repeat center left;
padding-left:20px;
}

small.comments_count {
background:transparent url("images/comment.png") no-repeat center left;
padding-left:20px;
}

div.clear {
clear:both;
}

a {
color:#393b92;
}

a:hover {
color:#2b2c6e;
}
a img {
border:none;
}

div.comment_part {
margin-left:5px;
}

h3#comments {
color:#FF9933;
}

ul.commentlist {
list-style:none
}

ul.commentlist li {
background:#ddd;
margin:10px;
}

ul.commentlist li.alt {
background:#ccc;
border-radius: 12px;
}

ul.commentlist img.avatar {
display:block;
}

cite.comment_author {
color:#333;
text-transform:capitalize;
font-style: normal;
}

em.awaiting_moderation {
color:orange;
display:block;
background:#ddd;
font-size:10px;
border:1px solid orange;
margin:0px;
}

small.commentmetadata,small.commentmetadata a {
font-style:italic;
padding:3px;	
}

hr {
display:none;
}
hr.break {
    height: 12px;
    border: 0;
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.3);
	margin:15px auto;
display:inherit;
clear:both;
}



#footer {
background:url("images/foot_bg.gif") repeat-x #E1E1E1;
padding:0px;
margin:20px 0 0 0;
overflow:hidden;
}



.inner{
width:900px;
margin:0 auto 0 auto;
padding:15px 0;
text-align:left;
overflow:hidden;
}

#fleft{
width:400px;
float:left;
font-size:85%;
}

#fleft p{
margin:0;
}

#flink{
float:right;
margin-top:10px;
}
#flink a{
color:#4376a0;
font-size:0.85em;
}
#copy{
font-size:0.85em;
margin-top:5px;

}
/* Begin Images */

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right:10px;
}

.alignright {
float: right;
margin-left:10px;
}

.imgR{
float:right;
}

.imgL{
float:left;
}

/* End Images */


/* Begin Various Tags & Classes */


acronym, abbr {
border-bottom: 1px dashed #999;
}



.center {
text-align: center;
}

.hidden {
display: none;
}

/*Single posts Navigation*/

div.single_navigation {
font-size:0.8em;
margin-bottom:15px;	
}

div.single_navigation table {
width:684px;
border-bottom:1px solid #ddd;
}

div.single_navigation table a {
color:#666;
}

div.single_navigation table a:hover {
color:#FF9933;
}

td.single_alignleft,td.single_alignright {
width:325px;
}

td.single_alignright {
text-align:right;
border-left:1px solid #ddd;
}

.important_t{
height:34px;
background:url(images/important_t.gif) no-repeat transparent;
border:none;
padding:0;
margin:0;
}

.important_t span,.pc_none{
display:none;
}

.school_t{
width:629px;
height:34px;
background:url(images/school_t.gif) no-repeat;
float:left;
border:none;
padding:0;
margin:0;
}

.school_t .newstitle,.exam_t .newstitle,.brief_t .newstitle,.info_t .newstitle{
display:none;
}

.exam_t{
width:629px;
height:34px;
background:url(images/exam_t.gif) no-repeat;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}

.brief_t{
width:629px;
height:34px;
background:url(images/brief_t.gif) no-repeat;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}

.shinkousha_t{
width:524px;
height:34px;
background:url(images/shinkousha_title.gif) no-repeat;
text-indent:-9999px;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}


.info_t{
width:629px;
height:34px;
background:url(images/info_title.gif) no-repeat;
float:left;
display:inline;
border:none;
padding:0;
margin:0;
}

.ichiran{
float:right;
display:block;
width:105px;
height:34px;
}

.infoarea{
border:1px solid #ccc;
clear:both;
margin-bottom:20px;
}

.bottom{
width:629px;
background:url('images/news_bottom.gif') no-repeat;
height:23px;
margin-bottom:15px;
}

.infoarea ul,li{
margin:0;
padding:0;
list-style-type:none;
line-height:none;
}

.infoarea li{
margin:0 !important;

border-bottom:1px dashed #666;

padding:5px 0 5px 10px;
}

.infoarea li:last-child{
border-bottom:none;
}

.infoarea ul{
margin:0;
padding-top:5px;
}





/* table */

table.location {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
}

table.location caption{
margin-bottom:5px;
text-align:left;
}

table.location th,
table.location td {
border: solid 1px #999;
padding: 4px 6px;
}

table.location th {
background: #E6E6E6;
text-align: center;
white-space: nowrap;
color: #666;
width:100px;
}



table.tableform {
border-collapse: collapse;
border: solid 1px #999;
width:584px;
}

table.tableform th,
table.tableform td {
border: solid 1px #999;
padding: 4px 6px;
}

table.tableform th {
background: #E6E6E6;
text-align: center;
color: #666;
}

table.form {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
margin-bottom:20px;
}

table.form th,
table.form td {
border: solid 1px #999;
padding: 5px;
}

table.form th {
background: #E6E6E6;
text-align: center;
color: #666;
font-weight:lighter;
}

table.form td.nowrap {
white-space: nowrap;
}

table.briefing {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
margin-bottom:10px;
}

table.briefing th,
table.briefing td {
border: solid 1px #999;
padding: 5px;
}

table.briefing th {
background: #E6E6E6;
text-align: center;
color: #666;
font-weight:lighter;
}

table.form_s {
border-collapse: collapse;
border-top: solid 1px #999;
border-right: solid 1px #999;
font-size:0.85em;
margin-bottom:10px;

width:100%;
}

table.form_s th,
table.form_s td {
border-bottom: solid 1px #999;
border-left: solid 1px #999;
padding: 5px;
}

table.form_s th {
background: #E6E6E6;
text-align: center;
color: #666;
font-weight:lighter;
}


table.examdata {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
font-size:0.85em;
margin-bottom:15px;
}

table.examdata th,
table.examdata td {
border: solid 1px #999;
padding: 5px;
}

table.examdata td.number {
width:269px;
}

table.examdata td.result{
background:#3061ab;
color:#fff;
font-weight:bold;
}
table.examdata th.result{
background:#3061ab;
color:#fff;
font-weight:bold;
}

table.examdata th {
background: #E6E6E6;
text-align: center;
color: #666;
width:150px;
}

table.faqLife{
border-collapse: collapse;
border: solid 1px #2e5a9c;
width:100%;
margin-bottom:10px;
}

table.faqLife th,
table.faqLife td {
border: solid 1px #2e5a9c;
padding: 4px 6px;
}

table.faqLife th {
background: #3f74c3;
text-align: center;
color: #fff;
font-weight:nomal;
width:30px;
}

table.faqLife th.ans {
background: #4f86d7;
}

table.faq{
border-collapse: collapse;
border: solid 1px #2e5a9c;
width:100%;
}

table.faq th,
table.faq td {
border: solid 1px #2e5a9c;
padding: 4px 6px;
}

table.faq th {
background: #3f74c3;
text-align: center;
color: #fff;
font-weight:nomal;
width:30px;
}

table.faq th.ans {
background: #4f86d7;
}

table.vnav{
margin-top:10px;
width:586px;
}

table.vnav td{
margin:0;
padding:0;
text-align:center;
}

table.facility{
margin-bottom:10px;
margin-left:18px;
}

table.graduate {
border-collapse: collapse;
border: solid 1px #999;
width:537px;
font-size:0.9em;
margin-bottom:15px;
}

table.graduate th,
table.graduate td {
border: solid 1px #999;
padding: 4px 6px;
}

table.graduate td {
text-align:center;
}

table.graduate th {
background: #E6E6E6;
text-align: center;
color: #666;
}

table.graduate_t {
border-collapse: collapse;
border: solid 1px #999;
width:537px;
font-size:0.9em;
margin-bottom:15px;
}

table.graduate_t th,
table.graduate_t td {
border: solid 1px #999;
padding: 4px 6px;
}

table.graduate_t th {
width:200px;
background: #E6E6E6;
text-align: center;
color: #666;
}

table.past_ex {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
font-size:0.85em;
margin-bottom:10px;
}

table.past_ex caption{
margin-top:10px;
}

table.past_ex th,
table.past_ex td {
border: solid 1px #999;
padding: 5px;
text-align: center;
}

table.past_ex th {
background: #E6E6E6;
text-align: center;
color: #666;
}


/* 投稿のテーブル */
table.articleT{
border-collapse: collapse;
border: solid 1px #999;
width:100%;
}

table.articleT th,
table.articleT td {
border: solid 1px #999;
padding: 5px;

}

table.articleT th {
background: #E6E6E6;
text-align: center;
color: #666;
}


#day{
width:480px;
background:url('images/day.gif') no-repeat;
height:20px;
padding-left:104px;
margin-left:2px;
margin-top:10px;
}

#flow{
margin:0;
padding:0;
width:586px;
font-size:0.85em;
}

#flow a{
text-decoration:none;
}

#flow td.text{
width:238px;
padding:5px;
border: 1px solid #666;
}

.text strong,.link strong{
font-size:1.2em;
}

#flow td.link{
padding:5px;
border: 1px solid #666;
text-align:center;
}

#qanavArea{
text-align:right;
margin-bottom:10px;
}

#qanavArea a{
text-decoration:underline;
background:url('images/arrow_fa.gif') no-repeat;
padding-left:13px;
}

.map_a {
PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #d3d5d4; LIST-STYLE-TYPE: none; MARGIN-TOP: 3px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; HEIGHT: 20px; COLOR: #eee; TEXT-DECORATION: none; PADDING-TOP: 5px
}

.map_b {
LIST-STYLE-TYPE: none; MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px; HEIGHT: 20px; MARGIN-LEFT: 28px
}



.map_a A {
BACKGROUND-COLOR: #d3d5d4; COLOR: #666666; MARGIN-LEFT: 6px; TEXT-DECORATION: none
}

.map_b A {
PADDING-LEFT: 13px; COLOR: #3d6aae; TEXT-DECORATION: none
}

.map_a IMG {
PADDING-LEFT: 10px; MARGIN-BOTTOM: -3px
}



#tnav {
border: 1px solid #305c43;
background: #fff;
margin-left:380px;
width:302px;
height:30px;
}

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

#tnav ul li {
float:left; 
border-left:1px solid #305c43;
width:100px;
}

#tnav ul li.l{
border-left:none;
}

#tnav ul li a {
display: block;
color: #fff;


text-align: center;
text-decoration: none;
padding:5px;
}

#tnav ul li a.ac {
color: #305c43;
padding:5px;
font-weight:bold;
}

#tnav ul li a:link,
#tnav ul li a:visited{
background: #64c78f;
}

#tnav ul li a:hover {
color: #305c43;
background: #fff;
}

.tname{
clear:both;
marign-top:5px;
}

/*duringday*************************************/
.during{
width:690px;
height: 865px;
background:url(images/day.jpg) no-repeat;
}
.during .left{
width:335px;
float:left;
}
.during .right{
width:335px;
margin-left:20px;
float:left;
}
.during .right p{
margin:76px 0 0 6px;
height:163px;
font-size:0.8em;
line-height:1.2em;
}
.during .left p{
margin:64px 0 0 8px;
height:158px;
font-size:0.8em;
line-height:1.2em;
}

/*年間行事*************************************/
table.event{
width:690px;
border:none;
font-size:0.85em;
line-height:1.3em;
}
.event td{
width:217px;
vertical-align:top;
padding-bottom:10px;
}

.event td img{
margin-bottom:5px;
}

.event td.middle{
padding:0 15px 0 15px;
}
.event td h4{
background:#3464ac;
padding:5px;
color:#fff;
margin-bottom:5px;
}

.event td p{
padding:5px 10px 0 0;
}

/*recomend*************************************/
.nomal_list li{
list-style-type:disc;
list-style-position:inside;
margin-bottom:5px;
}

/*部活*************************************/
table.club {
	width: 690px;
border:none;
}
.club td{
	width:222px;
	vertical-align:top;
padding-bottom:10px;
    font-size: 75%;
    line-height: 1.2em;
}
.club td img{
float:left;
padding-right:5px;
}
.clubname{
	padding:5px;
	background:url(images/club_jh.gif) no-repeat;
	margin-bottom:5px;
	display:block;
	height:30px;
	font-weight:bold;
font-size:1.2em;
}
.clubname_j{
	padding:5px;
	background:url(images/club_j.gif) no-repeat;
	margin-bottom:5px;
	display:block;
	height:30px;
	font-weight:bold;
 font-size: 1.2em;
}
.clubname_h{
	padding:5px;
	background:url(images/club_h.gif) no-repeat;
	margin-bottom:5px;
	display:block;
	height:30px;
	font-weight:bold;
 font-size: 1.2em;
}
.club_pic{
background:url(images/club_pic.jpg) no-repeat;
width:690px;
height:200px;
padding-top:35px;
}

.btn_club{
display:block;
background:#F49B09;
color:#fff;
border-radius:25px;
text-decoration:none;
line-height:24px;
height:24px;
transition:.5s;
font-size:0.85em;
}

.btn_club i{
margin-left:5px;
}

.btn_club:hover{
color:#F5740A;
background:#FBD69B;
}

/*教育理念*************************************/
.policyArea{
color: #595757;
font-size: 17px;
margin-bottom:20px;
}

.policyArea2{
color: #595757;
font-size: 12px;
margin-bottom: 20px;
}

.thin{
border-left:none !important;
font-weight:400;
font-size:85%;
padding-left:0 !important;
}

/*進路指導*************************************/
.messa{
padding:10px 10px 0 10px;
border:1px solid #666;
margin-bottom:10px;
font-size:0.85em;
}


.messa02{
padding:0px 0 15px 0;
border:1px solid #ccc;
font-size:0.85em;
overflow:hidden;
border-radius:5px;
background:#efefef;
}

.messa02 ul{
display:table;
margin:0 auto;
}

.messa02 li{
display:table-cell;
text-align:center;
padding:5px;
}

.messa h4{
background:url(images/messa_bg.gif) no-repeat;
padding:5px 5px 5px 10px;
margin-bottom:5px;
color:#fff;
font-size:110%;
}


.messa02 h4{
background:#2B5AA2;
padding:10px;
margin-bottom:10px;
color:#fff;
text-align:center;
}

.messa02 h4.green{
background:#82AB3C;
padding:10px;
margin-bottom:10px;
color:#fff;
text-align:center;
}

.messa .teacher{
width:168px;
float:left;
text-align:center;
margin-top:15px;
}

.messa .teacher img{
border:1px solid #ccc;
padding:2px;
}

.messa .teacher .name{
font-size:130%;
margin:5px 0 0 0 !important;
text-align:center;
}

.messa .teacher .name span{
font-size:90%;
}


.messa h5{
color:#6699cc;
font-size:1.3em;
margin-bottom:5px;
margin-top:15px;
}


.bt img{
display:block;
}

caption{
margin-top:15px;
font-weight:bold;
}

.caption_s{
font-size:90%;
}


.btn_kougai{
 background:#6d6599 url(images/arrow_l.png) no-repeat 235px;
color:#fff;
margin:auto;
display:block;
width:255px;
border-radius:3px;
border-bottom:2px solid #49436f;
text-align:center;
padding:15px 15px 15px 0;
text-decoration:none;
font-size:1.2rem;
box-shadow:0px 0px 2px 1px #ccc;

text-shadow:1px 1px 1px #999;

}

.btn_kougai i{
margin-right:10px;
}

.btn_kougai:hover{
 background:#d9d5f1 url(images/arrow_l_02.png) no-repeat 240px;
color:#6d6599;
transition:.5s;
border-bottom:solid 2px #9b92cd;
text-shadow:none;
}



/*2012合格バナー*************************************/
img.gokaku{
display:block;
margin-bottom:15px;
}



/*卒業生*************************************/
.blue_tit {
color: #3263ab;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}



/*2014新校舎*************************************/
.buildingtxt{
font-size:0.85em;
line-height:1.8em;
}

h4.buildingtitle{
font-size:1em;
border-left:8px solid #97A655;
padding-left:10px;
margin-bottom:10px;
margin-top:25px;
}




.btn{
display:block;
border-radius:5px;
background:#115287;
padding:15px;
text-decoration:none;
color:#fff;
width:200px;
text-align:center;
margin: 0 auto;
}

.btn:hover{
color:#fff;
background:#6699CC;
transition:.5s;
}

.img_list{
}

.img_list li{
float:left;
display:inline;
margin-right:18px;
}

.img_list li:last-child{
margin-right:0px;
}

.layout_l{
width:330px;
float:left;
margin:0 30px 20px 0;
}

.layout_ls{
width:155px;
float:left;
margin-right:20px;
}

.layout_ls p,.layout_rs p,.massage_area{
font-size:80%;
}

.layout_r{
width:330px;
float:left;
margin:0 0 20px 0;
}

.layout_rs{
width:155px;
float:left;
}

.layout_l h4,.layout_r h4{
margin-bottom:10px;
text-align:center;
color:#085789;
font-weight:400;
}

.layout_l h4 span,.layout_r h4 span{
float:right;
}

.layout_l h4 span a,.layout_r h4 span a{
font-size:70%;
display:block;
background:#6699CC;
color:#fff;
padding:5px 5px 3px 5px;
border-radius:3px;
text-decoration:none;
line-height:1;
}

.layout_l h4.stitle,.layout_r h4.stitle{
text-align:left;
}

.layout_l .textheight,.layout_r .textheight{
font-size:85%;
height:100px;
line-height:1.6;
}



.massage_area{
background:#F1F1F1;
padding:20px;
clear:both;
overflow:hidden;
border-radius:5px;
}

.campus{
font-size:85%;
background:#EFEFEF;
width:100%;
border-radius:5px;
border-collapse: collaspase;
border-spacing: 0;

}

    

.campus td{
vertical-align:top;
border-bottom:solid 1px #ddd;
padding:10px;
}

.campus ul{
float:left;
}

ul.photo li{
	float:left;
margin-right:10px;
list-style-type:none;

	width:150px;
	}

ul.photo li img{
border:1px solid #ccc;
padding:1px;
}

ul.photo li span{
display:block;
text-align:center;
padding:3px;
}

ul.photo li:last-child{
margin-right:0;
}

.campus li{
width:150px;
list-style-type:circle;
list-style-position:inside;
}
.campus li.dammy{
list-style-type:none !important;
}


.campus h4{
text-align:center;
font-size:120%;
color:#BF782B;
}

.campus h5{
font-size:110%;
color:#fff;
padding:5px;
background:#BF782B;
text-align:center;
margin-bottom:10px;
border-radius:3px;
}

#clubnav{
display:table;
table-layout:fixed;
width:100%;
}

#clubnav li{
display:table-cell;
text-align:center;
border-right:1px solid #fff;
}

#clubnav li a{
text-decoration:none;
background:#6699CC;
display:block;
padding:5px;
color:#fff;
}

#clubnav li a:hover{
background:#587DB8;
}

.pt20{
padding-top:20px;
}


.mgn0{
margin:0 !important;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb20{
margin-bottom:20px !important;
}
.mb30{
margin-bottom:30px;
}

.mb45{
margin-bottom: 45px;
}
.mr20{
margin-right:20px;
}

.mgb15{
margin-bottom:15px;
}
.mgt20{
margin-top:20px;
}

.ml10{
margin-left:10px;
}

.ml15{
margin-left:15px;
}

h3.title_l{
font-weight:120%;
border-bottom:dotted 1px #2B5AA2;
padding-bottom:5px;
margin:15px 0;
}

h3.title_l span{
border-left:solid 5px #2B5AA2;
padding-left:10px;
}

h3.title_b{
padding-top:25px;
}

.textname{
font-family: "游明朝体","Yu Mincho",YuMincho,serif;
font-weight:bold;
font-size:110%;
line-height:1.5;
}

.textname span{
font-size:130%;
}

.textname_blue{
font-family: "游明朝体","Yu Mincho",YuMincho,serif;
font-weight:bold;
font-size:110%;
line-height:1.5;
color:#0067B4;
}

.textname_blue span{
font-size:130%;
}

.textread{
font-family: "游明朝体","Yu Mincho",YuMincho,serif;
font-weight:bold;
font-size:130%;
line-height:1.6;
margin-bottom:10px;
}

.textread_l{
font-family: "游明朝体","Yu Mincho",YuMincho,serif;
font-weight:bold;
font-size:160%;
line-height:1.6;
margin-bottom:10px;
}

.teachpic img{
float:left;
margin-right:15px;
}

h4.philosophy{
color:#2C6994;
border:1px solid #2C6994;
padding:10px;
font-family: "游明朝体","Yu Mincho",YuMincho,serif;
font-weight:bold;
font-size:120%;
}

table.club_committ,table.club_bunka,table.club_sports{
border-collapse:collapse;
font-size:90%;
width:100%;
}

table.club_sports{
border-top: 1px solid #1F9179;
border-right: 1px solid #1F9179;


}

.sports_pic{
position:absolute;
left: 750px;
top: 650px;
}

table.club_sports th,table.club_sports td{
border-bottom: 1px solid #1F9179;
border-left: 1px solid #1F9179;
padding:8px;
}

table.club_committ{
border-top:1px solid #8C6230;
border-right:1px solid #8C6230;
}

.club_committ th,.club_committ td{
border-bottom:1px solid #8C6230;
border-left:1px solid #8C6230;
padding:8px;
}

.club_committ th{
background:#F5F3EC;
}

table.club_bunka td,table.club_bunka th{
padding:8px;
border-bottom:1px solid #3078B2;
border-left:1px solid #3078B2;
}

table.club_bunka{
border-top:1px solid #3078B2;
border-right:1px solid #3078B2;
}

.club_bunka p{
margin:0 !important;
}

table.club_bunka th{
text-align:center;
color:#005BA1;
width:100px;
background:#dbedff;
}

table.club_sports th{
text-align:center;
color:#1F9179;
width:100px;
background:#d8f4ee;
}

.club_sports p{
margin:0 !important;
}

table.club_bunka th img,table.club_sports th img{
width:41px;
height:40px;
margin:0 auto 2px auto;

display:block;
}

.club_committ th{
width:100px;
text-align:center;
}

.club{
width:100%;
clear:both;


}
.club dt{
float:left;
padding-right:5px;
padding-bottom:5px;
}

.number_bunka{
background:#005BA1;
padding:0 3px;
border-radius:3px;
color:#fff;
display: inline-block;

font-size:85%;
}

.number_sports{
background:#1F9179;
padding:3px;
border-radius:3px;
color:#fff;
display: inline-block;

font-size:85%;
}

.n_j{
background:#F49B09;
padding:5px;

border-radius:50%;
color:#fff;
line-height:1;
    display: inline-block;
margin-right:5px;
}
.n_s{
background:#995E00;
padding:5px;

border-radius:50%;
color:#fff;
line-height:1;
    display: inline-block;
margin-right:5px;
}

.club dd{
float:left;
padding-right:10px;
}

/*===============================================
769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
}

#spmenu,.shiryo,#spside,#sub_n h3 span,#spslide{
display:none;
}

.ug-slider-wrapper, .ug-item-wrapper img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    max-width: none !important;
    box-sizing: border-box;
    padding: 3px;
    background: #fff;
}

#goalarea{
width:500px;
margin:0 auto 30px auto;

}




}


/*===============================================
768pxまで
===============================================*/
@media screen and (max-width:768px){


	body {
		-webkit-text-size-adjust: 100%;
	}


.guide_btn li{
display:block !important;
line-height:50px;
margin-bottom:10px;
}

.guide_btn li:nth-child(odd){
margin-right:0 !important;
}

.guide_btn li a{
width:auto !important;
height:50px;
text-align:center;
  display:block !important;
    text-decoration: none;
background:#F8F6F6;
    font-weight: bold;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
transition:.2s;
}
.effort_btn li{
display:block !important;
line-height:50px;
margin-bottom:10px;
}

.effort_btn li:nth-child(odd){
margin-right:0 !important;
}

.effort_btn li a{
width:auto !important;
height:50px;
text-align:center;
  display:block !important;
    text-decoration: none;
background:#F8F6F6;
    font-weight: bold;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
transition:.2s;
}

.btn_club{
line-height:35px;
height:35px;
width:80%;
margin:auto;
}


.ml_none{
margin-left:0 !important;
}

#content_sub h2,#content h2{
background: #3263ab url(images/h2img.png) repeat-y 8px 5px ;
height: inherit;
padding:12px 10px 10px  20px;
color: #fff;
margin-bottom: 15px;
border:1px solid #3160A5;
border-radius:3px;
}

#topbanner,#content,#flink,#snav_Area,#sidebar{
float:none;
}

#sidebar{
margin:0 auto;
}

#spslide{
margin:0 auto;
}

body{
background:none !important;

}

#header {
height: inherit;
margin: 0;
width:100%;
background:none;
border-top:solid 8px #115287;
}

#header h1{
padding:5px 0 0 0;
}

#header  h1 img{
margin-left:15px;
max-width: 70% !important;
height: auto  !important;
}

.textread_l{
font-size:150%;
}

.shiryo{
padding: 3px;
    text-align: center;
    text-decoration: none;
    color: #333;
    border: 2px solid #FFF;
    border-radius: 3px;
    background: #f6f6f6 url(images/l_pdf.png) no-repeat 10px;
    -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.4);
    -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.4);
display:block;
width:90%;
margin:5px auto 15px auto;
}

.shiryo i{
color:#1568A8;
}

#spmenu{
background: rgb(118,147,195);
background: -moz-linear-gradient(top,  rgb(118,147,195) 0%, rgb(52,100,172) 100%);
background: -webkit-linear-gradient(top,  rgb(118,147,195) 0%,rgb(52,100,172) 100%);
background: linear-gradient(to bottom,  rgb(118,147,195) 0%,rgb(52,100,172) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7693c3', endColorstr='#3464ac',GradientType=0 );
overflow:hidden;
display:table;
width:100%;
border-bottom:solid 2px #A3BEE3;
border-top:1px #115287 solid;
}

#spmenu li{
display:table-cell;
padding:15px 0;
border-right:1px solid #8CACE1;
}

#spmenu li:last-child{
border-right:none;
}

#spmenu li a{
display:block;
color:#fff;
text-decoration:none;
}

#sub_n h3 img{
display:none !important;
}

#sub_n h3{
background:#3D6BAF;
}

#sub_n h3 span{
color:#fff;
padding:15px 10px;
display:block;
}

#spside{
background:url(images/stripe.png) repeat-x top;
padding:15px 0 0 0;
border-top:1px solid #ccc;
margin:20px 0;
clear:both;
}

.inner,#snav_Area,#topbanner{
width:100%;
}

#content .post{
width:inherit;
}



#footer .inner img{
margin:0 auto;
display:block;
}

#content{
padding:0;
margin:15px 0 0 0;
}




#backn {
    width:100%;
    text-align: right;
    margin-top: 5px;
}

#fleft{
float:none;
width:100%;
text-align:center;
}

#flink{
margin:0 auto;
float:none;
width:96%;
text-align:center;
}

#copy{
font-size:80%;
line-height:1.3;
}

#page{
width:94%;
}

#snav_Area,.sp_none,#dd,#swfmusic,#hitokoto{
display:none !important;
}

#bannerArea{
text-align:center;
width:227px;
margin:0 auto 15px auto;
}

#content_sub {
    margin-top: 20px !important;
    margin-top: 10px;
    float: none;
    width: 100%;
}

#sub_n {
    width:100%;
    float:none;
    font-size: 12px;
    line-height: none;
    background: #fff;
    margin-top: 20px !important;
    margin-top: 10px;
}



.mov{
margin:0 auto;
}

.messa02 li{
display:inherit;
}

#qanavArea{
text-align:left;
}

img{
display:block !important;
float:none !important;
}

.imgfull{
max-width: 96% !important;
height: auto  !important;
display:block !important;
float:none !important;
}

.imgfull_l{
max-width: 100% !important;
height: auto  !important;
display:block !important;
float:none !important;
}

.imgfit{
min-width: 100% !important;
height: auto  !important;
display:block !important;
float:none !important;
}

#content img{
max-width: 100% !important;
height: auto  !important;
display:block !important;
float:none !important;
}



.graduate_btn{
display:block;
background: #71b7b9;
background: -moz-linear-gradient(top,  #71b7b9 0%, #368aa3 100%);
background: -webkit-linear-gradient(top,  #71b7b9 0%,#368aa3 100%);
background: linear-gradient(to bottom,  #71b7b9 0%,#368aa3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b7b9', endColorstr='#368aa3',GradientType=0 );
text-align:center;
padding:10px;
border-radius:3px;
color:#fff;
text-decoration:none;
border:1px solid #388CA4;
}

.graduate_btn:hover,.hitokoto_btn:hover{
color:#fff;
}

.hitokoto_btn{
display:block;
background: rgb(118,147,195);
background: -moz-linear-gradient(top,  rgb(118,147,195) 0%, rgb(52,100,172) 100%);
background: -webkit-linear-gradient(top,  rgb(118,147,195) 0%,rgb(52,100,172) 100%);
background: linear-gradient(to bottom,  rgb(118,147,195) 0%,rgb(52,100,172) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7693c3', endColorstr='#3464ac',GradientType=0 );
text-align:center;
padding:10px;
border-radius:3px;
color:#fff;
text-decoration:none;
margin-top:10px;
}


#content table{
margin:0 auto;
}

#topmain{
display:none;
}

#header-front-photo{
height:auto !important;
background: none;
width:100%;
padding-top:0px;
}

.important_t{
background:#A56062;
color:#fff;
height:inherit !important;
text-indent:inherit !important;
border-radius: 3px 3px 0 0;
padding: 5px 0 5px 15px;
}

.important_t span{
display:inherit;
}

.school_t{
background:#7E669F;
color:#fff;
text-indent:inherit !important;
border-radius: 3px 3px 0 0;
width:100%;
height:34px;
}

.exam_t{
background:#425197;
color:#fff;
text-indent:inherit !important;
border-radius: 3px 3px 0 0;
width:100%;
height:34px;
}

.brief_t{
background:#737EB2;
color:#fff;
text-indent:inherit !important;
border-radius: 3px 3px 0 0;
width:100%;
height:34px;
}

.info_t{
background:#646474;
color:#fff;
text-indent:inherit !important;
border-radius: 3px 3px 0 0;
width:100%;
height:34px;
}

.school_t .newstitle,.exam_t .newstitle,.brief_t .newstitle,.info_t .newstitle{
float:left;
display:block;
padding: 5px 0 5px 15px;
}

.school_t .ichiran,.exam_t .ichiran,.brief_t .ichiran,.info_t .ichiran{
float:right;
display:inline;
width:105px;
height:34px;
}

.btn_kougai{
margin:0 auto;
}

/*===============================================
スライド
===============================================*/
.ug-bullets.ug-skin-default .ug-bullet {
    width: 11px !important;
    height: 11px !important;
    background-image: url(images/bullets.png) !important;
    background-position: top left;
    margin-left: 5px;
}

#topmain{
margin:20px auto 110px auto;
width:893px;
height:267px;
padding:3px;
position:relative;
background:#dedbce;
border:1px solid #c6c6c6;

}

/*===============================================
レスポンシブメニュー
===============================================*/
#click-menu{
border-radius:3px;
padding: 8px 5px 5px 5px !important;
}

/*===============================================
学園概要
===============================================*/
.img_list{
width:218px;
margin:0 auto;
}

.img_list li{
float:none;
padding-bottom:10px;
display:inherit;
}

.layout_l,.layout_r{
margin:15px auto 0 auto !important;
float:none;
width:auto !important;
}

.layout_l img,.layout_r img{
margin:0 auto;
}

.teachpic img{
min-width: 30% !important;
height: auto  !important;
display:block !important;
float:none !important;
margin:0 auto 10px auto;
}

.layout_ls img,.layout_rs img{
margin:0 auto !important;
}

.layout_rs,.layout_ls{
float:none;
width:auto;
margin:0;
text-align:center;
}

#goalarea td,#goalarea th{
display:block;
}

#goalarea tr{
padding-bottom:10px;
}



#goalarea{
margin-bottom:30px;
}

/*===============================================
教育と進学
===============================================*/
.messa .teacher{
width:auto;
float:none;
}

.messa .teacher img{
margin:0 auto;
display:block;
width:128px;
}

table.examdata th{
white-space:nowrap;
}


/*===============================================
学校生活
===============================================*/
.campus ul,ul.photo li{
float:none !important;
}

.campus td{
display:block;
}

.campus ul{
margin-bottom:10px;
}

.campus li{
width:auto;
}

ul.photo li{
width:100% ;
}

ul.photo li img{
margin:0 auto ;
}

table.briefing {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
margin-bottom:10px;
}

table.briefing th,
table.briefing td {
width:auto !important
}

table.briefing th {
background: #E6E6E6;
text-align: center;
color: #666;
font-weight:lighter;
}

.messa02 li img{
max-width:99% !important;
height: auto  !important;
display:block !important;
}

table.club_bunka th,table.club_bunka td,.club_committ th,.club_committ td,.club_sports td,.club_sports th{
display:block;
}

table.club_sports th,table.club_bunka th,.club_committ th{
width:auto;
}

.student_pic,.guide_pic{
margin:0 auto;
}

iframe{

    width: 100%;
    height: auto;
}

object{
min-width:100%;
height:auto;
}

.layout_l .textheight,.layout_r .textheight{
font-size:100%;
height:auto;
line-height:1.6;
}

.layout_l .textheight_02,.layout_r .textheight_02{
font-size:100%;
height:auto;
line-height:1.6;
}
	
.iframe-content {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}



a.bn_2017 {
    margin-top: 20px;
}
a.bn_2017 img {
    margin: 0 auto;
}
a.fund_bnr {
    margin-top: 20px;
}
a.fund_bnr img {
    margin: 0 auto;
}


/*===============================================
教科書ガイド
===============================================*/
.guide_btn{
}

.guide_btn li{
display:inline-block;
line-height:50px;
margin-bottom:10px;
}

.guide_btn li:nth-child(odd){
margin-right:10px;
}

.guide_btn li a{

width:329px;
height:50px;
text-align:center;
display: inline-block;
text-decoration: none;
background:#F8F6F6;
font-weight: bold;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
transition:.2s;
}

.guide_btn li a.national{
border-left: solid 6px #806600;
 color: #806600;
}

.guide_btn li a.national:hover{
    background:#ebe5d4;
}
.guide_btn li a.society{
    border-left: solid 6px #839855;
    color: #839855;
}

.guide_btn li a.society:hover{
 background:#f4f7e7;
}
.guide_btn li a.math{
    border-left: solid 6px #1C8E76;
    color: #1C8E76;
}

.guide_btn li a.math:hover{
background:#E5EFEC;
}
.guide_btn li a.science{
    border-left: solid 6px #B76E32;
    color: #B76E32;
}

.guide_btn li a.science:hover{
background:#F7EBE1;
}

.guide_btn li a.english{
    border-left: solid 6px #693A00;
    color: #693A00;
}

.guide_btn li a.english:hover{
background:#EDE3D6;
}

.guide_btn li a.health{
    border-left: solid 6px #42973b;
    color: #42973b;
}

.guide_btn li a.health:hover{
background:#f2fff1;
}

.guide_btn li a.tech{
    border-left: solid 6px #1c858e;
    color: #1c858e;
}

.guide_btn li a.tech:hover{
background:#f0fbfc;
}

.guide_btn li a.art{
    border-left: solid 6px #d35d29;
    color: #d35d29;
}
.guide_btn li a.art:hover{
background:#fff0e9;
}

.guide_btn li a i{
margin-left:10px;
}

.guide_btn li a:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.textread_l.national{
color:#806600;
}
.textread_l.society{
color:#839855;
}
.textread_l.math{
color:#1C8E76;
}
.textread_l.science{
color:#806600;
}
.textread_l.english{
color:#693A00;
}
.textread_l.health{
color:#42973b;
}
.textread_l.tech{
color:#1c858e;
}
.textread_l.art{
color:#d35d29;
}

/*===============================================
本郷の取り組み
===============================================*/
.effort_btn{
}

.effort_btn li{
display:inline-block;
line-height:50px;
margin-bottom:10px;
}

.effort_btn li:nth-child(odd){
margin-right:10px;
}

.effort_btn li a{
width:329px;
height:50px;
text-align:left;
display: inline-block;
text-decoration: none;
background:#F8F6F6;
font-weight: bold;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
transition:.2s;
    border-left: solid 6px #43539d;
    color: #43539d;
}
.effort_btn li a span{
padding-left:10px;
}

.effort_btn li a i{
margin-left:10px;
}
.effort_btn li a:hover{
background:#f0fbfc;
}
.effort_btn li a:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}



/*===============================================
トップタブ化
===============================================*/
#top_tab {
	margin-left: -5px;
}
#top_tab li span{
	float: left;
	width: 122px;
	text-align: center;
	border-radius: 3px 3px 0 0;
	display: block;
	padding:5px 0;
	text-decoration: none;
	color: #fff;
	transition: 0.3s ;
	cursor: pointer;
	margin-left: 5px;
}
#top_tab li.select{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}
/* --- タブ：学校生活 --- */
#top_tab li .t_school{
	background-color: #8269a5;
	position: relative;
}
#top_tab li.select .t_school:after{
	content: "";
    border: 8px solid transparent;
    border-top: 8px solid #8269a5;
    position: absolute;
	left: 52px;
	top: 33px;
}
/* --- タブ：説明会・相談会 --- */
#top_tab li .t_brief{
	background-color: #7480b6;
	position: relative;
}
#top_tab li.select .t_brief:after{
	content: "";
    border: 8px solid transparent;
    border-top: 8px solid #7480b6;
    position: absolute;
	left: 52px;
	top: 33px;
}
/* --- タブ：入試情報 --- */
#top_tab li .t_exam{
	background-color: #43539d;
	position: relative;
}
#top_tab li.select .t_exam:after{
	content: "";
    border: 8px solid transparent;
    border-top: 8px solid #43539d;
    position: absolute;
	left: 52px;
	top: 33px;
}
/* --- タブ：クラブ活動 --- */
#top_tab li .t_club{
	background-color: #43939e;
	position: relative;
}
#top_tab li.select .t_club:after{
	content: "";
    border: 8px solid transparent;
    border-top: 8px solid #43939e;
    position: absolute;
	left: 52px;
	top: 33px;
}
/* --- タブ：メディア掲載 --- */
#top_tab li .t_media{
	background-color: #676778;
	position: relative;
}
#top_tab li.select .t_media:after{
	content: "";
    border: 8px solid transparent;
    border-top: 8px solid #676778;
    position: absolute;
	left: 52px;
	top: 33px;
}
/* --------- タブの中身 --------- */
.tab_contents{
	clear: both;
	padding: 30px 13px;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	width: 602px;
}
.tab_contents:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.tab_contents a.box{
	display: block;
	width: 194px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	text-decoration: none;
}
.disnon {
	display: none;
}
/* --- 帯 --- */
.tab_contents .thumbnail{
	display: block;
	position: relative;
	overflow: hidden;
}
.tab_contents .ribon{
	display: inline;
}
.tab_contents .ribon span{
	width: 120px;
	padding: 3px 10px;
	background: #3c7bad;
	color: #fff;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 16px;
	left: -37px;
	text-transform: uppercase;
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg); 
	font-style: normal;
}
.tab_contents a.box:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}
@media screen and (min-width: 769px){
	.tab_contents a.box:nth-child(3n){
		margin-right: 0;
	}
	.tab_contents a.box:nth-child(3n+1){
		clear: both;
	}
}
.tab_contents dl{
	background: #f2f2f2;
	padding: 10px 7px 20px 7px;
}
.tab_contents dl dt{
	margin-bottom: 5px;
}
.tab_contents dl dd{
	font-size: 12px;
	color: #444;
	line-height: 1.5em;
}
.tab_contents .tit{
	text-decoration: underline;
}
.tab_contents .date{
	font-size: 12px;
	font-weight: 500;
	color: #444;
	display: block;
}
/* --- 一覧へボタン --- */
.tab_contents a.btn_list{
	clear: both;
	margin: 0  auto;
	display: block;
	width: 194px;
	line-height: 36px;
	height: 36px;
	background: #f4f4f4;
	text-align: center;
	border: solid 1px #dcdcdc;
	text-decoration: none;
}
.tab_contents a.btn_list:before{
	content:"\f0da";
	font-family: FontAwesome;
	color: #134a6c;
	margin-right: 5px;
}
.tab_contents a.btn_list:hover{
	background: #e5e5e5;
}
@media screen and (max-width:768px){
	#top_tab li span{
		width: 19%;
		height: 2.5em;
		font-size: 13px;
		margin-left: 3px;
		padding: 5% 0 2%;
		line-height: 1.3em;
	}
	#top_tab {
		margin-left: -3px;
	}
	/* --- タブ --- */
	#top_tab li.select .t_school:after{
		left: 42%;
		top: 100%;
	}
	#top_tab li.select .t_brief:after{
		left: 42%;
		top: 100%;
	}
	#top_tab li.select .t_exam:after{
		left: 42%;
		top: 100%;
	}
	#top_tab li.select .t_club:after{
		left: 42%;
		top: 100%;
	}
	#top_tab li.select .t_media:after{
		left: 42%;
		top: 100%;
	}
	/* --------- タブの中身 --------- */
	.tab_contents{
		clear: both;
		padding: 20px 0;
		border: none;
		margin-bottom: 20px;
		width: 100%;
	}
	/* --- 帯 --- */
	.tab_contents .thumbnail img{
		width: 100%;
	}
	.tab_contents a.box{
		float: left;
		width: 48.3%;
	}
	.tab_contents a.box:nth-child(2n){
		margin-right: 0;
	}
	.tab_contents a.box:nth-child(2n+1){
		clear: both;
	}
	/* --- 帯 --- */
	.tab_contents .ribon span{
		width: 80px;
		padding: 3px 7px;
		top: 6px;
		left: -26px;
		font-size: 12px;
	}
	/* --- 一覧 --- */
	.tab_contents dl dd{
		display: none;
	}
}
/* --- タブのフォント指定--- */
@media screen and (max-width:600px){
	#top_tab li span{
		font-size: 12px;
	}
}
@media screen and (max-width:470px){
	#top_tab li span{
		font-size: 11px;
	}
}
@media screen and (max-width:400px){
	#top_tab li span{
		font-size: 10px;
	}
}
@media screen and (max-width:340px){
	#top_tab li span {
		font-size: 10px;
		width: 20%;
		margin-left: 0px;
	}
}
/* --- 20170906--- */

ol.normal{
margin-left:1.5em;
}

ol.normal li{
list-style-type: decimal;
list-style-position:outside;
margin-bottom:5px;
}



ul.normal_list{
margin-left:1.5em;
}

ul.normal_list li{
list-style-type: disc;
list-style-position:outside;
margin-bottom:5px;
}
dl.admission {
overflow: hidden;
 zoom: 1;
margin-bottom:30px;
}

dl.admission dt {
display: block;
width: 15%;
clear: left;
float: left;
font-weight:bold;
padding-bottom:10px;
}

dl.admission dd {
display: block;
width: 85%;
float: left;
padding-bottom:10px;
}

h3.ttl_admission{
border:1px solid #ccc;
background:#efefef;
font-weight:600;
border-radius:5px;
margin-bottom:10px;
font-size:1em;
padding:8px;
}

.btn_admission{
 background:#6d6599;
color:#fff;
margin:auto;
display:block;
width:300px;
border-radius:5px;
border-bottom:2px solid #49436f;
text-align:center;
padding:10px;
text-decoration:none;
font-size:1rem;
box-shadow:0px 0px 2px 1px #ccc;

text-shadow:1px 1px 1px #999;

transition:.5s;
}

.btn_admission i{
margin-right:10px;
}

.btn_admission:hover{
background:#d9d5f1;
color:#6d6599;
border-bottom:solid 2px #9b92cd;
text-shadow:none;
}

@media screen and (max-width: 769px){
.ent_banner a img{
width: 48% !important;
}
}


.facility_detail h2,.facility h2{
background:#2b5aa2 !important;
border-radius:5px;
color:#fff;
}

.facility_detail h3,.facility h3{
border:1px solid #2b5aa2;
color:#2b5aa2;
font-weight:400;
padding:15px;
margin-bottom:30px;
}

.facility_detail a.facility_btn{
border:1px solid #2b5aa2;
border-radius:5px;
color:#2b5aa2;
padding:15px;
display:block;
text-decoration:none;
transition:.2s;
width:300px;
margin:auto;
text-align:center;
background:url(/wp/wp-content/uploads/2018/03/school-2.png) no-repeat 20px center;
}

.facility_detail a.facility_btn:hover{
background:#2b5aa2 url(/wp/wp-content/uploads/2018/03/school-1.png) no-repeat 20px center;
color:#fff;
}

.facility a.detail_btn{
border:1px solid #2b5aa2;
border-radius:5px;
color:#2b5aa2;
padding:10px;
display:block;
text-decoration:none;
transition:.2s;
width:50%;
margin:auto;
text-align:center;
}

.facility a.detail_btn:hover{
border:1px solid #2b5aa2;
background:#2b5aa2;
border-radius:5px;
color:#fff;
padding:10px;
display:block;
text-decoration:none;
width:50%;
margin:auto;
text-align:center;
}

.facility_detail p,.facility p{
margin-bottom:30px;
}

.facility_detail section,.facility section{
padding-bottom:60px;
}

.facility_top{
padding-bottom:50px;
}

.facility h4{
border-left:solid 5px #2b5aa2;
padding:8px 0 8px 15px;
margin-bottom:15px;
font-size:16px;
}

.facility .detail_list{
}

.facility .detail_list li{
width:325px;
display:inline-block;
margin-right:35px;
margin-bottom:40px;
vertical-align:top;
}

.facility .detail_list li:nth-child(even){
margin-right:0;
}

.facility .detail_list li figcaption{
margin:15px 0 25px 0;
}

.facility .sec_left_area{
float:left;
}

.facility .sec_right_area{
float:right;
width:380px;
}

.facility .sec_right_area .facility_list{
margin-bottom:40px;
}

.facility .sec_right_area .facility_list li{
display:inline-block;
margin-right:5px;
margin-bottom:10px;
width:120px;

}

.facility .sec_right_area .facility_list li:nth-child(3n){
margin-right:0;
}

.facility .sec_right_area .facility_list li a{
display:block;
border:1px solid #2b5aa2;
border-radius:5px;
color:#2b5aa2;
margin:auto;
text-align:center;
text-decoration:none;
transition:.2s;
padding:5px;
}

.facility .sec_right_area .facility_list li a:hover{
background:#2b5aa2;
color:#fff;
}

.facility .sec_right_area .security{
border:1px solid #2b5aa2;
border-radius:5px;
padding:15px;
position: relative;
}

.facility .sec_right_area h4 {
    padding: 10px;
    margin-bottom: 15px;
    font-size: 16px;
    position: absolute;
    top: -20px;
    background: #2b5aa2;
    color: #fff;
font-weight:400;
font-size:1em;
}

.facility .sec_right_area .security p{
margin-bottom:0;
padding-top:25px;
}

.facility .sec_right_area .facility_list li a i{
margin-left:5px;
}

.facility a.facility_btn{
border:1px solid #2b5aa2;
border-radius:5px;
color:#2b5aa2;
padding:15px;
display:block;
text-decoration:none;
transition:.2s;
width:auto;
margin:auto;
text-align:center;
background:url(/wp/wp-content/uploads/2018/03/panorama.png) no-repeat 20px center;
}

.facility a.facility_btn:hover{
background:#2b5aa2 url(/wp/wp-content/uploads/2018/03/panorama-2.png) no-repeat 20px center;
color:#fff;
}

.facility_box{
min-height: 270px; 
border: 1px solid #ccc; 
position: relative;
}

.facility_pnl{
bottom: 20px;
margin-bottom: 0;
position: absolute;
width: 100%;
height: 130px;
background: #fff;
color: #333;
padding: 5px 0; 
}

.facility_lbl{
text-align: left;
padding: 10px 15px;
}

.facility_txt{
padding: 0px 15px;
font-size: 13px;
color: #636363;
line-height: 19px !important;
}

.sa_hover_container {
background-size: 100% auto !important;
background-position: top center !important;
margin: 0 auto !important;
width: 90% !important;
}
section.facility_detail div.sa_owl_theme div.owl-nav {
display: none !important;
}
@media (max-width:768px) {
 section.facility_detail div.sa_owl_theme div.owl-nav {
 display: block !important;
 }
 section.facility_detail div.sa_owl_theme div.owl-dots {
 display: none !important;
 }
 div.facility_box {
 height: auto;
 }

.facility .sec_left_area{
float:none;
padding-bottom:20px;
}

.facility .sec_left_area img{
display:block;
margin:auto;
max-width:60%;
height:auto;
}
.facility .sec_right_area{
float:none;
width:100%;
}
.facility .sec_right_area .facility_list li {
    display: block;
float:left;
    margin-bottom: 10px;
    width: 48%;
margin-right:0;
}


.facility .sec_right_area .facility_list li:nth-child(3n) {
    margin-right:0 !important;
}

.facility .sec_right_area .facility_list li:nth-child(2n) {
    margin-left:10px;
}

.facility .detail_list li {
    width: 100%;
    display: block;
    margin-right:0;
    margin-bottom: 50px;
    vertical-align: top;
}

.facility .detail_list li img{
display:block;
min-width:100%;
margin:auto;
height:auto;
}
.facility a.facility_btn {
    border: 1px solid #2b5aa2;
    border-radius: 5px;
    color: #2b5aa2;
    padding: 15px 15px 15px 75px;
    display: block;
    text-decoration: none;
    transition: .2s;
    width: auto;
    margin: auto;
    text-align: left;
    background: url(/wp/wp-content/uploads/2018/03/panorama.png) no-repeat 20px center;
}

.facility_detail a.facility_btn{
width:auto;
}
}

div.sa_owl_theme .owl-nav .owl-prev {
left: -7px;
}

div.sa_owl_theme .owl-nav .owl-next {
right: -7px;
}

.fund_bnr{
	margin-top:20px;
	display:block;
}

.google-calendar{

}
.briefing ul{
	margin-bottom:20px;
}
.briefing ul li{
list-style-type: disc;
    list-style-position: inside;
}
.briefing section{
	margin-bottom:50px;
	}
.briefing h3{
	background:#43539d;
	padding:10px;
	border-radius:5px;
	color:#fff;
	margin-bottom:15px;
}
.briefing h4{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
}
.briefing h4 span::before{
	content:"-";
    margin-right: 10px;
}
.briefing h4.content{
	border-bottom:3px solid #7480b6;
}
.briefing h4.content span::before{
	color:#7480b6;
}
.briefing h4.year{
	border-bottom:3px solid #43939e;
}
.briefing h4.year span::before{
	color:#43939e;
}
.briefing p.day{
	border-left: 4px solid #ccc;
    padding-left: 10px;
	font-weight:bold;
}
.cal_wrapper {
  max-width: 690px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
 
@media only screen and (min-width: 768px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom:100%;
  }
}
@media screen and (max-width: 768px){
.iframe-content {
    position: relative;
    width: 100%;
    padding: 100% 0 0 0;
}
}
details {
  font: 16px "Open Sans", "Arial", sans-serif;
  width: 620px;
}

.hongo_org .schedule{
	display:flex;
	flex-wrap:wrap;
	margin-top:60px;
	}
.hongo_org .schedule li{
	width:calc(100% / 2);
    display: flex;
	padding-bottom:20px;
}
.hongo_org .schedule li ul{
	width:100%;
}
.hongo_org .schedule li li{
	width:100%;
	display:inherit;
	padding-bottom:0;
	
}
.hongo_org .schedule .head{
font-size: 30px;
    text-align: center;
    line-height: 1;
    width: 20%;
    color: #43539d;
    background: #eee;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	padding:10px 0;
}
.hongo_org .schedule .head span{
	font-size:13px;
}
.hongo_org .schedule .body{
	padding-left:20px;
}

.hongo_org .schedule .body li:before{
	content:"■";
	margin-right:5px;
	color:#786bae;
}
.hongo_org .contents{
	display:flex;
	margin-top:60px 0 20px 0;
	border-top:solid 1px #ccc;
}

.hongo_org .contents .head h3{
color: #fff;
    margin-top: 30px;
    background: #786bae;
    padding: 10px 15px;
    line-height: 1;
    font-weight: normal;
    border-radius: 5px;
	font-size:16px;
}
@media screen and (max-width: 769px){
	.hongo_org .schedule{
		display:inherit;
	}
		.hongo_org .schedule li{
			width:100%;
	}
}

/* 投稿記事内見出し設定 */
#content .post h1{
font-size: 20px;
    font-weight: 500;
    padding: 10px 15px;
    border-bottom: 3px solid #4376a0;
    margin-bottom: 20px;
    background: #eee;
}
#content .post h3{
	margin-bottom:20px;
}
#content .post h4{
	border-bottom: 6px double #4376a0;
	margin-bottom:15px;
	padding-bottom:5px;
}
#content .post h5{
border-left: 8px solid #6699cc;
    padding-left: 10px;
	margin-bottom:10px;
}