@charset "utf-8";
/* CSS Document */

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

*{ margin: 0; padding: 0;}

html,body{
	font-size: 16px;
	color: #333333;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	line-height: 1.8em;
	background-image: url(img/formbackground.png);
	background-repeat: repeat-x;
}

a{ color: #2A7CA5;}
a:hover{ text-decoration: none;}

img{ vertical-align: top; border: none;}

li{ list-style: none;}

/* ヘッダー */
header#header #header-inner h1{
	width:900px;
	height:70px;
	margin:auto;
}
header#header #header-inner h1 img{
	width:100%;
	height:auto;
}

/* MV */
#mv{
	width:100%;
	background: url(../img/main_bg.jpg);
	margin:auto;
	height:780px;
	background-position: center;
}
#mv #mv_inner{
	width:900px;
	margin:auto;
}
#mv #mv_inner img{
	width:100%;
	height:auto;
}

/* 共通 */
.box1000{
	width:1000px;
	margin:auto;
}
.box990{
	width:990px;
	margin:auto;
}
.box940{
	width:940px;
	margin:auto;
}
.box800{
	width:800px;
	margin:auto;
}
.title01 {
	font-size: 32px;
	color: #666666;
	text-align: center;
	line-height: 1.6em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #555555;
	border-bottom-color: #555555;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	margin-top: 50px;
}


.textarea p {
	margin-bottom: 20px;
}


/* 最初のフォームエリア */
.form01 {
	box-sizing:border-box;
	background-image: url(../img/form01_bg.png);
}
.form01 #form01_left {
	float: left;
	width: 500px;
	margin-top: 50px;
	margin-left: 70px;
}
.form01 #form01_right {
	float: right;
	width: 423px;
}

.form01 .timer{
	width:1000px;
	height:80px;
	clear:both;
	margin:11px 0 0;
	background-image: url(../img/form01_shitabg.png);
	background-position: bottom;
}
.form01 .timer .countdown {
	width: 860px;
	font-size: 30px;
	font-weight: bold;
	color: #187800;
	letter-spacing: 5px;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #7F7F7F;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	line-height: 1.4em;
}

/* 最初のフォームエリア（フォーム詳細） */
.form01 form input[type="text"] {
	width: 320px;
	height:40px;
	font-size:14px;
	padding:5px;
	box-sizing:border-box;
	border:2px solid #000;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.form01 form input[type="submit"] {
	display: block;
	width: 340px;
	height:85px;
	padding: 0;
	background: url(../img/form_01_btn.png) no-repeat 0 0;
	border:none;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 20px;
}
.form01 form  input[type="submit"]:hover {
	opacity:0.85;
}




/* コンテンツ2 */
.voice{
	overflow:hidden;
	margin:0 0 50px;
	font-size: 14px;
	line-height: 1.8em;
}
.voice .ttl {
	background-image: url(../img/background01.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.voice .ttl h2{
	font-size:24px;
	color:#C00;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	line-height: 1.6em;
	font-weight: normal;
}
.voice .ttl p.name{
	color:#666;
	text-align:right;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 0px;
}
.voice .text{
	float:left;
	width:470px;
	margin-left: 20px;
}
.voice .text p {
	margin-bottom: 10px;
}


.voice .pic{
	float:right;
	width: 400px;
	margin-right: 20px;
}
.voice .pic img{
	width:400px;
	height:auto;
}


/* コンテンツ3 */
.lesson{
	box-sizing:border-box;
	background-image: url(../img/title_03_bg.png);
}
.lesson h2 {
	clear: both;
	margin-left: 70px;
	font-size: 28px;
	color: #135300;
	line-height: 1.6em;
	margin-bottom: 20px;
	margin-top: 20px;
}
.lesson .text{
	float:left;
	width:390px;
	margin-left: 80px;
	font-size: 14px;
}
.lesson .text h3{
	font-size:16px;
	font-weight:normal;
	background-image: url(../img/background02.png);
	padding: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.lesson .text h3 span{
	font-size:22px;
	font-weight:bold;
}
.lesson .pic{
	float:right;
	width:400px;
	margin-right: 40px;
}


/* コンテンツ4、5 */
.contents_04 p, .contents_05 p{
	margin:0 0 30px;
	line-height:2.5;
}
p.border{
	border:2px solid #F00;
	padding:20px;
	box-sizing:border-box;
	font-size:1.3em;
	margin:20px 0;
	font-weight:bold;
	width:90%;
}

/* コンテンツ6 */
#reason{
	width:920px;
	background-image: url(../img/background03.jpg);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding: 10px;
}
#reason h1{
	text-align:center;
	margin-bottom: 30px;
}
#reason .reason_box{
	width:800px;
	box-sizing:border-box;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#reason .reason_box .title{
	margin:0 0 20px;
}
#reason .reason_box .text{
	float:left;
	width:420px;
	font-size: 14px;
}
#reason .reason_box .text p{
	line-height:1.8em;
	margin:0 0 10px;
}
#reason .reason_box .pic{
	float:right;
	width:360px;
}
#reason .reason_box .detail{
	text-align:center;
}


/* コンテンツ7 */
.contents_07 .triangle{
	text-align:center;
}



/* コンテンツ8 */
#special{
	width:100%;
	background-image: url(../img/background04.png);
	padding-bottom: 70px;
}
#special .title {
	background-image: url(../img/special_ttl_bg.png);
	background-repeat: repeat-x;
	text-align: center;
}
#special .midashi {
	font-size: 40px;
	line-height: 1.8em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}





/* コンテンツ9 */
.contents_09 .pic img{
	display:block;
	margin:0 auto 60px;
}


/* コンテンツ10 */
#message{
	width:940px;
	box-sizing:border-box;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/background03.jpg);
	padding-bottom: 50px;
}
#message .messagebox {
	background-color: #FFFFFF;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #135400;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#message .messagebox .name {
	font-weight: bold;
	color: #175804;
	font-size: 20px;
	margin-bottom: 20px;
}


#message .movie iframe{
	display:block;
	width:700px;
	height:360px;
	margin:0 auto 0px;
}


/* 3つめのフォームエリア
基本的にはフォーム2を流用 */



/* プライバシーポリシー */
#privacy{
	width:1000px;
	box-sizing:border-box;
	background:#EEE;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
}
#privacy h1{
	font-size:1.3em;
	text-decoration:underline;
	text-align:center;
}
#privacy h2{
	font-size:1.1em;
	font-weight:normal;
}
#privacy .scroll{
	margin:0.5em 0 1em;
	background:#FFF;
	padding:1em;
	box-sizing:border-box;
	overflow-y: scroll;
	height:200px;
}
#privacy .scroll p{
	margin:0 0 20px;
}
#privacy .bottom p{
	margin:0 0 20px;
}

/* フッター */
#footer {
    text-align: center;
    font-size: 14px;
    padding-bottom: 30px;
}
#footer p {
    margin-bottom: 20px;
}