@charset "UTF-8";


/* Right Navigation
=========================================*/

/* subNav */
#subNav {
	float: left;
	width: 210px;
}
#subNav .subNavInner {
	width: 190px;
	padding: 10px;
	background: url(../images/navi_bg001.gif) no-repeat 0 0;
}
* html #subNav .subNavInner {
	width: 210px;
}

#subNav .subNavInner02 {
	width: 190px;
	padding: 10px;
	background: url(../images/navi_bg001.gif) no-repeat 0 0;
}
* html #subNav .subNavInner02 {
	width: 210px;
}
#subNav .subNavInner02 div {
	background: url(../images/navi_bg004.gif) repeat-y 0 0;
}
#subNav .subNavInner02 div p {
	padding-bottom: 4px;
	background: url(../images/navi_bg003.gif) no-repeat 0 100%;
}


#subNav .subNavInner dl {
	background: url(../images/navi_bg004.gif) repeat-y 0 0;
}
#subNav .subNavInner dt {
	line-height: 0;
	font-size: 0;
}
#subNav .subNavInner dd {
	padding: 1px 4px 0 4px;
	background: url(../images/navi_bg003.gif) no-repeat 0 100%;
}
#subNav .subNavInner dd .third-hierarchy {
	padding: 0 0 5px 0;
}
#subNav .subNavInner dd .third-hierarchy li {
	padding-top: 3px;
	background: url(../images/navi_bg005.gif) repeat-x;
}
#subNav .subNavInner dd .third-hierarchy li.first {
	padding-top: 0 !important;
	background-image: none !important;
}
#subNav .subNavInner dd .third-hierarchy li a,
#subNav .subNavInner dd .third-hierarchy li.current span {
	display: block;
	padding: 5px 0 5px 17px;
	height: 1%;
}
#subNav .subNavInner dd .third-hierarchy li.on {
	padding: 3px 0 9px 0;
	background: url(../images/navi_bg005.gif) repeat-x;
}

#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	margin-left: 10px;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li {
	padding: 0 0 1px 0;
	background-image: none;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li a {
	display: block;
	padding: 5px 5px 5px 17px;
	background: #ffffff url(../images/navi_ic004.gif) no-repeat 7px 0.9em !important;
	height: 1%;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy a:hover,
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy a:active {
	background: #ffffff url(../images/navi_ic004.gif) no-repeat 7px 0.9em !important;
	font-weight: bold;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li.on {
	margin-bottom: 1px;
	padding: 3px 0 0 0;
	background: none;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li.on a:hover {
	background: #ffffff url(../images/navi_ic005.gif) no-repeat 7px 0.9em !important;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li.on a,
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li.on span {
	display: block;
	padding: 5px 0 0 18px;
	background: #ffffff url(../images/navi_ic005.gif) no-repeat 7px 0.9em !important;
	font-weight: bold;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li.current span {
	display: block;
	padding: 5px 0 0 18px;
	background: #ffffff url(../images/navi_ic004.gif) no-repeat 7px 0.9em !important;
	font-weight: bold;
}


#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li .fifth-hierarchy {
	padding-left: 10px;
	background: #ffffff;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li .fifth-hierarchy li {
	padding: 0;
	margin-bottom: 1px;
	background-image: none;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li.on .fifth-hierarchy li a {
	font-weight: normal;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li .fifth-hierarchy li a {
	display: block;
	padding: 5px 5px 5px 17px;
	background: #ffffff url(../images/navi_ic006.gif) no-repeat 7px 0.9em !important;
	height: 1%;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li .fifth-hierarchy a:hover,
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li .fifth-hierarchy a:active {
	background: #ececec url(../images/navi_ic006.gif) no-repeat 7px 0.9em !important;
	font-weight: bold;
}
#subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy li .fifth-hierarchy li.on span {
	display: block;
	padding: 5px 0 3px 18px;
	background: #ececec url(../images/navi_ic007.gif) no-repeat 7px 0.9em !important;
	font-weight: bold;
	height: 1%;
}

#subNav #bannerArea {
	width: 190px;
	margin: 5px 0 10px;
	padding: 0 10px;
}
* html #subNav #bannerArea {
	width: 210px;
}
#subNav #bannerArea2 {
	width: 190px;
	margin-top: 20px;
	padding: 0 10px;
}
* html #subNav #bannerArea2 {
	width: 210px;
}

#subNav #courseCommonArea {
	width: 190px;
	margin: 0 0 10px;
	padding: 5px 10px 0;
}
* html #subNav #courseCommonArea {
	width: 210px;
}
#subNav #courseCommonArea dl {
	background: url(../images/navi_bg006.gif) no-repeat 0 100%;
}
#subNav #courseCommonArea dl dt {
	line-height: 0;
	font-size: 0;
}
#subNav #courseCommonArea dl dd {
	width: 184px;
	padding: 2px 3px 3px;
	background: none;
}
* html #subNav #courseCommonArea dl dd {
	width: 190px;
}
#subNav #courseCommonArea dl dd li {
	line-height: 0;
	font-size: 0;
}
#subNav #courseCommonArea dl dd p.textLink {
	padding: 6px 8px;
	line-height: 1.2;
}
#subNav #courseCommonArea dl dd p.qaBanner {
	margin-top: 4px;
	text-align: center;
}







/* other */
body#other #subNav .subNavInner dl {
	margin-top: 10px;
	background: url(../images/navi_bg006.gif) no-repeat bottom;
}
body#other #subNav .subNavInner dl.first {
	margin-top: 0;
}
body#other #subNav .subNavInner dl dd {
	padding: 2px 3px 3px;
	background: none;
	font-size: 0;
}

/* print */
* html #subNav .subNavInner dl,
* html #subNav .subNavInner dd,
* html #subNav .subNavInner dd .third-hierarchy li,
* html #subNav #courseCommonArea dl {
	height: 1;
}

/* category-color */
body.medical #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic001.gif) no-repeat 5px 0.7em;
}
body.medical #subNav .subNavInner dd .third-hierarchy li a:hover,
body.medical #subNav .subNavInner dd .third-hierarchy li a:active,
body.medical #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #d7f0fa url(../images/navi_ic002.gif) no-repeat 5px 0.7em;
}
body.medical #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #d7f0fa;
}
body.medical #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic003.gif) no-repeat 5px 0.8em;
}
body.medical #subNav .subNavInner dd .third-hierarchy li.on a,
body.medical #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic003.gif) no-repeat 5px 0.8em;
}

body.care #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic008.gif) no-repeat 5px 0.7em;
}
body.care #subNav .subNavInner dd .third-hierarchy li a:hover,
body.care #subNav .subNavInner dd .third-hierarchy li a:active,
body.care #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #ffd4e9 url(../images/navi_ic009.gif) no-repeat 5px 0.7em;
}
body.care #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #ffd4e9;
}
body.care #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic010.gif) no-repeat 5px 0.8em;
}
body.care #subNav .subNavInner dd .third-hierarchy li.on a,
body.care #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic010.gif) no-repeat 5px 0.8em;
}

body.health #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic011.gif) no-repeat 5px 0.7em;
}
body.health #subNav .subNavInner dd .third-hierarchy li a:hover,
body.health #subNav .subNavInner dd .third-hierarchy li a:active,
body.health #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #cfe1ab url(../images/navi_ic012.gif) no-repeat 5px 0.7em;
}
body.health #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #cfe1ab;
}
body.health #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic013.gif) no-repeat 5px 0.8em;
}
body.health #subNav .subNavInner dd .third-hierarchy li.on a,
body.health #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic013.gif) no-repeat 5px 0.8em;
}

body.mental #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic014.gif) no-repeat 5px 0.7em;
}
body.mental #subNav .subNavInner dd .third-hierarchy li a:hover,
body.mental #subNav .subNavInner dd .third-hierarchy li a:active,
body.mental #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #ffe7e8 url(../images/navi_ic015.gif) no-repeat 5px 0.7em;
}
body.mental #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #ffe7e8;
}
body.mental #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic016.gif) no-repeat 5px 0.8em;
}
body.mental #subNav .subNavInner dd .third-hierarchy li.on a,
body.mental #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic016.gif) no-repeat 5px 0.8em;
}

body.language #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic017.gif) no-repeat 5px 0.7em;
}
body.language #subNav .subNavInner dd .third-hierarchy li a:hover,
body.language #subNav .subNavInner dd .third-hierarchy li a:active,
body.language #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #dce1f5 url(../images/navi_ic018.gif) no-repeat 5px 0.7em;
}
body.language #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #dce1f5;
}
body.language #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic019.gif) no-repeat 5px 0.8em;
}
body.language #subNav .subNavInner dd .third-hierarchy li.on a,
body.language #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic019.gif) no-repeat 5px 0.8em;
}

body.finance #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic020.gif) no-repeat 5px 0.7em;
}
body.finance #subNav .subNavInner dd .third-hierarchy li a:hover,
body.finance #subNav .subNavInner dd .third-hierarchy li a:active,
body.finance #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #f9d4d7 url(../images/navi_ic021.gif) no-repeat 5px 0.7em;
}
body.finance #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #f9d4d7;
}
body.finance #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic022.gif) no-repeat 5px 0.8em;
}
body.finance #subNav .subNavInner dd .third-hierarchy li.on a,
body.finance #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic022.gif) no-repeat 5px 0.8em;
}

body.it #subNav .subNavInner dd .third-hierarchy li a {
	background: url(../images/navi_ic023.gif) no-repeat 5px 0.7em;
}
body.it #subNav .subNavInner dd .third-hierarchy li a:hover,
body.it #subNav .subNavInner dd .third-hierarchy li a:active,
body.it #subNav .subNavInner dd .third-hierarchy li.current span {
	background: #d0ebe6 url(../images/navi_ic024.gif) no-repeat 5px 0.7em;
}
body.it #subNav .subNavInner dd .third-hierarchy li.on {
	background-color: #d0ebe6;
}
body.it #subNav .subNavInner dd .third-hierarchy li.on a:hover {
	background: url(../images/navi_ic025.gif) no-repeat 5px 0.8em;
}
body.it #subNav .subNavInner dd .third-hierarchy li.on a,
body.it #subNav .subNavInner dd .third-hierarchy li.on span {
	display: block;
	padding: 5px 0 5px 18px;
	background: url(../images/navi_ic025.gif) no-repeat 5px 0.8em;
}

body.medical #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #d7f0fa;
}
body.care #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #ffd4e9;
}
body.health #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #cfe1ab;
}
body.mental #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #ffe7e8;
}
body.language #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #dce1f5;
}
body.finance #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #f9d4d7;
}
body.it #subNav .subNavInner dd .third-hierarchy li .fourth-hierarchy {
	background-color: #d0ebe6;
}



/* Margin */
#subNav .mtReset {
	margin-top: 0 !important;
}
#subNav .mt5 {
	margin-top: 5px !important;
}
#subNav .mt10 {
	margin-top: 10px !important;
}
#subNav .mt15 {
	margin-top: 15px !important;
}
#subNav .mt20 {
	margin-top: 20px !important;
}