@charset "UTF-8";

@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


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

/* ----------------------------------------------------- contentsMenu */
#cmUniv a{
	background-image: url(images/faculty_cmenu_btn01.gif);
}

#cmCharacter a{
	background-image: url(images/faculty_cmenu_btn02.gif);
}

#cmGrad a{
	background-image: url(images/faculty_cmenu_btn03.gif);
}


/* ----------------------------------------------------- MainArea */
.itemImg01{
	margin-top: 3px;
	width: 170px;
}

.itemImg02{
	width: 130px;
}

.itemText01{
	width: 430px;
}

.itemText02{
	width: 470px;
}

/* ----------------------------------------------------- Top */
.topRead{
	padding-top: 50px;
	line-height:2.0;
}

/* ----------------------------------------------------- catTop */
#gradMap{
	margin-left: 82px;
	width: 470px;
	height: 106px;
	background: url(images/faculty_grad_bg01.gif) no-repeat 0% 0%;
	z-index: 1;
}


#gradMap h4, #gradMap h5, #gradMap ul{
	position: absolute;
	z-index: 2;
}

#gradMap h5{
	margin: 0px 0px 0px 117px;
}

#gradMap ul{
	margin: 0px 0px 0px 281px;
}

#gradMap li{
	margin-bottom: 12px;
	display: block;
	height: 47px;
}

#gradMap li a{
	display: block;
	background-repeat: no-repeat;
	text-indent: -999px;
	text-decoration: none;
	background-position: 0 0;
	height: 47px;
	width: 174px;
}

#univNav{
	margin: 0px -10px 20px 0px;
	overflow: hidden;
	zoom: 1;
}

#univNav li{
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
	float: left;
	width: 200px;
}

#univNav li h5 a{
	display: block;
	width: 200px;
	height: 27px;
	background-image: url(images/faculty_nav01.gif);
	background-repeat: no-repeat;
	text-indent: -999px;
	text-decoration: none;
}

/* *Hides from IE-mac \*/
#univNav li a, #gradMap li a{
	overflow: hidden;
}
/* *End hide from IE-mac */

#univNav #expression a{ background-position: 0px 0px; }
#univNav #humanPsycho a{ background-position: -200px 0px; }
#univNav #child a{ background-position: -400px -0px; }
#univNav #society a{ background-position: -600px 0px; }
#univNav #environment a{ background-position: -800px 0px; }
#univNav #hnscience a{ background-position: -1000px 0px; }

#univNav #expression a:hover{ background-position: 0px -27px; }
#univNav #humanPsycho a:hover{ background-position: -200px -27px; }
#univNav #child a:hover{ background-position: -400px -27px; }
#univNav #society a:hover{ background-position: -600px -27px; }
#univNav #environment a:hover{ background-position: -800px -27px; }
#univNav #hnscience a:hover{ background-position: -1000px -27px; }

#univNav .inBox{
	padding: 5px 5px;
	border: 2px solid #ddd;
	border-top: 0;
}

#univNav li ul{
	margin-top: 5px;
}

#univNav li ul li{
	margin: 0;
	display: block;
	float: none;
	width: 170px;
	line-height: 1.6;
}


#gradMap #psycho a{
	background-image: url(images/faculty_grad_btn01.gif);
}

#gradMap #hnscience a{
	background-image: url(images/faculty_grad_btn02.gif);
}

#gradMap li a:hover{
	background-position: 0 -47px;
}

.gradText{
	width: 410px;
	float: left;
}

.gradChief{
	width: 200px;
	float: right;
}


/* /////////////////////////////////////////////////////////////////////////// Univ */

/* ----------------------------------------------------- Top */
#entrance{
	margin-bottom: 2px;
	overflow: hidden;
	zoom: 1;
	background: #00a2d7;
}

#entrance .flv{
	float: left;
	width: 416px;
}

#entrance .description{
	margin: 0px 12px;
	padding-top: 20px;
	display: inline;
	float: right;
	width: 220px;
	color: #fff;
	font-size: 12px;
}

#entrance .description h3{
	margin-bottom: 13px;
	text-align: center;
}

.chiefMsg{
	margin: 20px 0 25px 0;
	overflow: hidden;
	zoom: 1;
}

.chiefMsg .article{
	float: right;
	width: 500px;
}


/* ----------------------------------------------------- Trait */

.trait span{
	padding-left: 45px;
	display: block;
	background-repeat: no-repeat;
	background-position: 2px 0.1em;
}

span.trait01{ background-image: url(images/faculty_trait01.gif); }
span.trait02{ background-image: url(images/faculty_trait02.gif); }
span.trait03{ background-image: url(images/faculty_trait03.gif); }

.qualificationList{
	overflow: hidden;
	zoom: 1;
}

.qualificationList li{
	margin-right: 15px;
	padding-left: 14px;
	float: left;
	background: url(images/common_list05.gif) no-repeat 0em 0.4em;
}

.stuInterview{
	padding: 10px;
	border: 4px solid #ddd;
	border-top: 0;
	overflow: hidden;
	zoom: 1;
}

.stuInterview .article{
	float: left;
	width: 400px;
}


/* ----------------------------------------------------- Curriculum */

.lecture{
	font-size: 87%;
}

.lecture .head01{
	vertical-align: middle;
}

.lecture .head01 em{
	font-size: 117%;
}

.lecture th{
	padding: 1px 4px;
	background: #e4e6e8;
	text-align: center;
}

.lecture td{
	padding: 2px 4px;
	vertical-align: top;
}

.lecture td ul li{
	margin-bottom: 4px;
	line-height: 1.2;
}

.lecture td ul li.required{
	background: #fe0;
}

span.required{
	padding-right: 3px;
	color: #fe0;
}

.stuFuture{
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	zoom: 1;
}

.stuFuture .article{
	float: right;
	width: 460px;
}

.stuFuture .article h5{
	font-size: 130%;
	font-weight: bold;
}

/* ----------------------------------------------------- Subject / Fieldwork */

.subjectBox{
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	overflow: hidden;
	zoom: 1;
}

.fieldBox{
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	zoom: 1;
}

.subjectBox .article{
	margin-right: 10px;
	float: left;
	width: 280px;
}

.fieldBox .article{
	float: left;
	width: 410px;
}

.subjectBox h5, .fieldBox h6{
	margin-bottom: 8px;
	padding-left: 45px;
	background: url(images/faculty_icon01.gif) no-repeat 0 50%;
	font-weight: bold;
}

.subjectBox h5 em, .fieldBox h6 em{
	color: #30b1a7;
	font-size: 130%;
	font-weight: bold;
}

.subjectBox .chart{
	margin-top: 40px;
	float: left;
}

.fieldFlow{
	float: left;
	width: 330px;;
}

.fieldFlow li img{
	vertical-align: bottom;
}


/* ----------------------------------------------------- Interview / Lecture */

.interview{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.interview .profile{
	margin-bottom: 10px;
	background: #e7eef2;
	overflow: hidden;
	zoom: 1;
}

.interview .headgroup{
	padding: 25px 0 0 0;
	float: right;
	width: 430px;
}

.interview .profile h5{
	margin-bottom: 5px;
	color: #30b1a7;
	font-size: 117%;
	font-weight: bold;
}

.interview .profile p{
	line-height: 1.6;
}

.interview .profile strong{
	font-size: 117%;
}

.interview h6, .lectureBox h6{
	margin-bottom: 2px;
	padding-left: 6px;
	border-left: 6px solid #e7eef2;
	font-size: 117%;
	font-weight: bold;
}

.lectureBox h6{
	margin-bottom: 5px;
}

.interview .timetable{
	float: left;
	width: 405px;
}

.interview .timetable h6{
	margin-bottom: 5px;
	padding: 2px 6px;
	border: 0;
	background: #e7eef2;
}

.interview .timetable table{
	width: 405px;
}

.interview .timetable td{
	padding: 2px 0;
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
}

.interview .timetable td .up{
	padding-bottom: 1em;
	border-bottom: 1px solid #c9dbe4;
}

.interview .timetable td .down{
	padding-top: 1em;
	border-top: 1px solid #c9dbe4;
}

.interview .flow{
	float: right;
	width: 200px;
}

.interview .flow a img{
	padding: 7px;
	border: 3px solid #e7eef2;
}

.interview .flow a:hover img{
	border: 3px solid #a3c3d5;
}

.interview .flow p{
	margin-top: 3px;
	line-height: 1.6;
	font-size: 87%;
}

.lectureBox .article{
	float: left;
	width: 405px;
}


/* ----------------------------------------------------- Teacher */

.teacherList{
	margin-right: -20px;
	overflow: hidden;
	zoom: 1;
}

.teacherList li{
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	width: 300px;
}

.teacherList li .photo{
	float: left;
	width: 100px;
}

.teacherList li .photo a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
}

.teacherList li .profile{
	float: right;
	width: 190px;
}

.teacherList li dl{
	line-height: 1.6;
}

.teacherList li dt{
	width: 5em;
}

.teacherList li dd{
	margin: -1.6em 0 0 5em;
}

.teacherList li h5{
	margin-bottom: 5px;
	line-height: 1.2;
	font-size: 117%;
}

.teacherList li h5 a{
	padding-left: 8px;
	background: url(images/common_list01.gif) no-repeat 0 50%;
}

.teacherList li h5 a:hover{
	background: url(images/common_list02.gif) no-repeat 0 50%;
}

#teacherProf{
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}

#teacherProf .profile{
	width: 425px;
	float: right;
}

#teacherProf .profile h5{
	margin-bottom: 5px;
	font-weight: bold;
}

#teacherProf .profile h5 em{
	font-weight: bold;
	font-size: 130%;
}

#teacherProf .profile dl dt{
	padding-left: 18px;
	width: 5em;
	background: url(images/common_list05.gif) no-repeat 2px 0.4em;
}

#teacherProf .profile dl dd{
	margin: -1.8em 0 0 6.7em;
}

#teacherProf .photo{
	width: 180px;
	float: left;
}

.chiefBox{
	margin-bottom: 20px;
}

.chiefBox .profile{
	padding-left: 8px;
	width: 415px;
	float: right;
	border-left: 8px solid #e7eef2;
}

.chiefBox .profile h5{
	font-size: 117%;
	line-height: 1.6;
	font-weight: bold;
	color: #00a2d7;
}

.chiefBox .name{
	margin-bottom: 5px;
	text-align: right;
	font-weight: bold;
}

.chiefBox .name em{
	font-weight: bold;
}

.chiefBox .photo{
	width: 180px;
	float: left;
}


/* /////////////////////////////////////////////////////////////////////////// Characteristic */

#charaMsg{
	margin-bottom: 15px;
	overflow: hidden;
	zoom: 1;
}

#charaMsg .msgBox{
	float: left;
	width: 470px;
}

.stuPhoto{
	margin: 0 0 10px 15px;
	float: right;
	width: 135px;
}

.photoList01{
	margin-right: -20px;
	overflow: hidden;
	zoom: 1;
}

.photoList01 li{
	margin-right: 20px;
	display: inline;
	float: left;
	width: 300px;
}

.photoList01 p{
	margin-top: 3px;
}

.charaBox01, .charaBox02{
	overflow: hidden;
	zoom: 1;
}

.charaBox01 .article{
	float: left;
	width: 400px;
}

.charaBox02 .article{
	float: left;
	width: 310px;
}


/* /////////////////////////////////////////////////////////////////////////// Graduate */

#meeting em{
	color: #006f55;
}

#meetingHn em{
	color: #da5278;
}

#meeting img, #meetingHn img{
	margin: 0 0 10px 10px;
	float: right;
}


/* ----------------------------------------------------- Outline */
.outlineBox h4{
	width: 150px;
	float: left;
}

.outlineBox p{
	width: 450px;
	float: right;
	font-size: 117%;
	line-height: 1.7;
}