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


body {background:#e4fdce;}
.cont {width:960px; margin:0 auto;}

.m-t {margin-top:15px;}
.m-tt {margin-top:30px;}
.m-b {margin-bottom:15px;}
.m-bb {margin-bottom:30px;}

#main {width:100%; height:625px; background:url(../img/main_bg.jpg) repeat-x;}
.main_area {width:100%; height:625px; margin:0 auto; background:url(../img/main.jpg) top center; position:relative;}
.fuwafuwa {position:absolute; top:35px; right:50%; margin-right:-475px;
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

#cont1 {width:100%; height:487px; background:url(../img/01_bg.jpg) repeat-x;}
.cont1_main {width:100%; height:487px; background:url(../img/01.jpg) top center no-repeat;}
#cont2 {width:100%; background:url(../img/02_bg.jpg) top center repeat-x;}
.cont2_main {width:960px; margin:0 auto;}
#cont3 {width:100%; height:482px; background:url(../img/03.jpg) top center no-repeat #283047; position:relative;}
.cont3_arr {width:288px; position:absolute; bottom:-90px; left:50%; margin-left:-142px; z-index:10;}
#contact1 {width:100%; height:224px; background:url(../img/btn_bg.jpg) top center no-repeat #e4fdce;}
#contact1 .btn_area {width:960px; margin:0 auto;}

#blog {width:850px; margin:0 auto; background:#fff; padding:100px 55px 10px;}
#blog p {font-size:17px; line-height:2.1em; color:#212223;}
.pagetop a {position: fixed; bottom: 80px; right: 5%;}

#qa {width:850px; margin:0 auto; background:#fff; padding:50px 55px;}
#qa table {width:850px; font-size:17px; line-height:2.1em; color:#212223;}
#qa table td.photo {width:156px; padding:25px 22px;}
#qa table td.q_text {width:156px; padding:25px 0; vertical-align:middle; color:#008206;}
#qa table td.a_text {width:650px; padding:25px 0; vertical-align:middle;}
#qa p {font-size:17px; line-height:2.1em; color:#212223;}

.blue {color:#005fbf;}
.orange {color:#ff4e00;}

#contact2 {width:900px; margin:0 auto; padding:0 30px; background:#fff;}
.line {width:450px; float:left;}
.form {width:450px; float:left;}

#company {width:850px; margin:0 auto; padding:55px; background:#fff;}
#company table {width:849px; border-top:1px solid #b09d90; border-left:1px solid #b09d90;}
#company table th,
#company table td {padding:20px; border-right:1px solid #b09d90; border-bottom:1px solid #b09d90;}
#company table th {width:189px; background:#f7f1dc; text-align:left; font-weight:normal;}
#company table td {width:599px;}

#copyright {width:100%; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#927c6d; padding:15px 0 30px;}


/* contact ------------------------------------------*/

dd.mfp ul {height:26px;}
dd.mfp ul.capacity li label {width:200px!important;}
.outline table {border-collapse:collapse; font-size:12px; color:#333;}
.outline th,.outline td {padding:10px; font-size:12px; line-height:1.6em;}
.outline th {text-align:left; width:25%; background:#005497; color:#fff; border:solid 1px #e3ecf3;}
.egmap_companyname {font-size:14px!important; font-weight:bold;}

#form {width:960px; margin:0 auto;}
.form_bg {width:900px; padding:20px 30px;}
.form_box {padding:25px 23px; background:#fff;}
#form li {font-size:12px;}