/****************************************
		 基本設定 
*****************************************/

*{
	margin:0;
	padding:0;
}

body{
	font:13px/1.231 , Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

a {
	text-decoration:none;
}

img{
	border:none;
}

ul,ol,li {
	list-style:none;
}

.clear{
	clear:both;
}


/***** 背景 *****/

body{
	background:url(../image/bg_img02.png) repeat-x        ;
}


/***** wrapper *****/

#wrapper{
	width:940px;
	margin:0 auto;
	padding:0px 10px 0;
}

.red{
	color:#6a1818;
	
}

.white{
	color:#CCC;
}

/***** ヘッダー *****/

#header{
	overflow:hidden;
	position:relative;
	height:112px;
	padding:8px 0 5px 0;
}

#header #en{
	float:left;
	margin:0 0 0 150px;
}

#header #en a{
	color:#fff;
}

#header img{ 
	float:left;

}

#header #mail_img{
	float:right;
		margin:-5px 10px 0 0;
}

#header p{
	float:right;
	margin:-5px 0 0 0;
	color:#CC0;	
}

h1{
	font-size:77%;
	font-weight:normal;
	padding:0 0 5px 0;
	
}

h1 strong{
	font-weight:normal;
}


h2{
	font-size:93%;
	font-weight:normal;
	text-align:right;
	margin:5px 0 40px 0;
	color:#fff;
}

h3{
	color:#fff;
	background:url(../image/h3_bg.png) no-repeat;
	padding:5px 0 5px 20px;
	margin:0px 0 10px 0;
}


/***** メイン *****/

#main{
	width:600px;
	text-align:left;
	float:left;
	margin:50px 0 30px 0;
	color:#18436a;
}



/***** サイド *****/

#right{
	width:220px;
	margin:50px 0 30px 0;
	padding:15px 10px 0;
	float:right;
	background:#18436a;
	position:relative;
}

#right ul{
	margin:30px 0 0 0;
}

#right ul li{
	margin:5px 0 10px 0;
}

	/***** サイド *****/	

#ViewArea{
	width:100%;
	height:420px;
	overflow:hidden;
	float:left;
	z-index:1;	
}

#ScrollArea{
	width:auto;
	position:relative;
	z-index:2;
}

#ScrollArea img{
	border:solid 1px #999;
	padding:3px;
	background:#FFF;
}

#ScrollArea li{
	width:100%;
	float:left;
	position:relative;	
	padding:10px 0px 2px 0px;
	text-align:center;
	list-style:none;
}
#ScrollArea p{
	font-size:12px;
	padding:2px 0px 2px 0px;
}
#Topbtn{
	width:100%;
	height:50px;
	margin:30px 0 10px 0;
	overflow:hidden;
	float:left;
	z-index:1;
	background:url(../image/up.png) no-repeat center;		
}
#Topbtn:hover{
	background:url(../image/up_on.png) no-repeat center;		
}
#Bottombtn{
	width:100%;
	height:50px;
	margin:10px 0 20px 0;
	overflow:hidden;
	float:left;
	z-index:1;
	background:url(../image/down.png) no-repeat center;
}
#Bottombtn:hover{
	z-index:1;
	background:url(../image/down_on.png) no-repeat center        ;					
}


/***** フッター *****/

#footer{
	clear:both;
	background:#18436a;
	padding:0 0 40px 0;
}

#footer_wrap{
	width:920px;
	margin:0 auto;
	padding:10px 20px 20PX;
	background:#c8cacf;
	overflow:hidden;
	position:relative;
}

#footer_link a:hover{
	color:#CC3300;
}

#footer_link2 a:hover{
	color:#CC3300;
}

#f_left{
	width:360px;
	float:left;
	margin:0 30px 0 0;
}

#f_left .red{
	font-size:14px;
}

#f_left p{
	font-size:11px;
	line-height:120%;
}

#footer_link{
	float:left;
	line-height:20px;
	margin:0 0 30px 0;
}

#footer_link2{
	float:left;
	line-height:20px;
	margin:18px 0 30px 80px;
}

#copyright{
	clear:both;
	text-align:center;
}

.bottom{
	position:absolute;
	left:0px;
	bottom:0px;
}


/***** コース *****/

#course p{
	font-weight:bold;
}