@charset "UTF-8";
@import "base.css";


/*---------- 02  Container -----------*/


body {
	background: url(../images/bg.jpg) 0 0 repeat;
	text-align:center;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}

#main {
	background:#FFE100;
}

#main02 {
	width:800px;
	margin:0 auto;
}

/*---------- 03  Header -----------*/

#tabu li{
	float:left;
}

#tabu01 a{
	background:url(../images/tabu01.jpg) 0 0 no-repeat;
	height:41px;
	width:223px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}

#tabu02 a{
	background:url(../images/tabu02.jpg) 0 0 no-repeat;
	height:41px;
	width:220px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}

#tabu03 a{
	background:url(../images/tabu03.jpg) 0 0 no-repeat;
	height:41px;
	width:220px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}
#tabu04 a{
	background:url(../images/tabu04.jpg) 0 0 no-repeat;
	height:41px;
	width:220px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}

#tabu01 a:hover,#tabu01{
	background:url(../images/tabu01_ov.jpg) 0 0 no-repeat;
	height:41px;
	width:223px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}

#tabu02 a:hover,#tabu02{
	background:url(../images/tabu02_ov.jpg) 0 0 no-repeat;
	height:41px;
	width:220px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}

#tabu03 a:hover,#tabu03{
	background:url(../images/tabu03_ov.jpg) 0 0 no-repeat;
	height:41px;
	width:220px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}
#tabu04 a:hover,#tabu04{
	background:url(../images/tabu04_ov.jpg) 0 0 no-repeat;
	height:41px;
	width:220px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	outline:none;
}


#header{
	background:url(../images/header.jpg) 0 0 no-repeat;
	position:relative;
	height:330px;
	clear:both;
}
h1{
	font-size:1.2em;
	position:absolute;
	top: -45px;
	left: 600px;
	width:250px;
}
#link{
	position:absolute;
	width:300px;
	height:160px;
	top: 1px;
	text-indent:-9999px;
	left: 500px;
}
#link a{
	background: url(../images/link.jpg) 0 0 no-repeat;
	display:block;
	width:300px;
	height:160px;
	outline:none;
	text-decoration:none;
}


#header #dl{
	position:absolute;
	width:238px;
	height:33px;
	top: 165px;
	text-indent:-9999px;
	left: 550px;
}

#header #dl a{
	background: url(../images/dl.jpg) 0 0 no-repeat;
	display:block;
	width:238px;
	height:33px;
	outline:none;
	text-decoration:none;
}

/*---------- 04  HeaderImg -----------*/

#about{
	background:url(../images/about.jpg) 0 0 no-repeat;
	height:200px;
	width:800px;
	text-indent:-9999px;
}


/*---------- 06  content -----------*/

.section{
	margin:0 30px;
	padding:20px 30px;
	background:#FFFDE6;
}
.section2{
	padding:10px 30px;
}
.section3{
	margin:0 30px;
	padding:20px 30px;
	background: url(../images/bg.jpg) 0 0 repeat;
}
.section4{
	padding:10px 20px;
}
.section_l{
	width:330px;
	float:left;
}

.section_r{
	width:330px;
	float:right;
}

#content p{
	line-height:22px;
	margin:15px 10px 0px 10px;
}

.section ul{
	margin:20px 0;
}

.section li{
	background:url(../images/icon01.jpg) 0 0.3em no-repeat;
	padding:0 0 0 20px;
	line-height:22px;
}

#title01{
	background:url(../images/title01.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
}

#couse_tit01{
	background:url(../images/couse_tit01.jpg) 0 0 no-repeat;
	width:330px;
	height:42px;
	text-indent:-9999px;
}

#couse_tit02{
	background:url(../images/couse_tit02.jpg) 0 0 no-repeat;
	width:330px;
	height:42px;
	text-indent:-9999px;
}

#couse_tit03{
	background:url(../images/couse_tit03.jpg) 0 0 no-repeat;
	width:330px;
	height:42px;
	text-indent:-9999px;
}

#couse_tit04{
	background:url(../images/couse_tit04.jpg) 0 0 no-repeat;
	width:330px;
	height:42px;
	text-indent:-9999px;
}

#touroku_tit01{
	background:url(../images/touroku_tit01.jpg) 0 0 no-repeat;
	width:330px;
	height:42px;
	text-indent:-9999px;
}

#touroku_tit02{
	background:url(../images/touroku_tit02.jpg) 0 0 no-repeat;
	width:330px;
	height:42px;
	text-indent:-9999px;
}

#touroku_text01{
	background:url(../images/touroku_text01.jpg) 0 0 no-repeat;
	width:330px;
	height:131px;
	text-indent:-9999px;
}
#touroku_text02{
	background:url(../images/touroku_text02.jpg) 0 0 no-repeat;
	width:330px;
	height:131px;
	text-indent:-9999px;
}
#touroku_tit03{
	background:url(../images/touroku_tit03.jpg) 0 0 no-repeat;
	width:680px;
	height:99px;
	text-indent:-9999px;
}

#title03{
	background:url(../images/title03.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
}
#title04{
	background:url(../images/title04.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
	margin-top:20px;
}
#title05{
	background:url(../images/title05.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
	margin-top:20px;
}

#title06{
	background:url(../images/title06.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
	margin-top:20px;
}

#title07{
	background:url(../images/title07.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
	margin-top:20px;
}
#title08{
	background:url(../images/title08.jpg) 0 0 no-repeat;
	width:800px;
	height:50px;
	text-indent:-9999px;
	margin-top:20px;
}
h4{
	font-size:16px;
	font-weight:bold;
	color:#B61420;
	margin:20px 0 5px 0;
}

dt{
	background:url(../images/a.jpg) 0 0 no-repeat;
	line-height:25px;
	padding:0 0 0 30px;
}
dd{
	background:url(../images/q.jpg) 0 0 no-repeat;
	line-height:25px;
	padding:0 0 0 30px;
	margin:0px 5px 15px 20px;
}
/*---------- 07  Footer -----------*/

#footer {
	width:800px;
	clear:both;
	height:120px;
	text-align:center;
	margin:0 auto 0 auto;
	padding:20px 0;
	}

#footer address{
	margin:20px 0;
}

#footer address,#footer address a {
	height:15px;
	color: #300;
	font-size:12px;
}