@charset "utf-8";


/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
  font-family: "arial,simsun,sans-serif";
  margin: 0;
  padding: 0;
}

html, body {
	font-family: "arial,simsun,sans-serif";
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: center;

}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "arial,simsun,sans-serif";
	margin: 0;
	padding: 0;
	border: 0;
	color: #4C4C4C;
	line-height: 1.5;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
  font-family: "arial,simsun,sans-serif";
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
  font-family: "arial,simsun,sans-serif";
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: inherit;
  font-size: 100%;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*--------------------------------------------------------------------
繁体字
--------------------------------------------------------------------*/

div#container {
	margin-right: auto;
	margin-left: auto;
	width: 730px;
	background-color: #FFFFFF;
	text-align: left;


}

div#header {
	width: 730px;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 15px;
}

div#header div#header_logo {
	float: left;

}

div#header div#header_logo h1 {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 44px;
	width: 270px;

}

div#header div#header_logo h1 a {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999pt;
	overflow: hidden;
	height: 44px;
	width: 270px;

}

div#header div#header_right {
	margin-top: 2px;
	float: right;
}

div#header div#header_lang {
	margin-top: 6px;
	padding-bottom: 6px;
}

div#header div#header_lang ul {
	text-align:	right;
	margin:	0pt;

}

div#header div#header_lang ul li {
	color: #696969;
	display: inline;
	text-align:	right;
	font-size: 80%;

}

div#header div#header_font {
	margin-top: 6px;
}

div#header div#header_font ul {
	list-style: none;
	text-align:	right;
	margin:	0pt;
}

div#header div#header_font ul li.size {
	font-size:80%;
	color: #15063E;

}

div#header div#header_font ul li {
	display: inline;
	text-align:	right;

}

div#header div#header_lang ul li a {
	color: #696969;
	text-decoration: none;
	background-image: url(../images/header_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	font-size: 80%;

}

div#header div#header_lang ul li a:hover {
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(../images/header_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	font-size: 80%;

}

div#main {
	width: 730px;
	margin-bottom: 6px;
}

div#main div#visual {
	margin-bottom: 12px;
}

div#main div#message {
	margin-bottom: 6px;
}

div#main div#message h2 {
	background-image: url(../images/title_bar.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 36px;
	width: 730px;
	vertical-align: middle;
	padding-left: 23px;
	padding-top: 7px;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 130%;
	color: #15063E;
}

div#main div#message div#president_pic {
	float: left;
	margin-right: 12px;

}

div#main div#message div#president_msg {
	float: left;
	width: 563px;
}

div#main div#message div#president_msg h3 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 18px;
}

div#main div#message div#president_msg p {
	font-size: 80%;
	margin-bottom: 15px;
}

div#main div#message div#president_msg p#p_name {
	text-align: right;
}

div#main div#sub_content {
	width: 730px;

}

div#main div#sub_content div#course {
	width: 359px;
	float: left;
	margin-right: 12px;


}

div#main div#sub_content div#course h4 {
	background-image: url(../images/title_bar2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 33px;
	padding-top: 14px;
	font-size: 100%;
	color: #15063E;
	font-weight: bold;
	height: 41px;
	margin-bottom: 12px;

}


div#main div#sub_content div#course div#course_container {
	width: 359px;
	background-color: #D9F0BB;
	margin-bottom: 6px;

}

div#main div#sub_content div#course div#course_container h5 {
	color: #70BD29;
	background-image: url(../images/title_bar3.gif);
	background-repeat: no-repeat;
	width: 346px;
	margin-bottom: 6px;
	margin-left: 6px;
	background-position: left bottom;
	padding-top: 9px;
	vertical-align: middle;
	padding-left: 15px;
	font-size: 90%;

}

div#main div#sub_content div#course div#course_container div.subject {
	list-style-type: none;
	float: left;
	width: 163px;
	height: 109px;
	padding-bottom: 6px;
	margin-right: 6px;
	margin-left: 5px;

}

div#main div#sub_content div#course div#course_container div.subject_etc ul {
	list-style-type: none;

}

div#main div#sub_content div#course div#course_container div.subject_etc li {
	list-style-type: none;
	font-size: 80%;
	margin-bottom: 2px;


}

div#main div#sub_content div#course div#course_container2 {
	width: 359px;
	background-color: #FED98E;
	margin-bottom: 6px;

}

div#main div#sub_content div#course div#course_container2 h5 {
	color: #FF3E00;
	background-image: url(../images/title_bar3.gif);
	background-repeat: no-repeat;
	width: 346px;
	margin-bottom: 6px;
	margin-left: 6px;
	background-position: left bottom;
	padding-top: 9px;
	vertical-align: middle;
	padding-left: 15px;
	font-size: 90%;

}

div#main div#sub_content div#course div#course_container2 div.subject {
	list-style-type: none;
	float: left;
	width: 163px;
	height: 109px;
	padding-bottom: 6px;
	margin-right: 6px;
	margin-left: 5px;

}

div#main div#sub_content div#course div#course_container2 div.subject_etc ul {
	list-style-type: none;

}

div#main div#sub_content div#course div#course_container2 div.subject_etc li {
	list-style-type: none;
	font-size: 80%;
	margin-bottom: 2px;


}

div#main div#sub_content div#course div#course_container3 {
	width: 359px;
	background-color: #BFE7F1;
	margin-bottom: 6px;

}

div#main div#sub_content div#course div#course_container3 h5 {
	color: #5687BD;
	background-image: url(../images/title_bar3.gif);
	background-repeat: no-repeat;
	width: 346px;
	margin-bottom: 6px;
	margin-left: 6px;
	background-position: left bottom;
	padding-top: 9px;
	vertical-align: middle;
	padding-left: 15px;
	font-size: 90%;

}

div#main div#sub_content div#course div#course_container3 div.subject {
	list-style-type: none;
	float: left;
	width: 163px;
	height: 109px;
	padding-bottom: 6px;
	margin-right: 6px;
	margin-left: 5px;


}

div#main div#sub_content div#course div#course_container3 div.subject_etc ul {
	list-style-type: none;

}

div#main div#sub_content div#course div#course_container3 div.subject_etc li {
	list-style-type: none;
	font-size: 80%;
	margin-bottom: 2px;

}

div#main div#sub_content div#right_container div#access {
	width: 359px;
	margin-bottom: 10px;
}

div#main div#sub_content div#right_container div#access h4 {
	background-image: url(../images/title_bar2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 33px;
	padding-top: 14px;
	font-size: 100%;
	color: #15063E;
	font-weight: bold;
	height: 41px;
	margin-bottom: 12px;

}

div#main div#sub_content div#right_container div#access div#j_map {
	float: left;
	width: 143px;

}

div#main div#sub_content div#right_container div#access div#un_info {
	float: right;
	width: 180px;

}

div#main div#sub_content div#right_container div#access div#un_info dt {
	font-size: 80%;
	margin-bottom: 6px;

}

div#main div#sub_content div#right_container div#access div#un_info dd {
	font-size: 70%;

}

div#footer {
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 730px;
	margin-bottom: 10px;


}

div#footer address {
	font-size: 70%;
	margin-top: 10px;
	float: right;
	display: inline;

}

/*--------------------------------------------------------------------
追加部分
--------------------------------------------------------------------*/

div.seo p {
	font-size: 80%;
	padding-top: 10px;
	width: 260px;
	margin-bottom: 2px;
	text-align: right;

}
div#header_left {
	float: left;
}
div.subject_tec {
	width: 180px;
	float: right;
}
div#right_container {
	float: left;
	width: 359px;

}