@charset "utf-8";
/*====================================================================

	Contents CSS

====================================================================*/
html {font-size: 62.5%;}
body {width: 100%;
	height: 100%;
	min-height: 1590px;
	margin: 0;
	padding: 0;
	background-image: url(../img/common/bg/main_bg.png);
	background-repeat:repeat-x;
	bottom: 0;
}



.bg_c:hover {
	opacity:0.75;
	filter: alpha(opacity=75);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75;              /* Safari 1.x */
	zoom:1;
}
/*-----------------------------
	background img 
------------------------------*/

#wrap{
	width: 1222px;
	height: auto;
	padding: 0 11px 0 11px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(../img/common/bg/content_shadow.png);
	background-repeat: no-repeat;
}


/*-----------------------------
	header 
------------------------------*/
header{
	width:1200px;
	height:140px;
	margin: 0 auto 0 auto;
	background-image:url(../img/common/bg/2nd_top.png);
	background-repeat:no-repeat;
}
#header-area{
	width: 100%;
	display: table;
	padding-top: 19px;
}

#logo{
	width:247px;
	height: 84px;
	display: table-cell;
	padding-left:37px;
	vertical-align: top;

}

#open_day{
	width: 110px;
	display: table-cell;
	vertical-align: top;
	padding-left: 433px;
}
.open_days{
	width: 97px;
	height: 33px;
	margin-top: 30px;
	font-size: 17px;
	line-height: 33px;
	font-weight: bold;
	background-color: #fff;
	text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
   }

#contact_time{
	display: table-cell;
	vertical-align:middle;
	font-weight: bold;
}

.times{
	font-size: 35px;
	font-weight: bold;
}

.contact_time_a{
	margin: 20px 0 0 0;
}

.contact_time_b{
	margin: 0 0 3px 0;
}

.contact_time_c{
	margin: 5px 0 0 0;
	font-size: 28px;
	height: 50px;
	vertical-align: middle;

}


/*-----------------------------
	footer 
------------------------------*/
footer{
	margin: 45px 40px 0 40px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}

.footer_mail a{
	text-decoration: underline;
}

.copyright{}

/*--------------------------------------------------------------------
   2nd Commnon Element
--------------------------------------------------------------------*/
#content_area{
	display: table;
	vertical-align: top;
	padding: 0 40px 0 40px;
}


#nav_area{
	display: table-cell;
	vertical-align: top;

}

#nav_area li a{
	width: 230px;
	height: 60px;
	background-image: url(../img/common/menu/global_nav_bg.png);
	background-repeat: no-repeat;
	font-size: 20px;
	line-height: 60px;
	padding-left: 25px;
	color: #fff;
	display: block;

}

#nav_area li a:hover{
	background-image: url(../img/common/menu/global_nav_bg.png);
	background-repeat: no-repeat;
	opacity:0.75;
	filter: alpha(opacity=75);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75;              /* Safari 1.x */
	zoom:1;
}



#fb_banner{
	padding-top: 20px;
}

#fb_banner img{
	width: 230px;
}

#main_content{
	display: table-cell;
	padding-left: 40px;
	vertical-align: top;
}



/*--------------------------------------------------------------------
   Company
--------------------------------------------------------------------*/
#company_area{
	padding: 40px 0 120px 0 ;

}

#company_area h2{
	width: 850px;
	height: 50px;
	background-image:url(../img/company/ttl_company.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	padding-left: 16px;
	
}


.company_elements{
	display: table;
	background-image: url(../img/company/company_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 850px;
	height: auto;
	min-height: 50px;
}

.company_elements_t{
	width: 175px;
	display: table-cell;
	line-height: 50px;
	text-align: right;
	color: #314f87;
	font-weight: bold;
}

.company_elements_c{
	display: table-cell;
	padding-left: 40px;
	line-height: 50px;
}


/*--------------------------------------------------------------------
   Campaign
--------------------------------------------------------------------*/
#cp_area{
	padding: 40px 0 120px 0 ;

}

#cp_area h2{
	width: 850px;
	height: 50px;
	background-image:url(../img/campaign/ttl_cp.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	padding-left: 16px;
	
}


.cp_2br{
	padding: 40px 40px 0 40px;
}

.cp_2br h3{
	width: 770px;
	height: 50px;
	background-image:url(../img/campaign/cp_h3_bg.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
}

.cp_2br_cont{
	padding-top: 20px;
	display: table;
}

.cp_2br_l{
	width: 375px;
	height: 165px;
	display: table-cell;
	background-image: url(../img/campaign/cp_2br_bg.png);
	background-repeat: no-repeat;
	background-position: center top
}

.cp_2br_r{
	width: 375px;
	height: 165px;
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../img/campaign/cp_2br_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.cp_2br_ttl{
	width: 375px;
	height: 50px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
}

.cp_yellow{
	color: #ffea00;
	font-size: 15px;
}

.cp_price_1{
	font-size: 30px;
}

.cp_yen_1{
	font-size: 16px;

}

.cp_2br_text{
	padding: 20px;
	font-size: 14px;
	line-height: 26px;
}

.cp_2br_text2{
	padding-top: 25px;
	color: #314f87;
}

.cp_2br_text_c{
	padding-left: 13px;
}

.cp_2br_text_c2{
	padding-left: 13px;
	margin-bottom: 15px;
}

.cp_3br{
	padding: 40px 40px 0 40px;
}

.cp_3br h3{
	width: 770px;
	height: 50px;
	background-image:url(../img/campaign/cp_h3_bg.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
}

.cp_3br_cont{
	padding-top: 20px;
	display: table;
}

.cp_3br_l{
	width: 243px;
	height: 88px;
	display: table-cell;
	background-image: url(../img/campaign/cp_3_bg.png);
	background-repeat: no-repeat;
	background-position: center top
}

.cp_3br_c{
	width: 243px;
	height: 88px;
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../img/campaign/cp_3_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.cp_3br_r{
	width: 243px;
	height: 88px;
	padding-left: 21px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../img/campaign/cp_3_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.cp_3br_ttl{
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 16px;
	padding: 12px 0 12px 0;
	font-weight: bold;
}

.cp_price_2{
	font-size: 30px;
	color: #ffea00;
}

.cp_3br_text{
	padding-top: 10px;
	color: #314f87;
}

.cp_4br{
	padding: 88px 40px 0 40px;
}


#cp_4br_mttl{
	text-align: center;
	font-size: 20px;
	color: #3d5d99;
	padding-bottom: 10px;
	border-bottom: 1px solid #3d5d99;
}

.cp_4br_cont{
	width: 100%;
	padding-top: 20px;
	display: table;
	table-layout: fixed;
}

.cp_4br_l{
	display: table-cell;
	line-height: 30px;
}

.cp_4br_r{
	display: table-cell;
	line-height: 30px;
}

.cp_4br_text{
	padding-top: 45px;
	color: #314f87;
}


/*--------------------------------------------------------------------
   Contact
--------------------------------------------------------------------*/
#contact_area{
	padding: 40px 0 120px 0 ;
}

#contact_area h2{
	width: 850px;
	height: 50px;
	background-image:url(../img/contact/ttl_contact.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	padding-left: 16px;
}


#contact_message{
	width: 850px;
	height: 150px;
	/* background-image: url(../img/contact/contact_message_bg.png);*/
}

#contact_message_text{
	padding: 40px;
	line-height: 25px;
}

.contact_message_text_b{
	font-size: 12px;
	color: #314f87;
}

.contact_elements{
	display: table;
	background-image: url(../img/contact/form_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 850px;
	height: auto;
	min-height: 50px;
}

.contact_elements_t{
	width: 175px;
	display: table-cell;
	line-height: 50px;
	text-align: right;
	font-size: 15px;
	color: #314f87;
	font-weight: bold;
}

.contact_elements_c{
	display: table-cell;
	padding-left: 40px;
	line-height: 50px;
	vertical-align: top;
}

.contact_elements_c input[type="text"]{
	width: 350px;
	height: 26px;
	padding: 0 5px 0 5px;
	border: 1px solid #cdd7e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.contact_elements_c input[type="email"]{
	width: 350px;
	height: 26px;
	padding: 0 5px 0 5px;
	border: 1px solid #cdd7e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.contact_elements_c input[type="tel"]{
	width: 350px;
	height: 26px;
	padding: 0 5px 0 5px;
	border: 1px solid #cdd7e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.contact_elements_c textarea{
	width: 582px;
	height: 160px;
	padding: 5px;
	border: 1px solid #cdd7e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 10px;
	margin-bottom: -10px;
	resize: none;
}

.form_submit{
	width: 231px;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top: 40px;
	
}

.form_submit input[type="button"]:hover{
	opacity:0.75;
	filter: alpha(opacity=75);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75;              /* Safari 1.x */
	zoom:1;
}

.contact_form_button{
	width: 100%;
	margin-top: 20px;
	
}
.contact_form_button_area{
	width: 231px;
	margin: 0 auto 0 auto;
	text-align: center;
}


#submitBtn {
	display:block;
	width:230px;
	height:50px;
	padding:0;
	border:0;
	background:url(../img/contact/submit.png) no-repeat left top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	}


/*--------------------------------------------------------------------
   Voice
--------------------------------------------------------------------*/
#voice_area{
	padding: 40px 0 120px 0 ;

}

#voice_area h2{
	width: 850px;
	height: 50px;
	background-image:url(../img/voice/ttl_voice.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	padding-left: 16px;
}

#voice_message{
	padding: 40px 40px 0 40px;
	font-size: 14px;
	line-height: 28px;
}

.voice_elements{
	margin-top: 50px;
}

.voice_ttl{
	color: #314f87;
}

.voice_content{
	padding: 20px;
	background-image: url(../img/voice/voice_bg.png);	
}

.voice_user{
	text-align: right;
	line-height: 37px;
}



/*--------------------------------------------------------------------
   price
--------------------------------------------------------------------*/
#price_area{
	padding: 40px 0 120px 0 ;

}

#price_area h2{
	width: 850px;
	height: 50px;
	background-image:url(../img/price/ttl_price.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	padding-left: 16px;
}

#price_area h3{
	width: 770px;
	height: 50px;
	background-image:url(../img/price/price_h3_bg.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
}

.price_area_small{
	padding: 40px 40px 0 40px ;

}

.price_list_area{
	padding: 20px 20px 20px 20px;
}

.price_list_ttl{
	font-size: 20px;
	line-height: 28px;
	color: #174fb6;
	border-bottom: 1px solid #174fb6;
	font-weight: bold;
}

.price_board{
	width: 690px;
	display: table;
	padding: 0 20px 0 20px;
}

.price_board_l{
	width: 325px;
	display: table-cell;
}

.price_board_r{
	width: 325px;
	display: table-cell;
	padding-left: 40px;
}

.price_elements{
	display: table;
	width: 325px;
	height: 34px;
	background-image: url(../img/price/price_list_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	line-height: 33px;
	font-size: 14px;

}

.price_board_t{
	display: table-cell;
	padding-left: 10px;
}

.price_board_p{
	display: table-cell;
	padding-right: 10px;
	text-align: right;
}

.price_small{
	font-size: 11px;
}

.price_small2{
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 20px;
	color: #174fb6;
	font-weight: bold;
}

.price_tv{
	color: #174fb6;
	font-weight: bold;
}

.price_elements2{
	display: table;
	width: 325px;
	padding-top: 10px;

}
