@charset "euc-jp";

#mainContents div.studentObj ul:after,

#mainContents div.studentObj div.top:after,

div.row:after,

#contents:after,

#globalNavigation:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

#mainContents div.studentObj ul,

#mainContents div.studentObj div.top,

div.row,

#contents,

#globalNavigation {

	display: inline-table;

	/*\*/

	display: block;

	*height: 1%;

	/**/

}



body {

	background: url(../images/b_bg.gif) repeat left top;

	background-color: #fff;

	text-align: center;

}



/* CONTAINER */

#container {

	background: url(../images/c_bg.gif) repeat left top;

	margin: 0 auto;

	width: 842px;

	text-align: left;

}



/* PAGETOP */

#pageTop {

	margin: 0 1px;

}

#header{

	position: relative;

	background: url(../images/h_bg.gif) no-repeat left top;

	width: 840px;

	height: 120px;

}

	#ci {

		position: absolute;

		left: 20px;

		top: 12px;

	}

	#catch {

		position: absolute;

		left: 241px;

		top: 24px;

		background: url(../images/h_catch.gif) no-repeat left top;

		width: 197px;

		height: 26px;

		/*\*//*/

		padding-bottom: 26px;

		/**/

		text-indent: -9999px;

		overflow: hidden;

	}

	#headNavigation li {

		width: 114px;

		height: 33px;

	}

	#headNavigation li.li1 {

		position: absolute;

		left: 578px;

		top: 0;

	}

	#headNavigation li.li2 {

		position: absolute;

		left: 699px;

		top: 0;

	}

		#headNavigation li a:hover {

			background-position: 0 -33px !important;

		}

		#headNavigation li a {

			width: 114px;

			height: 33px;

			/*\*//*/

			padding-bottom: 33px;

			/**/

			text-indent: -9999px;

			overflow: hidden;

			display: block;

		}

		#headNavigation li.li1 a {

			background: url(../images/nav_h_01.gif) no-repeat left top;

		}

		#headNavigation li.li2 a {

			background: url(../images/nav_h_02.gif) no-repeat left top;

		}



	#globalNavigation {

		position: absolute;

		left: 20px;

		top: 71px;

	}

	#globalNavigation li {

		margin-right: 2px;

		width: 132px;

		height: 39px;

		float: left;

	}

	#globalNavigation li.li5 {

		margin-right: 30px;

	}

	#globalNavigation li.li6 {

		width: 102px;

	}

		#globalNavigation li a:hover {

			background-position: 0 -39px !important;

		}

		#globalNavigation li a.active:hover {

			background-position: 0 0 !important;

		}

		#globalNavigation li a {

			width: 132px;

			height: 39px;

			/*\*//*/

			padding-bottom: 39px;

			/**/

			text-indent: -9999px;

			overflow: hidden;

			display: block;

		}

		#globalNavigation li.li1 a {

			background: url(../images/nav_g_01.gif) no-repeat left top;

		}

		#globalNavigation li.li1 a.active {

			background: url(../images/nav_g_01_ov.gif) no-repeat left top;

		}

		#globalNavigation li.li2 a {

			background: url(../images/nav_g_02.gif) no-repeat left top;

		}

		#globalNavigation li.li2 a.active {

			background: url(../images/nav_g_02_ov.gif) no-repeat left top;

		}

		#globalNavigation li.li3 a {

			background: url(../images/nav_g_03.gif) no-repeat left top;

		}

		#globalNavigation li.li3 a.active {

			background: url(../images/nav_g_03_ov.gif) no-repeat left top;

		}

		#globalNavigation li.li4 a {

			background: url(../images/nav_g_04.gif) no-repeat left top;

		}

		#globalNavigation li.li4 a.active {

			background: url(../images/nav_g_04_ov.gif) no-repeat left top;

		}

		#globalNavigation li.li5 a {

			background: url(../images/nav_g_05.gif) no-repeat left top;

		}

		#globalNavigation li.li5 a.active {

			background: url(../images/nav_g_05_a.gif) no-repeat left top;

		}

		#globalNavigation li.li6 a {

			background: url(../images/nav_g_06.gif) no-repeat left top;

			width: 102px;

		}



/* PANKUZU */

#pankuzu {

	position: relative;

	background-color: #a9cc26;

	margin: -5px 0 0 0;

	padding: 0 21px 5px 21px;

	z-index: 10;

}

	#pankuzu p {

		color: #666;

		font-size: 10px;

		/*\*/

		*font-size: 80%;

		/**/

	}

	#pankuzu a {

		color: #fff;

	}

/* PAGEBODY */

#pageBody {

	background: url(../images/c_bg2.gif) repeat-y center bottom;

	margin-top: 17px;

	margin-bottom: 34px;

	padding: 0 21px 0 21px;

}





/* CONTENTS */

#contents {

	background: url(../images/c_bg3.gif) no-repeat center top;

}



#mainContents {

	width: 595px;

	float: left;

}

	#mainContents h1 {

		margin-bottom: 14px;

		width: 595px;

		height: 36px;

		/*\*//*/

		padding-bottom: 36px;

		/**/

		text-indent: -9999px;

		overflow: hidden;

	}

	#mainContents div.studentObj {

	}

	#mainContents div.studentObj div.box {

		background: url(../images/bg_student_b.gif) no-repeat left bottom;

		background-color: #f4f2d2;

		margin-bottom: 3px;

	}

		#mainContents div.studentObj div.box div.top {

			background: url(../images/hed_student.gif) no-repeat left top;

			background-color: #fff;

		}

		#mainContents div.studentObj div.box div.top h2 {

			display: none;

		}

		#mainContents div.studentObj div.box div.top p {

			margin-top: 5px;

			padding-left: 188px;

			float: left;

		}

		#mainContents div.studentObj div.box div.top div {

			padding-bottom: 6px;

			float: right;

		}

		#mainContents div.studentObj div.box ul {

			background: url(../images/be_student_t.gif) no-repeat left top;

			padding: 12px 0 12px 12px;

		}

		#mainContents div.studentObj div.box li {

			background: url(../images/arrow_l.gif) no-repeat left center;

			margin-left: 12px;

			padding-left: 20px;

			white-space: nowrap;

			float: left;

		}

		#mainContents div.studentObj div.box li.active {

			background: url(../images/arrow_l_a.gif) no-repeat left center;

		}

		#mainContents div.studentObj div.box a:hover {

			text-decoration: underline;

		}

		#mainContents div.studentObj div.box a {

			color: #333;

			text-decoration: none;

		}

	#mainContents div.studentObj p.loginHelp {

		text-align: right;

	}



#subContents {

	padding-top: 12px;

	padding-bottom: 115px;

	width: 190px;

	float: right;

}



#subContents div.loginObj {

	background: url(../images/bg_login.gif) no-repeat left bottom;

	margin: 0 10px 18px 10px;

	padding-bottom: 14px;

	width: 170px;

	text-align: center;

}

	#subContents div.loginObj h3 {

		background: url(../images/hed_login.gif) no-repeat left top;

		margin-bottom: 8px;

		width: 170px;

		height: 27px;

		/*\*//*/

		padding-bottom: 27px;

		/**/

		text-indent: -9999px;

		overflow: hidden;

	}

	#subContents div.loginObj table {

		margin: 0 auto;

	}

	#subContents div.loginObj table th,

	#subContents div.loginObj table td {

		padding: 2px;

		text-align: left;

		font-weight: normal;

	}

	#subContents div.loginObj table input {

		width: 85px;

		font-size: 12px;

		ime-mode: disabled;

	}

	#subContents div.loginObj div {

		margin-top: 8px;

	}

	#subContents div.loginObj p {

		margin-top: 5px;

		font-size: 10px;

		/*\*/

		*font-size: 80%;

		/**/

	}



#subContents div.otherObj {

	margin: 0 6px;

}

	#subContents div.otherObj ul {

		padding-bottom: 12px;

	}

	#subContents div.otherObj li {

		margin-bottom: 1px;

		width: 177px;

		height: 37px;

	}

		#subContents div.otherObj li a:hover {

			background-position: 0 -37px !important;

		}

		#subContents div.otherObj li a {

			width: 177px;

			height: 37px;

			/*\*//*/

			padding-bottom: 37px;

			/**/

			text-indent: -9999px;

			overflow: hidden;

			display: block;

		}

		#subContents div.otherObj li.li1 a {

			background: url(../images/nav_o_01.gif) no-repeat left top;

		}

		#subContents div.otherObj li.li2 a {

			background: url(../images/nav_o_02.gif) no-repeat left top;

		}



#subContents div.bannerObj {

	margin: 0 10px;

}



/* BOTTOMCONTENTS */

#bottomContents {

	position: relative;

}

	#bottomContents li.li1 {

		position: absolute;

		left: 621px;

		top: -95px;

		width: 169px;

		height: 50px;

	}

	#bottomContents li.li2 {

		position: absolute;

		left: 621px;

		top: -42px;

		width: 169px;

		height: 27px;

	}

		#bottomContents li.li1 a:hover {

			background-position: 0 -50px !important;

		}

		#bottomContents li.li1 a {

			background: url(../images/nav_b_01.gif) no-repeat left top;

			width: 169px;

			height: 50px;

			/*\*//*/

			padding-bottom: 50px;

			/**/

			text-indent: -9999px;

			overflow: hidden;

			display: block;

		}

		#bottomContents li.li2 a:hover {

			background-position: 0 -27px !important;

		}

		#bottomContents li.li2 a {

			background: url(../images/nav_b_02.gif) no-repeat left top;

			width: 169px;

			height: 27px;

			/*\*//*/

			padding-bottom: 27px;

			/**/

			text-indent: -9999px;

			overflow: hidden;

			display: block;

		}



/* pageBottom */

#pageBottom{

	margin: 0 21px;

}

#footer {

	border-top: solid 5px #adce29;

	padding-top: 10px;

	padding-bottom: 20px;

	color: #999;

	font-size: 10px;

	/*\*/

	*font-size: 80%;

	/**/

}

	#footer #footerNavigation {

		text-align: center;

		margin-bottom: 10px;

	}

	#footer a {

		color: #434343;

	}

	#footer div.row {

		background: url(../images/lin_dot.gif) repeat-x left top;

		margin-bottom: 10px;

		padding-top: 10px;

	}

	#footer div.data {

		float: right;

		text-align: right;

	}

		#footer div.data div {

			margin-bottom: 5px;

		}

	#footer p.copyright {

		margin-top: 25px;

		float: left;

	}

	#footer div.pr {

		background: url(../images/bg_pr_b.gif) no-repeat left bottom;

		background-color: #f4f2d2;

		width: 800px;

	}

	#footer div.pr p {

		background: url(../images/bg_pr_t.gif) no-repeat left top;

		padding: 10px 5px 10px 70px;

	}
	
div.photo {
	overflow:hidden;
	position:relative;
	text-align:center;
	margin:auto
	}
div.photo p {
	position:static;
	+position:absolute;
	top:50%
	}
div.photo img {
	position:static;
	+position:relative;
	top:-50%;left:-50%;
	vertical-align:middle
	}
div.photo p:after {
	content:".";font-size:1px;
	visibility:hidden
	}