@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2010-02-26
 * Editor:    mitoma
 * Modified:   2010-02-26 by:mitoma
 *
 * ***********************************************************
 */

/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %
*/

/* ----------------------------------------------------------------------------------------------------------
TOP
------------------------------------------------------------------------------------------------------------- */

/* FLASH AREA
-------------------------------------- */
#background {
	position:absolute;
	top:0;
	width:100%;
	height:740px;
	margin:0 auto;
	z-index:0;
	text-align: center;
	background:url(../img/no_flash.jpg) top center no-repeat;
	padding-top:72px;
}
	
	#background p{text-indent:-9999px;}


/* Wrapper
-------------------------------------- */
#topWrapper{
	position:relative;
	width:1012px;
	margin:394px auto 0;
	z-index:10;
	padding-top:36px;
	background:url(../img/bg_wrapper_top.png) top no-repeat;
}	

	#topWrapper #wrapperInner{
		background:url(../img_cmn/bg_wrapper.png) top repeat-y;
	}


/* SHIRYO BTN */
p#reqBtn{
	position:absolute;
	top:-37px;
	_top:-74px;
	right:18px;
	clear:both;
}


/* MAIN LEFT AREA*/
#topLeftArea{
	float:left;
	width:650px;
	margin-left:25px;
	_margin-left:13px;
}
	
	#topLeftArea h3{padding-bottom:10px;}

         /*-- bana --*/

	#topLeftArea p.bnr{padding-bottom:15px;}

	#topLeftArea ul.bana li{
		float:left;
		margin:0px 0px 15px 0px;	
	}

	#topLeftArea ul.bana li.sBana{
		float:right;
		margin:0px 0px 15px 0px;	
	}


	
	#topLeftArea dl#info{
		position:relative;
		width:650px;
		height:140px;
		text-align:left;
		padding-bottom:25px;
		margin-bottom:15px;
		overflow:scroll;	
		overflow-x: hidden;
		}
		
		#topLeftArea dl#info dt {
			position: absolute;
			left: 0;
			width: 70px;
			padding: 5px 0;
		}
		
		#topLeftArea dl#info dd {
			padding: 5px 0 5px 160px;
			border-bottom:1px  dotted #999999;
			text-indent:-7.5em;
		}
		
	
	#topLeftArea #course01{
		float:left;
		width:150px;
		padding-left:140px;
		margin-right:40px;
		background: url(../img/bg_course01.jpg) top left no-repeat;
	}
	
	#topLeftArea #course02{
		float:left;
		width:150px;
		padding-left:140px;
		background: url(../img/bg_course02.jpg) top left no-repeat;
	}
		
		#topLeftArea #course01 h4,
		#topLeftArea #course02 h4{
			padding:30px 0 20px;
		}
		
		#topLeftArea #course01 ul,
		#topLeftArea #course02 ul{
			padding:0 0 30px;
		}
		
		#topLeftArea #course01 ul li,
		#topLeftArea #course02 ul li{
			padding:0 0 5px 17px;
			background:url(../img/icon_arrow.gif) left no-repeat;
		}

		
/* MAIN RIGHT AREA */
#topRightArea{
	float:left;
	width:294px;
	margin-left:15px;
	text-align:center;
}
	
	#topRightArea .exArea{
		width:294px;
		margin-bottom:25px;
		background: url(../img/bg_ex.jpg) top center no-repeat;
	}
		
		 #topRightArea .inner{
			width:294px;
			background: url(../img/bg_ex2.jpg) top center repeat-y;
		}
	
		 #topRightArea .exMore{
			padding:5px 12px 0 0;
			background:url(../img/bg_ex3.gif) top no-repeat;
			text-align:right;
		}
		 #topRightArea .exMore p{
			float:right;
		}
		
		#topRightArea .exArea dl{
			position:relative;
			top:8px;
			left:20px;
			width:254px;
			text-align:left;
			padding-bottom:25px;
			}
				
				#topRightArea .exArea dl dt {
					position: absolute;
					left: 0;
					width: 50px;
					padding: 5px 0;
				}
				
				#topRightArea .exArea dl dd {
					padding: 5px 0 5px 55px;
					border-bottom:1px  dotted #999999;
					text-align:left;
				}
		
		#topRightArea ul#bnrArea li{padding-bottom:7px;}
		
			#topRightArea ul#bnrArea li.bnrLeft{
				float:left;
				margin-right:6px;
			}
				
			#topRightArea ul#bnrArea li.bnrRight{float:left;}