@charset "utf-8";
/*===============================================
▼▼▼reset.css 要素ごとリセット
===============================================*/
@import url(reset.css);


/*===============================================
▼▼▼site-pc.css PC用
===============================================*/
@import url(site-pc.css);

/*===============================================
▼▼▼site-tablet.css タブレット用
===============================================*/
@import url(site-tablet.css);

/*===============================================
▼▼▼site-smart.css スマホ用
===============================================*/
@import url(site-smart.css);
@import url(togglemenu.css);

/*===============================================
▼▼▼共通 (IE8以下対応分も含む)
===============================================*/

/* PC向けを表示指定 */
.only_pc {
}
/* スマホ向けを非表示指定 */
.only_sp,
ul.only_sp,
div.only_sp {
	display:none;
}

a {	text-decoration: none;}
a:link {	color: #333}
a:visited {	color: #333}
a:hover ,
a:active { text-decoration: underline;color: #999}

a:hover img.hover {
	filter:alpha(opacity=70);
	opacity:0.7;
}



body {
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",   Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	#header {
		position:relative;
		height:auto;
	  	background:url(../../images/common/g_bg.jpg) repeat-x 0 bottom;
	}
	#header .wrap,
	#body .wrap,
	#footer .wrap {
		width:940px;
		margin: 0 auto;
		position:relative;
	}
	#header .wrap img {
		width:auto;
	}
    #mainBox {
		width:540px;
		float:left;
	}
    #sideBox {
		width:390px;
		float:right;
	}


#logo {
	float:left;
	padding: 23px 0 12px 0;
	margin:0;
}


#hNav a,
#gNav a {
	cursor:pointer;
}
#hNav li a:hover span,
#gNav li a:hover span {
	background:url(../../images/1x1.png) repeat;
}



/* header navigation */
#hNav {
	height:30px;
	margin:0;
	padding: 23px 0 0 0;
	float:right;

}
#fNav {
	height:30px;
	margin:0 auto;
	text-align:center;
	padding: 23px 0;
	display:none;
	width:174px;

}
#hNav li{
	float:left;
	padding: 0 6px 0 0;
}
#fNav li {
	float:left;
	padding: 0 3px;
	margin:0 0;
}
#hNav li a ,
#fNav li a {
	display:block;
	text-indent:-9999px;
	float:left;
	width:52px;
	height:65px;
	padding-top:0px;
	margin: 0 auto;
	background-position: 0 0;
	background-repeat:no-repeat;
}
#fNav li a {
	margin-left:0%;
	}
#hNav li span,
#fNav li span {
	display:block;
	margin: 0;
	padding:0;
	width:52px;
	height:65px;
}
#hNav li#h_home  {padding-right:12px;}
#hNav li#h_home a 			{ 	background-image:url(../../images/common/h_home.jpg);}
#hNav li#h_access a,	#fNav li#f_access a { 	background-image:url(../../images/common/h_access.jpg);}
#hNav li#h_request a,	#fNav li#f_request a { 	background-image:url(../../images/common/h_request.jpg);}
#hNav li#h_contact a,	#fNav li#f_contact a { 	background-image:url(../../images/common/h_contact.jpg);}


/* glabal navigation */
#gNav {
	height:30px;
	width:940px;
	margin:0;

}
#gNav ul {
	height:30px;
	border-right:solid 1px #fff;
}
#gNav li {
	float:left;
	position:relative;
	padding: 0 0px 0 0;
	border-left:solid 1px #fff;
	list-style-type:none;
}
#gNav li a {
	text-indent:-9999px;
	display:block;
	float:left;
	width:186px;
	height:30px;
	padding:0;
	margin: 0;
	background-position: center 0;
	background-repeat:no-repeat;
}
#gNav li span {
	display:block;
	margin: 0 auto;
	padding:0;
	width:186px;
	height:30px;
}
#gNav li#g_info a { 	background-image:url(../../images/common/g_info.jpg);}
#gNav li#g_course a { 	background-image:url(../../images/common/g_course.jpg);}
#gNav li#g_guide a { 	background-image:url(../../images/common/g_guide.jpg);}
#gNav li#g_life a { 	background-image:url(../../images/common/g_life.jpg);}
#gNav li#g_career a { 	background-image:url(../../images/common/g_career.jpg);}
#gNav li#g_gallery a { 	background-image:url(../../images/common/g_gallery.jpg);}


/*===============================================
 下層ページのパンくず
===============================================*/
#path { margin: 10px; }

div#path span { display:block;}
div#path span.top,
#path li.top {
	padding: 0 0 0 21px;
	margin: 0;
	background: url(../../images/common/path_home.png) left no-repeat;
}
div#path span,
#path li {
	float: left;
	padding: 0 0 0 16px;
	margin: 0 0 0 10px;
	font-size:85%;
	-webkit-text-size-adjust: 100%;
	background: url(../../images/common/path_bg.png) left no-repeat;
}
#path a {
	color: #960033;
	text-decoration: underline;
}
#path a:hover {
	text-decoration: none;
}


#mainImage {
	border: solid 5px #e3e3e3;
	margin: 5px 0;
}
/*===============================================
 下層ページの見出し
===============================================*/

#body h1 {
	margin:0;
	padding: 16px 15px 24px 30px;
	font-size: 185%;
	font-weight: normal;
	line-height:130%;
	background: #7a0029 url(../../images/common/h1_bg.jpg) repeat-x 0 bottom ;
	color: #FFF;
}

/*===============================================
 indexBox
===============================================*/

#indexBox {
	color:#333;
}
#indexBox .txt {
	margin: 20px;

}
#indexBox li .txt {
	line-height:150%;
	margin: 10px 0 0 0;
	width:200px;
}
#indexBox li .txt img {
	vertical-align:bottom;
}
#indexBox ul {
	border-top: solid 3px #7a0029;
}
#indexBox li {
	width:440px;
	display: inline-block;
	vertical-align:top;
	*display: inline;   
	zoom: 1; 
	/* 
	border-top: dotted 1px #ccc;
	 */
	padding:20px 10px;
	
}

#indexBox li .pict {
	border: solid 1px #7a0029;
	float:right;
}
#indexBox li h2 {
	font-size:150%;
	font-weight:bold;
	padding:10px 5px;
	margin: 0;
	width:200px;
	border-bottom: solid 1px #7a0029;
}

#indexBox li h2 a {
	color:#7a0029;
}

#indexBox li .link {
	margin-top:20px;
	}
#indexBox li .link a {
	color:#7a0029;
	display:block;
	text-decoration:underline;
}
#indexBox li .link a:hover {
	text-decoration:none;
}


/*===============================================
 news category icon
===============================================*/


/* 未分類 */
.cat_1 {}
/* 在校生 */
.cat_2 { background-image:url(../../images/cat_2.jpg);}
/* 父母の会 */
.cat_3 { background-image:url(../../images/cat_3.jpg);}
/* 同窓会 */
.cat_4 { background-image:url(../../images/cat_4.jpg);}
/* 受験生 */
.cat_5 { background-image:url(../../images/cat_5.jpg);}
/* 校友会 */
.cat_6 { background-image:url(../../images/cat_6.jpg);}
/* 緊急連絡情報 */
.cat_7 { background-image:url(../../images/cat_7.jpg);}
/* 一般 */
.cat_8 { background-image:url(../../images/cat_8.jpg);}
/* 一般 */
.cat_10 { background-image:url(../../images/cat_8.jpg);}
/* 採用情報 */
.cat_11 { background-image:url(../../images/cat_11.jpg);}
/* 転編入 */
.cat_12 { background-image:url(../../images/cat_12.jpg);}


#entry_body .meta_box p {
	margin: 0 0 0 10px;
	background-position: left center;
	background-repeat:no-repeat;
	padding: 5px 0 5px 80px;
}

#entry_body .meta_box p.cat_1,
#entry_body .meta_box p.cat_2,
#entry_body .meta_box p.cat_3,
#entry_body .meta_box p.cat_4,
#entry_body .meta_box p.cat_5,
#entry_body .meta_box p.cat_6,
#entry_body .meta_box p.cat_7,
#entry_body .meta_box p.cat_8 {
	padding-left:80px;
}

.meta_box {
	font-size: 80%;
	margin: 0 0 24px 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	padding:8px 0;
	line-height:160%;
}


/*===============================================
 footer
===============================================*/


#footer {
	margin: 50px 0 0 0;
}
#footer #address {
	margin:0px auto;
	padding:20px 0 0 0;
	text-align:left;
	font-size:75%;
}
#footer #copyright {
	margin:0px auto;
	padding:20px 0;
	text-align:center;
	font-size:75%;
}
.footerLink {
	font-size:85%;
	width:156px;
	float:left;
	margin: 0 0% 0 0;
}
.footerLink ,
.footerLink a {
	color:#666;
}
.footerLink a:hover {
	text-decoration:none;
}
.footerLink li {
	padding:0;
	line-height:130%;
}
.footerLink li a {
	display:block;
	padding:0 0 5px 20px;
	margin:0;
	font-weight:bold;
	border-bottom: solid 2px #c9c9c9;
	text-decoration:none;
}
.footerLink li ul {
	margin: 15px 0px 25px 10px;
	font-size:87%;
}
.footerLink li ul li {
	margin: 0 0 5px 0;
	padding:0;
}
.footerLink li ul li a {
	display:block;
	background:url(../../images/dot.jpg) no-repeat 0 6px;
	padding:0 0 5px 10px;
	margin:0;
	font-weight:normal;
	border-bottom:none;
	text-decoration: underline;
}




.footerLink2 {
	font-size:85%;
	margin: 0 auto 0 auto;
	text-align:right;
	clear:both;
}
.footerLink2 li {
	display:inline;
	padding-left:2em;
}
.footerLink2 a {
	color:#666;
	text-decoration:underline;
}
.footerLink2 a:hover {
	text-decoration:none;
}


#toggle {
	display:none;
	width:70%;
	position: absolute;
	top:0;
	right:0;
	margin: 0;
	text-align:right;
}
.button-toggle {
	cursor:pointer;
}
#slide-sp {
	display:none;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #7a0029;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/*===============================================
　.clearfix
===============================================*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */