@charset "utf-8";

/**
 *
 * Style css
 *
 */

/* =============================================================================
   common
   ========================================================================== */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:0;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager {text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.common-section { width: 930px; margin: 0 auto; text-align: left; }


/* =============================================================================
   block
   ========================================================================== */
#wrapper { background: url("../images/bodybg.png") top left repeat; min-width: 930px; overflow: hidden; }
#site-header { background: url("../images/head-bg.png") top left repeat; width: 100%; height: 80px; position: absolute; top: 0; left: 0; z-index: 9999; }
#site-header .inner { width: 874px; margin: 0 auto; position: relative; }
#site-header h1 { float: left; width: 237px; margin-top: 20px; }
#site-header .head-tel { float: right; width: 298px; margin-top: 17px; }
#site-header .baloon { position: absolute; top: 20px; left: 260px; }

#main { background: url("../images/contents-bg.png") top left repeat-y; width: 950px; margin: 0 auto; }

#main .cta .cta-contents { position: relative; height: 486px; }
#main .cta .cta-contents .cta-tel { position: absolute; top: 219px; left: 59px; }
#main .cta .cta-contents .cta-btn { position: absolute; top: 329px; left: 62px; }
#main .cta .cta-contents .cta-btn a { background: url("../images/cta-btn-over.jpg") top left no-repeat; display: block; width: 519px; height: 147px; }

#main .kv { position: relative; height: 795px; }
#main .kv .kv-top dt { position: absolute; top: 155px; left: -13px; }
#main .kv .kv-top dd { position: absolute; top: 277px; left: 0; }
#main .kv .kv-btn { background: url("../images/btn-kv-over.jpg") top left no-repeat; display: block; width: 759px; height: 186px; position: absolute; top: 609px; left: 50%; margin-left: -379px; }

#main .contents02 { margin-top: 30px; }

#main .contents04 { margin-top: 36px; }
#main .contents04 p {  position: relative; height: 664px;}
#main .contents04 p img { position: absolute; top: 0; left: -7px; }

#main .contents06 { margin-top: 42px; }

#main .contents08 { margin: 29px 0 61px; position: relative; }
#main .contents08 h1 { position: absolute; top: 0; left: 65px; z-index: 1; }
#main .contents08 .slider-wrap { width: 883px; margin: 0 auto; padding-top: 179px; position: relative; z-index: 0; }
#main .contents08 .slider-wrap .bx-wrapper .bx-pager { bottom: -26px; }
#main .contents08 .slider-wrap .bx-wrapper .bx-viewport { z-index: 1; }
#main .contents08 .slider-wrap .bx-wrapper .bx-controls { z-index: 0; }
#main .contents08 .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a{ background: url("../images/slide-circle-off.png") top left no-repeat; width:15px; height:14px; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; }
#main .contents08 .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main .contents08 .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: url("../images/slide-circle-on.png") top left no-repeat; }
#main .contents08 .slider-wrap .bx-wrapper .bx-prev { left: -38px; background: url("../images/slider-prev.png") top left no-repeat; -webkit-transition: all .3s ease; transition: all .3s ease; }
#main .contents08 .slider-wrap .bx-wrapper .bx-next { right: -39px; background: url("../images/slider-next.png") top left no-repeat;  -webkit-transition: all .3s ease; transition: all .3s ease; }
#main .contents08 .slider-wrap .bx-wrapper .bx-prev:hover,
#main .contents08 .slider-wrap .bx-wrapper .bx-next:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }.bx-wrapper .bx-next:hover{background-position:-43px 0}
#main .contents08 .slider-wrap .bx-wrapper .bx-controls-direction a { position:absolute; top: 108px; margin-top: 0; width: 43px; height:85px; z-index: 0; }

#main .contents09 { margin-top: 30px; }

#main .contents10 { margin-top: 43px; }

#main .contents11 .qa-contents { width: 874px; margin: 0 auto 35px; }
#main .contents11 .qa-contents .acordion { margin-bottom: 12px; position: relative; overflow: hidden; }
#main .contents11 .qa-contents .acordion .trigger { cursor: pointer; }
#main .contents11 .qa-contents .acordion .open-close01,
#main .contents11 .qa-contents .acordion .open-close02 { position: absolute; top: 0; right: 0; display:block; height: 48px; width: 79px; background:url("../images/q-close01.jpg") top left no-repeat; }
#main .contents11 .qa-contents .acordion .open-close02 { background:url("../images/q-close02.jpg") top left no-repeat; }
#main .contents11 .qa-contents .acordion .trigger.active .open-close01 img,
#main .contents11 .qa-contents .acordion .trigger.active .open-close02 img { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha( opacity=0 )"; }
#main .contents11 .qa-contents .acordion .acordion-tree { margin: 16px 0 27px 84px; font-size: 1.8em; line-height: 1.8; }

#main .contents12 { width: 874px; margin: 0 auto; padding-top: 34px; }
#main .contents12 .form-title { margin-bottom: 25px; }
#main .contents12 .form-title h1 { float: left; width: 425px; }
#main .contents12 .form-title p { float: right; font-size: 1.3em; line-height: 1.8; margin-top: 28px; }
#main .contents12 .form-title p span { color: #ec6941; }
#main .contents12 #mail-form table.form-tbl { width: 100%; }
#main .contents12 #mail-form table.form-tbl ::-webkit-input-placeholder { padding-left: 8px; }
#main .contents12 #mail-form table.form-tbl :-moz-placeholder { padding-left: 8px; }
#main .contents12 #mail-form table.form-tbl tr th,
#main .contents12 #mail-form table.form-tbl tr td { border: 1px solid #ec6941; padding: 10px 0 10px 11px; font-size: 1.4em; vertical-align: middle; }
#main .contents12 #mail-form table.form-tbl tr th { width: 240px; padding-left: 14px;  background-color: #fff5c6; padding-right: 8px; font-weight: bold; }
#main .contents12 #mail-form table.form-tbl tr th.vt-top { vertical-align: top; padding-top: 20px; }
#main .contents12 #mail-form table.form-tbl tr td { background-color: #fff; }
#main .contents12 #mail-form table.form-tbl tr th .rq { width: 50px; margin-top: -4px; height: 25px; line-height: 26px; text-align: center; display: inline-block; *display: inline; *zoom: 1; float: right; background-color: #ec6941; color: #fff; font-weight: bold; }
#main .contents12 #mail-form table.form-tbl tr th .orange { color: #ec6941; }
#main .contents12 #mail-form table.form-tbl .text-box01,
#main .contents12 #mail-form table.form-tbl .text-box02,
#main .contents12 #mail-form table.form-tbl .text-box03,
#main .contents12 #mail-form table.form-tbl textarea {  width: 390px; border: 1px solid #b4b2b2; margin-top: -15px; }
#main .contents12 #mail-form table.form-tbl .text-box01,
#main .contents12 #mail-form table.form-tbl .text-box02,
#main .contents12 #mail-form table.form-tbl .text-box03 { height: 34px; line-height: 34px; }
#main .contents12 #mail-form table.form-tbl .text-box02 { width: 130px; }
#main .contents12 #mail-form table.form-tbl .text-box03 { width: 560px; }
#main .contents12 #mail-form table.form-tbl textarea { width: 560px; height: 143px; margin-top: 0; }
#main .contents12 #mail-form table.form-tbl #send-prefectures { position: relative; top: -5px; }
#main .contents12 #mail-form table.form-tbl label { margin-left: 15px; display: inline-block; *display: inline; *zoom: 1; }
#main .contents12 #mail-form table.form-tbl .error span { display: block; color: #FF3E3E; font-size: 0.9em; margin-top: 5px; }
#main .contents12 #mail-form table.form-tbl .validicon { display: inline-block; margin: 0; margin-left: 5px; width: 30px; height: 29px; position: relative; top: 3px;  }
#main .contents12 #mail-form table.form-tbl .error .validicon { background: url("../images/icon-ng.png") center left no-repeat; }
#main .contents12 #mail-form table.form-tbl .valid .validicon { background: url("../images/icon-ok.png") center left no-repeat; }
#main .contents12 #mail-form table.form-tbl .error input.text-box01,
#main .contents12 #mail-form table.form-tbl .error input.text-box02,
#main .contents12 #mail-form table.form-tbl .error input.text-box03,
#main .contents12 #mail-form table.form-tbl .error textarea,
#main .contents12 #mail-form table.form-tbl .error select,
#main .contents12 #mail-form table.form-tbl .error .chk-wrap{ background-color: #fce2da; }
#main .contents12 #mail-form table.form-tbl .valid input.text-box01,
#main .contents12 #mail-form table.form-tbl .valid input.text-box02,
#main .contents12 #mail-form table.form-tbl .valid input.text-box03,
#main .contents12 #mail-form table.form-tbl .valid textarea,
#main .contents12 #mail-form table.form-tbl .valid select,
#main .contents12 #mail-form table.form-tbl .valid .chk-wrap{ background-color: #c6fae6; }
#main .contents12 #mail-form table.form-tbl .error span.sentence  { color: #333; }
#main .contents12 #mail-form table.form-tbl tr table { width: 100%; }
#main .contents12 #mail-form table.form-tbl tr table th,
#main .contents12 #mail-form table.form-tbl tr table td { border: none; padding: 0; font-size: 1em; padding-bottom: 11px; }
#main .contents12 #mail-form table.form-tbl tr table th { width: 16%; background-color: #fff; padding-right: 0; font-weight: normal; }
#main .contents12 #mail-form table.form-tbl tr.chk-wrap td { padding-top:20px; padding-left: 225px; color: #CC0033;}
#main .contents12 #mail-form table.form-tbl tr.chk-wrap td label { margin-left: 10px;}
#main .contents12 #mail-form .btn-area { width: 520px; margin: 30px auto 0;  }
#main .contents12 #mail-form #btn-send { display: block; width: 520px; height: 131px; background: url("../images/btn-send-over.jpg") top left no-repeat; }

#main .kv-sendafter { position: relative; height: 951px; }
#main .kv-sendafter h1 { position: absolute; top: 0; left: 0; }
#main .kv-sendafter p { position: absolute; top: 198px; left: 0; }
#main .kv-sendafter .kv-btn { background: url("../images/btn-top-over.jpg") top left no-repeat; display: block; width: 759px; height: 203px;  position: absolute; top: 748px; left: 50%; margin-left: -379px; }

#site-footer { background: url("../images/contents-bg.png") top left repeat-y; width: 950px; margin: 0 auto; padding: 21px 0 32px; }
#site-footer ul.footer-navi { margin-bottom: 15px; }
#site-footer ul.footer-navi li { font-size: 1.4em; line-height: 1; border-right: 1px solid #333; display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; }
#site-footer ul.footer-navi li a:hover { text-decoration: underline; }
#site-footer ul.footer-navi li.first-el-child { border-left: 1px solid #333; }
#site-footer ul.footer-navi li:first-child { border-left: 1px solid #333; }
#site-footer .copy { font-size: 1.3em; }
#site-footer #pagetop { background: url("../images/pagetop-over.png") top left no-repeat; width: 48px; height: 46px; position: fixed; bottom: 73px; right: 25px; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha( opacity=0 )"; display: none; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; }
.notransition #site-footer #pagetop { opacity:100; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; display: none; bottom: 123px; }