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

	@ Style Name    : common/css/base.css

---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	Reset
 *	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 *	Code licensed under the BSD License:
 *	http://developer.yahoo.com/yui/license.html
 *	version: 2.8.2r1
---------------------------------------------------------------------------- **/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/** ----------------------------------------------------------------------------
 *	Html, Body, Anchor, Variable
---------------------------------------------------------------------------- **/
html {
	font-size:62.5%;
}
body {
	background:#f7f7f2;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.8;
}
a {color:#333;}
a:hover {
	color:#333;
	text-decoration:none;
}

/* Variable */
.attention {color:#be0000;}
.err {color:#be0000;}

.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.fl{float:left;}
.fr{float:right;}


/** ----------------------------------------------------------------------------
 *	Frame
---------------------------------------------------------------------------- **/
#header {
	width:100%;
	height:130px;
	background:url(../imgs/bg_header.gif) 0 0 repeat-x;
}
#container {
	padding:0 0 30px 0;
	width:100%;
	border-bottom:1px solid #e3e3e3;
}
#wrapper {
	margin:0 auto;
	width:900px;
}
#mainContents {
	float:right;
	width:700px;
}
#sidebar {
	float:left;
	width:160px;
}
#footer {
	border-top:1px solid #fff;
	background:#efefe6;
}

/** ----------------------------------------------------------------------------
 *	Navigation
---------------------------------------------------------------------------- **/
/**
 *	#navHeader
---------------------------------------------------------------------------- **/
#navHeader {
	float:right;
	padding:0 5px;
	height:28px;
	background:#9cc;
}
#navHeader li {float:left;}
#navHeader li a {
	display:block;
	width:110px;
	height:28px;
	_font-size:6px;
	text-indent:-5000px;
}
#nhAccess a {background:url(../imgs/nav_header.gif) 0 0 no-repeat;}
#nhFaq a {background:url(../imgs/nav_header.gif) -110px 0 no-repeat;}
#nhContact a {background:url(../imgs/nav_header.gif) -220px 0 no-repeat;}
#nhAccess .current,
#nhAccess a:hover {background-position:0 -28px;}
#nhFaq .current,
#nhFaq a:hover {background-position:-110px -28px;}
#nhContact .current,
#nhContact a:hover {background-position:-220px -28px;}

/**
 *	#navGlobal
---------------------------------------------------------------------------- **/
#navGlobal {
	clear:left;
	width:900px;
}
#navGlobal li {float:left;}
#navGlobal li a {
	display:block;
	width:180px;
	height:40px;
	_font-size:6px;
	text-indent:-5000px;
}
#ngAbout a {background:url(../imgs/nav_global.gif) 0 0 no-repeat;}
#ngProgram a {background:url(../imgs/nav_global.gif) -180px 0 no-repeat;}
#ngDepartment a {background:url(../imgs/nav_global.gif) -360px 0 no-repeat;}
#ngFacility a {background:url(../imgs/nav_global.gif) -540px 0 no-repeat;}
#ngAdmission a {background:url(../imgs/nav_global.gif) -720px 0 no-repeat;}
#ngCompetency a {background:url(../imgs/nav_global.gif) -900px 0 no-repeat;}
#ngAbout .current,
#ngAbout a:hover {background-position:0 -40px;}
#ngProgram .current,
#ngProgram a:hover {background-position:-180px -40px;}
#ngDepartment .current,
#ngDepartment a:hover {background-position:-360px -40px;}
#ngFacility .current,
#ngFacility a:hover {background-position:-540px -40px;}
#ngAdmission .current,
#ngAdmission a:hover {background-position:-720px -40px;}
#ngCompetency .current,
#ngCompetency a:hover {background-position:-900px -40px;}


/**
 *	#navFooter
---------------------------------------------------------------------------- **/
#navFooter {
	clear:both;
	padding:1px 0;
	height:38px;
	background:url(../imgs/bg_nav_footer.gif) 0 0 repeat-x;
	border-top:1px solid #e3e3e3;
}
#navFooter ul {
	margin:0 auto;
	width:900px;
}
#navFooter li {float:left;}
#navFooter li a {
	display:block;
	width:180px;
	height:38px;
	text-indent:-5000px;
}
#nfAccess a {background:url(../imgs/nav_footer.gif) 0 0 no-repeat;}
#nfContact a {background:url(../imgs/nav_footer.gif) -180px 0 no-repeat;}
#nfSitepolicy a {background:url(../imgs/nav_footer.gif) -360px 0 no-repeat;}
#nfPrivacy a {background:url(../imgs/nav_footer.gif) -540px 0 no-repeat;}
#nfLink a {background:url(../imgs/nav_footer.gif) -720px 0 no-repeat;}

/** ----------------------------------------------------------------------------
 *	Layout
---------------------------------------------------------------------------- **/
/**
 *	#header
---------------------------------------------------------------------------- **/
#header .inner {
	margin:0 auto;
	width:900px;
}

/**
 *	#mainContents
---------------------------------------------------------------------------- **/
#mainContents {background:url(../imgs/bg_maincontents.gif) 0 0 repeat-y;}
#mainContents h2 {margin:0 0 20px 0;}

/**
 *	#contents
---------------------------------------------------------------------------- **/
#contents {
	margin:0 auto;
	width:680px;
}
#contentsList {
	margin:0 auto;
	width:620px;
}
#mainimg {
	width:100%;
	height:170px;
	background:url(../imgs/bg_mainimg.gif) 0 0 repeat-x;
	text-align:center;
}

/**
 *	#sidebar
---------------------------------------------------------------------------- **/
#sidebar h3 {}
#sidebar ul {
	padding:0 9px;
	background:#fff;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
#sidebar ul li {
	padding:4px 0;
	border-bottom:1px dotted #ccc;
}
#sidebar ul li a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
}
#sidebar ul li .current,
#sidebar ul li a:hover {background:url(../imgs/bg_sb_current.gif) 0 0 repeat;}
#sidebar ul .last {border-bottom:none;}

/**
 *	Footer
---------------------------------------------------------------------------- **/
#footer {}

/** ----------------------------------------------------------------------------
 *	Module
---------------------------------------------------------------------------- **/
/* #logo */
#logo {
	float:left;
	margin:10px 0 0 35px;
	width:330px;
}

/* #topicpath */
#topicpath {
	margin:0 0 20px 0;
	height:35px;
	background:url(../imgs/bg_topicpath.gif) 0 0 repeat-x;
	border-bottom:1px solid #fff;
}
#topicpath ul {
	margin:0 auto;
	padding:10px 0;
	width:900px;
	font-size:10px;
	font-size:1.0rem;
}
#topicpath ul li {
	display:inline;
}
#topicpath ul li a {
	text-decoration:none;
}
#topicpath ul li a:hover {text-decoration:underline;}

/* #menuFooter */
#menuFooter {
	clear:both;
	margin:0 auto 45px auto;
	width:900px;
}
#menuFooter li {
	float:left;
	width:180px;
}
#menuFooter li a {
	display:block;
	width:180px;
	height:38px;
	text-indent:-5000px;
}
#menuFooter li ul {margin:10px 0 0 0;}
#menuFooter li ul li {
	float:none;
	margin:0 0 5px 10px;
	width:auto;
}
#menuFooter li ul li a {
	display:block;
	padding:0 0 0 20px;
	width:auto;
	height:auto;
	background:url(../imgs/ls_menu_footer.gif) 0 0.5em no-repeat;
	text-decoration:none;
	text-indent:0;
}
#menuFooter li ul li a:hover {text-decoration:underline;}
#mfAbout a {background:url(../imgs/menu_footer.gif) 0 0 no-repeat;}
#mfProgram a {background:url(../imgs/menu_footer.gif) -180px 0 no-repeat;}
#mfDepartment a {background:url(../imgs/menu_footer.gif) -360px  0 no-repeat;}
#mfFacility a {background:url(../imgs/menu_footer.gif) -540px  0 no-repeat;}
#mfAdmission a {background:url(../imgs/menu_footer.gif) -720px  0 no-repeat;}

/* .pagetop */
.pagetop {
	clear:both;
	width:100%;
	height:40px;
	background:url(../imgs/bg_pagetop.gif) 0 0 no-repeat;
	text-align:right;
}

/* #copyright */
#copyright {
	padding:20px 0;
	width:100%;
	background:#9cc;
	text-align:center;
}

/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#header:after,
#container:after,
#wrapper:after,
.pagetop:after,
#menuFooter:after,
#footer:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
* html #header,
* html #container,
* html #wrapper,
* html .pagetop,
* html #menuFooter,
* html #footer {zoom:1; /* IE6 */}
*:first-child+html #header,
*:first-child+html #container,
*:first-child+html #wrapper,
*:first-child+html pagetop,
*:first-child+html #menuFooter,
*:first-child+html #footer {zoom:1; /* IE7 */}