@charset "utf-8";
/* CSS Document */

html {
	/*height: 100%;*/
	margin-bottom: 1px;
}
*{
	margin: 0;
	padding: 0;
}
body {
	background: url(../img/common/header_img.gif) 0 0 repeat-x;
	color: #393939;
	font-size: 77%;
	line-height: 1.7em;
}
body#top {
	background: url(../img/common/header_img_top.gif) 0 0 repeat-x;
}
a {
/*\*/
	overflow: hidden;
}
img {
	vertical-align: bottom;
	border: none;
}
hr {
	display: none;
}
ul {
	list-style: none;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clear {
	clear: both;
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}
.center {
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 930px;
	/*min-height: 835px;*/
	/*min-height:700px;
	height: auto !important;
	height: 700px; /* IE６ */
}

h1,h2,h3 {
	text-indent: -9999px;
}
h1 a {
	margin: 27px 0 0 0;
	width: 416px;
	height: 54px;
	float: left;
	display: block;
	background: url(../img/common/logo.gif) 0 0 no-repeat;
}
#top h2 {
	width: 402px;
	height: 30px;
	background: url(../img/common/h2_topics.gif) 0 0 no-repeat;
}
h3#important {
	width: 109px;
	height: 20px;
	background: url(../img/common/h3_important.gif) 0 0 no-repeat;
}
h3#topNews {
	margin-top: 25px;
	width: 122px;
	height: 20px;
	background: url(../img/common/h3_news.gif) 0 0 no-repeat;
}


/* headBox
-----------------------------------------------------------*/
#headBox {
	margin-right: 0;
	width: 429px;
	float: right;
}

/* topNavi
-----------------------------------------------------------*/
ul#topNav {
	margin: 0 0 12px 0;
}
ul#topNav li {
	float: left;
	text-indent: -9999px;
	list-style: none;
}
ul#topNav li a {
	height: 27px;
	display: block;
}
ul#topNav li#access a {
	padding: 0 25px 0 0;
	width: 72px;
	background: url(../img/common/snav_01.gif) 0 0 no-repeat;
}
ul#topNav li#contact a {
	padding: 0 25px 0 0;
	width: 98px;
	background: url(../img/common/snav_02.gif) 0 0 no-repeat;
}
ul#topNav li#download a {
	padding: 0 25px 0 0;
	width: 93px;
	background: url(../img/common/snav_03.gif) 0 0 no-repeat;
}
ul#topNav li#sitemap a {
	width: 91px;
	background: url(../img/common/snav_04.gif) 0 0 no-repeat;
}
ul#topNav li#access a:hover {
	background: url(../img/common/snav_01.gif) 0 0 no-repeat;
	background-position: 0 -27px;
}
ul#topNav li#contact a:hover {
	background: url(../img/common/snav_02.gif) 0 0 no-repeat;
	background-position: 0 -27px;
}
ul#topNav li#download a:hover {
	background: url(../img/common/snav_03.gif) 0 0 no-repeat;
	background-position: 0 -27px;
}
ul#topNav li#sitemap a:hover {
	background: url(../img/common/snav_04.gif) 0 0 no-repeat;
	background-position: 0 -27px;
}


/* subNavi
-----------------------------------------------------------*/
ul#sNav {
	float:right;
	width:328px;
	margin: 0;
	/*padding: 0 19px 0 21px;*/
	background: url(../img/common/snav_bg.gif) right top no-repeat;
}

ul#sNav li {
	margin: 1px 0 0 0;/*15px 0 17px 0;*/
	float: left;
	text-indent: -9999px;
	list-style: none;
}
ul#sNav li a {
	width: 143px;
	height: 22px;
	display: block;
}
ul#sNav li#students {
	padding: 0 10px 0 0;
	background: url(../img/common/nav_students.gif) 0 0 no-repeat;
}
ul#sNav li#examinee {
	background: url(../img/common/nav_examinee.gif) 0 0 no-repeat;
}
ul#sNav li#students a:hover {
	background: url(../img/common/nav_students.gif) 0 0 no-repeat;
	background-position: 0 -22px;
}
ul#sNav li#examinee a:hover {
	background: url(../img/common/nav_examinee.gif) 0 0 no-repeat;
	background-position: 0 -22px;
}




/* globalNavi
-----------------------------------------------------------*/
ul#gNav {
	float:left;
	margin-bottom:16px;
}
ul#gNav,
ul#gNav a {
	width: 577px;
	height: 30px;
	background: url(../img/common/gnav.gif) 0 0 no-repeat;
}
ul#gNav li,
ul#gNav li a,
ul#gNav li a:hover {
	height: 30px;
	float: left;
	display: block;
}
ul#gNav li#top a,
ul#gNav li#top a:hover {
	width: 115px;
	float: left;
	text-indent: -9999px;
}
ul#gNav li#outline a,
ul#gNav li#outline a:hover {
	width: 115px;
	float: left;
	background-position: 0 115px;
	text-indent: -9999px;
}
ul#gNav li#facility a {
	width: 115px;
	background-position: 0 230px;
	text-indent: -9999px;
}
/*ul#gNav li#subject a {
	width: 115px;
	background-position: 0 345px;
	text-indent: -9999px;
}*/

ul#gNav li#education a {
	width: 115px;
	background-position: 0 345px;
	text-indent: -9999px;
}
ul#gNav li#curriculum a {
	width: 117px;
	background-position: 0 460px;
	text-indent: -9999px;
}

ul#gNav li#top a:hover,
ul#gNav li#top a.active {
	background-position: 0 -30px;
}
ul#gNav li#outline a:hover,
ul#gNav li#outline a.active {
	background-position: -115px -30px;
}
ul#gNav li#facility a:hover,
ul#gNav li#facility a.active {
	background-position: -230px -30px;
}
/*ul#gNav li#subject a:hover,
ul#gNav li#subject a.active {
	background-position: -320px -30px;
}*/
ul#gNav li#education a:hover,
ul#gNav li#education a.active {
	background-position: -345px -30px;
}

ul#gNav li#curriculum a:hover,
ul#gNav li#curriculum a.active {
	background-position: -460px -30px;
}




/* search
-----------------------------------------------------------*/
#search {
	margin: 26px 0 10px 0;
	height:24px;
	text-align:right;
}
#search #area {
	margin: 0 10px 0 0;
	padding:1px 0 1px 0;
	/*width: auto;*/
	width:192px;
	/*height: 22px;*/
}
#search #searchBtn {
	vertical-align: bottom;
}


/* main
-----------------------------------------------------------*/
#main {
	clear:both;
}
#main  img {
	margin-bottom:18px;
}


/* footer
-----------------------------------------------------------*/
#footer {
	clear:both;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	background-color: #003c21;
}
#footer ul {
	margin: 0 auto 10px auto;
	width: 440px;
	list-style: none;
}
#footer ul li {
	float: left;
}




/* crumbs
-----------------------------------------------------------*/
ul#topicpath li {
	float: left;
	font-size: 80%;
	list-style: none;
}

ul#topicpath li#top {
	padding: 0 5px 0 20px;
	background: url(../img/common/crumbs_top.gif) 0 center no-repeat;
}
ul#topicpath li#pre {
	padding: 0 10px 0 10px;
	color: #9a071b;
	background: url(../img/common/crumbs_arrow.gif) 0 center no-repeat;
}
ul#topicpath li#up {
	padding: 0 10px 0 10px;
	background: url(../img/common/crumbs_arrow_2.gif) 0 center no-repeat;
}
ul#topicpath li#top a,
ul#topicpath li#up a {
	color: #393939;
	text-decoration: none;
}


/* topics
-----------------------------------------------------------*/
#topics {
	margin:;
	/*padding: 20px;*/
	width: 402px;
}
#students #newsTopics, 
#examinee #newsTopics {
	margin: 0;
	/*padding: 20px;*/
	width: 610px;
}
#topics dl {
	padding: 12px 0 25px 0;
	background:url(../img/common/line.gif) left bottom no-repeat;
}
#students #newsTopics dt,
#examinee #newsTopics dt,
#topics dt {
	width: 65px;
	float: left;
	clear: both;
	color: #a69e71;
	line-height: 1.8em;
}

#topics dd {
	padding:0;
	width: 335px;
	float: right;
	line-height: 1.8em;
}
#students #newsTopics dd,
#examinee #newsTopics dd {
	width:545px;
	line-height: 1.8em;
}

#students #newsTopics dd a,
#examinee #newsTopics dd a,
#topics dd a {
	color: #393939;
	text-decoration: none;
	/*background: url(../img/common/attention.gif) 0 3px no-repeat;*/
}
#students #newsTopics dd a:hover,
#examinee #newsTopics dd a:hover,
#topics dd a:hover {
	color: #1c8a58;
	text-decoration:underline;
}


#topics dd span.pink,
#examinee #newsTopics dd span.pink {
	color:#ffb1cf;
}
#topics dd span.green,
#students #newsTopics dd span.green {
	color:#c0d960;
}


#news {
	margin: 25px 0 0 0;
}
#more {
	margin: 9px 3px 0 0;
	/*color: #2d7b20;*/
	font-size: 80%;
}
#more a {
	padding: 0 0 0 8px;
	color: #2d7b20;
	text-decoration: none;
	background: url(../img/common/arrow.gif) 0 3px no-repeat;
}
#more a:hover {
	padding: 0 0 0 8px;
	color: #9a071b;
	text-decoration: none;
	background: url(../img/common/arrow_red.gif) 0 3px no-repeat;
}
#students #more a {
	color: #253581;
	background: url(../img/common/arrow_on.gif) 0 3px no-repeat;
}
#examinee #more a {
	color: #982644;
	background: url(../img/common/arrow_on.gif) 0 3px no-repeat;
}
#students #more a:hover{
	color: #1c8a58;
	text-decoration: none;
	background: url(../img/common/arrow_on.gif) 0 3px no-repeat;
}
#examinee #more a:hover {
	color: #2354d0;
	background: url(../img/common/arrow_on.gif) 0 3px no-repeat;
}


/* table
-----------------------------------------------------------*/
body#top #mainBox {
	margin:1px 0 40px 0;
	background:url(../img/common/bg_mainbox.gif) 0 0 repeat-y;
}

body#top #mainBox .floatL {
	width:500px;
}

body#top #mainBox .rightBox {
	float:right;
	width:402px;
	margin-top:22px;
}

body#top table {
	margin-bottom:40px;
	width:473px;
	border-left:1px solid #d6d6d6;
}

body#top table tr {
	background:url(../img/common/bg_tr.gif) left bottom no-repeat;
}

body#top table th {
	width:90px;
	border-right:1px solid #d6d6d6;
	background:#f4f8e5 url(../img/common/bg_tr.gif) left bottom no-repeat;
}
body#top table .lc {
	background-image:none;
}

body#top table td {
	padding:15px;
}

body#top table td a {
	float:right;
}
body#top table td a img {
	margin-top:5px;
}
	



/* bottom
-----------------------------------------------------------*/
#btmLink {
	clear:both;
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 930px;
}

/* banner
-----------------------------------------------------------*/
#top p.banner,
#menuBox p.banner {
	margin: 0 0 15px 0;
}

/* 動画
-----------------------------------------------------------*/
#movie {
	color:#ffffff;
}
#movie p {
	margin:10px;
}


/* clearfix
---------------------------------------------------------------*/
.clearfix:after,
#wrapper:after {
        content: ".";	/* 新しい要素を作る */
        display: block;	/* ブロックレベル要素にする */
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    .clearfix,
	#wrapper {	/* IE7用 */
        display: inline-block;
        zoom: 1;
    }
    
    /* Hides from IE-mac \*/
        * html .clearfix,
		* html #wrapper {height: 1%;}
        .clearfix,
		#wrapper {display: block;}
    /* End hide from IE-mac */
