@charset "UTF-8";

body {
	background:#FFFFFF;
	text-align: center;
	background:url(../images/wrapper_bg.gif) repeat-y 0 0;
	}

#wrapper {
	margin: 0;
	padding: 0;
	text-align: center;
	background:url(../images/footer_bg.gif) repeat-x 0 bottom;
	}

#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

h1 { 
  color:#666;
	font-size:12px;
	padding-top:6px;
	padding-left:6px;
	font-weight:normal;
	letter-spacing:1.6px;
	}

h2 { 
  width:960px;
	height:50px;
	text-indent:-9999px;
	margin-top:10px;
	}
	
h3 { 
  width:480px;
	height:30px;
	text-indent:-9999px;
	}

h4 { 
  width:302px;
	height:30px;
	text-indent:-9999px;
	}


/*------ ヘッダー ここから-----*/	


#header { 
  width:960px;
  height:169px;
	background:url(../images/header-bg.jpg) 0 0 no-repeat;
	position:relative;
  }


#header .logo a{
	width:350px;
	height:94px;
	position:absolute;
	top: 47px;
	left:10px;
	}	
#header .logo p {	text-indent:-9999px; }	


#header .g-navi {
	height:44px;
	width:568px;
	text-indent:-9999px;
	position:absolute;
	left: 392px;
	top: 95px;
	}

	
#header .g-navi ul li { list-style:none; float:left; }
	
#header .g-navi .gn01 a { 
  display:block;
  width:96px;
	height:44px;
	background: url(../images/g-navi.jpg) 0 0 no-repeat;
  }
	
#header .g-navi .gn01 a:hover { background: url(../images/g-navi.jpg) 0 -44px; }
		
#header .g-navi .gn02 a{ 
  display:block;
  width:126px;
	height:44px;
	background: url(../images/g-navi.jpg) -96px 0 no-repeat;
	}
#header .g-navi .gn02 a:hover { background: url(../images/g-navi.jpg) -96px -44px; }		

#header .g-navi .gn03 a{ 
  display:block;
  width:98px;
	height:44px;
	background: url(../images/g-navi.jpg) -222px 0 no-repeat;
	}	
#header .g-navi .gn03 a:hover { background: url(../images/g-navi.jpg) -222px -44px; }		

#header .g-navi .gn04 a{ 
  display:block;
  width:131px;
	height:44px;
	background: url(../images/g-navi.jpg) -320px 0 no-repeat;	
	}	
#header .g-navi .gn04 a:hover { background: url(../images/g-navi.jpg) -320px -44px; }		

#header .g-navi .gn05 a{ 
  display:block;
  width:117px;
	height:44px;
	background: url(../images/g-navi.jpg) -451px 0 no-repeat;	
	}	
#header .g-navi .gn05 a:hover { background: url(../images/g-navi.jpg) -451px -44px; }		

#header .mail a { 
  display:block;
	background:url(../images/mail-bnr.gif) 0 0 no-repeat; 
	width:155px;
	height:60px;
	outline:none;
	text-indent:-9999px;
	position:absolute;
	right:370px;
	top:23px;
	}
	
#header .mail a:hover { background-position:bottom; }	

/*------ ヘッダー ここまで -----*/




/*------ コンテンツ ここから-----*/	

#contents {
  width:960px;
	height:auto;
	background:#FFFFFF;
  }	
	
#contents .tx01 { 
  font-size:14px;
	padding:0 30px 0 40px;
	line-height:170%;
	letter-spacing:1.7px;
	}

#contents .tx02 { 
  font-size:14px;
	padding:10px 10px 0 30px;
	line-height:170%;
	letter-spacing:1.7px;
	}

#contents .tx03 { 
  font-size:14px;
	padding:10px 18px 0 15px;
	line-height:170%;
	letter-spacing:1.7px;
	}


#contents .tx04 { 
  font-size:14px;
	padding:20px 10px 0 40px;
	line-height:170%;
	letter-spacing:1.7px;
	}
	

#contents .up a{ 
  display:block;
	background:url(../images/up.gif) 0 0 no-repeat;
	height:40px;
	width:220px;
	margin-bottom:20px;
	margin-right:10px;
	float:right;
	outline:none;
	text-indent:-9999px;
	}
#contents .up a:hover { background-position:bottom; } 


/*------ コンテンツ ここまで-----*/	


/*------ フッター ここから-----*/	
#footer {
  width:960px;
	height:auto;
	background-color:#f7dee3;
  }	

#footer .footer-list ul { margin-bottom:5px; }
#footer .footer-list li { display:inline; }

#footer .footer-list { padding:10px 0 0 0; text-align:center; }

#footer .footer-list2 ul { margin-bottom:15px; margin-top:15px; }
#footer .footer-list2 li { display:inline; font-size:90%; }

#footer .footer-list2 { padding:10px 0 0 0; text-align:center; }


#footer .footer-list3 li { display:inline; font-size:10px; }

#footer .footer-list3 { padding:10px 0 0 0; text-align:center; margin-bottom:10px; }

/*------ フッター ここまで-----*/	

/*------ その他 ここから-----*/

.marTB { margin-top:10px; margin-bottom:5px; }
.marTB2 { margin-top:25px; margin-bottom:20px; }
.marTB3 { margin-top:15px; margin-bottom:25px; }
.marTL { margin-top:10px; margin-left:10px; }
.marTL2 { margin-top:5px; margin-left:5px; }

.marL3 { margin-left:3px; }
.marL5 { margin-left:5px; }
.marL9 { margin-left:9px; }
.marL15 { margin-left:15px; }
.marL40 { margin-left:40px; }

.marR8 { margin-right:8px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }

.marT5 { margin-top:5px; }
.marT10 { margin-top:10px; }
.marT15 { margin-top:15px; }
.marT20 { margin-top:20px; }

.marB10 { margin-bottom:10px; }
.marB20 { margin-bottom:20px; }
.marB30 { margin-bottom:30px; }

.pddR10 { padding-right:10px; }
.pd10 { padding:10px 60px 10px 15px; line-height:200%; }
.pdL40 { padding-left:40px; }

.red { color:#ff2020; }
.red-b { color:#ff2020; font-weight:bold; font-size:110%; }
.big { font-weight:bold; }
.small { font-size:90%; }
.fr { float:right; }
.fl { float:left; }
.t-deko { margin-left:4px; margin-top:5px; margin-bottom:25px; }
.t-deko2 { padding:1px 7px 10px 15px; font-weight:bold; line-height:170%; font-size:110%; }
.lh { line-height:150%; }
.blue-b { font-weight:bold; color:#0000CC; }
.img-l { float:left; margin-right:10px; }
.small2 { font-size:95%; }

.bg-gray { background:#ececec; width:650px; }

/*------ その他 ここまで-----*/



/*------ 各ページ ここから-----*/


/*------ sitemap -----*/
#sitemap #title01 { background:url(../images/sitemap_h2.gif) 0 0 no-repeat; }
#sitemap #title02 { background:url(../images/sitemap_h3_01.gif) 0 0 no-repeat; }
#sitemap #title03 { background:url(../images/sitemap_h3_02.gif) 0 0 no-repeat; }
#sitemap #title04 { background:url(../images/sitemap_h3_03.gif) 0 0 no-repeat; }

#sitemap h3 { margin-top:30px; }

#sitemap dl dt { color:#FF9900; font-weight:bold; font-size:115%; margin-top:22px; margin-bottom:7px; padding-left:65px; }
#sitemap dl dd { padding-left:65px; padding-bottom:3px; }


/*------ company -----*/
#company #title01 { background:url(../images/company_h2.gif) 0 0 no-repeat; }
#company #title02 { background:url(../images/company_h3_01.gif) 0 0 no-repeat; }
#company #title03 { background:url(../images/company_h3_02.gif) 0 0 no-repeat; }
#company #title04 { background:url(../images/company_h3_03.gif) 0 0 no-repeat; }

#company #table01 { margin-top:15px; margin-left:40px; margin-bottom:30px; }
#company #table01 th,td{ padding:7px 5px 7px 8px; border: double 1px #CCCCCC; }
#company #table01 th { background:#fee7f3; text-align:left; }


/*------ price -----*/
#price #table01 { margin-top:15px; margin-left:40px; margin-bottom:30px; }
#price #table01 th,td{ padding:7px 5px 7px 8px; border: double 1px #CCCCCC; }
#price #table01 th { background:#fee7f3; text-align:left; }

#price #table02 { margin-top:10px; margin-left:40px; margin-bottom:6px; }
#price #table02 th,td{ padding:7px 5px 7px 8px; border: double 1px #CCCCCC; }
#price #table02 th { background:#fee7f3; text-align:center; }

#price .box-left {
	width:550px;
	height:auto;
	float:left;
	}

#price .box-right {
	width:410px;
	height:auto;
	margin-bottom:30px;
	float:right;
	}

#price .box-top { margin-top:10px; }

#price .box-top li { 
  list-style:none;
  font-size:14px;
	line-height:170%;
	letter-spacing:1.7px;
	padding:5px 0 0 40px ;
	}

#price #title01 { background:url(../images/price_h2.gif) 0 0 no-repeat; }
#price #title02 { background:url(../images/price_h3_01.gif) 0 0 no-repeat; }
#price #title03 { background:url(../images/price_h3_02.gif) 0 0 no-repeat; }
#price #title04 { background:url(../images/price_h3_03.gif) 0 0 no-repeat; }
#price #title05 { background:url(../images/price_h4_01.gif) 0 0 no-repeat; }


/*------ course -----*/
#course #title01 { background:url(../images/course_h2.gif) 0 0 no-repeat; }
#course #title02 { background:url(../images/course_h3_01.gif) 0 0 no-repeat; }
#course #title03 { background:url(../images/course_h3_02.gif) 0 0 no-repeat; }
#course #title04 { background:url(../images/course_h3_03.gif) 0 0 no-repeat; margin-top:20px; }
#course #title05 { background:url(../images/course_h3_04.gif) 0 0 no-repeat; margin-top:20px; }

#course .index-left {
	width:480px;
	height:auto;
	float:left;
	}

#course .index-right {
	width:480px;
	height:auto;
	margin-bottom:30px;
	float:right;
	}
	
#course .index-right .information { 
  width:475px;
	height:auto;
	float:right;
	}

*html body #course .index-right .information { 
  width:470px;
	height:auto;
	float:right;
	}


#course .box-left { 
  width:160px;
	height:auto;
	float:left;
	}	

#course .box-right { 
  width:310px;
	height:auto;
	float:right;
	}	


#course .price-bnr a { 
  display:block;
	background:url(../images/price-bnr.gif) 0 0 no-repeat; 
	height:85px;
	width:460px;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:35px;
	text-indent:-9999px;
	outline:none;
	}

#course .price-bnr a:hover { background-position:bottom; } 


/*------ staff -----*/

#staff #title01 { background:url(../images/staff_h2.gif) 0 0 no-repeat; }
#staff #title02 { background:url(../images/staff_h2_02.gif) 0 0 no-repeat; }


/*------ gallery -----*/

#gallery .index-left {
	width:480px;
	height:auto;
	float:left;
	}

#gallery .index-right {
	width:480px;
	height:auto;
	margin-bottom:30px;
	float:right;
	background:url(../images/index-right_bg2.gif) repeat-y 0 0;
	}

#gallery #title01 { background:url(../images/gallery_h2.gif) 0 0 no-repeat; }
#gallery #title02 { background:url(../images/gallery_h3_01.gif) 0 0 no-repeat; }


#gallery dl { margin-left:45px; margin-bottom:15px; }
#gallery dt { font-weight:bold; margin-bottom:8px; margin-left:4px; margin-top:15px; }
#gallery dd { margin-bottom:30px; }


/*------ コンテンツ ここまで-----*/	


