@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#f2f8f9 url("../j/share/img/body_bg.gif") repeat-x;
	text-align:center;
	font-size:75%;
	color:#666666;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:160%;
}
body.popup{
	margin:0;
	padding:10px 5px;
	background:#ffffff;
	line-height:160%;
}

body.toppage{
	background:#f2f8f9 url("../j/img/index_body_bg.gif") 0 520px repeat-x;
}
h1{
	margin:0 0 0;
	padding:0;
	width:375px;
}
h2{
	margin:0 0 1em;
	padding:0;
	clear:both;
}

h3{
	margin:1em 0 1em;
	padding:0;
	clear:both;
}

h3{
	margin:1em 0 1em;
	padding:0;
	clear:both;
}

h4{
	margin:1em 5px 1em;
	padding:0.2ex 1ex;
	border-left:5px solid #477299;
	font-size:120%;
	background:#f8fafc;
	clear:both;
	color: #477299;
}
h5{
	margin:1em 5px 1ex;
	border:1px dotted #adc6dc;
	padding:0.2ex 1ex;
	font-size:110%;
	background:#fcfcfc;
	clear:both;
	color:#666666;
}

h6{
	margin:1ex 5px 1ex;
	padding:0.2ex 18px;
	font-size:110%;
	background:url("../j/img/h6_bg.gif") 0 50% no-repeat;
	clear:both;
	color:#666666;
	font-weight:normal;
}

p{
	margin:1em 10px;
}

img{
	border:0;
	vertical-align:bottom;
}

a:link		{color:#0088ff;text-decoration:none;}
a:visited	{color:#6644aa;text-decoration:none;}
a:hover		{color:#ff8800;text-decoration:none;}
a:active		{color:#ff8800;text-decoration:none;}

dl{
	margin:0 0 0 1em;
}
dd{
	margin:0 0 0 2em;
}
dt{
	margin:1em 0 0 0;
}


.header{
	width:800px;
	height:140px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
	.toppage .header{
		display:none;
	}
	.header img{
		display:block;
	}
	.header-menu{
		margin:0;
		padding:0;
		list-style-type:none;
		position:absolute;
		top:8px;
		left:503px;
	}
		.header-btn-toppage a{
			background:url("../j/share/img/haeder_btn_top.gif") 0 0 no-repeat;
			width:88px;
			height:18px;
			position:absolute;
			top:0;
			left:0;
		}
		.header-btn-sitemap a{
			background:url("../j/share/img/haeder_btn_sitemap.gif") 0 0 no-repeat;
			width:88px;
			height:18px;
			position:absolute;
			top:0;
			left:100px;
		}
		.header-btn-students a{
			background:url("../j/share/img/haeder_btn_students.gif") 0 0 no-repeat;
			width:97px;
			height:18px;
			position:absolute;
			top:0;
			left:200px;
		}
		.header-btn-eng a{
			background:url("../j/share/img/header_btn_eng.gif") 0 0 no-repeat;
			width:71px;
			height:21px;
			position:absolute;
			top:29px;
			left:226px;
		}
		
		.header-btn-toppage a:hover,
		.header-btn-sitemap a:hover,
		.header-btn-students a:hover,
		.header-btn-toppage a:active,
		.header-btn-sitemap a:active,
		.header-btn-students a:active{
			background-position:0 -18px;
		}
		.header-btn-eng a:hover,
		.header-btn-eng a:active{
			background-position:0 -21px;
		}
		.header-menu a{
			text-decoration:none;
		}
		.header-menu a span{
			visibility:hidden;
		}
	.gnavi{
		margin:0;
		padding:0;
		list-style-type:none;
		position:absolute;
		top:79px;
		left:0;
	}
		.gnavi a{
			margin:0;
			padding:0;
			width:130px;
			height:55px;
			display:block;
			position:absolute;
			top:0;
			text-decoration:none;
		}
		.gnavi a span{
			visibility:hidden;
		}
		.gnavi-news a{
			background:url("../j/share/img/gnavi_news.gif") 0 0 no-repeat;
			left:0;
		}
		.gnavi-research a{
			background:url("../j/share/img/gnavi_research.gif") 0 0 no-repeat;
			left:134px;
		}
		.gnavi-education a{
			background:url("../j/share/img/gnavi_education.gif") 0 0 no-repeat;
			left:268px;
		}
		.gnavi-staff a{
			background:url("../j/share/img/gnavi_staff.gif") 0 0 no-repeat;
			left:402px;
		}
		.gnavi-course a{
			background:url("../j/share/img/gnavi_course.gif") 0 0 no-repeat;
			left:536px;
		}
		.gnavi-qa a{
			background:url("../j/share/img/gnavi_qa.gif") 0 0 no-repeat;
			left:670px;
		}
		.gnavi a:hover{
			background-position:0 -55px;
		}
		.gnavi a.here{
			background-position:0 -55px;
		}		
.toppage-flash{
	width:auto;
}


.root{
	width:800px;
	padding:5px 20px 0;
	margin:0 auto;
	text-align:left;
	background:#ffffff;
}
	.breadcrumbs{
		text-align:right;
		margin:0;
		line-height:120%;
	}
	.sub{
		float:left;
		width:190px;
		padding-top:10px;
	}
		.smenu-base{
			margin:0 0 20px;
			background:url("../j/share/img/sidemenu_bg01.gif") repeat-y;
			width:190px;
		}
		.smenu{
			background:url("../j/share/img/sidemenu_bg02.gif") 0 100% no-repeat;
			width:190px;
		}
		.smenu ul{
			margin:0;
			padding:10px;
			background:url("../j/share/img/sidemenu_head_bg.gif") no-repeat;
			list-style-image:url("../j/share/img/sidemenu_arrow.gif")
		}
		.nolink{
			list-style-image:url("../j/share/img/sidemenu_block.gif")
		}
		.smenu ul ul{
			margin:0 0 10px;
			padding:0 0 0;
			background:none;
		}
		.smenu li{
			margin:1ex 0 1.8ex 15px;
			padding:0;
		}
		.smenu li li{
			margin:0.5ex 0 0.5ex 8px;
			padding:0;
		}
		.sub .side-banner{
			margin:0;
			padding:0;
			list-style-type:none;
			list-style-image:none;
			background:none;
		}
		.sub .side-banner li{
			margin:0 0 5px;
			padding:0;
		}
		.sub .side-banner li.banner-komaba{
			margin-top:40px;
		}
	.main{
		float:right;
		width:590px;
	}
	.single-column .main{
		float:none;
		width:800px;
	}
	.footer{
		clear:both;
		padding:40px 0 20px;
	}
		.footer-menu{
			line-height:200%;
		}
		.footer-menu a{
			font-weight:bold;
			padding:0 0.5ex;
		}
		.footer-copy{
			height:27px;
			width:800px;
			background:url("../j/share/img/footer_txt.gif") no-repeat;
			overflow:hidden;
		}
		.footer-copy span{
			visibility:hidden;
		}



.arrowed{
	padding-left:15px;
	background:url("../j/share/img/arrow01.gif") no-repeat 0 50%;
}


.half-l{
	float:left;
	width:290px;
}
.half-r{
	float:right;
	width:290px;
}
hr.clear{
	clear:both;
	width:100%;
	height:1px;
	line-height:0;
	visibility:hidden;
	margin:0;
	padding:0;
	display:block;
}


.one-third-l{
	float:left;
	width:190px;
	padding-left:5px;
}
.one-third-m{
	float:left;
	width:190px;
	padding-left:5px;
}
.one-third-r{
	float:left;
	width:190px;
	padding-left:5px;
}


.lab-staff-wrapper{
	background:#f7f3ec;
	padding:10px 0 0;
}
.lab-staff{
	margin:0;
	padding:0 0 10px 10px;
	width:280px;
	float:left;
}

.lab-staff img{
	display:block;
	float:left;
}
.lab-staff .staff-caption{
	width:150px;
	float:left;
	padding:5px 0 0 5px;
}
	.lab-staff .staff-post-sub{
		
	}
	.lab-staff .staff-post{
		font-size:70%;
		font-weight:normal;
		color:#666666;
	}
	.lab-staff .staff-name{
		font-size:140%;
		font-weight:bold;
		color:#333333;
		border-bottom:1px solid #aaaaaa;
		padding-bottom:0.2ex;
	}
	.lab-staff .staff-enname{
		font-size:80%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#a69c87;	
	}
	.lab-staff .staff-comment{
		margin:1ex 5px;
	}


.relation-staff{
	clear:both;
	width:100%;
	margin:20px 0px 10px 0px;
	padding:10px 0px;
	background:url("../j/share/img/bg_border.gif") no-repeat center top;
}
.relation-staff .lab-staff{
	width:185px;
}
.relation-staff .staff-name{
	padding-bottom:0px;
}
.relation-staff .staff-enname{
	margin:5px 0px 0px 0px;
	line-height:1.4;
}


.index-news-table th{
	white-space:nowrap;
	vertical-align:top;
}
.index-news-table td{
	vertical-align:top;
}

.staff-list{
	margin:0;
	padding:0;
	list-style-type:none;
}
.staff-list li{
	margin:0;
	padding:0 5px 10px;
	clear:both;
}
.staff-list img{
	margin:0 10px 10px 0;
	float:left;
}

.time-table,
.time-table td,
.time-table th{
	border:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
}


.time-table{
	margin:10px 5px 0;
	width:580px;
}
.time-table td{
	margin:0;
	padding:0.1ex 0.5ex;
	width:15%;
	text-align:center;
}
.time-table th{
	margin:0;
	padding:0.1ex 0.5ex;
	font-weight:normal;
	text-align:center;
	background:#667788;
	color:#ffffff;
}
.cell-gray{background:#e8e8e8}
.cell-red{background:#ffe8e8}
.cell-blue{background:#e8e8ff}
.cell-white{background:#ffffff}

.timetable-legends{
	margin:0 5px 0 auto;
	border-collapse:collapse;
	border-spacing:0;
	line-height:120%;
}
.timetable-legends th,
.timetable-legends td{
	padding-right:1em;
}
.timetable-legends .cell-gray,
.timetable-legends .cell-red,
.timetable-legends .cell-blue,
.timetable-legends .cell-white{
	border:1px solid #999999;
	width:24px;
	text-indent:-9999px;
	padding:0;
}


.student-img{
	float:left;
}

.student-name{
	padding:0 0 0.2ex;
	margin:0 0 0.5ex;
	border-bottom:1px dotted #888888;
}
.student-data{
	float:right;
	width:460px;
	padding-bottom:1ex;
}

.ttime-q{
	color:#666666;
	padding:0.5ex 1ex;
	background:#f8f8f8;
	border:1px dotted #eeeeee;
}

.forefront-article-list{
	margin:0;
	padding:0;
	list-style-type:none;
}
.forefront-article-list li{
	margin:0;
	clear:both;
}
.forefront-article-list img{
	float:left;
	margin:0 10px 0 0;
	padding:0 0 1ex;
}





.access-kougaku02,
.access-kougaku03,
.access-kougaku10,
.access-kougaku12,
.access-kougaku13,
.access-sentanchi{
	position:absolute;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url("../j/share/img/transparent.gif");
}

.access-kougaku02{width:46px;height:34px;left: 230px;top: 227px;}
.access-kougaku03{width:63px;height:41px;left: 230px;top: 184px;}
.access-kougaku10{width:64px;height:34px;left: 100px;top: 109px;}
.access-kougaku12{width:70px;height:36px;left: 187px;top: 85px;}
.access-kougaku13{width:71px;height:30px;left: 153px;top: 197px;}
.access-sentanchi{width:80px;height:34px;left: 118px;top: 147px;}



.qa-list-cource{
	margin:0 0 80px 30px;
	padding:0;
}
	.qa-list-cource ul{
		margin:0 0 0 2ex;
		padding:0;
	}
	.qa-list-cource li{
		margin:0;
		padding:0;
	}
.qa-tabmenu{
	background:url("../j/qa/img/qamenu_bg.gif") no-repeat;
	height:43px;
	margin:0;
	padding:0;
	width:590px;
	list-style-type:none;
}
	.qa-total01,
	.qa-course01,
	.qa-total02,
	.qa-course02{
		float:left;	
	}
	.qa-total01 a{
		display:block;
		width:157px;
		height:43px;
		background:url("../j/qa/img/index_qamenu01.gif") no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	.qa-course01 a{
		display:block;
		width:161px;
		height:43px;
		background:url("../j/qa/img/index_qamenu02.gif") no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	.qa-total02 a{
		display:block;
		width:157px;
		height:43px;
		background:url("../j/qa/img/course_qamenu01.gif") no-repeat;
		outline:none;
		text-indent:-9999px;
	}
	.qa-course02 a{
		display:block;
		width:161px;
		height:43px;
		background:url("../j/qa/img/course_qamenu02.gif") no-repeat;
		outline:none;
		text-indent:-9999px;
	}
.qa-container{
	padding:20px;
	background:url("../j/qa/img/qa_container_bg.gif") no-repeat;
}


/* add 2011/06/24 */
.voice_name{
	font-weight:bold;
}

