@charset "utf-8";

/* =================================
   for top page
================================= */

#home {
	background-image: none;
}

#home #header_container{
	width: 100%;
	background: url(/en/img/top/header_bg.jpg) center top no-repeat;
}
#home #header_container #header{
	height: 482px;
	background: #ffffff url(/en/img/top/lead_bg.gif) no-repeat;
}
#home #header_container #hdr_leftcol{
	float:left;
	width:498px;
	display:inline;
}
#home #header_container #hdr_rightcol{
	float:right;
	width:498px;
}
#home #header_container #header #logo{
	margin: 21px 47px 0 41px;
	display:inline;
	position:static;
}
#home #header_container #header #links{
	position:static;
}
#home #header_container #header #search{
	margin-top: 0;
	float: none;
}
#home #header_container #mainvisual{
	position: relative;
	height:426px;
	clear:both;
	overflow:hidden;
	background:#000000;
}
#home #header_container #lead{
	margin: 130px 0 0 38px;
	_margin: 40px 0 0 38px;
	width: 400px;
	height: 320px;
	position: relative;
	font-size: 14px;
	line-height: 2em;
	font-family: Georgia,"Times New Roman", Times, serif;
	color: #595959;
	background: #ffffff;
}
#home #header_container #lead div{
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 300px;
	padding: 10px;
	display: none;
	background: #ffffff;
}
#home #header_container #lead div#lead_default{
	display: block;
}
#home #header_container #lead div#lead_default:first-letter,
#home #header_container #lead div#lead_outline:first-letter,
#home #header_container #lead div#lead_undergraduate:first-letter,
#home #header_container #lead div#lead_graduate:first-letter,
#home #header_container #lead div#lead_prospective:first-letter,
#home #header_container #lead div#lead_institutes:first-letter {
	margin-right: 10px;
	font-size: 56px;
	line-height: 1em;
}
.color_outline {
	color: #003918;
}
.color_undergraduate {
	color: #0e447c;
}
.color_graduate {
	color: #11164b;
}
.color_prospective {
	color: #6b8f09;
}
.color_institutes {
	color: #89537d;
}



#home #header_container #category_visual{
	position:relative;
}
#home #header_container #category_visual #visual_outline,
#home #header_container #category_visual #visual_undergraduate,
#home #header_container #category_visual #visual_graduate,
#home #header_container #category_visual #visual_prospective,
#home #header_container #category_visual #visual_institutes{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/*
 *	#caution_news
 */
#home #caution_news_container{
	width: 100%;
	background: #8f8f8f url(/en/img/top/caution_bg.gif) repeat-x;
}
#home #caution_news_container ul{
	padding-top: 0;
}
#home #caution_news{
	width: 996px;
	margin: 0 auto;
	padding: 10px 0;
	background: #f7d9d9;
}
#caution_news p{
	margin-left: 16px;
	color: #ac3737;
	padding: 4px 0 14px 48px;
	background: url(/en/img/icon/icn_notice.png) 0px 0px no-repeat;
}
#caution_news ul{
	margin-left: 64px;
}
#caution_news li{
	margin-bottom: 6px;
	padding-left: 12px;
	background: url(/en/img/bullet/arrow_01.png) no-repeat 0px 6px;
}


#home #top_menus{
	width: 100%;
	background: url(/en/img/top/nav_bg.gif) repeat-x;
}
#home #top_menus_inner{
	width: 996px;
	margin: 0 auto;
	background: #ffffff;
}
/*
 *	.top_nav
 */
.top_nav > ul > li{
	float: left;
}
.top_nav > ul > li:first-child{
	padding-left: 0;
	background: none;
}

.top_nav > ul > li{width:200px; height:50px; cursor:pointer;}
.top_nav > ul > li.nav_outline{width:199px;}
.top_nav > ul > li.nav_institutes{width:197px;}

.top_nav > ul > li > a{display: block;}

#home #nav_thums{
	background: #ffffff url(/en/img/top/thum_bg.gif) left top no-repeat;
}
#home #nav_thums li{
	float: left;
	padding:15px 18px 15px 16px;
}
#home #nav_thums li:last-child{
	padding:15px 18px 15px 17px;
}

/*
 *	submenu
 */
 
.submenu{
	background: #ffffff url(/en/img/top/submenu_bg.gif) left top no-repeat;
}
.submenu_img{
	float: left;
	margin: 14px 41px 0 16px;
}
.submenu_linkcol01,
.submenu_linkcol02{
	float: left;
	width: 218px;
	margin-right:49px;
}
.submenu_linkcol03{
	float: left;
	width: 218px;
}

.submenu h3{
	margin:18px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:1.1;
}

/*first level*/
.submenu ul {
	border-top: 1px solid #dbdbdb;
}
.submenu ul li{
	border-bottom: 1px solid #dbdbdb;
}
.submenu ul > li > a{
	display:block;
	padding:7px 8px 7px 12px;
	margin: 0;
	background: url(/en/img/bullet/arrow_outline_01.gif) no-repeat 0px 14px;
}
/*second level*/
.submenu ul > li > a.second_level{
	display:block;
	padding:7px 8px 7px 24px;
	margin: 0;
}

#menus_outline .submenu ul > li > a{
	background: url(/en/img/bullet/arrow_outline_01.gif) no-repeat 0px 14px;
 }
#menus_outline .submenu ul > li > a.second_level{
	background: url(/en/img/bullet/arrow_outline_02.gif) no-repeat 12px 12px;
 }
#menus_undergraduate .submenu ul > li > a{
	background: url(/en/img/bullet/arrow_undergraduate_01.gif) no-repeat 0px 14px;
 }
#menus_graduate .submenu ul > li > a{
	background: url(/en/img/bullet/arrow_graduate_01.gif) no-repeat 0px 14px;
 }
#menus_prospective .submenu ul > li > a{
	background: url(/en/img/bullet/arrow_prospective_01.gif) no-repeat 0px 14px;
 }
#menus_prospective .submenu ul > li > a.second_level{
	background: url(/en/img/bullet/arrow_prospective_02.gif) no-repeat 12px 12px;
}

#menus_institutes .submenu ul > li > a{
	background: url(/en/img/bullet/arrow_institutes_01.gif) no-repeat 0px 14px;
 }

.detail_link {
	float:right;
	margin: 5px 22px 10px 0;
	font-size: 14px;
}
.detail_link > a{
	padding-left: 12px;
	background: url(/en/img/bullet/arrow_outline_01.gif) no-repeat 0px 6px;
}
.detail_link > a:link{
	text-decoration: none;
}

#submenu_outline ul.detail_link > a{
	background: url(/en/img/bullet/arrow_outline_01.gif) no-repeat 0px 6px;
 }
#submenu_undergraduate .detail_link > a{
	background: url(/en/img/bullet/arrow_undergraduate_01.gif) no-repeat 0px 6px;
 }
#submenu_graduate .detail_link > a{
	background: url(/en/img/bullet/arrow_graduate_01.gif) no-repeat 0px 6px;
 }
#submenu_prospective .detail_link > a{
	background: url(/en/img/bullet/arrow_prospective_01.gif) no-repeat 0px 6px;
 }
#submenu_institutes .detail_link > a{
	background: url(/en/img/bullet/arrow_institutes_01.gif) no-repeat 0px 6px;
 }


#menus_outline,
#menus_undergraduate,
#menus_graduate,
#menus_prospective,
#menus_institutes{
	display: none;
}

#thums_outline,
#thums_undergraduate,
#thums_graduate,
#thums_prospective,
#thums_institutes{
	cursor: pointer;
}


/*
 *	#news
 */
#news{
	width: 996px;
	margin: 0 auto;
	padding:16px 0;
	background: #ffffff url(/en/img/layout/footer_nav_bg.gif) left top no-repeat;
}
#news p{
	margin-left: 16px;
	margin-bottom: 6px;
	color: #757575;
}
#news ul{
	margin-left: 16px;
}
#news li{
	margin-bottom: 6px;
	padding-left: 12px;
	background: url(/en/img/bullet/arrow_01.png) no-repeat 0px 6px;
}