@charset "utf-8";
@import "common.css";
@import "sub.css";
/* =====================================================================
	global
====================================================================== */
* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% Arial,Helvetica,sans-serif;
	font-family : "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
body {
	background : url(../images/bg_body.gif) repeat-x left top #fff;
	color : #464646;
	font-size : 62.5%;
	text-align : center;
}
body#image {
	background : none;
}
/* =====================================================================
	layout
====================================================================== */
div#shell {
	font-size : 1.4em;
}
div#header,
div#core {
	clear : both;
	margin : 0 auto;
	width : 960px;
	text-align : left;
}
div#header {
	position : relative;
	margin-bottom : 15px;
	height : 196px;
}
div#contents {
	float : left;
	width : 655px;
}
div#contents.single_column {
	float : none;
	width : 960px;
}
div#utilities {
	float : right;
	width : 265px;
}
div#footer {
	background : url(../images/bg_footer.gif) repeat-x 0 0 #eee;
}
/* ___________________________________________________________ anchor */
a:link {
	color : #3984a9;
	text-decoration : none;
}
a:visited {
	color : #3984a9;
	text-decoration : none;
}
a:hover {
	color : #3984a9;
	text-decoration : underline;
}
a:active {
	color : #3984a9;
	text-decoration : none;
}
a:focus {
	outline : none;
}
/* ___________________________________________________________ document */
h1 {
	line-height : 25px;
	height : 25px;
}
div#header h2 {
	position : absolute;
	left : 0;
	top : 50px;
	overflow : hidden;
	background : url(../images/header/logo.gif) no-repeat 0 0;
	width : 238px;
	height : 36px;
}
div#header h2 a {
	display : block;
	padding : 55px 0 0 0;
	width : 522px;
	height : 55px;
}
h3 {
	overflow : hidden;
	margin : 0 0 0 0;
	padding-left : 0;
	font-size : 2.3em;
	line-height : 50px;
	height : 50px;
}
h4 {
	margin : 0 0 8px 0;
	border-left : 3px solid #a7212e;
	text-indent : 10px;
	color : #a8212f;
	font-size : 1.3em;
	font-weight : bold;
	line-height : 40px;
	height : 40px;
}
h4 a {
	color : #a8212f;
	line-height : 40px;
	height : 40px;
}
.detail h4,
.archive h4 {
	margin : 0 0 20px 0;
}
h5,h6 {
	margin : 0 0 10px 0;
	text-indent : 22px;
	color : #a8212f;
	font-size : 1.1em;
	line-height : 40px;
	height : 40px;
}
h5 a,h6 a {
	text-decoration : none;
	line-height : 40px;
	height : 40px;
}
h5 {
	background : url(../images/core/contents/headline/h5.gif) no-repeat left bottom;
	font-weight : bold;
}
h5 a:link,
h5 a:visited {
	color : #a8212f;
}
.column h5 {
	background : none;
}
h6 {
	margin : 0 0 8px 0;
	padding-left : 0.3em;
	border-bottom : 1px solid #a8212f;
	text-indent : 0;
	font-weight : normal;
}
em.headline {
	display : block;
	margin-bottom : 8px;
	padding-left : 0.3em;
	font-weight : normal;
	font-size : 1.1em;
	border-bottom : 1px solid #ccc;
	line-height : 30px;
	height : 30px;
}
h5 + h6,
h6 + em.headline {
	margin-top : -5px;
}
h4 a,
h5 a,
h6 a {
	_text-indent : 5px;
}
.global h5 a {
	_text-indent : 10px;
}
.column h5 a {
	_text-indent : 0px !important;
}
ul {
	margin : 0 0 15px 0;
	list-style : none;
}
ol {
	margin : 0 0 15px 0;
	list-style-position : inside;
}
ul li {
	margin : 0 8px 5px 8px;
	padding : 0.2em 0 0.2em 12px;
	background : url(../images/option/arrow.gif) no-repeat 0 0.6em;
	line-height : 1.6;
	_height : 1%;
}
ol li {
	margin : 0 8px 5px 8px;
}
ul li ul li {
	padding : 2px 0 2px 10px;
	background : url(../images/option/more.gif) no-repeat 0 0.3em;
}
dl {
	margin : 0 0 20px 0;
}
dl dt {
	margin : 0 0 10px 0;
	padding : 4px;
	background : #F1F1F1;
	color : #444444;
	text-indent : 5px;
}
dl dd {
	margin : 10px 15px 10px 10px;
}
dl dd p {
	padding : 0 0 5px 0;
}
strong {
	font-size : 1.1em;
	font-weight : bold;
}
em {
	font-weight : bold;
}
p {
	margin : 0 0.3em 0 0.3em;
	padding : 0 0 20px 0;
	line-height : 1.6;
}
address {
	margin : 10px 10px 20px 10px;
	padding : 10px 20px;
	border : 1px solid #E0E0E0;
}
blockquote,cite {
	display : block;
	margin : 0 0 20px 0;
	padding : 20px 40px 10px 40px;
	border : 1px solid #d2d2d2;
	background : url(../images/option/blockquote.gif) no-repeat 0 0;
}
blockquote p {
	margin-bottom : 5px;
}
/* ___________________________________________________________ table */
table {
	margin : 0 10px 20px 10px;
	border : 1px solid #E0E0E0;
	border-collapse : collapse;
}
table {
	font-size : 1em;
}
table.corporate {
	font-size : 0.85em;
}
table th {
	padding : 5px;
	border : 1px dotted #E0E0E0;
	background : #F1F1F1;
	font-weight : bold;
	text-align : center;
}
table td {
	padding : 5px;
	border : 1px dotted #E0E0E0;
}
caption {
	font-size : 1.1em;
}
/* ___________________________________________________________ form */
input {
	padding : 3px;
	border : 1px solid #ccc;
	background : #fff;
}
/* ___________________________________________________________ image */
img {
	vertical-align : bottom;
}
.thumbs_left {
	float : left;
	margin : 0 10px 0 0;
}
.thumbs_right {
	float : right;
	margin : 0 0 0 10px;
}
.thumbnail,
.thumbs_center {
	text-align : center;
}
/* ___________________________________________________________ hr */
hr {
	clear : both;
	visibility : hidden;
}
div#shell hr {
	display : block;
	margin : 0 0 0 0;
	height : 1px;
}
div.archive div.teacher div.section hr, 
div.detail div#contents div.section hr {
	visibility : visible;
	margin : 0 0 15px 0 !important;
	border-top : 1px dotted #ccc;
}
/* =====================================================================
	header
====================================================================== */
div#header h1 {
	margin : 0;
}
div#header ul li {
	background : none;
}
div#header ul.guide {
	position : absolute;
	top : 30px;
	right : 0;
	margin : 0;
	padding : 0;
}
div#header ul.guide li {
	float : left;
	margin : 0 10px 0 0;
	padding : 0;
}
div#header ul.guide li a {
	overflow : hidden;
	display : block;
	background : url(../images/header/bg_guide_contact.gif) no-repeat 0 0;
	text-indent : -2000px;
	height : 20px;
}
div#header ul.guide li a:hover {
	background-position : 0 -20px;
}
div#header ul.guide li.contact a {
	background-image : url(../images/header/guide_contact.gif);
	width : 86px;
}
div#header ul.guide li.request a {
	background-image : url(../images/header/guide_request.gif);
	width : 65px;
}
div#header ul.guide li.access a {
	background-image : url(../images/header/guide_access.gif);
	width : 86px;
}
div#header ul.guide li.sitemap a {
	background-image : url(../images/header/guide_sitemap.gif);
	width : 81px;
}
div#header ul.guide li.english a {
	background-image : url(../images/header/guide_english_site.gif);
	width : 89px;
}
div#header ul.guide li.chinese a {
	background-image : url(../images/header/guide_chinese_site.gif);
	width : 94px;
}
/* ___________________________________________________________ font_size */
div#header ul.font_size {
	position : absolute;
	top : 67px;
	right : 0;
	background : url(../images/header/bg_font_size.gif) no-repeat 0 0;
	width :157px;
	height : 22px;
}
div#header ul.font_size li {
	overflow : hidden;
	position : absolute;
	top : 0;
	margin : 0;
	padding : 0;
	border : 0;
	text-align : left;
	text-indent : -2000px;
	width : 22px;
	height : 22px;
}
div#header ul.font_size li.small {
	right : 53px;
}
div#header ul.font_size li.default {
	right : 26px;
}
div#header ul.font_size li.large {
	right : 0;
}
div#header ul.font_size li a {
	display : block;
	background : url(../images/header/bg_font_size_small.gif) no-repeat 0 0
	width : 22px;
	height : 22px;
}
div#header ul.font_size li.small a {
	background-image : url(../images/header/bg_font_size_small.gif);
}
div#header ul.font_size li.default a {
	background-image : url(../images/header/bg_font_size_default.gif);
}
div#header ul.font_size li.large a {
	background-image : url(../images/header/bg_font_size_large.gif);
}
div#header ul.font_size li a:hover,
div#header ul.font_size li.selected a {
	background-position : 0 -22px !important;
}
/* ___________________________________________________________ form */
div#header form {
	position : absolute;
	top : 160px;
	right : 0;
	text-align : right;
	width : 300px;
}
div#header form #search {
	margin-right : 10px;
	padding : 3px 0;
	border : 1px solid #ccc;
	background : #fff;
	width : 180px;
	line-height : 16px;
}
*html div#header form #search {
	height : 22px;
}
div#header form .submit {
	overflow : hidden;
	border : 0;
	background : url(../images/option/submit.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 77px;
	height : 25px;
}
/* ___________________________________________________________ navigation */
div#header ul.navigation {
	position : absolute;
	bottom : 45px;
	overflow : hidden;
	margin : 0;
	padding : 0;
	height : 50px;
}
div#header ul.navigation li {
	overflow : hidden;
	float : left;
	margin : 0;
	padding : 0;
	height : 50px;
}
div#header ul.navigation li a {
	overflow : hidden;
	display : block;
	background : url(../images/header/navigation_home.gif) no-repeat 0 0;
	margin : 0;
	padding : 50px 0 0 0;
	height : 50px;
}
div#header ul.navigation li.home a {
	background-image : url(../images/header/navigation_home.gif);
	width : 78px;
}
div#header ul.navigation li.information a {
	background-image : url(../images/header/navigation_information.gif);
	width : 121px;
}
div#header ul.navigation li.outline a {
	background-image : url(../images/header/navigation_outline.gif);
	width : 122px;
}
div#header ul.navigation li.faculties a {
	background-image : url(../images/header/navigation_faculties.gif);
	width : 133px;
}
div#header ul.navigation li.course a {
	background-image : url(../images/header/navigation_course.gif);
	width : 173px;
}
div#header ul.navigation li.campus_life a {
	background-image : url(../images/header/navigation_campus_life.gif);
	width : 169px;
}
div#header ul.navigation li.abroad a {
	background-image : url(../images/header/navigation_abroad.gif);
	width : 164px;
}
div#header ul.navigation li a:hover,
div#header ul.navigation li.stay a {
	background-position : 0 -50px;
}
/* ___________________________________________________________ purpose */
div#header ul.purpose {
	position : absolute;
	bottom : 0;
	overflow : hidden;
	margin : 0;
	padding : 0;
	height : 45px;
}
div#header ul.purpose li {
	overflow : hidden;
	float : left;
	margin : 0;
	padding : 0;
	height : 45px;
}
div#header ul.purpose li a {
	overflow : hidden;
	display : block;
	background : url(../images/header/purpose.gif) no-repeat 0 0;
	margin : 0;
	padding : 45px 0 0 0;
	width : 110px;
	height : 45px;
}
div#header ul.purpose li.test_takers a {
	background-image : url(../images/header/purpose_test_takers.gif);
	width : 110px;
}
div#header ul.purpose li.students a {
	background-image : url(../images/header/purpose_students.gif);
	width : 105px;
}
div#header ul.purpose li.guardian a {
	background-image : url(../images/header/purpose_guardian.gif);
	width : 115px;
}
div#header ul.purpose li.alumni a {
	background-image : url(../images/header/purpose_alumni.gif);
	width : 115px;
}
div#header ul.purpose li.public a {
	background-image : url(../images/header/purpose_public.gif);
	width : 104px;
}
div#header ul.purpose li.enterprise a {
	background-image : url(../images/header/purpose_enterprise.gif);
	width : 120px;
}
div#header ul.purpose li a:hover,
div#header ul.purpose li.stay a {
	background-position : 0 -45px;
}
/* =====================================================================
	core
====================================================================== */
div.section {
	overflow : hidden;
	margin-bottom : 20px;
}
p.column {
	margin : 0 0 15px 0;
}
p.thumb {
	padding : 0 0 3px 0;
}
p.thumb a {
	display : block;
	border : 3px solid #ddd;
}
p.thumb a:hover {
	border-color : #ff7e00;
}
div.column4 .column {
	float : left;
	margin-right : 20px;
	width : 150px;
}
div.column3 .column {
	float : left;
	margin-right : 10px;
	width : 210px;
}
div.column2 .column {
	float : left;
	margin-right : 15px;
	background : #f3f0e8;
	width : 320px;
}
div.column2 .thumbs_center {
	background : none;
}
.column {
	margin-bottom : 15px;
}
div.column2 .column h5,
div.column2 .column p,
div.column2 .column ul {
	margin-left : 15px;
	margin-right : 15px;
	_margin-right : 5px;
}
div.column2 .column h5 {
	margin-top : 15px;
	margin-bottom : 8px;
	padding-left : 10px !important;
	border-left : 2px solid #a7212e;
	line-height : 20px;
	height : auto;
}
div#contents div.column2 .column h5 {
	text-indent : 0;
}
div.column2 .column h5 a {
	line-height : 20px;
	height : 20px;
}
div.column2 .column p {
	padding-bottom : 8px;
}
div.column2 .column p.more {
	padding-top : 5px;
	border-top : 1px solid #daceb9;
}
.turn {
	margin-right : 0 !important;
}
div.column4 p.label,
div.column3 p.label,
div.column2 p.label {
	padding-bottom : 10px;
	text-align : center;
}
p.more {
	padding-bottom : 10px !important;
	text-align : right;
}
p.more a {
	padding : 0.2em 0 0.2em 12px;
	background : url(../images/option/arrow.gif) no-repeat 0 0.3em;
}
p.active {
	padding : 0.2em 0 0.2em 12px;
	background : url(../images/option/arrow.gif) no-repeat 0 0.6em;
}
.thumbnail_left p.more {
	clear : both;
	padding-top : 8px;
	border-top : dotted 1px #ccc;
}
/* ___________________________________________________________ detail */
h5.summary,h6.summary {
	margin-left : 210px;
}
.thumbnail_left h6.summary {
	margin-left : 160px;
}
h5.summary {
	background : url(../images/core/contents/headline/h5_summary.gif) no-repeat left bottom;
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 5px;
	list-style : inside url(../images/option/arrow.gif);
	line-height : 1.0 !important;
	height : 100%;
}
p.date {
	text-align : right;
	margin : -6px 0 4px 0;
	padding : 0;
}
p.navigation {
	text-align : center;
}
/* ___________________________________________________________ active */
ul.active {
	padding : 0.5em 0 0 0;
	border-top : 1px dotted #ccc;
	text-align : right;
}
ul.active li {
	display : inline;
	padding : 0;
	background : none !important;
}
dt.active {
	border : none;
	text-align : right;
}
dd.active {
	margin : 0 0 15px 0;
	padding : 3px 0 0 0;
	text-align : right;
}
p.apply a {
	display : block;
	background : url(../images/option/apply.gif) no-repeat 0 -40px #00C;
	color : #FFF;
	text-decoration : none;
	text-indent : 16px;
	line-height : 40px;
	font-weight : bold;
	width : 250px;
	height : 40px;
}
p.apply a:hover {
	background-position : 0 0;
}
/* =====================================================================
	intro
====================================================================== */
ul.topic_path {
	margin : 0 0 10px 0;
	padding : 0;
}
ul.topic_path li {
	margin : 0;
	padding : 0 3px 0 0;
	background : none;
	display : inline;
}
/* ___________________________________________________________ shortcut */
/* =====================================================================
	contents
====================================================================== */
div#contents p.request {
	padding : 15px 0 40px 0;
	text-align : center;
}
div#contents div.banner {
	padding : 10px 0 0 20px;
}
div#contents div.banner p.column {
	float : left;
	margin : 0 10px;
	_margin-left : 5px;
	padding : 0;
	width : 290px;
	height : 70px;
}
.index .column h5,
.archive .column h5 {
	margin : 0;
	padding : 0;
	text-indent : 0;
}
/* ___________________________________________________________ foreign language */
span.chinese {
	font-family : 宋体,SimSun,’MS Song’,'MS Mincho’,serif;
}
div.chinese {
	font-family : 宋体,SimSun,’MS Song’,'MS Mincho’,serif;
}
h3 span.chinese, 
h4 span.chinese, 
h5 span.chinese, 
	font-weight : bold;
}
span.korean {
	font-family : Batang,serif;
}
div.korean {
	font-family : Batang,serif;
}
h3 span.korean, 
h4 span.korean, 
h5 span.korean, 
	font-weight : bold;
}
/* =====================================================================
	utilities
====================================================================== */
div#utilities div {
	margin : 0 0 20px 0;
}
div#utilities p {
	margin : 0;
}
div#utilities div.guide h3 {
	margin-bottom : 0;
	padding : 0 0 0 22px;
	background : url(../images/core/utilities/headline/h3.gif) no-repeat 0 0;
	font-size : 1em;
	color : #fff;
	line-height : 40px;
	height : 40px;
}
div#utilities div.guide h4 {
	margin : 0 0 8px 0;
	padding : 8px 10px 8px 10px;
	border-left : 0;
	background : #f3f0e8;
	color : #a8212f;
	text-indent : 0;
	font-size : 1em;
	font-weight : bold;
	line-height : 1em;
	height : auto;
}
div#utilities .guide ul {
	margin : 0;
	padding : 0 0 5px 0;
}
div#utilities .guide ul li {
	margin : 0;
	padding : 0.7em 0 0.7em 12px;
	border-bottom : 1px solid #ccc;
	background-position : 0 0.9em;
}
div#utilities .banner {
	margin-bottom : 5px;
}
div#utilities .banner p {
	padding-bottom : 10px;
}
div#utilities .qr {
	background : url(../images/core/utilities/qr.gif) no-repeat 0 0;
	text-indent : -2000px;
	height : 90px;
}
div#utilities div.search {
	padding : 10px;
	border : 1px solid #daceb9;
	background : #f3f0e8;
}
div#utilities div.search h4 {
	overflow : hidden;
	border : 0;
	background : url(../images/core/utilities/headline/h4_search.gif) no-repeat 0 0;
	text-indent : -2000px;
	height : 25px;
}
#utilities input {
	margin-right : 5px;
	width : 145px;
}
div#utilities form .submit {
	overflow : hidden;
	margin : 0;
	border : 0;
	background : url(../images/option/submit.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 77px;
	height : 25px;
}
/* =====================================================================
	footer
====================================================================== */
div#footer {
	text-align : center;
}
div#footer p.return_top,
div#footer div.summary,
div#footer div.sitemap div.section {
	position : relative;
	margin : 0 auto;
	text-align : left;
	width : 960px;
}
div#footer p.return_top a {
	position : absolute;
	right : 0;
	display : block;
	background : url(../images/option/return_top.gif) no-repeat 0 0;
	text-indent : -3000px;
	width : 153px;
	height : 20px;
}
div#footer p.return_top a:hover {
	background-position : 0 -20px;
}
div#footer address {
	margin : 0;
	padding : 0;
	border : none;
	font-size : 0.86em;
}
div#footer address a {
	text-decoration : none;
}
div#footer address.profile {
	margin-top : 20px;
	padding : 5px 0 0 0;
}
div#footer address.profile a {
	display : block;
	float : left;
	background : url(../images/footer/logo.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 280px;
	height : 37px;
}
div#footer address.copyright {
	clear : both;
	padding : 0 0 20px 0;
	text-align : right;
}
/* ___________________________________________________________ sitemap */
div#footer div.sitemap {
	margin-top : 15px;
	border-top : 1px solid #a7212e;
	background : #fff;
}
div#footer div.sitemap h4 {
	margin : 20px 0 10px 0;
	padding : 0 0 0 13px;
	border : 0;
	background : url(../images/footer/h4.gif) no-repeat 0 0.35em;
	font-size : 1.0em;
	line-height : 24px;
	height : 24px;
}
div#footer div.sitemap h4 a {
	line-height : 24px;
	height : 24px;
}
div#footer div.sitemap ul {
	float : left;
	margin : 0 0 10px 0;
	width : 240px;
}
div#footer div.sitemap ul li {
	padding-left : 17px;
	background-position : 5px 0.4em;
}
/* ___________________________________________________________ summary */
div#footer div.summary {
	padding-top : 15px;
}
div#footer div.summary ul {
	clear : both;
	margin : 0;
}
div#footer div.summary ul li {
	display : inline;
	margin : 0;
	padding : 0 5px ;
	border-left : 1px solid #3984a9;
	background : none;
}
div#footer div.summary ul li:first-child {
	border-left : 0;
	padding-left : 0;
}
div#footer div.summary ul li a {
	font-size : 0.9em;
	line-height : 2em;
}