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

other CSS

for guide pages
coded by white cameron at 2010-11-01

---------------------------------------------*/
@import url(../../../css/default.css);
@import url(common.css);

/* topmain-image */
div#contents div#main #topmain-image{
	margin:0;
	position:relative;
	width:940px;
	height:280px;
	background:url(../images/black_bg.jpg) repeat right top;
	clear:both;
}

div#contents div#main #topmain-image h2{
	position:absolute;
	width:227px;
	height:130px;
	left:707px;
	top:7px;
}

div#contents div#main #topmain-image h3{
	position:absolute;
	width:227px;
	height:130px;
	left:707px;
	top:144px;
}

div#contents div#main #topmain-image h4{
	position:absolute;
	width:700px;
	height:280px;
	left:0px;
	top:0px;
}


/* TopInfomation */
div#contents div#main div#news-box{
	float:left;
	width:470px;
}

div#contents div#main div#news-box dl {
  clear: both;
  margin: 0;
  padding: 5px 0 0 0;
}

div#contents div#main div#news-box dl dt {
  display: block;
  float: left;
  clear: left;
  font-weight:bold;
  font-size:0.9em;
  padding:6px 0 0 0;
  font-family:Arial, Helvetica, sans-serif;
}

div#contents div#main div#news-box dl dt img {
	vertical-align:middle;
	margin:0 5px 0 0;
}

div#contents div#main div#news-box dl dd {
  margin:0 0 0 135px;
  padding:7px 0 0 0;
}

div#contents div#main div#news-box dl dd a {
	color: #003399;
	text-decoration:none;
}

div#contents div#main div#news-box dl dd a:visited {
	color: #003399;
	text-decoration:none;
}

div#contents div#main div#news-box dl dd a:hover {
	color: #003399;
	text-decoration:underline;
}

div#contents div#main div#news-box #list_btn{
	border-top:1px #DDDDDD solid;
	margin:10px 0 0 0;
	padding:6px 0 0 0;
	text-align:right;
}

/* TopMessage */
div#contents div#main div#message-box{
	float:right;
	width:200px;
}

/* News */
div#contents div#main div#right-mainbox .news-title{
	padding:0 0 5px 0;
	font-weight:bold;
	font-size:14px;
	line-height:1.3;
	background:url(../images/news_titlebg.gif) no-repeat left bottom;
}

div#contents div#main div#right-mainbox .news-title span{
	font-weight:normal;
	margin:0 10px 0 0;
	font-weight:bold;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

div#contents div#main div#right-mainbox .news-title span img{
	vertical-align:middle;
	margin:0 5px 4px 0;
}

div#contents div#main div#right-mainbox .news-image{
	text-align:center;
	margin:15px 0 0 0;
}

div#contents div#main div#right-mainbox .news-txt{
	margin:15px 0 0 0;
}


/*  backnumber  */
div#backnumber {
	width: 690px;
	margin:12px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:3px #DDD double;
	clear: both;
}

div#backnumber ul {
	margin:0;
	padding:0;
}

div#backnumber ul li {
	margin:0;
	padding:0 13px 0 15px;
	list-style-type: none;
	display: inline;
	background:url(../images/icon01.gif) no-repeat left;
}

div#contents div#main div#right-mainbox div#backnumber ul li a {
	color: #003399;
	text-decoration:none;
}

div#contents div#main div#right-mainbox div#backnumber ul li a:visited {
	color: #003399;
	text-decoration:none;
}

div#contents div#main div#right-mainbox div#backnumber ul li a:hover {
	color: #003399;
	text-decoration:underline;
}


/* Info */
#info_setsumei_title{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	padding:10px 0 15px 0;
}

div#contents div#main div#right-mainbox table.info_table{
	width:100%;
	border-collapse:collapse;
	border:none;
	margin:1px 0 0 0;
}

div#contents div#main div#right-mainbox table.info_table th{
	padding:8px;
	border:1px #DDD solid;
	text-align:center;
	background:url(../images/dot_bg.gif) repeat left top;
}

div#contents div#main div#right-mainbox table.info_table td{
	padding:8px;
	border:1px #DDD solid;
	font-size:0.9em;
	text-align:center;
}

div#contents div#main div#right-mainbox table.info_table td.left{
	font-size:1.0em;
	text-align:left;
	padding:8px 15px;
}

div#contents div#main div#right-mainbox table.info_table td ol{
	margin:0 0 0 20px;
}

div#contents div#main div#right-mainbox table.info_table td ol{
	margin:0 0 0 30px;
}

div#contents div#main div#right-mainbox ol.list{
	margin:15px 0 0 25px;
}

div#contents div#main div#right-mainbox ol.list li ol.lower-alpha{
	list-style:lower-alpha;
	margin:10px 0 0 20px;
}

div#contents div#main div#right-mainbox div.info-pointbox{
	border:3px #003399 double;
	margin:5px 0 0 0;
	padding:5px 15px 15px 15px;
	background:#F0F9FD;
}

div#contents div#main div#right-mainbox div.info-pointbox p{
	margin:10px 0 0 0;
}


/* outline */
div#contents div#main div#outline-box p{
	margin:0;
}

div#contents div#main .subtitle{
	margin:30px 0 0 0;
	padding:0 0 5px 0;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3;
	background:url(../images/common_titlebg.gif) no-repeat left bottom;
}

div#contents div#main .out_subtitle{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
	padding:5px 0;
	border-top:2px #CCC dotted;
	border-bottom:2px #CCC dotted;
}

div#contents div#main .out_name{
	margin:0 10px 0 0;
}

div#contents div#main img.out_icon{
	vertical-align:middle;
	margin:0 0 0 5px;
}


/* greeting */
div#contents div#main div#right-mainbox div.greeting{
	float:right;
	width:470px;
	margin:0;
	padding:0 0 10px 0;
}

div#contents div#main div#right-mainbox div.greeting p{
	text-indent:1em;
}


/* profile */
div#contents div#main div#right-mainbox div.photo-box{
	float:left;
	width:200px;
	margin:0;
	padding:15px 0 20px 0;
}

div#contents div#main div#right-mainbox div.photo-box div.comment-box{
	margin:5px 0 0 0;
	padding:2px;
	border:1px #DDD solid;
}

div#contents div#main div#right-mainbox div.photo-box div.comment-box p{
	margin:0;
	padding:8px;
}

div#contents div#main div#right-mainbox div.photo-box div.comment-box .title{
	padding:2px 0;
	background:url(../images/dot_bg.gif) repeat left top;
	text-align:center;
	font-weight:bold;
	font-size:1.0em;
}

div#contents div#main div#right-mainbox div.profile{
	float:right;
	width:480px;
	margin:0;
	padding:0;
}

div#contents div#main div#right-mainbox table.profile_table{
	width:100%;
	border-collapse:collapse;
	border:none;
	margin:15px 0 0 0;
}

div#contents div#main div#right-mainbox table.profile_table th{
	padding:8px;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
	text-align:center;
	background:url(../images/dot_bg.gif) repeat left top;
	vertical-align:top;
	width:18%;
}

div#contents div#main div#right-mainbox table.profile_table td{
	padding:8px 0 8px 10px;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
}

div#contents div#main div#right-mainbox table.profile_table td ol{
	margin:0 0 0 24px;
}

div#contents div#main div#right-mainbox table.profile_table td table{
	width:auto;
	border-collapse:collapse;
	border:none;
	font-size:0.9em;
	margin:0;
}

div#contents div#main div#right-mainbox table.profile_table td table td{
	padding:8px 5px 0 0;
	border:none;
	border-bottom:1px #CCC dotted;
	vertical-align:top;
}

div#contents div#main div#right-mainbox table.profile_table td ul.list li{
	margin:0 0 10px 0;
}

div#contents div#main div#right-mainbox table.profile_table td .title{
	margin:15px 0 10px 0;
	padding:0;
	font-weight:bold;
	border-bottom:1px #CCC dotted;
	font-size:1.0em;
}

div#contents div#main div#right-mainbox table.profile_table td dl{
	margin:5px 0 0 0;
	padding:0;
}

div#contents div#main div#right-mainbox table.profile_table td dl dt{
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
	border-bottom:1px #CCC dotted;
}


/* institution */
div#contents div#main div#right-mainbox div.inst{
	float:right;
	width:410px;
	margin:0;
	padding:0 0 10px 0;
}

div#contents div#main div#right-mainbox div.inst img.icon{
	margin:0 3px 0 0;
}


/* about */
div#contents div#main div#right-mainbox ul#vol-nav {
	margin:0;
	padding:10px 0 0 0;
	float:left;
	list-style:none;
	width:690px;
	height:90px;
	overflow:hidden;
}

div#contents div#main div#right-mainbox ul#vol-nav li {
	float:left;
	list-style:none;
	width:221px;
	height:90px;
	padding:0 13px 0 0;
}

div#contents div#main div#right-mainbox ul#vol-nav li.right {
	float:right;
	padding:0;
}

div#contents div#main div#right-mainbox ul#vol-nav li img{
	vertical-align:top;
}

div#contents div#main div#right-mainbox div.vol-box {
	clear:both;
	margin:0;
	padding:20px 0 10px 0;
	width:690px;
}

div#contents div#main div#right-mainbox div.vol-box p.photo_l{
	float:left;
	width:200px;
	margin:10px 0 0 0;
	padding:0;
}

div#contents div#main div#right-mainbox div.vol-box p.photo_r{
	float:right;
	width:200px;
	margin:10px 0 0 0;
	padding:0;
}

div#contents div#main div#right-mainbox div.vol-box div.txtarea_l{
	float:left;
	width:470px;
	margin:0;
	padding:0;
}

div#contents div#main div#right-mainbox div.vol-box div.txtarea_r{
	float:right;
	width:470px;
	margin:0;
	padding:0;
}

div#contents div#main div#right-mainbox div.vol-box h4 {
	margin:10px 0 0 0;
}

div#contents div#main div#right-mainbox div.vol-box .job{
	margin:10px 0 0 0;
	padding:10px 5px;
	border:3px #DDD double;
	border-left:none;
	border-right:none;
}

div#contents div#main div#right-mainbox div.vol-box .job span{
	font-weight:bold;
}

div#contents div#main div#right-mainbox .merit {
	margin:30px 0 0 0;
}

div#contents div#main div#right-mainbox .cl_merit {
	clear:both;
	padding:20px 0 0 0;
	margin:0;
}

div#contents div#main div#right-mainbox .system-pointtitle{
	margin:25px 0 0 0;
	padding:0;
}

div#contents div#main div#right-mainbox div.system-pointbox{
	border:3px #E12466 double;
	margin:0;
	padding:5px 15px 15px 15px;
	background:#FFF7F7;
}

div#contents div#main div#right-mainbox div.system-pointbox p{
	margin:10px 0 0 0;
}


/* student */
div#contents div#main div#right-mainbox .attention_box{
	border:3px #A1201C double;
	padding:10px 15px;
	margin:10px 0 0 0;
}


/* Map */
div#contents div#main div#right-mainbox p#map_image{
	float:left;
	width:295px;
	height:227px;
	padding:0 35px 0 0;
}

div#contents div#main div#right-mainbox dl#access{
}

div#contents div#main div#right-mainbox dl#access dt{
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0;
}

div#contents div#main div#right-mainbox dl#access dd{
	margin:5px 0 10px 15px;
	padding:0;
}

/* syllabus */
div#contents div#main div#right-mainbox #syllabus_titlebox{
	position:relative;
	width:690px;
	height:24px;
	overflow:hidden;
}

div#contents div#main div#right-mainbox #syllabus_titlebox h3{
	position:absolute;
	width:690px;
	height:24px;
	left:0px;
	top:0px;
}

div#contents div#main div#right-mainbox #syllabus_titlebox p{
	position:absolute;
	width:690px;
	margin:0;
	padding:0;
	left:0px;
	top:0px;
	text-align:right;
}


/* inquire */
div#contents div#main div#right-mainbox table.inquire_table{
	width:100%;
	border-collapse:collapse;
	border:none;
}

div#contents div#main div#right-mainbox table.inquire_table th{
	width:140px;
	padding:10px 20px;
	vertical-align:top;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
	text-align:center;
	background:url(../images/dot_bg.gif) repeat left top;
}

div#contents div#main div#right-mainbox table.inquire_table td{
	vertical-align:top;
	padding:10px 20px;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
}

div#contents div#main div#right-mainbox table.inquire_table td input{
	vertical-align:middle;
}

div#contents div#main div#right-mainbox table.inquire_table td textarea{
	font-size:12px;
	width:98%;
}

div#contents div#main div#right-mainbox #error_box{
	border:3px #A1201C double;
	padding:20px;
	margin:15px 0 0 0;
	text-align:center;
	background:#FFF0F0;
}

div#contents div#main div#right-mainbox #error_tit{
	font-weight:bold;
	font-size:12px;
	color:#A1201C;
	margin:0;
	padding:0 0 10px 0;
}

div#contents div#main div#right-mainbox .text{
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
}












div#contents div#main p.center {
  text-align: center;
}

div#contents div#main p.left {
  text-align: left;
}

div#contents div#main p.right {
  text-align: right;
}

div#contents div#main p.address {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0 10px 0;
}