@charset "UTF-8";


/* Reset Style
------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none outside;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	*font-size: 100%;
}
legend {
	color: #000;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* General Setting
----------------------------------------------------------------------*/
body {
	background: url(../images/bg.gif) top repeat-x;
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #195fb4;
	text-decoration: none;
}
a:visited {
	color: #195fb4;
	text-decoration: none;
}
a:hover {
	color: #195fb4;
	text-decoration: underline;
}
a:active {
	color: #195fb4;
	text-decoration: underline;
}
.clear {
	clear: both;
}
a:hover img.over{
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/* header
------------------------------------------------------------*/
header{
	width: 1000px;
	height:98px;
	margin:0 auto;
	text-align:left;
}
header h1{
	float:left;
	margin-top:24px;
	background: url(../images/header_logo.gif) top no-repeat;
	width:401px;
	height:49px;
	text-indent:-8282px;
}
header p{
	float:right;
	margin-top:17px;
	background: url(../images/header_tel.gif) top no-repeat;
	width:213px;
	height:63px;
	text-indent:-8282px;
}

/* contents
------------------------------------------------------------*/
#contents{
	clear:both;
	width: 1005px;
	margin:0 auto;
	padding-bottom:60px;
	text-align:left;
}



/* top
------------------------------------------------------------*/
.main_area{
	clear:both;
	position:relative;
	margin:0 auto;	
	width:1000px;
	height:462px;
}
.main_area .number{
	position:absolute;
	top:18px;
	left:3px;
	background: url(../images/main_txt01.png) top no-repeat;
	width:324px;
	height:51px;
	text-indent:-8282px;
	
}
.main_area .lead{
	position:absolute;
	top:90px;
	left:0px;
	background: url(../images/main_txt02.png) top no-repeat;
	width:548px;
	height:29px;
	text-indent:-8282px;
}
.main_area h1{
	position:absolute;
	top:129px;
	left:3px;
	z-index:3;
	background: url(../images/main_txt03.png) top no-repeat;
	width:674px;
	height:214px;
	text-indent:-8282px;
}
.main_area h2{
	position:absolute;
	top:382px;
	left:3px;
	z-index:3;
	background: url(../images/main_txt04.png) top no-repeat;
	width:670px;
	height:33px;
	text-indent:-8282px;
}
.main_area .icon{
	position:absolute;
	top:2px;
	left:742px;
	z-index:3;
	background: url(../images/main_icon.png) top no-repeat;
	width:293px;
	height:258px;
	text-indent:-8282px;
}
.main_area .img{
	position:absolute;
	top:180px;
	left:607px;
	z-index:0;
}


.section h2{
	padding-bottom:20px;
	text-align:center;
}
.top_btn{
	clear:both;
	padding:20px 0 30px 0;
	text-align:center;
}


/* section01
------------------------------------------------------------*/
.section01 h2{
	background: url(../images/section01_ttl.gif) top no-repeat;
	width:1000px;
	height:65px;
	text-indent:-8282px;
}

.section01 .wrap{
	width: 1010px;
	margin-left:-5px;
}
.section01 .wrap div{
	float:left;
	margin-left:5px;
	padding-bottom:5px;
}
.point .lead{
	padding-top:25px;
	padding-left:85px;
	color:#195fb4;
	font-size:14px;
	font-weight:bold;
	line-height:115%;
}
.point h3{
	padding-left:85px;
	padding-bottom:36px;
	color:#072146;
	font-size:25px;
	font-weight:bold;
	line-height:150%;
}
.point .txt{
	padding-left:15px;
	width:275px;
}
.point05 .txt{
	padding-left:15px;
	width:750px;
}


.point strong{
	color:#195fb4;
	font-weight:bold;
}


.point01{
	background: url(../images/section01_bg01.png) top no-repeat;
	width:496px;
	height:243px;
}
.point02{
	background: url(../images/section01_bg02.png) top no-repeat;
	width:496px;
	height:243px;
}
.point03{
	background: url(../images/section01_bg03.png) top no-repeat;
	width:496px;
	height:243px;
}
.point04{
	background: url(../images/section01_bg04.png) top no-repeat;
	width:496px;
	height:243px;
}
.point05{
	background: url(../images/section01_bg05.png) top no-repeat;
	width:1005px;
	height:243px;
}



/* section02
------------------------------------------------------------*/
.section02{
	clear:both;
	position:relative;
	background: url(../images/section02_bg.gif) top left no-repeat;
	width:1000px;
	height:528px;
	margin:0 auto;
	padding-bottom:40px;
}
.section02 h2{
	position:absolute;
	top:40px;
	left:40px;
	background: url(../images/section02_ttl.gif) top no-repeat;
	width:394px;
	height:222px;
	text-indent:-8282px;
}
.section02 .list01{
	position:absolute;
	top:40px;
	left:454px;
	background: url(../images/section02_list01.jpg) top no-repeat;
	width:244px;
	height:222px;
	text-indent:-8282px;
}
.section02 .list02{
	position:absolute;
	top:40px;
	left:718px;
	background: url(../images/section02_list02.jpg) top no-repeat;
	width:244px;
	height:222px;
	text-indent:-8282px;
}
.section02 .list03{
	position:absolute;
	top:279px;
	left:40px;
	background: url(../images/section02_list03.jpg) top no-repeat;
	width:220px;
	height:210px;
	text-indent:-8282px;
}
.section02 .list04{
	position:absolute;
	top:279px;
	left:277px;
	background: url(../images/section02_list04.jpg) top no-repeat;
	width:220px;
	height:210px;
	text-indent:-8282px;
}
.section02 .list05{
	position:absolute;
	top:279px;
	left:509px;
	background: url(../images/section02_list05.jpg) top no-repeat;
	width:220px;
	height:210px;
	text-indent:-8282px;
}
.section02 .list06{
	position:absolute;
	top:279px;
	left:743px;
	background: url(../images/section02_list06.gif) top no-repeat;
	width:220px;
	height:210px;
	text-indent:-8282px;
}

/* section03
------------------------------------------------------------*/
.section03{
	clear:both;
}
.section03 h2{
	background: url(../images/section03_ttl.gif) top no-repeat;
	width:1000px;
	height:65px;
	text-indent:-8282px;
}
.section03 .lead{
	padding-left:134px;
	padding-bottom:16px;
	background: url(../images/section03_lead.gif) top no-repeat;
	width:740px;
	height:55px;
	text-indent:-8282px;
}
.course_area{
	width: 1015px;
	margin-left:-10px;
}
.section03 .course{
	float:left;
	position:relative;
	width:496px;
	height:515px;
	margin-left:10px;
	margin-bottom:10px;
}
.section03 .course .txt{
	position:absolute;
	top:170px;
	left:24px;
	width:455px;
}
.section03 .course .level{
	position:absolute;
	bottom:30px;
	left:24px;
}
.section03 .course .btn{
	position:absolute;
	bottom:20px;
	right:20px;
}
.section03 .course01{
	background: url(../images/section03_img01.jpg) bottom no-repeat;
}
.section03 .course02{
	background: url(../images/section03_img02.jpg) bottom no-repeat;
}
.section03 .course03{
	background: url(../images/section03_img03.jpg) bottom no-repeat;
}
.section03 .course04{
	background: url(../images/section03_img04.jpg) bottom no-repeat;
}

.section03 .course01 .about{
	background: url(../images/section03_sttl01.gif) top no-repeat;
	width:496px;
	height:97px;
	text-indent:-8282px;
}
.section03 .course02 .about{
	background: url(../images/section03_sttl02.gif) top no-repeat;
	width:496px;
	height:97px;
	text-indent:-8282px;
}
.section03 .course03 .about{
	background: url(../images/section03_sttl03.gif) top no-repeat;
	width:496px;
	height:97px;
	text-indent:-8282px;
}
.section03 .course04 .about{
	background: url(../images/section03_sttl04.gif) top no-repeat;
	width:496px;
	height:97px;
	text-indent:-8282px;
}
.section03 .course01 h3{
	background: url(../images/section03_name01.gif) top no-repeat;
	width:496px;
	height:62px;
	text-indent:-8282px;
}
.section03 .course02 h3{
	background: url(../images/section03_name02.gif) top no-repeat;
	width:496px;
	height:62px;
	text-indent:-8282px;
}
.section03 .course03 h3{
	background: url(../images/section03_name03.gif) top no-repeat;
	width:496px;
	height:62px;
	text-indent:-8282px;
}
.section03 .course04 h3{
	background: url(../images/section03_name04.gif) top no-repeat;
	width:496px;
	height:62px;
	text-indent:-8282px;
}
.section03 .course01 .level{
	background: url(../images/section03_txt01.gif) top no-repeat;
	width:209px;
	height:205px;
	text-indent:-8282px;
}
.section03 .course02 .level{
	background: url(../images/section03_txt02.gif) top no-repeat;
	width:209px;
	height:225px;
	text-indent:-8282px;
}
.section03 .course03 .level{
	background: url(../images/section03_txt03.gif) top no-repeat;
	width:209px;
	height:205px;
	text-indent:-8282px;
}
.section03 .course04 .level{
	background: url(../images/section03_txt04.gif) top no-repeat;
	width:209px;
	height:204px;
	text-indent:-8282px;
}

/* section04
------------------------------------------------------------*/
.section04{
	clear:both;
	text-align:center;
	padding-bottom:30px;
}
.section04 h2{
	background: url(../images/section04_ttl.gif) top no-repeat;
	width:1000px;
	height:65px;
	text-indent:-8282px;
}
.section04 .lead{
	padding-bottom:16px;
	font-size:18px;
	font-weight:bold;
}
.section04 .img{
	background: url(../images/section04_img.gif) top no-repeat;
	width:1000px;
	height:370px;
	text-indent:-8282px;
}


/* section05
------------------------------------------------------------*/
.section05{
	clear:both;
	text-align:center;
}
.section05 h2{
	background: url(../images/section05_ttl.gif) top no-repeat;
	width:1000px;
	height:65px;
	text-indent:-8282px;
}

.section05 .lead{
	padding-bottom:16px;
	font-size:18px;
	font-weight:bold;
}



/* footer
------------------------------------------------------------*/


#footer_wrap{
	clear:both;
	background:#e2f0ff;
}
footer{
	width: 1000px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:80px;
	text-align:left;
}
footer ul{
	float:left;
}
footer li{
	float:left;
	font-size:12px;
}
footer li a{
	color:#333333;
}
footer p{
	float:right;
	font-size:9px;
}


/* form
------------------------------------------------------------*/
.form_section{
	font-size:15px;
}
.form_section h2{
	padding-top:30px;
}
.form_section .lead{
	text-align:center;
	padding-bottom:16px;
	font-size:30px;
	font-weight:bold;
}
.form_section span{
	color:#e6133d;
}
.form_area{
	clear:both;
	text-align:center;
}
.txt_area{
	margin:0 auto;
	width:800px;
	background:#ffffff;
}
.txt_area p{
	padding:20px 30px;
	font-size:15px;
	font-weight:bold;
}
.tbl_lead{
	padding:25px 10px 0 100px;
}
.form_section table{
	margin:0 auto;
	width:800px;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
}
.form_section table th{
	padding:20px 15px;
	color:#0d335a;
	font-size:15px;
	font-weight:bold;
	background:#c2d7ec;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
}
.form_section table td{
	width:480px;
	padding:20px 15px;
	background:#f1f8ff;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
}
.form_section table th.sub{
	background:#dae0e5;
}
.form_section table input{
	border:1px solid #cccccc;

}