@charset "Shift_JIS";

/* /////////////////////////////////////////////////////////////////////////// Reset */

/* ----------------------------------------------------- YUI Reset CSS */

html {
	background: url(images/common_bg01.jpg) repeat-x 0% 0%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-spacing:0;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	*font-size:100%;
}

legend {
	color:#000000;
}

/* ----------------------------------------------------- 追加 CSS */

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: normal;
}

p, blockquote{
	line-height: 2.0;
}

ol,ul {
    list-style: none;
	line-height: 2.0;
}

dl{
	line-height: 2.0;
}

a {
    cursor: pointer;
}
fieldset,img {
    border: 0;
}


/* /////////////////////////////////////////////////////////////////////////// Font */

/* ----------------------------------------------------- Family */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Verdana, Arial, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}
/* Opera 9 */
;;body {
	font-family: "メイリオ", Meiryo, Verdana, Arial, Meiryo, san-serif;
}
/* IE 7 */
*:first-child+html body {
	font-family: "メイリオ", Meiryo, Verdana, Arial, Meiryo, san-serif;
}
/* IE 6 or sooner*/
* html body {
	font-family: "メイリオ", Meiryo, Verdana, Arial, Meiryo, san-serif;
}

/* ----------------------------------------------------- Size */
body {
	font-size: 13px;
	color:#222;
}
/* IE 6 or sooner*/
* html body {
	font-size: 75%;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/* /////////////////////////////////////////////////////////////////////////// Basic */

/* ----------------------------------------------------- Link */
.hidden{
	visibility: hidden;
}

a:link{
	color: #004bb9;
}

a:visited{
	color: #639;
}

a:hover, a:active{
	color: #f60;
}

.pdf {
	background:url(images/icon_pdf.gif) no-repeat 0 0.4em;
}

.link {
	background:url(images/icon_link.gif) no-repeat 2px 0.6em;
}


/* /////////////////////////////////////////////////////////////////////////// Layout */

/* ----------------------------------------------------- Base */
#container, #unvLink{
	margin: 0px auto;
	width: 860px;
	text-align: left;
}

#container{
	margin-top: 32px;
	background: url(images/common_bg02.png) repeat-y 0% 0%;
}

#contentsArea{
	margin: 0px 20px 25px 20px;
	overflow: hidden;
	zoom: 1;
}

#aside{
	float: left;
	width: 210px;
}

#content{
	float: right;
	width: 600px;;
}

.section{
	margin-right: 10px;
	margin-left: 10px;
}

/* ----------------------------------------------------- Header */
#header{
	height: 101px;
	background: url(images/header_bg01.gif) no-repeat 0% 0%;
	overflow: hidden;
	zoom: 1;
}

#header #logo, #header h1{
	display: inline;
	float: left;
	text-indent: -999em;
}

#header #logo{
	margin: 24px 50px 0px 36px;
	width: 164px;
	height: 41px;
	background: url(images/header_gakuin_logo.gif) no-repeat 0% 0%;
}

#header h1{
	margin-top: 13px;
	width: 395px;
	height: 66px;
	background: url(images/header_bio_logo.gif) no-repeat 0% 0%;
}


/* ----------------------------------------------------- Global Nav */

#nav {
  margin-bottom: 16px;
}

#nav li a {
	display: block;
	width: 210px;
	height: 48px;
	background-image: url(images/gnav.gif);
	background-repeat: no-repeat;
	text-indent: -999px;
}

#nav #home .rOver{ background-position: 0px 0px; }
#nav #guide .rOver{ background-position: 0px -48px; }
#nav #equipment .rOver{ background-position: 0px -96px; }
#nav #project .rOver{ background-position: 0px -144px; }
#nav #report .rOver{ background-position: 0px -192px; }
#nav #access .rOver{  background-position: 0px -240px; }
#nav #link .rOver{ background-position: 0px -288px; }
#nav #contact .rOver{ background-position: 0px -336px; }

#nav #home a:hover{ background-position: -210px 0px; }
#nav #guide a:hover{ background-position: -210px -48px; }
#nav #equipment a:hover{ background-position: -210px -96px; }
#nav #project a:hover{ background-position: -210px -144px; }
#nav #report a:hover{ background-position: -210px -192px; }
#nav #access a:hover{ background-position: -210px -240px; }
#nav #link a:hover{ background-position: -210px -288px; }
#nav #contact a:hover{ background-position: -210px -336px; }

#nav #home .selected{ background-position: -210px 0px; }
#nav #guide .selected{ background-position: -210px -48px; }
#nav #equipment .selected{ background-position: -210px -96px; }
#nav #project .selected{ background-position: -210px -144px; }
#nav #report a.selected{ background-position: -210px -192px; }
#nav #access .selected{ background-position: -210px -240px; }
#nav #link a.selected{ background-position: -210px -288px; }
#nav #contact .selected{ background-position: -210px -336px; }

/* *Hides from IE-mac \*/
#nav a{
	overflow: hidden;
}
/* *End hide from IE-mac */

#nav-bnr li {
  text-align: center;
}

#nav-bnr li img {
  vertical-align: bottom;
}


/* ----------------------------------------------------- Footer */
#footer{
	padding-bottom: 15px;
	background: url(images/footer_bg01.gif) no-repeat 0% 100%;

}

#ftrInner{
	margin: 0px 20px;
	background: url(images/footer_bg02.gif) repeat-x 0% 0%; 
	overflow: hidden;
	zoom: 1;
}

#ftrInner ul{
	margin-top: 15px;
	margin-left: -10px;
	float: left;
	overflow: hidden;
	zoom: 1;
}

#ftrInner ul li{
	margin-right: 15px;
	margin-left: -1px;
	padding-left: 11px;
	border-left: 1px solid #bbb;
	display: inline;
	float: left;
	line-height: 1.2;
	color: #999;
}

#ftrInner ul li a{
	color: #999;
	text-decoration: none;
}

#ftrInner ul li a:hover, #ftrInner ul li a:active{
	color: #f60;
	text-decoration: underline;
}

#ftrInner #pageSwitch{
	margin-top: 15px;
	float: right;
	width: 72px;
	height: 12px;
	line-height: 10px;
	font-size: 10px;
}

#ftrInner #pageSwitch a{
	display: block;
	width: 72px;
	height: 12px;
	background-image: url(images/pageswitch.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
}

#ftrInner #pageSwitch a:hover{ background-position: 0px -12px; }

/* *Hides from IE-mac \*/
#ftrInner #pageSwitch a{
	overflow: hidden;
}
/* *End hide from IE-mac */


#unvLink{
	padding-bottom: 20px;
	background: url(images/footer_bg03.gif) repeat-x 0% 0%;
	overflow: hidden;
	zoom: 1;
}

#unvLink #copyright, #unvLink a{
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
}

#unvLink #copyright{
	margin: 10px 0px 0px 20px;
	display: inline;
	float: left;
	width: 350px;
	height: 12px;
	background-image: url(images/copyright.gif);
	line-height: 10px;
	font-size: 10px;
}

#unvLink ul{
	margin-right: 20px;
	display: inline;
	float: right;
	width: 282px;
	overflow: hidden;
	zoom: 1;
}

#unvLink ul li{
	display: inline;
	float: left;
}

#unvLink ul li a{
	height: 29px;
	background-image: url(images/unvlink.gif);
}

#unvLink #unv a{ width:162px; background-position: 0px 0px; }
#unvLink #contactus a{ width:118px; background-position: 0px -29px; }


/* /////////////////////////////////////////////////////////////////////////// Common */

/* ----------------------------------------------------- Headline */
#content h2{
	margin-bottom: 15px;
}

.h01{
	padding-bottom: 2px;
	border-bottom: 1px dotted #999;
	color: #7caa16;
	font-weight: bold;
	font-size: 117%;
}

/* ----------------------------------------------------- Layout */
.xLeft{
	text-align: left;
}

.xCenter{
	text-align: center;
}

.xRight{
	text-align: right;
}

.yTop{
	vertical-align: top;
}

.yMiddle{
	vertical-align: middle;
}

.yBottom{
	vertical-align: bottom;
}

.fLeft{
	float: left;
}

.fRight{
	float: right;
}


/* ----------------------------------------------------- Margin */
.mgt3{
	margin-top: 3px;
}

.mgt5{
	margin-top: 5px;
}

.mgt8{
	margin-top: 8px;
}

.mgt10{
	margin-top: 10px;
}

.mgt15{
	margin-top: 15px;
}

.mgt20{
	margin-top: 20px;
}

.mgt25{
	margin-top: 25px;
}

.mgt45{
	margin-top: 45px;
}

.mgt60{
	margin-top: 60px;
}

.mgb5{
	margin-bottom: 5px;
}

.mgb8{
	margin-bottom: 8px;
}

.mgb10{
	margin-bottom: 10px;
}

.mgb15{
	margin-bottom: 15px;
}

.mgb20{
	margin-bottom: 20px;
}

.mgb25{
	margin-bottom: 25px;
}

.mgb30{
	margin-bottom: 30px;
}

.mgb40{
	margin-bottom: 40px;
}

.mgl5{
	margin-left: 15px;
}

.mgl15{
	margin-left: 15px;
}

.mgl20{
	margin-left: 20px;
}

.mgr5{
	margin-right: 5px;
}

.mgr8{
	margin-right: 8px;
}

.mgr10{
	margin-right: 10px;
}


/* ----------------------------------------------------- Padding */
.pdt10{
	padding-top: 10px;
}

.pdb20{
	padding-bottom: 20px;
}


/* ----------------------------------------------------- Text */
.sText{
	line-height: 1.6;
	font-size: 87%;
}

.lText{
	font-size: 117%;
}

.xlText{
	font-size: 130%;
}

.idt{
	text-indent: 1em;
}

.textHidden{
	visibility: hidden;
}

.italic {
  font-style: italic;
}

/* ----------------------------------------------------- List */
.discList01 li{
	margin-left: 1.4em;
	list-style: disc;
}

.noteList dt{
	width: 1em;
}

.noteList dd{
	margin-left: 1em;
	margin-top: -2.0em;
}

.decimalList01{
	margin-left: 2.1em;
}

.decimalList01 li{
	list-style: decimal;
}

.dataList li{
	margin-bottom: 0.2em;
	padding:0 0 0 20px;
}

.pdfList01 li {
  padding-left: 22px;
	background:url(images/icon_pdf.gif) no-repeat 0 0.4em;
}