@import url("normal.css");
@import url("table.css");
@import url("tab.css");
@import url("box.css");
@import url("gallery.css");


/* ‘S‘̍\‘’
---------------------------------------------------- */
html {
	overflow-y: scroll;
}


body {
	font-family:"verdana", "ƒƒCƒŠƒI", Meiryo, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	font-size: 75%;
	line-height:150%;
	margin:0px auto 0px auto;
	background-image: url(../image/bg.gif);
	background-repeat:repeat-z;
	text-align:center;

}




#wrapper {
	width: 900px;
	margin:0px auto 0px auto;
	text-align:left;

	}



img {
	border:0;
	}

em {
font-style: normal;
}


/* ƒŠƒ“ƒN
---------------------------------------------------- */
a:link {
  color: #3366ff;
  background: transparent;
}
a:visited {
  color: #3366ff;
  background: transparent;
}
a:hover, a:active {
  color: #ff9933;
  background: transparent;
}




/* ƒy[ƒW–{‘Μ
---------------------------------------------------- */

#header {
	margin:0px auto 0px auto;
	width: 900px;
	height: 144px;
	text-align:left;

}


#header_top {
	margin:0px auto 0px auto;
	width: 900px;
	height: 97px;
	text-align:left;

}

#header_top_left {
	float:left;
	margin:0px auto 0px auto;
	width: 304px;
	text-align:left;

}

#header_top_right {
	float:right;
	margin:0px auto 0px auto;
	width: 596px;
	text-align:right;

}

#menu {
	margin:0px auto 0px auto;
	width: 900px;
	height: 52px;


}



#pagebody {
	margin:0px auto 0px auto;
	width: 900px;
	text-align:left;

}



/* ƒRƒ“ƒeƒ“ƒc1
---------------------------------------------------- */



#contents {
	margin:0px auto 0px auto;
	width: 900px;
	text-align:left;

}





/* ‰ζ‘œ•\Ž¦ˆΚ’u
---------------------------------------------------- */

.middle {
	vertical-align:middle;
}



/* ƒtƒbƒ^[ŠΦ˜A
---------------------------------------------------- */


#pagetop {
	width: 900px;
	margin:0px auto 0px auto;
	text-align:right;

}


#footer {
	margin:0px auto 0px auto;
	background-image: url(../image/bottom_bg.gif);
	background-repeat:repeat-z;
	width: 100%;
	height: 60px;

}


#footer_2 {
	margin:0px auto 0px auto;
	background-image: url(../image/bottom_bg.gif);
	background-repeat:repeat-z;
	width: 100%;
	height: 30px;

}



#footer2 {
	width: 900px;
	height: 30px;
	margin:0px auto 0px auto;
	font-size: 10px;color: #333333;
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	line-height: 100%;
	background-image: url(../image/bottom.gif);
	background-repeat:no-repeat;
	text-align:center;

}


#footer2_left {
	float:left;
	width: 600px;
	margin:0px auto 0px auto;
	font-size: 10px;color: #333333;
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	line-height: 100%;
	text-align:center;

}


#footer2_left_in {
	width: 580px;
	margin:0px auto 0px auto;
	font-size: 10px;color: #333333;
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	line-height: 150%;
	text-align:left;

}

#footer2_right {
	float:right;
	width: 300px;
	margin:0px auto 0px auto;
	font-size: 10px;color: #333333;
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	line-height: 100%;
	text-align:right;

}


#footer3 {
	width: 900px;
	height: 30px;
	margin:0px auto 0px auto;
	font-size: 10px;color: #333333;
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	line-height: 100%;
	background-image: url(../image/bottom.gif);
	background-repeat:no-repeat;
	text-align:center;

}




.footersize {
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	font-size: 10px;
	line-height: 150%;
}

/* ƒfƒBƒŒƒNƒVƒ‡ƒ“ƒtƒB[ƒ‹ƒh
---------------------------------------------------- */

#pankuzu {
	float: left;
	margin:0px auto 0px auto;
	background:#f5f5f5;
	width: 754px;
	height: 30px;
	font-family:"verdana", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	font-size: 10px;color: #555555;
	letter-spacing: 1pt;
	text-align:right;
	line-height: 200%;

}



/* ƒRƒ“ƒeƒ“ƒc1
---------------------------------------------------- */


#topics {
	margin:0px auto 0px auto;
	width: 900px;
	text-align:left;

}




#side {
	float: left;
	margin:0px auto 0px auto;
	width: 645px;
	text-align:left;

}



#side2 {
	float: right;
	margin:0px auto 0px auto;
	width: 255px;
	text-align:left;

}




/* ƒCƒ“ƒtƒHƒ[ƒVƒ‡ƒ“
---------------------------------------------------- */

#oshirase {
	margin:0px auto 0px auto;
	width: 645px;
	height: 136px;
	background-image: url(../image/info_middle.gif);
	background-repeat:repeat-y;
	background-color:#ffffff;
	text-align:left;

}



#infor_in {
	margin:0px auto 0px auto;
	font-family:"verdana", "ƒƒCƒŠƒI", Meiryo, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	width: 610px;
	height: 136px;
	overflow:auto;
	text-align:left;

}

#infor_in2 {
	margin:0px auto 0px auto;
	width: 610px;
	text-align:right;

}

/* ƒhƒƒbƒvƒ_ƒEƒ“ƒiƒr
---------------------------------------------------- */

#nav, #nav ul{
margin:0px;
padding:0px;
width: 900px;
list-style-type:none;
list-style-position:outside;
position:relative;
}

#nav a{
display:block;
padding:0px 0px;
color:#fff;
text-decoration:none;
background-color:#87b5ea;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:200px;
top:40px;
}

#nav li ul a{
width:200px;
padding:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #dddddd;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dddddd;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/* ‚¨’m‚η‚Ή
---------------------------------------------------- */
.info_area {
width:580px;
line-height:180%;
}

.info_area_left {
float:left;
width:180px;
clear:both;
font-weight:bold;
color:#3b72aa;

}

.info_area_left_left {
float:left;
width:90px;
font-weight:bold;
color:#3b72aa;

}


.info_area_left_right {
float:right;
width:90px;
font-weight:bold;
color:#3b72aa;

}


.info_area_right {
float:right;
width:400px;

}



/* ƒgƒbƒvE‹ΖŒP—ϋ
---------------------------------------------------- */


.culture {
	margin:0px auto 0px auto;
	width: 255px;
	text-align:left;

}




.culture_body {
	margin:0px auto 0px auto;
	width: 255px;
	background-image: url(../image/culture_body.gif);
	background-repeat:repeat-y;
	text-align:center;

}



.culture_body_in {
	margin:0px auto 0px auto;
	width: 225px;
	text-align:left;

}


.culture_body_in a:link {
  color: #ffffff;
  background: transparent;
}
.culture_body_in a:visited {
  color: #ffffff;
  background: transparent;
}
.culture_body_in a:hover, in_box_right:active {
  color: #054358;
  background: transparent;
}




/* ŠwZξ•ρ
---------------------------------------------------- */
#school {
	margin:0px auto 0px auto;
	width: 900px;
	text-align:left;

}




#school_side {
	float: left;
	font-family:"verdana", "ƒƒCƒŠƒI", Meiryo, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ƒSƒVƒbƒN", sans-serif;
	font-size: 90%;
	line-height:150%;
	margin:0px auto 0px auto;
	width: 285px;
	background-color:#efefef;
	text-align:center;

}

#school_side_in {
	margin:0px auto 0px auto;
	width: 265px;
	text-align:left;

}

#school_side_space {
	float: left;
	margin:0px auto 0px auto;
	width: 15px;
	text-align:left;

}


#school_side2 {
	float: right;
	margin:0px auto 0px auto;
	width: 600px;
	text-align:left;

}


/* ƒR[ƒXƒRƒ“ƒeƒ“ƒc
---------------------------------------------------- */


.course {
	margin:0px auto 0px auto;
	width: 900px;
	text-align:left;

}




.course_side {
	float: left;
	margin:0px auto 0px auto;
	width: 300px;
	text-align:left;

}

.course_space {
	float: left;
	margin:0px auto 0px auto;
	width: 20px;
	text-align:left;

}

.course_side2 {
	float: right;
	margin:0px auto 0px auto;
	width: 580px;
	height: 200px;
	text-align:left;

}




.course_side2_left {
	float: left;
	margin:0px auto 0px auto;
	width: 190px;
	height: 300px;
	text-align:left;
	vertical-align : text-bottom;

}

.course_side2_right {
	float: right;
	margin:0px auto 0px auto;
	width: 380px;
	text-align:left;

}


.course_side2_space {
	float: left;
	margin:0px auto 0px auto;
	width: 10px;
	text-align:left;

}


.course_side3 {
	float: right;
	margin:0px auto 0px auto;
	width: 580px;
	height: 900px;
	text-align:left;

}


/* ƒŠƒXƒg•\Ž¦
---------------------------------------------------- */


ul.arrow {
margin: 0 0 0 1.3em;
padding: 0;

}


ul.arrow li {
list-style-position: outside; 
list-style-image: url(../image/yellow2.gif); 
}


ul.list220-ua li {
  list-style: disc;
}





/* ƒ^ƒCƒgƒ‹ƒx[ƒXiFirefoxASafari—pj
---------------------------------------------------- */


:root .titlebase {
	margin:0px auto 0px auto;
	width: 900px;
	height: 30px;
	letter-spacing: 1pt;
	text-align:left;
	padding-left:20px;
	padding-top:6px;
	font-weight:bold;
	background-image: url(../image/titlebase.gif);
	background-repeat:no-repeat;

}

/* ƒ^ƒCƒgƒ‹ƒx[ƒXiIE6ˆΘ‰Ί—pj
---------------------------------------------------- */

* html .titlebase {

	margin:0px auto 0px auto;
	width: 880px;
	height: 30px;
	letter-spacing: 1pt;
	text-align:left;
	padding-top:6px;
	padding-left:20px;
	font-weight:bold;
	background-image: url(../image/titlebase.gif);
	background-repeat:no-repeat;

}

/* ƒ^ƒCƒgƒ‹ƒx[ƒXiIE7ˆΘγ—pj
---------------------------------------------------- */

.titlebase {
	margin:0px auto 0px auto;
	width: 900px;
	height: 30px;
	letter-spacing: 1pt;
	text-align:left;
	padding-top:7px;
	padding-left:20px;
	font-weight:bold;
	background-image: url(../image/titlebase.gif);
	background-repeat:no-repeat;

}

/* ƒNƒGƒXƒ`ƒ‡ƒ“ƒ^ƒCƒgƒ‹ƒx[ƒXiFirefoxASafari—pj
---------------------------------------------------- */


:root .question {
	margin:0px auto 0px auto;
	width: 900px;
	height: 33px;
	letter-spacing: 1pt;
	text-align:left;
	padding-left:25px;
	padding-top:8px;
	font-weight:bold;
	background-image: url(../image/question.gif);
	background-repeat:no-repeat;

}

/* ƒNƒGƒXƒ`ƒ‡ƒ“ƒ^ƒCƒgƒ‹ƒx[ƒXiIE6ˆΘ‰Ί—pj
---------------------------------------------------- */

* html .question {

	margin:0px auto 0px auto;
	width: 880px;
	height: 33px;
	letter-spacing: 1pt;
	text-align:left;
	padding-top:8px;
	padding-left:20px;
	font-weight:bold;
	background-image: url(../image/question.gif);
	background-repeat:no-repeat;

}

/* ƒNƒGƒXƒ`ƒ‡ƒ“ƒ^ƒCƒgƒ‹ƒx[ƒXiIE7ˆΘγ—pj
---------------------------------------------------- */

.question {
	margin:0px auto 0px auto;
	width: 900px;
	height: 33px;
	letter-spacing: 1pt;
	text-align:left;
	padding-top:9px;
	padding-left:25px;
	color:#f7478d;
	font-weight:bold;
	background-image: url(../image/question.gif);
	background-repeat:no-repeat;

}



/* ‹³ˆυEέZΆΠ‰ξ
---------------------------------------------------- */
#human {
	margin:0px auto 0px auto;
	width: 900px;
	text-align:left;

}




.human_side {
	float: left;
	margin:0px auto 0px auto;
	width: 440px;
	text-align:left;

}



.human_side_space {
	float: left;
	margin:0px auto 0px auto;
	width: 20px;
	text-align:left;

}


.human_side2 {
	float: right;
	margin:0px auto 0px auto;
	width: 440px;
	text-align:left;

}


.human_side_left {
	float: left;
	margin:0px auto 0px auto;
	width: 190px;
	text-align:left;

}

.human_side_right {
	float: right;
	margin:0px auto 0px auto;
	width: 240px;
	text-align:left;

}


.human_side_space {
	float: left;
	margin:0px auto 0px auto;
	width: 10px;
	text-align:left;

}


.human_side_left2 {
	float: left;
	margin:0px auto 0px auto;
	width: 250px;
	text-align:left;

}

.human_side_right2 {
	float: right;
	margin:0px auto 0px auto;
	width: 190px;
	text-align:left;

}


.human_side_space2 {
	float: left;
	margin:0px auto 0px auto;
	width: 10px;
	text-align:left;

}