/*

*/

@charset "utf-8";

/*--------------------------------------
  common
---------------------------------------*/
@import "common.css";

/*--------------------------------------
  item
---------------------------------------*/

p, span,
ul li,
ol li,
li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd,
dd th,
dd td{
	font-size:14px;
	line-height:1.7em;
}

h5{
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}

table,th,tr,td{
	border:1px solid #000;
	margin:20px 0;
}

td{
	padding:8px;
}

.caption{
	font-size:14px;
	font-weight:bold;
	color:#E75509;
	margin-top:10px;
}

.caption2{
	font-size:14px;
	color:#000;
	margin-top:10px;
}

.caption3{
	font-size:14px;
	font-weight:bold;
	color:#1939F4;
	margin-top:10px;
}

.caption4{
	font-size:12px;
	margin-top:10px;
}

.detail{
	font-size:12px;
	margin:10px 0 0 10px;
}

.ex{
	font-size:11px;
	margin:5px 0 0 5px;
}

.none{
	min-height:200px;
}

/*--------------------------------------
  #header
---------------------------------------*/

body{
	background-color:#f3f3f3;
}

/*--------------------------------------
  #header
---------------------------------------*/
#header {
	background-image: url(/upload/202201/06/202201061722534878.jpg);
	width:1000px;
	height:197px;
	margin:0 auto;
}
#header h1{
	margin:0;
	padding:40px 0 0 35px;
}

/*--------------------------------------
  #language
---------------------------------------*/
#language {
	width:1000px;
	background-color:#fff;
	margin:0 auto;
	text-align:right;
}
#language p{
	margin:0 35px 0 0;
	padding:0;
	font-size:12px;
}

/*--------------------------------------
  #container
---------------------------------------*/
#container {
	width:1000px;
	height:auto;
	background-color:#fff;
	margin:0 auto;
	padding:10px 0;
}

/*--------------------------------------
  #contents
---------------------------------------*/
#contents {
	float:left;
	display:block;
	width:780px;
	background-color:#fff;
	margin:0 0 0 35px;
}

/*--------------------------------------
  #news
---------------------------------------*/
#news {
	margin:8px 0;
	width:750px;
	font-size:13px;
}

#news .listbox{
	border:1px solid #888;
}

#news .listbox ul{
	margin:10px 0 0 0;
	padding:0 13px;
}

#news .listbox li{
	border-bottom:1px solid #ccc;
	margin:10px 0;
	font-size:13px;
}

#news .listbox li a{
	text-decoration:none;
	font-size:13px;
}

#news .listbox li span.newsdate{
	margin:0 12px 0 0;
}

#news .listbox li span.newstitle{
	margin:0 30px 0 12px;
}

#news .listbox p.more{
	text-align:right;
	margin:0 13px 0 0;
}

/*--------------------------------------
  #newsContents
---------------------------------------*/
#newsContents {
	width:680px;
	margin:30px;
	font-size:13px;
}

#newsContents h3{
	border-bottom:1px solid #696969;
	margin-bottom:5px;
	padding:8px 0;
}

#newsContents .post{
	width:660px;
	margin:20px 5px 40px 5px;
}

#newsContents .post img{
	border:1px solid #ccc;
	margin:5px 0;
	padding:5px;
}

#newsContents ul{
	margin:10px 0 30px 0;
	line-height:17px;
}

#newsContents li{
	border-bottom:1px solid #ccc;
	margin:15px 0;
}

#newsContents li a{
	text-decoration:none;
	font-size:13px;
}

#newsContents li span.newsdate{
	margin:0 12px 0 0;
}

#newsContents li span.newstitle{
	margin:0 30px 0 12px;
}

/*--------------------------------------
  #outlineTop
---------------------------------------*/
#outlineTop {
	width:780px;
}

#outlineTop ul{
	margin:0;
	padding:0;
}

#outlineTop li{
	float:left;
	display:block;
	margin: 5px 10px 10px 0;
}

/*--------------------------------------
  #catImage
---------------------------------------*/
#catImage {
	position:relative;
	border:1px solid #ccc;
	width:710px;
	height:60px;
	margin:20px 0;
	padding:10px;
}

#catImage h3{
	position:absolute;
	top:30px;
	left:70px;
	font-size:18px;
}

/*--------------------------------------
  #laboratory
---------------------------------------*/
#laboratory {
	width:700px;
	margin-left:20px;
}

#laboratory table,a,li{
	font-size:12px;
}

#laboratory li{
	padding:8px;
	padding-left:1em;
	text-indent:-1em;
}

#laboratory td.left{
	width:120px;
}

#laboratory td.right{
	width:560px;
}

/*--------------------------------------
  #staff
---------------------------------------*/
#staff {
	width:700px;
	margin-left:20px;
}

#staff table,a,li{
	font-size:12px;
}

#staff .intro ul{
	margin:0;
	padding:0;
}
#staff .intro li{
	float:left;
	margin-left:5px;
	padding:8px;
}

#staff .intro li.left{
	width:450px;
}

#staff .intro li.right{
	width:150px;
	padding:30px;
}

#staff .intro li.right img{
	border:1px solid #ccc;
	padding:5px;
}

#staff .tabs{
	overflow:hidden;
}

#staff .tabs li{
	float:left;
	border:1px solid #696969;
	background:#ccc;
	font-size:12px;
	padding:5px 14px;
	margin-right:5px;
	cursor: pointer;
}

#staff .tabs li.active{
	background:#e8d3d1;
}

#staff .contents li{
	padding:10px;
}

#staff .hide {
	display:none;
}

#staff td.left{
	width:120px;
	text-align:center;
	font-weight:bold;
}

#staff td.right{
	width:480px;
	padding-left:20px;
}

#staff table.tbl1, table.tbl1 tr, table.tbl1 td{
	border:none;
	margin:0 0 15px 15px;
}

#staff table.tbl1 td.left{
	width:20px;
	padding:0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

#staff table.tbl1 td.right{
	width:600px;
	margin:0;
	padding:0 0 0 8px;
}

#staff table.tbl2, table.tbl2 tr, table.tbl2 td{
	border:none;
	margin:0 0 15px 15px;
}

#staff table.tbl2 td.left{
	width:150px;
	padding:0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}

#staff table.tbl2 td.right{
	width:580px;
	margin:0;
	padding:0 0 0 8px;
}

/*--------------------------------------
  #outline
---------------------------------------*/
#outline {
	width:700px;
	margin-left:20px;
}

#outline ul{
	margin:5px 0;
}

#outline li.left{
	float:left;
	display:block;
	width:360px;
	margin:5px 0 0 0;
}

#outline li.right{
	float:left;
	display:block;
	width:260px;
	margin:5px 0 0 20px;
}

#outline li.photo{
	float:left;
	display:block;
	margin:5px 0 0 25px;
}

#outline table,a,li{
	font-size:12px;
}

#outline table{
	width:600px;
}

/*--------------------------------------
  #facilities
---------------------------------------*/
#facilities {
	width:700px;
	margin-left:20px;
}

#facilities table,a,li{
	font-size:12px;
}

#facilities ul{
	margin:0;
	padding:0;
}
#facilities li{
	float:left;
	margin-left:5px;
	padding:8px;
}

#facilities li.left{
	width:150px;
}

#facilities li.right{
	width:450px;
}

/*--------------------------------------
  #society
---------------------------------------*/
#society {
	width:700px;
	margin-left:20px;
}

#society table,a,li{
	font-size:12px;
}

#society th{
	background-color:#eee;
	text-align:center;
}

#society td.left{
	width:120px;
	text-align:center;
	font-weight:bold;
}

#society td.right{
	width:560px;
	padding-left:20px;
}

/*--------------------------------------
  #student
---------------------------------------*/
#student {
	width:700px;
	margin-left:20px;
}

#student ul{
	margin:0;
	padding:0;
}

#student li{
	float:left;
	margin-left:5px;
	padding:8px;
}

#student li.left{
	width:180px;
}

#student li.right{
	width:420px;
}


/*--------------------------------------
  #teaching
---------------------------------------*/
#teaching {
	width:700px;
	margin-left:20px;
}

#teaching table,a,li{
	font-size:12px;
}

#teaching td.left{
	width:70px;
	text-align:center;
}

#teaching td.right{
	width:560px;
}

/*--------------------------------------
  #access
---------------------------------------*/
#access {
	width:700px;
	margin-left:20px;
}

#access img{
	border:1px solid #ccc;
	margin-left:5px;
	padding:5px;
}

/*--------------------------------------
  #contact
---------------------------------------*/
#contact{
	width:700px;
	margin-left:20px;
}

#contact{
}

#contact textarea{
	margin-left:5px;
}

#contact ul,li{
	margin:0;
	padding:0;
}

#contact ul{
	background-color:#eee;
	border:1px solid #aaa;
	border-top:none;
	margin:20px 0;
}

#contact li{
	float:left;
	padding:8px;
}

#contact li.left{
	border-top:1px solid #aaa;
	width:150px;
}

#contact li.right{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	width:515px;
	background-color:#fff;
}

#contact .btn{
	font-size:14px;
	width:280px;
	text-align:center;
	margin:0 auto;
}

#contact .btn input{
	padding:10px 30px;
}

#contact .btn p{
	float:left;
	margin:10px;
}

/* error */
#error{
	border: 2px solid #d9333f;
	margin: 0 auto;
	margin-bottom:20px;
	padding: 5px 10px;
	font-size: 12px;
	color: #d9333f;
}

/*--------------------------------------
  #schedule
---------------------------------------*/
#schedule {
	width:700px;
	margin-left:20px;
}

/*--------------------------------------
  #sidebar
---------------------------------------*/
#sidebar {
	float: left;
	display:block;
	width: 180px;
	background-color: #fff;
}

#sidebar .menu{
	width: 190px;
	margin:0 0 0 10px;
}

#sidebar .menu a{
	text-decoration:none;
}

#sidebar dl{
	margin:0;
	padding:0;
}

#sidebar .menu dt{
	display:block;
	border-bottom:1px solid #cc7eb1;
	width:150px;
	height:35px;
	margin:0 0 0 10px;
	padding-left:6px;
	line-height:35px;
	cursor:pointer;
}

#sidebar .menu .sidetitle,
#sidebar .menu .sidetitle a:link,
#sidebar .menu .sidetitle a:visited,
#sidebar .menu .sidetitle a:hover,
#sidebar .menu .sidetitle a:active{
	color:#000;
	font-size:13px;
}

#sidebar .menu dd{
	background-color:#f2f2f2;
	border-bottom:1px solid #ccc;
	width:150px;
	margin:0 0 0 10px;
	padding:10px 0 10px 6px;
/*
	line-height:35px;
*/
	font-size:12px;
	font-weight:normal;
	display:none;
}

#sidebar .banner{
	width:170px;
	margin:0 auto;
	text-align:center;
}

#sidebar .banner ul{
	margin:20px 0;
	padding:0;
}

#sidebar .banner li{
	padding:5px;
}

/*--------------------------------------
  #footer
---------------------------------------*/
#footer {
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	background-color:#fff;
	text-align:right;
}

#footer .copy{
	margin:0 30px 0 0;
	font-size:8px;
}