html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

margin:0;

padding:0;

border:0;

outline:0;

font-size:100%;

vertical-align:baseline;

background:transparent;

}

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

display:block;

}



body {

color:#333;

font-style:normal;

font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;

line-height:1.0;

zoom:1;

}



/* ------ clearfix ------  */

.cf:before,

.cf:after {content:""; display:table;}

.cf:after {clear:both;}

.cf {zoom:1;} /* For IE 6/7 (trigger hasLayout) */





br {letter-spacing:0;}

ul,li {list-style:none;}

img, a img {border:none; text-decoration:none; vertical-align:top;}

table {border-collapse:collapse;}




/* Hyper Link

--------------------------------------------  */

a:link    {color:#0000ff; text-decoration:underline;}

a:visited {color:#0000ff; text-decoration:underline;}

a:hover   {color:#ff0000; text-decoration:none;}

a:active  {color:#ff0000; text-decoration:none;}





/* Layout - block

--------------------------------------------  */

#header {

width:100%;

height:58px;

text-align:left;

background:#000;

}

#header_box{

margin:0 auto;

width:950px;

height:58px;

}

.h_logo{

float:left;

width:415px;

height:58px;

position:relative; top:0; left:-100px;

}

.h_tel{

float:right;

width:475px;

height:58px;

position:relative; top:13px; right:0;

}

.h_tel .fukuyama_tel{

width:438px;

height:37px;

position:absolute; top:0; right:230px ;

//background:url(../../img/fukuyama_tel.png) no-repeat top;

}

.h_tel .tokyo_tel{

width:204px;

height:20px;

position:absolute; top:0; right:0px ;

//background:url(../../img/tokyo_tel.png) no-repeat top;

}

.h_tel .fukuoka_tel{

width:204px;

height:20px;

position:absolute; top:20px; right:0px ;

//background:url(../../img/fukuoka_tel.png) no-repeat top;

}



#main_v {

margin-bottom:1px;

width:100%;

height:340px;

background:url(../../img/key_bg.jpg) repeat-x left top;

}





/* ----- main_v ----- */

.key_outer {

width:950px;

margin:0 auto;

padding:0 20px;

background:url(../../img/key_shadow.jpg) no-repeat top;

}

#gnavi {

width:990px;

height:340px;

margin:0 auto 1px;

background:url(../../img/key.jpg) no-repeat top;

}

#gnavi_box{

width:100%;

height:74px;

background:#000;

border-bottom:1px solid #ccc;

}

#gn_box {

padding:0;

margin:0 auto;

width:950px;

height:74px;

background:url(../../img/gn_line.gif) no-repeat right;

line-height:0;

}

#gn_box li.gnlist {

display:block;

list-style:none;

float:left;

width:158px;

}





.jMenu {

/*    display: table;*/

margin: 0;

padding: 0

}



/* First level */

.jMenu li {

/*    display: table-cell;*/

margin: 0;

background-color: #b32206;

text-align:left;

}



.jMenu li a {

display: block;

color:#fff;

cursor: pointer;

font-size: 12px;

}



/* Lower levels */

.jMenu li ul {

display: none;

position: absolute;

z-index:9999;

padding: 0;

margin:0;

}



.jMenu li ul li {

display: block;

height:50px;

background-color: #b32206;

border-bottom: 1px solid #ca391d;

padding:0 0;

}



.jMenu li ul li.arrow {

background-color: #bb0d02;

background-image: url(../../img/arrow_down.png);

background-repeat: no-repeat;

background-position: center center;

border-bottom: 1px solid #ca391d;

height: 6px;

padding: 0;

/*    border-bottom: none;*/

padding-bottom: 10px

}



.jMenu li ul li a {

height:48px;

padding:0 0 0 10px;

font-size: 12px;

text-transform: none;

line-height:50px;

display: block;

border-top: 1px solid transparent;

border-bottom: 1px solid transparent;

text-decoration:none;

}



.jMenu li ul li a.isParent {

background-color: #b32206;

background-image: url(../../img/arrow_right.png);

background-repeat: no-repeat;

background-position: right center;

}



.jMenu li ul li a:hover {

background-color: #9c1f07;

}























.com-info {

clear:both;

width:800px;

margin:0 auto 15px;

}





#footer {

min-width:800px;

padding:20px 0;

background:#000;

color:#fff;

font-size:10px;

text-align:center;

}







/* Layout - detail

--------------------------------------------  */

/* --------------------------header */

#header .header-inner {

width:800px;

margin:0 auto;

}







.com-info {

font-size:13px;

line-height:1.5;

}







/* --------------------------form */

#form_head {

width:800px;

margin:0 auto 30px;

padding:30px 0;

}



#form_head .catch {

margin:0 0 30px;

padding:0.5em 0;

background:#118cd2;

color:#fff;

font-size:32px;

font-weight:bold;

line-height:1.5;

text-align:center;

}



#form_head .c-left {

float:left;

width:200px;

}



#form_head .c-right {

float:right;

width:580px;

}







.c-right p {

padding:0 1em;

font-size:90%;

line-height:1.7;

}

#form_head p span {

color:#ff0000;

}





#form_body {

width:800px;

margin:0 auto 30px;

}

#form_body input,

#form_body textarea {

padding:5px;

font-size:100%;

}

#form_body input {

margin-right:2px;

}

#form_body select {

margin-right:2px;

font-size:100%;

}



#form_body p {

margin:0 0 10px;

padding:0 10px;

color:#ff0000;

font-size:80%;

line-height:1.5;

}



#form_body .form_info {

margin:0 0 10px;

color:#036299;

font-size:15px;

font-weight:bold;

}

#form_body .form_info2 {

margin:0 0 10px;

padding:5px 1em;

background:#ff0000;

color:#fff;

font-size:15px;

font-weight:bold;

}





#form_body .s-btn {

text-align:center;

}

#form_body .s-btn input[type="submit"] {

padding:10px 20px;

background:#ff4200;

border-radius:5px;

color:#fff;

font-size:120%;

font-weight:bold;

cursor:pointer;

}



/* for PC */

#form_body table {

width:100%;

border:1px solid #ccc;

}

#form_body th {

width:170px;

padding:15px;

background:#eee;

border:1px solid #ccc;

font-weight:normal;

line-height:1.5;

text-align:left;

}

#form_body td {

padding:15px;

border:1px solid #ccc;

line-height:1.5;

}





#form_footer {

width:800px;

margin:0 auto 30px;

}

#form_footer {

padding:0 1em;

font-size:80%;

line-height:1.5;

}



#form_comp {

width:800px;

margin:0 auto 100px;

padding:50px 0 0;

}

#form_comp p {

margin:0 0 1em;

padding:0 1em;

font-size:90%;

line-height:1.7;

}





/* --------------------------footer */







/* -------------------------------------------------------

Common

---------------------------------------------------------- */

.fs80 {font-size:80%;}

.fs90 {font-size:90%;}

.fs100 {font-size:100%;}

.fs11px {font-size:11px;}

.fs13px {font-size:13px;}

.fs15px {font-size:15px;}

.fs25px {font-size:25px;}



.fwb {font-weight:bold;}



.lh15 {line-height:1.5;}

.lh17 {line-height:1.7;}

.lh20 {line-height:2.0;}



.mgb10 {margin-bottom:10px;}

.mgb15 {margin-bottom:15px;}

.mgb20 {margin-bottom:20px;}

.mgb30 {margin-bottom:30px;}

.mgb40 {margin-bottom:40px;}

.mgb50 {margin-bottom:50px;}

.mgb1em {margin-bottom:1em;}

.mgb105em {margin-bottom:1.5em;}



.pdlr10 {padding:0 10px;}

.pdlr20 {padding:0 20px;}

.pdlr30 {padding:0 30px;}



.tac {text-align:center;}

.red{color:#f00;}








