@charset "shift_jis";

/* 
---------------------------------------------
contents common css
---------------------------------------------
*/


/*****************************************************
各ページ共通CSS
*******************************************************/
.title {
	margin-bottom: 30px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 884px;
}
#pankuzu {
	margin-bottom: 30px;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
}

.subtitle {
	margin-bottom: 15px;
	clear: both;
	margin-left: 15px;
	width: 790px;
}
.box {
	margin-bottom: 60px;
	padding-right: 65px;
	padding-left: 65px;
}
.box2 {
	margin-bottom: 30px;
	padding-right: 65px;
	padding-left: 65px;
}
.box2 {
	margin-bottom: 20px;
	padding-right: 65px;
	padding-left: 65px;
}
.box_table {
	margin-bottom: 60px;
	padding-right: 65px;
	padding-left: 65px;
}
.box_table table {
	width: 100%;
	line-height: 180%;
	margin-bottom: 60px;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
}
.box_table td {
	background-color: #F7F7F7;
	padding: 18px;
}

.box_table02 {
	margin-bottom: 60px;
	padding-right: 65px;
	padding-left: 65px;
}
.box_table02 table {
	width: 100%;
	line-height: 180%;
	margin-bottom: 60px;
	font-size: 14px;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
}
.box_table02 td {
	background-color: #F7F7F7;
	padding: 8px;
	width: 32%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CCC;
	border-bottom-color: #D6D6D6;
}

.box_table02 tr:last-child td {
	border-bottom: none;
}
.box_table02 tr td:nth-of-type(3) {
	border-right: none;
}

.box_support {
	margin-bottom: 35px;
	padding-right: 280px;
	padding-left: 65px;
	background-image: url(../image/img_support.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


.box_support ul {
	background-color: #EFFCF4;
	padding:25px;
	margin-top:25px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.box_support2 li {
	background-image: url(../image/bread_arrow.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px;
	margin-bottom: 5px;
	font-weight: bold;
}

.box_support2 {
	margin-bottom: 35px;
	padding-right: 280px;
	padding-left: 65px;

}

.box_support2 ul {
	background-color: #EFFCF4;
	padding:25px;
	margin-top:25px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.box_reason {
	margin-bottom: 50px;
	padding-right: 65px;
	padding-left: 60px;
}
.box_reason_inbox {
	padding: 25px;
	background-color: #F9F9F9;
	margin-left: 90px;
}
.box_support li {
	background-image: url(../image/bread_arrow.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px;
	margin-bottom: 5px;
	font-weight: bold;
}
.box_bonus {
	border: 4px solid #A0120E;
	padding: 40px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 60px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.box_bonus_inbox {
	margin-bottom: 45px;
}
.box_movie {
	background-image: url(../image/movie_bg.jpg);
	background-repeat: no-repeat;
	width: 838px;
	margin-right: auto;
	margin-left: auto;
	height: 734px;
	margin-bottom: 60px;
}
.box_movie_inbox {
	padding-top: 140px;
	padding-left: 60px;
}
.box_sample_left {
	float: left;
}
.box_sample_right {
	float: right;
}
.box_sample01 {
	position:relative;
}
.box_sample01 .btn{
	position:absolute;
	top:116px;
	left:22px;
}
.box_sample02, .box_sample03, .box_sample04 {
	position:relative;
}
.box_sample02 .btn,
.box_sample03 .btn,
.box_sample04 .btn{
	position:absolute;
	top:136px;
	left:22px;
}
.sample_05 {
	position:relative;
	clear: both;
	margin-bottom: 65px;
}
.sample_05 .movie{
	position: absolute;
	top: 125px;
	left: 30px;
}
.box_apply {
	margin-right: auto;
	margin-bottom: 95px;
	margin-left: auto;
	width: 814px;
}

.photo_left {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
.photo_right {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}
.clearfix {
	clear: both;
}




/*****************************************************
テキスト設定CSS
*******************************************************/
.font_h {
	margin-top: 1em;
}
.font_list {
	text-indent: -1em;
	padding-left: 1em;
}
.font_red {
	color: #CC0000;
}
.font_blue {
	color: #0033cc;	
}	
.font_line_yellow {
	background-color: #FF0;
	font-weight: bold;
	padding: 1px;
}
.font_under {
	font-weight: bold;
	text-decoration: underline;
}

.font_px10 {
	font-size: 10px;
	line-height: 180%;
}	
	
.font_px20 {
	font-size: 20px;
	line-height: 180%;
}
.font_px30 {
	font-size: 30px;
	line-height: 180%;
}


.taiken_box {
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF9E3;
	margin-bottom: 55px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow:0px 0px 8px 2px #dbdbdb;
	-moz-box-shadow:0px 0px 8px 2px #dbdbdb;
	-webkit-box-shadow:0px 0px 8px 2px #dbdbdb;
}
.taiken_title{
	border-bottom:2px dotted #FFCC33;
	margin-bottom:30px
}
.taiken_title h3 {
	color: #FF6600;
	font-size: 23px;
	font-weight: bold;
	line-height: 140%;
	padding-top: 20px;
	padding-bottom: 20px;

}
.taiken_inbox {
	padding: 35px;
}


.suisen_box {
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF9E3;
	margin-bottom: 55px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow:0px 0px 8px 2px #dbdbdb;
	-moz-box-shadow:0px 0px 8px 2px #dbdbdb;
	-webkit-box-shadow:0px 0px 8px 2px #dbdbdb;
}
.suisen_title{
	border-bottom:2px dotted #FFCC33;
	margin-bottom:30px
}
.suisen_title h3 {
	color: #FF6600;
	font-size: 23px;
	font-weight: bold;
	line-height: 140%;
	padding-top: 20px;
	padding-bottom: 20px;

}
.suisen_inbox {
	padding: 35px;
}




.sample_title {
	width: 764px;
	margin-left: 74px;
}
.sample_box {
	margin-bottom: 30px;
	width: 764px;
	margin-left: 74px;
	background-color: #FEFBEA;
}
.sample_inbox {
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 11px;
}
.sample_inbox p {
	padding-right: 15px;
	padding-left: 15px;
}
.sample_inbox img {
	padding-top: 15px;
}


.study_box01 {
	margin-bottom: 30px;
	width: 765px;
	margin-left: 74px;
	background-image: url(../image02/img17-01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.study_box02 {
	margin-bottom: 30px;
	width: 765px;
	margin-left: 74px;
	background-image: url(../image02/img17-02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.study_inbox {
	padding-right: 270px;
	padding-left: 25px;
	padding-bottom: 15px;
	padding-top: 15px;
}


.bred_box {
	margin-left: auto;
	width: 765px;
	margin-bottom: 65px;
	margin-right: auto;
	border: 4px solid #74AC13;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	box-shadow: 0px 0px 8px 2px #dbdbdb;
	-moz-box-shadow: 0px 0px 8px 2px #dbdbdb;
	-webkit-box-shadow: 0px 0px 8px 2px #dbdbdb;
	background-color: #FFFFF4;
}
.bred_inbox {
	padding: 40px;
	
}
.bred_title {
	background-image: url(../image/bread_arrow.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-position: 10px 12px;
}
.bred_title h4 {
	font-size: 22px;
	line-height: 145%;
	font-weight: bold;
	color: #CC0000;
	padding-left: 42px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.bred_disc {
	padding-left: 42px;
	margin-bottom:35px;
}
.bred_disc_last {
	padding-left: 42px;
}


.qa_box {
	width: 770px;
	margin-left: auto;
	margin-bottom: 40px;
	margin-right: auto;
}
.qa_box table {
	width: 100%;
}
.qa_box th {
	padding: 10px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
.qa_box td {
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.qa_box .line {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


.voice_box {
	margin-bottom: 30px;
	width: 765px;
	margin-left: 74px;
}
.voice_box .voice01 {
	background-image: url(../image02/img22-01.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: 15px 15px;
}
.voice_box .voice02 {
	background-image: url(../image02/img22-02.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: 15px 15px;
}
.voice_box li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding: 15px;
}

/*2015.12.04追加*/
input , textarea{
	padding:5px;
	}
.add_formbox{
	margin-left: 30px;
	margin-right: 30px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF2626;
	border-bottom-color: #FF2626;
	border-left-color: #FF2626;
	padding: 15px 25px 15px 25px;
}
.add_formbox table{
	width: 100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	margin-top: 5px;
}
.add_formbox th{
	padding: 15px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #FFF0F7;
}
.add_formbox td{
	padding:15px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.add_formbox02{
	margin-left: 30px;
	margin-right: 30px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #48AE2B;
	border-bottom-color: #48AE2B;
	border-left-color: #48AE2B;
	padding: 15px 25px 15px 25px;
	
}
.add_formbox02 table{
	width: 100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	margin-top: 5px;
}
.add_formbox02 th{
	padding: 15px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #EEF7EE;
}
.add_formbox02 td{
	padding:15px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.add_apply_btn {
	text-align: center;
	padding-top: 12px;
}
.add_tab{
	margin-left:30px;
	margin-right:30px;
}


/*****************************************************
カウントタイマーCSS
*******************************************************/
#counttimer_top {
	background-color: #e50000;
}
#counttimer_top_box {
	width: 1113px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
#counttimer {
	background-color: #e50000;
	margin-right: 65px;
	margin-left: 65px;
	margin-bottom: 30px;
}
#counttimer_box {
	width: 757px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}


.c_box {
	width: 884px;
}
.c_inbox {
	padding: 20px;
}
.c_inbox table {
	width: 100%;
}
.c_inbox td {
	padding: 18px;
	border: 1px solid #E8E8E8;
}
.c_inbox th {
	padding: 18px;
	background-color: #76AE15;
	color: #FFF;
	white-space: nowrap;
}
.dod_box {
	background-image: url(../image/bgground.gif);
	background-repeat: repeat;
	width: 817px;
	margin-bottom: 25px;
	padding: 10px;
	margin-left:25px;
}
.dod_inbox {
	background-color: #FFF;
	padding: 25px;
}




/*****************************************************
お申し込みCSS
*******************************************************/
.apply_img {
	width: 827px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.apply_title {
	width: 785px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#apply_local_btn {
	width: 785px;
	height: 72px;
	margin-left: auto;
	margin-right: auto;
}
#apply_local_btn li {
	float: left;
	height: 72px;
}
.apply_box {
	width: 781px;
	margin-bottom: 25px;
	border: 2px solid #D62D58;
	margin-left: auto;
	margin-right: auto;
}
.apply_box02 {
	width: 781px;
	margin-bottom: 25px;
	border: 2px solid #3398CC;
	margin-left: auto;
	margin-right: auto;
}
.apply_box03 {
	width: 781px;
	margin-bottom: 25px;
	border: 2px solid #5CB700;
	margin-left: auto;
	margin-right: auto;
}
.apply_subtitle {
	height: 56px;
	width: 748px;
	margin-bottom: 10px;
}
.apply_inbox {
	padding: 15px;
}
.apply_inbox01 {
	margin-top: 10px;
}
.apply_inbox01 table {
	width: 100%;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
.apply_inbox01 td {
	padding: 15px;
	border: 1px solid #CCC;
}
.apply_inbox01 th {
	font-weight: bold;
	padding: 15px;
	white-space: nowrap;
	background-color: #C03;
	color: #FFF;
	width: 140px;
}
.apply_inbox02 {
	margin-top: 10px;
}
.apply_inbox02 table {
	width: 100%;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
.apply_inbox02 td {
	padding: 15px;
	border: 1px solid #CCC;
}
.apply_inbox02 th {
	font-weight: bold;
	padding: 15px;
	white-space: nowrap;
	background-color: #3398CC;
	color: #FFF;
	width: 140px;
}
.apply_inbox03 {
	margin-top: 10px;
}
.apply_inbox03 table {
	width: 100%;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
.apply_inbox03 td {
	padding: 15px;
	border: 1px solid #CCC;
}
.apply_inbox03 th {
	font-weight: bold;
	padding: 15px;
	white-space: nowrap;
	background-color: #5DB801;
	color: #FFF;
	width: 140px;
}
.apply_btn_send {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}


/*2016.10.05追加*/
.bred_box02 {
	margin-left: auto;
	width: 765px;
	margin-bottom: 35px;
	margin-right: auto;
}

.bred_box02 .bred_title {
	background-image: url(../image/bread_arrow.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-position: 10px 12px;
}
.bred_title h3 {
	font-size: 18px;
	line-height: 145%;
	font-weight: normal;
	padding-left: 42px;
	padding-top: 9px;
	padding-bottom: 9px;
}
