@charset "UTF-8";

body {
	min-width: 1024px;
	width: 100%;
	color: #333;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-family: Verdana, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* {
	/min-height: 0; /* for IE6, IE7 */
}

a {
	text-decoration: none;
	color: #4cc4d2;
}
a:hover {
	color: #fff;
}

a img {
	transition: All 0.4s ease;
}
a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}
 h2{
	color: #967d6e;
	font-size: 36px;
	font-weight: 400;
	line-height: 0;
	margin-top: 50px;
}
h3{
	color: #5fd0b7;
	font-size: 40px;
	line-height: 0;
	margin-top: 50px;
	padding-bottom: 60px;
}
p{
	font-size: 14px;
	color: #333;
	line-height: 18px;
}


table.def {
	width: 100%;
	margin: 0 auto;
	color: #967d6e;
	font-size: 14px;
	text-align: left;
}
table.def th {
	width: 210px;
	padding: 15px 10px;
	color:#32a5b3;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
}
table.def td {
	padding: 15px 10px;
	background: #fff;
}
table.def tr:nth-child(2n+1) th,
table.def tr:nth-child(2n+1) td {
	background: #dcf3f6;
}


.red_bold {
	color:#993300;
	font-weight:bold;
}

.clear{
	clear: both;
	line-height: 0;
}

.center{
	display: block;
	text-align: center;
}

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

header {
	position: fixed;
	width: 100%;
	padding-top:10px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	z-index: 9000;
}
.header_inner {
	width: 960px;
	margin: 0 auto;
}

.logo {
	margin-bottom: 10px;
	float: left;
}

.tel {
	margin-bottom: 10px;
	float: right;
}


/* ナビゲーション
----------------------------------- */

.gnav {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	background: rgba(255,255,255,0.9);
}

.gnav ul{
	width: 960px;
	margin: 0 auto;
	list-style: none;
	padding:0;
}

.gnav li {
	display: inline-block;
	margin-left: -6px;
	font-size: 14px;
}

.gnav a {
	display: block;
	transition: All 0.4s ease;
}

/* --------------------- TOP --------------------- */
	.nav01 a{
		width: 62px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: 0 -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav01 a:hover{
		width: 62px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: 0 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* --------------------- ご挨拶 --------------------- */
	.nav02 a{
		width: 73px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -61px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav02 a:hover{
		width: 73px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -61px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* --------------------- スクールご参加検討中の方へ --------------------- */
	.nav03 a{
		width: 257px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -134px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav03 a:hover{
		width: 257px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -134px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* --------------------- 教室の流れ --------------------- */
	.nav04 a{
		width: 110px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -391px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav04 a:hover{
		width: 110px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -391px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
/* --------------------- 講習内容 --------------------- */
	.nav05 a{
		width: 93px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -501px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav05 a:hover{
		width: 93px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -501px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* --------------------- よくあるご質問 --------------------- */
	.nav06 a{
		width: 145px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -594px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav06 a:hover{
		width: 145px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -594px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* --------------------- 受講風景 --------------------- */
	.nav07 a{
		width: 92px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -739px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav07 a:hover{
		width: 92px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position:  -739px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* --------------------- お問い合わせ --------------------- */
	.nav08 a{
		width: 129px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -831px -50px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.nav08 a:hover{
		width: 129px;
		height: 50px;
		background-image: url(../images/nav.png);
		background-position: -831px 0px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}

/* 共通
----------------------------------- */

.title {
	margin-bottom: 40px;
	text-align: center;
}


/* 1個目のブロック
----------------------------------- */

.content01 {
	padding: 310px 0 ;
	background: url(../images/background_01.jpg) center top fixed;
}

#con01_column{
	width:960px;
	margin: 0 auto;
	text-align:right;
}

#con01_column p.read{
	color:#666;
	font-size: 18px;
	line-height: 0;
	margin-top: 10px;
	padding-bottom: 40px;
}

.con01_box{
    background-color: #e9e2d7;
    border-radius: 6px;
    opacity: 0.6;
    padding: 20px;
    width:300px;
    display: inline-block;
    margin: 0 10px 15px;
    vertical-align: top;
}

.con01_box h3{
	color: #3db399;
	font-size: 32px;
	line-height: 0;
	margin-top: 30px;
	padding-bottom: 40px;
}


/* 2個目のブロック
----------------------------------- */

.content02 {
	padding: 200px 0;
	background: url(../images/background_02.jpg) center top fixed;
}

	#con02_column {
		width:960px;
		margin: 0 auto;
		padding-left: 340px;
	}
		#con02_column>section {
			width: 560px;
			margin:0 auto;
			padding:30px;
			background: rgba(220,243,246,0.9);
		}
		#con02_column>section>p {
			padding-bottom: 40px;
		}

		.cont02_img{
			width: 250px;
			margin:0 auto;
			padding: 10px 0 30px 0;
		}
			.cont02_img h4{
				text-align: center;
				font-size: 20px;
				font-weight: 500;
				color: #b18247;
			}
			.cont02_img h4 span{
				text-align: center;
				font-size: 15px;
				font-weight: 500;
				color: #7e521b;
			}

		.intro {
			width: 500px;
			margin:0 auto;
			padding:30px;
			background-color: #fff;
		}
			.intro h3 {
				width: 250px;
				margin:0 auto;
				padding-bottom: 20px;
			}
			.intro p{
				padding-bottom: 20px;
			}


/* 3個目のブロック
----------------------------------- */

.content03 {
	padding: 170px 0 200px;
	background: url(../images/background_03.jpg) center top fixed;
	background-size: cover; /* 背景をリピートさせたくないときに入れる */
}

.con03_dot_box {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
	.con03_dot_box h2 {
		line-height: 1.4;
	}

.cont03_01,.cont03_02,.cont03_03,
.cont03_04,.cont03_05,.cont03_06{
	width: 760px;
	height: 190px;
	margin: 0 auto;	
	background-repeat: no-repeat;
}

.cont03_01 {
	background-image: url(../images/cont03_bg.png);
	background-position: 0 0;
}
.cont03_02 {
	background-image: url(../images/cont03_bg.png);
	background-position: 0 -210px;
}
.cont03_03 {
	background-image: url(../images/cont03_bg.png);
	background-position: 0 -420px;
}
.cont03_04 {
	background-image: url(../images/cont03_bg2.png);
	background-position: 0 0;
}
.cont03_05 {
	background-image: url(../images/cont03_bg2.png);
	background-position: 0 -210px;
}
.cont03_06 {
	background-image: url(../images/cont03_bg2.png);
	background-position: 0 -420px;
}

	.cont03_01 p, .cont03_02 p, .cont03_03 p,
	.cont03_04 p,.cont03_05 p,.cont03_06 p {
		width: 470px;
		padding-top: 75px;
		padding-left: 250px;
	}



/* 4個目のブロック
----------------------------------- */

.content04 {
	padding: 170px 0 200px;
	background: url(../images/background_04.jpg) center top fixed;
	background-size: cover; /* 背景をリピートさせたくないときに入れる */
}

.con04_dot_box {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
	.con04_dot_box h2 {
		line-height: 1.4;
	}
	.con04_dot_box p{
		margin: 30px 0;
		font-size: 18px;
		color:#7d665e;
	}

.cont4_box{
	width: 760px;
	height: 900px;
	margin:0 auto;
	background-image: url(../images/cont4.png);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;	
}
.cont04_1{
	top: 75px;
	right: 0px;
}
.cont04_2{
	top: 310px;
	right: 216px;
}
.cont04_3{
	top: 550px;
	right: 5px;
}
	.cont04_1,.cont04_2,.cont04_3{
		width: 260px;
		position: absolute;
	}
	.cont04_1 li,.cont04_2 li,.cont04_3 li{
		list-style-type: disc;
	}


/* 5個目のブロック
----------------------------------- */

.content05 {
	padding: 170px 0 200px;
	background: url(../images/background_05.jpg) center top fixed;
	background-size: cover; /* 背景をリピートさせたくないときに入れる */
}

.con05_dot_box {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
	.con05_dot_box article {
		margin-bottom: 40px;
		padding:20px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 0 25px;
	}
		.cont05_01{ background-image: url(../images/cont5_01_img.jpg);}
		.cont05_02{ background-image: url(../images/cont5_02_img.jpg);}
		.cont05_03{ background-image: url(../images/cont5_03_img.jpg);}
		.cont05_04{ background-image: url(../images/cont5_04_img.jpg);}
		.cont05_05{ background-image: url(../images/cont5_05_img.jpg);}
		.cont05_06{ background-image: url(../images/cont5_06_img.jpg);}
		.cont05_07{ background-image: url(../images/cont5_07_img.jpg);}
	.con05_dot_box h2 {
		line-height: 1.4;
	}
	.con05_dot_box h3{
		width: 680px;
		margin:0 auto;
		margin-top: 30px;
		margin-bottom: 160px;
		padding: 20px 0;
		color: #fff;
		font-size: 15px;
		line-height: 24px;
		text-align: center;
		background-color: #4cc4d2;
	}
	.con05_dot_box h4 {
		margin-bottom: 20px;
	}	
	.con05_dot_box section{
		width: 680px;
		margin:0 auto;
		margin-bottom: 40px;
	}	
	.con05_dot_box table{
		display: block;
		width:680px;
		margin: 0 auto;
	}
	.con05_dot_box th{
		width: 230px;
		padding: 20px 0px;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		vertical-align: middle;
		background-color: #c6ebf0;
		border: 1px solid #4cc4d2;
	}
	.con05_dot_box td{
		width: 450px;
		padding: 20px 0px;
		padding-left: 10px;
		font-size: 15px;
		color: #333;
		vertical-align: middle;
		border: 1px solid #4cc4d2;
	}
		.con05_dot_box td>span{
			display: block;
			color: #e54e4e;
			text-align: right;
		}

	.con05_dot_box p{
		margin: 10px 0;
	}






/* 6個目のブロック
----------------------------------- */

.content06 {
	padding: 170px 0 200px;
	background: url(../images/background_06.jpg) center top fixed;
	background-size: cover; /* 背景をリピートさせたくないときに入れる */
}

.con06_dot_box {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	/**background: url(../images/con03_dot_box.png);**/
	overflow: hidden;
}

.con06_dot_box p{
	margin: 30px 0;
	font-size: 18px;
	color:#7d665e;
}

.con06_dot_box h2 {
	line-height: 1.4;
}

.con06_title {
	margin-bottom: 30px;
	text-align: center;
}

.con06_btn {
	margin: 24px 0 0 370px;
}
.con06_btn img {
	box-shadow: 2px 2px 1px rgba(0,0,0,.1);
}


.menu>label {
    display: block;
    padding: 20px;
    margin: 0;
    background-color: #4cc4d2;
}

.menu>label>h3 {
	margin:0;
	padding:0;
	line-height: 18px;
    font-size: 18px;
    color: #fff;
	float: left;
}

.menu>label>img {
	float: right;
}


.menu>input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 20px;
    font-size: 15px;
    background-color: #fff;
}

.menu>input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

.menu>input[type="checkbox"].on-off:checked + ul{
    height: 80px;
}

/* 7個目のブロック
----------------------------------- */

.content07 {
	padding: 170px 0 200px;
	background: url(../images/background_07.jpg) center top fixed;
	background-size: cover; /* 背景をリピートさせたくないときに入れる */
}

.con07_dot_box {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	/**background: url(../images/con03_dot_box.png);**/
	overflow: hidden;
}

.con07_dot_box p{
	margin: 30px 0;
	font-size: 18px;
	color:#7d665e;
}

.con07_dot_box h2 {
	line-height: 1.4;
}

.con07_btn {
	margin: 24px 0 0 370px;
}
.con07_btn img {
	box-shadow: 2px 2px 1px rgba(0,0,0,.1);
}



/* 8個目のブロック
----------------------------------- */

.content08 {
	background: url(../images/background_08.jpg) fixed;
}

.cont08_bg{
	padding: 130px 0;
	background: url(../images/cont08_bg.png) center 160px no-repeat fixed;	
}

.con08_title {
	margin-bottom: 30px;
	text-align: center;
}

.sended {
	width: 600px;
	margin: 0 auto;
	padding: 12px;
	text-align: center;
	color: #333;
	background: rgba(255,255,255,.8);
}

table.entry_conf {
	width: 700px;
	margin: 0 auto 40px;
}
table.entry_conf th {
	width: 200px;
}

.entry_table {
	width: 600px;
	margin: 0 auto 30px;
}
.entry_table th {
	width: 200px;
}
.entry_form {
	width: 690px;
	margin: 0 auto 30px;
	font-size: 16px;
	color: #333;
}

.entry_form th {
	width: 180px;
	text-align: right;
	padding: 12px;
	font-weight: bold;
	vertical-align: top;
}
.entry_form th p {
	width: 35px;
	margin: 0 0 0 5px;
	text-align: center;
	padding: 1px;
	background: #f00;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	display: block;
	float: right;
}
.entry_form td {
	padding: 12px;
}
.entry_form td p {
	color: #f33;
	font-weight: bold;
}

.entry_form input,
.entry_form textarea {
	padding: 8px;
	border: 0;
	color: #000;
	background:#f9ca6c;
}
.entry_form input[type="button"] {
	cursor: pointer;
}
.entry_form select {
	padding: 5px;
	border: 0;
	background:#f9ca6c;
}

p.submits {
	text-align: center;
}
p.submits input {
	margin: 0 8px;
	padding: 0 15px;
	line-height: 35px;
}

#privacy {
	overflow: auto;
	width: 660px;
	height: 200px;
	background-color: #FFFFFF;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 80px;
	text-align: left;
	}

 .privacy.center #privacy .pr_title {
	color: #FFFFFF;
	background-color: #4cc4d2;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 20px;
	padding-left: 13px;
}

#privacy .privacy_box .pr_sub {
	border-bottom: 1px dotted #606060;
	font-size: 17px;
	background-image: url(../images/midasi.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.privacy.center #privacy .privacy_box {
	margin-bottom: 15px;
}


.bnr{
	text-align: center;
}



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

footer {
	text-align: center;
	background: #fff;
}
footer > * {
	margin: 0 22px;
}






 * {
	margin: 0 22px;
}