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

div#header:after,div#contents:after,div#navi ul:after,div#contents ul#navi:after,div#footerIbc:after,div#contents div#rightSide:after,div#navi div dl:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div#header,div#contents,div#navi ul,div#contents ul#navi,div#footerIbc,div#contents div#rightSide,div#navi div dl {
	zoom: 1;
}

/*header*******************************************************/
div#header{
	clear:both;
	background:url(../../common_img/header_bg2.gif) repeat-x left top;
	padding:22px 0 10px 0;
}
div#header div.inner{
	width:900px;
	margin:0 auto;
}

div#header div.inner h1{
	width:400px;
	float:left;
	font-size:100%;
	font-weight:100;
	text-align:left;
}
div#header div.inner h1 img{
	margin-top:10px;
}
div#header div.inner div.sub{
	text-align:right;
	width:380px;
	float:right;
	margin-top:5px;
}
div#header div.inner div.sub ul#headerNavi{
	margin-bottom:12px;
}
div#header div.inner div.sub ul li{
	display:inline;
	margin-left:10px;
}
div#header div.inner div.sub ul li img{
	vertical-align:top;
}

/*contents*******************************************************/
div#contents{
	clear:both;
	width:900px;
	margin:0 auto;
}
div#navi{
	clear:both;
	width:901px;
	margin:5px auto 0 auto;
	zoom:1;
}

/*navi*******************************************************/
/* Basic code - don't modify */
 
#nav {
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width:901px;
	z-index:200;
}
* html #nav{
	margin:0;
}
#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav a {display: block;}
#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li {
	float: none;
	text-align:left;
}
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul {
	width: 185px;	
	border-right:1px solid #E50065;
	border-left:1px solid #E50065;
}

/* Everything else is theming */
 
#nav {
	background-color: #fff;
	height: 50px;
}
/*#nav *:hover { background-color: none; }*/
#nav a {
	text-decoration:none;
}
/*#nav li.hover a { background-color: #5E5A5A; }*/
#nav ul {
	top: 50px;
	background-color:#FDF1F3;
}
#nav ul li a {
	background-color: #FDF1F3;
	line-height:1.5;
}
#nav ul a.hover { background-color: #F9D0D9; }
#nav ul a {
	border-bottom:#808080 1px dashed;
	border-right: none;
	padding:5px;
	color:#4D4D4D;
}
#nav ul a.last{
/*	border-bottom:0;*/
border-bottom:1px solid #E50065;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*subjects*******************************************************/
div#contents h2{
	margin-bottom:20px;
}
div#contents h3.common{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#E50065;
	background:url(../../senmon/common_img/subject_bg.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.medicalTop{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#DC627D;
	background:url(../course/medical/images/subject_bg.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.medical1{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#EC6D88;
	background:url(../course/medical/images/subject_bg1.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.medical2{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#D68092;
	background:url(../course/medical/images/subject_bg2.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.businessTop{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#659E31;
	background:url(../course/business/images/subject_bg.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.business1{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#9EBC19;
	background:url(../course/business/images/subject_bg1.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.business2{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#74B966;
	background:url(../course/business/images/subject_bg2.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.business3{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#50B489;
	background:url(../course/business/images/subject_bg3.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.business4{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#4CBBB4;
	background:url(../course/business/images/subject_bg4.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.sportsTop{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#3E72AF;
	background:url(../course/sports/images/subject_bg.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.sports1{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#2EADCF;
	background:url(../course/sports/images/subject_bg1.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}
div#contents h3.sports2{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#6592C6;
	background:url(../course/sports/images/subject_bg2.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}

div#contents h3.nihongoTop{
	clear:both;
	text-align:left;
	font-size:125%;
	color:#7D6491;
	background:url(../course/nihongo/images/subject_bg.gif) no-repeat left center;
	padding:16px 15px 16px 25px;
	margin-bottom:20px;
}


div#contents h4.common{
	clear:both;
	background:url(../common_img/sub_line.gif) no-repeat bottom left;
	font-size:110%;
	color:#595959;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:left;
}
div#contents h4.medicalSub{
	clear:both;
	background:url(../common_img/sub_line_medical.gif) no-repeat bottom left;
	font-size:110%;
	color:#595959;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:left;
}
div#contents h4.businessSub{
	clear:both;
	background:url(../common_img/sub_line_business.gif) no-repeat bottom left;
	font-size:110%;
	color:#595959;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:left;
}
div#contents h4.sportsSub{
	clear:both;
	background:url(../common_img/sub_line_sports.gif) no-repeat bottom left;
	font-size:110%;
	color:#595959;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:left;
}

div#contents h5.common{
	clear:both;
	text-align:left;
	font-size:110%;
	margin-bottom:15px;
}

/*footer*******************************************************/
div#footerIbc{
	clear:both;
	margin:50px auto 0 auto;
	padding-bottom:30px;
	background:#fbfbfb url(../common_img/footer_bg.gif) repeat-x top left;
}
div#footerIbc div.inner{
	width:900px;
	margin:0 auto;
}
div#footerIbc div.inner h2{
	font-size:100%;
}
div#footerIbc div.inner ul#goTop{
	clear:both;
	text-align:right;
	position:relative;
	top:-1px;
	width:173px;
	float:right;
}

div#footerIbc div.inner ul.menu{
	text-align:left;
	padding:15px 0;
}
div#footerIbc div.inner ul.menu li{
	display:inline;
	margin-right:7px;
}
div#footerIbc div.inner ul.menu li a{
	background:url(../../common_img/footer_menu_line.gif) no-repeat center right;
	padding-right:10px;
}
div#footerIbc div.inner ul.menu li a.last{
	background-image:none;
}
div#footerIbc div.inner ul.menu li a{
	text-decoration:none;
}

div#footerIbc div.inner h2,div#footerIbc div.inner address,div#footerIbc div.inner p{
	text-align:left;
}

div#footerIbc div.inner address{
	font-style:normal;
	line-height:1.5;
	margin:5px auto 7px auto;
}

div#footerIbc div.inner p#copyRight{
	text-align:right;
	position:relative;
	top:-24px;
	margin-bottom:-24px;
}


/*rightSide*******************************************************/
div#contents div#rightSide{
	width:690px;
	float:right;
	
}
* html div#contents div#rightSide{
	margin-left: -3px;
}
div#contents div#rightSide div.inner{
	margin-left:20px;
	width:670px;
	clear:both;
}

div#contents div#rightSide div.inner ul.inpageGoTop{
	clear:both;
	text-align:right;
	margin:40px 0 30px 0;	
}



/*leftSide*******************************************************/
div#contents div#leftSide{
	width:198px;
	float:left;
	border:6px #D4D4D4 solid;
}
* html div#contents div#leftSide{
	width:198px;
	margin-right: -3px;
}
div#contents div#leftSide h2{
	color:#fff;
	background-color:#e50065;
	border:5px #fff solid;
	text-align:left;
	padding:10px 15px;
	line-height:1.5;
	font-size:110%;
	margin:0;
}
div#contents div#leftSide ul{
	border-left:5px #fff solid;
	border-right:5px #fff solid;
	border-bottom:5px #fff solid;
/*	margin-top:-3px;*/
}
div#contents div#leftSide ul li{
	border-bottom:1px #808080 dashed;
	text-align:left;
	line-height:1.5;
}
div#contents div#leftSide ul li.last,div#contents div#leftSide ul li.last a{
	border-bottom:none;
}

div#contents div#leftSide ul li a{
	text-decoration:none;
	display:block;
	width:155px;
	color:#4D4D4D;
	background:url(../common_img/side_ico.gif) no-repeat top left;
	border-bottom:2px #fff solid;
	border-top:2px #fff solid;
	padding:5px 10px 5px 23px;
}
* html div#contents div#leftSide ul li a{
	width:155px;
}
div#contents div#leftSide ul li a:hover,div#contents div#leftSide ul li a.here{
	background-color:#E0E0E0;
}
div#contents div#leftSide ul li a.here{
	font-weight:bold;
}

div#contents div#leftSide ul li ul{
	border:0;
}
div#contents div#leftSide ul li ul li{
	border-bottom:0;
	}
div#contents div#leftSide ul li ul li a{
	text-decoration:none;
	display:block;
	color:#4D4D4D;
	background:url(../common_img/side_subico.gif) no-repeat top left;
	border-bottom:2px #fff solid;
	border-top:2px #fff solid;
/*	padding:5px 10px 5px 23px;*/
}

a.blank{
	background:url(../../common_img/new_win_icon.gif) no-repeat right center;
	padding-right:20px;
}