html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }


/*+++++ COLOR TABLE +++++

GREEN : #4c5600
ORANGE: #ffb301

+++++++++++++++++++++++++*/


/* common */
body,html{width: 100%; font-family:'Montserrat','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif; background: #fff; overflow-x: hidden;}
@font-face {font-family: 'alfa-icons'; src:url('../font/alfa-icons.eot'); src:url('../font/alfa-icons.eot?#iefix') format('embedded-opentype'), url('../font/alfa-icons.ttf') format('truetype'), url('../font/alfa-icons.woff') format('woff'), url('../font/alfa-icons.svg#alfa-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] {font-family: 'alfa-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow:before {content: "\23"; } .icon-twitter:before {content: "\25"; } .icon-tag:before {content: "\5e"; } .icon-share:before {content: "\2a"; } .icon-search:before {content: "\40"; } .icon-request:before {content: "\2b"; } .icon-pinterest:before {content: "\7d"; } .icon-info:before {content: "\7b"; } .icon-googleplus:before {content: "\5b"; } .icon-frickr:before {content: "\5d"; } .icon-facebook:before {content: "\24"; } .icon-drive:before {content: "\e6"; } .icon-configrator:before {content: "\60"; } .icon-checkbox:before {content: "\26"; } .icon-youtube:before {content: "\a5"; } .icon-c_arrow:before {content: "\e7"; }.icon-arrow {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '#'); } .icon-twitter {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '%'); } .icon-tag {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '^'); } .icon-share {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '*'); } .icon-search {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '@'); } .icon-request {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '+'); } .icon-pinterest {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '}'); } .icon-info {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '{'); } .icon-googleplus {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '['); } .icon-frickr {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ']'); } .icon-facebook {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '$'); } .icon-drive {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = 'æ'); } .icon-configrator {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '`'); } .icon-checkbox {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&'); } .icon-youtube {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '¥'); } .icon-c_arrow {*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = 'ç'); }
@font-face {font-family: 'icon'; src:url('../font/icon.eot?-m7u45j'); src:url('../font/icon.eot?#iefix-m7u45j') format('embedded-opentype'), url('../font/icon.woff?-m7u45j') format('woff'), url('../font/icon.ttf?-m7u45j') format('truetype'), url('../font/icon.svg?-m7u45j#icon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] {font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-uni23:before {content: "\23"; } .icon-uni24:before {content: "\31"; } .icon-uni25:before {content: "\32"; } .icon-uni26:before {content: "\26"; } .icon-uni2A:before {content: "\2a"; } .icon-uni2B:before {content: "\2b"; } .icon-uni40:before {content: "\40"; } .icon-uni5B:before {content: "\35"; } .icon-uni5D:before {content: "\5d"; } .icon-uni5E:before {content: "\5e"; } .icon-uni60:before {content: "\60"; } .icon-uni63:before {content: "\63"; } .icon-uni7B:before {content: "\7b"; } .icon-uni7D:before {content: "\34"; } .icon-uniA5:before {content: "\33"; } .icon-uniE6:before {content: "\e6"; } .icon-uniE7:before {content: "\e7"; }
.red{color: #E02115 !important;}
.black{color: #000 !important;}
.orange{color: #ffb301 !important;}
.green{color: #4c5600 !important;}
.ico{font-family: 'alfa-icons';}
.rob{font-family: 'Roboto Condensed', sans-serif;}
a{text-decoration: none; color: #fff;}
a:hover{color: #E02115;}
.ar_up, .ar_down{display: inline-block; width:10px; height:10px; background:url(../img/parts_arrow_u_bk.png) no-repeat 0 0 ; margin:1px 0 -1px 6px;}
.ar_down{background:url(../img/parts_arrow_d_bk.png) no-repeat 0 0 ;}
.border{display:block; background: url(../img/border.png) center; height:1px; width:1023px; margin:10px auto 20px;}
.border-qv{display: block;border-bottom: 1px solid #333;margin: 10px auto 0;}
.box .border{width: 1023px}
.box{width: 1024px; margin: 0 auto; position: relative; /*z-index: 10;*/ color:#666;}
#wrapQV .qvbody.qvsub .qvbtm{padding: 0 0 80px;}
#wrap {padding-top: 81px;}

/* TABLE */
.subpage h3 { text-align: center; color: #444; font-size: 18px; letter-spacing: 1px; font-weight: bold; margin: 35px 0 25px; }
.subpage p { font-size: 12px; line-height: 1.75; margin: 10px 0; }
.subpage .cap{font-size: 12px; padding: 25px; background: #e0e0e0; border: 1px solid #c0c0c0; margin: 0 0 10px 0}
html .form_submit,html .btn {display: block; color: #fff; padding: 10px; text-align: center; border:1px solid #323233; }
html .form_submit{margin-top: 35px;background: #E02115; width: 100%; cursor: pointer; letter-spacing: 3px; padding: 15px 0;font-weight:bold;transition:all 0.3s; border-radius: 4px; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.5);}
html .btn span {font-family: 'alfa-icons'; font-size: 15px; color: #E02115; line-height: 1.1; vertical-align: middle; }
.mb10{margin: 0 0 10px 0}
.table-formBd{font-size: 12px; width: 100%}
.table-formBd label{display: block; cursor: pointer;}
.table-formBd span{padding: 0 5px; min-width: 2em; display: inline-block;}
.table-formBd ul{padding: 0}
.table-formBd ul li{float: left;height: 36px;line-height: 36px; margin: 5px 10px 5px 0}
.table-formBd .form_radio li{line-height: auto; height: auto;}
.table-formBd ul li > span{text-align: center;}
.table-formBd p{padding: 0; text-align: left; font-weight: bold;}
.table-formBd th{width: 200px; background: #fefefe;}
.table-formBd th.attention{ background: #f4f4f4;}
.table-formBd th.attention{width: 100%}
.table-formBd th span{color: #E02115}
.table-formBd th,.table-formBd td{border: 1px solid #e0e0e0; padding: 10px;}
.table-formBd td textarea { border: 1px solid #e0e0e0; }
.form_select_min .customSelect{width: 150px;}
.customSelectInner { width: 100% !important; }
.customSelect span{text-align: left;}
.customSelect {height: 36px;line-height: 36px;background: url(../img/form_select.png) center right no-repeat #FFFFFF;width: 300px;color: #777;border: 1px solid #e0e0e0;text-align: left;box-shadow: 0px 2px 0 0 #FFFFFF;}
.input_radio{filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
.input_radioBd {background: url(../img/form_radio.png) no-repeat left top; height: 22px; line-height: 22px; display: block; padding: 0 0 0 24px; cursor: pointer; overflow: hidden;}
.input_radioBd_on{background-position:left bottom;}
.input_check{filter: alpha(opacity=0); -moz-opacity:0; opacity:0; position: absolute; }
.input_checkBd{background: url(../img/form_check.png) no-repeat left top; height: 18px; line-height: 18px; display: block; padding: 0 0 0 24px; cursor: pointer; overflow: hidden; }
.input_checkBd_on{background-position:left bottom;}
.input_text{width: 280px; padding: 0 10px; color: #777; height: 36px; line-height: 36px; background: #fafafa; border: 1px solid #323233;}
.input_text:focus {background:#F1CACA;}
.form_min .input_text{width: 100px; }
.table-formBd .form_min li{margin: 0}
.table-formBd .err{text-align: left; color: #E02115; margin: 0 0 10px 0}
/*.table-formBd .btn{display: none;}*/
/*.form-conformBtn-Activate .table-formBd .btn{display: block;}*/
.table-formBd{margin: 30px 0 45px 0}
.table-formBd .form-conformBd{text-align: center;border:1px solid #323233;padding: 10px 0;}
.table-formBd .form-conformBd label{display: inline-block;}
.table-formBd .form_pass li{margin: 0 10px 0 0;}
.table-formBd .form_pass .input_text{width: 180px;}
.btn_pass{background: #ffb301; border: 0 none; color: #fff; padding: 0 10px; cursor: pointer;line-height: 36px;height: 37px;}

/*　iframe form */
.mfForm.modal{display:none;position: relative;}
.mfForm .modalBody{position: fixed; z-index:1010;width: 1023px;margin: 0 auto;top:140px;left: 50%;margin-left: -511px;}
.mfForm .modalBK{position: fixed; z-index:1009; height:100%; width:100%;background:#000; opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.50;top:0;}
.mfForm p.close{position: absolute; z-index: 901; height: 16px; width: 15px; background-color: #444; top: 0; right: 0; text-align: center; line-height: .9; font-weight: lighter;}
.mfForm .close, .mfForm .modalBK {cursor: pointer;}

#formiframe{}
.formiframe{margin: -10px auto 0; width: 100%; max-width: 1010px; background: #fff;}
.formiframe .inner{background: #fff; padding: 0 37px 30px; min-height: 571px; color: #000;}
.formiframe .inner p, .formiframe .inner a {color: #000;}
.formiframe .inner a:hover {color: #ffb301;}
.formiframe .table-formBd td{background: #fff; word-break: break-all; width: 730px;}
.formiframe .table-formBd p {color: #666;}
.formiframe .box{width: 100%;position: static;}
.formiframe .inner,.formiframe .table-formBd{margin: 0 auto;width: 934px;}
.formiframe .title ul li h2 {font-size: 50px; margin: 10px 0 20px;color: #444; line-height: 1;}
.formiframe .title ul li h2.sub {font-size: 15px; font-weight: bold; margin-top: 0px;color: #444;}
.formiframe .title h3{font-size: 25px;color: #444; font-weight: bold; line-height: 2.5; margin-top: 20px;}
.formiframe #navi{float: right;}
.formiframe #navi ul li{float: left; background: #ffb301; font-size: 15px; margin-left: 1px;}
.formiframe #navi ul li.active,.formiframe #navi ul li:hover{background: #333;color: #fff;}
.formiframe #navi ul li a{width: 130px;padding: 33px 0; text-align: center; display: block;}
.formiframe #navi ul li a:hover {color: #fff;}
.formiframe .border {display: none;}

.formiframe .input_text{width: 260px; padding: 0 10px; color: #777; height: 36px; line-height: 36px; background: #fff; border: 1px solid #e0e0e0;}
.formiframe .form_min .input_text{width: 100px;}
.formiframe textarea {width: 680px;}

.formiframe .table-formBd .form-conformBd{color: #555; border: none; padding: 30px 0 0; font-size: 15px; font-weight: bold;}
.formiframe .table-formBd .form-conformBd span{color: #b30000;}
html .formiframe .form_submit{border: none; background-color: #ffb301; cursor: pointer; height: 80px; position: relative; z-index: 1;}
html .formiframe .form_submit_off {height: 80px;}
html .formiframe .form_submit_off .form_submit {background-color: #c0c0c0; display: none;}
.form-conformBtn-Activate .formiframe .form_submit_off .form_submit {background-color: #ffb301; display: block;}
.form_submit_holder {position: relative;}
/*.form_submit_mask {width: 100%; height: 55px; position: absolute; left: 0; top: 0; z-index: 2;}*/
/*.form-conformBtn-Activate .form_submit_mask {display: none;}*/
.thankou .content p{color: #444;}
html .thankou .btn{color: #444;}

.fL{float: left;}
.fR{float: right;}
.boxbtm{margin: 10px auto; color: #000; font-size: 14px; border: 1px solid #aaa; border-right: none;}
.boxbtm .fL,.boxbtm .fR{width: 465px; padding: 18px 0; border-right: 1px solid #aaa; text-align: center; height: 50px; display: block;}
.boxbtm .fL {padding: 10px 0 30px;}
.boxbtm .fL img,.boxbtm .fR img,.boxbtm .fL p,.boxbtm .fR p{display: inline-block;vertical-align: middle;padding: 0 0 0 10px;font-size: 14px;font-weight: bold;}


/*　各ページ下部各種フォーム */
.footer_form_links{margin: 30px auto}
.footer_form_links li:first-child {margin: 0}
.footer_form_links li {float: left; margin-left: 18px;}
.footer_form_links li a{display: block; position: relative; width: 240px; height: 140px; border:1px solid #323233;}
.footer_form_links li a.form_links_1{background: url(../img/subpage_toiawase_1.jpg) center top no-repeat;}
.footer_form_links li a.form_links_2{background: url(../img/subpage_toiawase_2.jpg) center top no-repeat;}
.footer_form_links li a.form_links_3{background: url(../img/subpage_toiawase_3.jpg) center top no-repeat;}
.footer_form_links li a.form_links_4{background: url(../img/subpage_toiawase_4.jpg) center top no-repeat;}
.footer_form_links li h4{padding: 18px; font-size: 20px; line-height: 1; color: #e3e4e4}
.footer_form_links li p{position: absolute; left: 18px; bottom: 0px; line-height: 28px; }