@charset "utf-8";

/*============================
body
============================*/

body { text-align: center; }
body.subPage { background: #fafafa; position: relative; }
#pageSetContents { margin: 0 auto; text-align: left; width: 1000px; position: relative; background: #fff; }

/*============================
#loader
============================*/
#loader {
	width: 100px;
	height: 100px;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px; /* heightの半分のマイナス値 */
	margin-left: -50px; /* widthの半分のマイナス値 */
	z-index: 100; }

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50; }

/*============================
#header
============================*/
#header { position: relative; }
#header #college { background: #272b2e; color: #fff; font-size: 11px; padding: 6px 140px 6px 10px; line-height: 1.25; }
#header #headerContents { background: #f3f3f3; padding: 20px; position: relative; }
#header #headerContents #logo { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","メイリオ",serif; font-size: 34px; font-weight: bold; position: relative; line-height: 1; width: 620px; }
#header #headerContents #logo span { display: inline-block; *display: inline; zoom: 1; font-weight: normal; font-size: 14px; color: #666; line-height: 26px; height: 26px; position: absolute; } 
#header #headerContents #logo span.subTopCopy { left: 320px; top: -6px; font-size: 13px; color: #999; } 
#header #headerContents #logo span.subBottomCopy { left: 300px; top: 14px; }
#header #headerContents #logo span.subBottomCopy.english { left: 529px; top: 14px; width: 420px; }
#header #headerContents #logo span em { font-size: 18px; font-weight: normal; } 
#header #headerContents #textLink { position: absolute; right: 20px; top: 10px; }
#header #headerContents #textLink.top { right: 20px; }
.subPage #header #headerContents #textLink { right: 20px; }
#header #headerContents #textLink table {}
#header #headerContents #textLink table td { border-right: 1px solid #ccc; }
#header #headerContents #textLink table td:first-child { border-left: 1px solid #ccc; }
#header #headerContents #textLink table td a { display: block; white-space: nowrap; padding: 0 10px; color: #222; }
#header #headerContents #textLink table td a:hover { color: #555; text-decoration: underline; }
#header #fb-like { position: absolute; right: 20px; top: 68px; display: inline-block; *display: inline; zoom: 1; }
.subPage #header #fb-like { top: 40px; }
.subPage #header #college { padding-right: 20px; }
.subPage #header #headerContents { background: #f3f3f3; padding: 14px 20px 15px; position: relative; }
.subPage #header #headerContents #logo span { display: inline-block; *display: inline; zoom: 1; font-weight: normal; font-size: 14px; color: #666; line-height: 26px; height: 26px; position: absolute; } 
.subPage #header #headerContents #logo span.subTopCopy { left: 229px; top: -3px; font-size: 12px; color: #999; } 
.subPage #header #headerContents #logo span.subBottomCopy { left: 210px; top: 13px; }
.subPage #header #headerContents #logo span.subBottomCopy.english { left: 529px; top: 14px; width: 420px; }
.subPage #header #headerContents #logo span em { font-size: 15px; font-weight: normal; } 
.subPage #header #headerContents #logo .image.english img {}

/*============================
#navi
============================*/
#navi {}
#navi ul li { display: block; float: left; width: 16%; height: 30px; position: relative; }
#navi ul li span { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 11px; color: #fff; cursor: pointer; }
#navi ul li.gaiyou { width: 17%; }
#navi ul li.gaiyou span { background: #28c; }
#navi ul li.juken span { background: #72b; }
#navi ul li.member { width: 17%; }
#navi ul li.member span { background: #c22; }
#navi ul li.shugaku { width: 17%; }
#navi ul li.shugaku span { background: #d71; }
#navi ul li.jisseki { width: 17%; }
#navi ul li.jisseki span { background: #eb1; }
#navi ul li.link span { background: #8b0; }
#navi ul li span ul.subMenu { position: absolute; left: 0; top: 30px; display: none; z-index: 1000; width: 100%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, .2); }
#navi ul li span ul.subMenu li { float:inherit; text-align: left; width: 100%; height: 26px; line-height: 26px; background: #272B2E; border-top: solid 1px #222; }
#navi ul li span ul.subMenu li a { color: #fff; display: block; padding: 0 10px; height: 26px; line-height: 26px; }

/*============================
#footer
============================*/
#address { font-size: 11px; position: fixed; left: 0; bottom: 40px; background: #272b2e; color: #fff; width: 100%; padding: 8px 0; line-height: 1.5; }
#address .pad { padding: 0 20px; line-height: 1.25; }
#address span {}
#sepia #address { background: #764; }
#address em { margin: 0 10px; color: #999; }
#copyRight { text-align: center; font-size: 12px; position: fixed; left: 0; bottom: 0; background: #f3f3f3; width: 100%; height: 40px; line-height: 40px; }

.subPage #address { position: inherit; left: inherit; bottom: inherit; }
.subPage #sepia #address { background: #764; }
.subPage #address em { margin: 0 10px; color: #999; }
.subPage #copyRight { text-align: center; font-size: 12px; position: inherit; background: #f3f3f3; height: 40px; line-height: 40px; }


/*============================
/* Fixed(Top) 
============================*/
.md_fixed { position: fixed; top: 88px; left: 50%; width: 1000px; margin-left: -500px; background: #fff; z-index: 9999; }
.fixed { position: fixed; top: 0; }


/*============================
#md_pageTop
============================*/
#md_pageTop{ position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
#md_pageTop a { display: block; width: 60px; height: 60px; line-height: 60px; background: #039; text-align: center; font-size: 14px; color: #fff; cursor: pointer;
filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#md_pageTop a { background: #039; }
#desc1 #md_pageTop a { background: #039; }
#desc2 #md_pageTop a { background: #72b; }
#desc3 #md_pageTop a { background: #c22; }
#desc4 #md_pageTop a { background: #d71; }
#desc5 #md_pageTop a { background: #eb1; }
#desc6 #md_pageTop a { background: #8b0; }
#md_pageTop a:hover { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

/*============================
#language
============================*/
#language { display: none; position: absolute; right: 10px; top: 0; }
#language.english { display: block; }
#language ul {}
#language ul li { float: left; }
#language ul li a { display: inline-block; background: #777; color: #ddd; padding: 5px 8px; font-size: 10px; }
#language ul li.active { float: left; }
#language ul li.active a { display: inline-block; background: #fff; color: #17b; }

/* -- clearfix -- */

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; clear: both; }
*html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }