@charset "Shift_JIS";



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,

form, fieldset, input, textarea, p, blockquote, th, td {

margin:0;

padding:0;

}



body {

color:#000;

font-style:normal;

font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;

line-height:1.8;

text-align:center;

font-size:16px;

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;

line-height:0;

}



/* Hyper Link

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

a:link    {color:#07c; text-decoration:underline;}

a:visited {color:#07c; text-decoration:underline;}

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

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



/*-画像オーバー指定--*/

a:hover img.overwhite{

    cursor:pointer;

    filter: alpha(opacity=60);        /* ie lt 8 */

    -ms-filter: "alpha(opacity=60)";  /* ie 8 */

    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */

    -khtml-opacity: 0.6;              /* Safari 1.x */

    opacity:0.6;

    zoom:1;

}





/* Layout - block

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

#header {

margin:0 auto;

width:100%;

height:80px;

text-align:left;

line-height:1;

border-top:15px solid #000;

background:url(img/h_bg.gif) repeat-x bottom;

}

#wrap {

margin:0 auto;

width:1000px;

background:url(img/side_bg.gif) repeat-y;

}



#footer {

height:50px;

width:100%;

clear:both;

line-height:1.2;

background:#333;

}





/* Layout - detail

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

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

#header p{

position:absolute; top:-13px; left:0;

padding:2px 0;

margin:0 auto;

width:1000px;

font-size:10px;

color:#fff;

}

#header .header_inner {

position:relative;

width:1000px;

margin:0 auto;

}

.header_inner td{

padding-right:10px;

}

.header_inner .title {

position:absolute;

left:10px;

top:10px;

}

.header_inner .contact {

position:absolute;

right:10px;

top:15px;

}



#f_contact{

padding:0 0 30px;

margin-bottom:70px;

background:#010c46;

}



#reason_box{

height:750px;

}

#reason_box dd{

text-align:left;

padding:10px 120px;

background:url(img/reason_bg.gif) repeat-y 50px 0;

}



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

footer{

color:#fff;

}

.footer_link {

width:930px;

margin:0 auto;

padding:10px 0 5px;

font-size:12px;

text-align:left;

}

.footer_link .fr_box {

float:right;

padding-right:25px;

overflow:hidden;

font-size:12px;

}

.fl_box{

float:left;

padding-left:25px;

}

.footer_link .fl_box li{

float:left;

padding-left:20px;

background:url(img/list_icon.gif) no-repeat 10px 5px;

}



.fr_box ul {

list-style:none;

padding-bottom:10px;

}

.fr_box li {

float:left;

padding:0 20px;

font-size:12px;

}

#footer .copyright {

padding:10px 0 0;

clear:both;

font-family:Arial, Helvetica, sans-serif;

color:#fff;

font-size:10px;

text-align:center;

}





/* ----- top ----- */

#key_area {

margin:0 auto;

width:1000px;

}

#key_trouble {

width:1000px;

}

#about_us_box{

margin-bottom:40px;

width:1000px;

}

#about_us_box .txt{

margin:0 auto;

width:850px;

padding:0 75px 50px;

text-align:left;

background:url(img/txtbg.gif) no-repeat bottom;

}

#about_us_box .p1,

#about_us_box .p2,

#about_us_box .p3,

#about_us_box .p4{

position:relative;

margin:0 auto;

width:900px;

height:200px;

padding:40px 0 0;

}

#about_us_box .p1{

background:url(img/p1.gif) no-repeat;}

#about_us_box .p2{

background:url(img/p2.gif) no-repeat;}

#about_us_box .p3{

background:url(img/p3.gif) no-repeat;}

#about_us_box .p4{

background:url(img/p4.gif) no-repeat;}



#about_us_box p{

position: absolute;top: 80px; right:100px;

width:500px;

text-align:left;

}



#results_box{

width:900px;

margin:0 auto 50px;

}

#results_box .inner{

position:relative;

width:860px;

padding-top:200px;

border:20px solid #ff6300;

}

.ttl_results{

position:absolute; top:20px; left:-20px;

}

#results_box .inner table{

width:810px;

margin:0 auto 20px;

}

#results_box p{

margin-bottom:30px;

padding:0 60px;

text-align:left;

}

.voice_btn{

margin:0 auto 30px;

}





.ttl{

padding:5px 10px;

color:#fff;

background:#00b6ff;

}

.voice{

margin:0 auto;

width:860px;

padding:20px;

margin-bottom:10px;

line-height:2;

text-align:left;

}

.voice table{

margin-bottom:30px;



}

.voice td{

padding:20px;

vertical-align:top;

}



/* 会社概要 */

.company{

margin:0 auto;

width:860px;

padding:20px;

}



.company table{

margin-bottom:30px;

border-top:1px solid #ccc;

border-left:1px solid #ccc;

}

.company th,.company td{

padding:20px;

vertical-align:top;

}

.company th{

background:#eee;

border-bottom:1px solid #ccc;

border-right:1px solid #ccc;

}

.company td{

text-align:left;

border-right:1px solid #ccc;

border-bottom:1px solid #ccc;

}







/* 共通 */

.font12{

font-size:12px;

}



#h_ttl{

margin-bottom:30px;

}



#container td{

vertical-align:top;

}



.ttl{

margin-bottom:10px;

}

.r_float{

float:right;

}

.l_float{

float:left;

}

.center{

text-align:center;

}

.mgn_l11{

margin-left:10px;

}

.mgn_b10{

margin-bottom:10px;

}

.mgn_b30{

margin-bottom:30px;

}

.mgn_b50{

margin-bottom:50px;

}

.bb_dotted{

border-bottom:1px dotted #ccc;

}

.b_solid{

border:1px solid #ccc;

}

.bold{

font-weight:bold;

}

.pdg_b50{

padding-bottom:50px;

}

.pdg_t30{

padding-top:30px;

}

.pdg_10{

padding:10px;

}

#container h2{

margin-bottom:25px;

}

.txtbox{

margin:0 auto;

width:840px;

text-align:left;

}



.price_area{

padding:0 50px 50px;

margin-bottom:40px;

text-align:left;

}

.price_area table{

margin:0 auto;

border:1px solid #ccc;

width:800px;

}

.price_area th,

.price_area td{

padding:20px;

}



.price_area th{

border-right:1px solid #ccc;

border-bottom:1px solid #ccc;

background:#eee;

}

.price_area td{

border-right:1px solid #ccc;

}



.price_area span{

font-weight:bold;

}





/* お問い合わせ */

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

.form_text{

margin:0 auto;

width:840px;

padding-bottom:20px;

line-height:1.6;

text-align:left;

}



h4{

margin:0 auto;

padding:5px 10px;

width:840px;

margin-bottom:20px;

color:#fff;

text-align:left;

background:#000;

}



#form_head {

margin-bottom:20px;

font-size:16px;

}

#form_head p {

padding:0 1em;

font-size:80%;

line-height:1.3;

}

#form_head p span {

color:#ff0000;

}



#form_body {

margin-bottom:30px;

padding:0 40px;

}

#form_body p{

width:800px

padding:20px;

font-size:14px;

color:#f00;

background:#eee;

margin-bottom:20px;

border:1px solid #f00;

text-align:left;

}

#form_body input,

#form_body textarea {

padding:3px;

font-size:100%;

}

#form_body input {

margin-right:2px;

}

#form_body select {

margin-right:2px;

font-size:100%;

}

#form_body dl {

margin-bottom:10px;

padding:0 1em;

border-bottom:1px solid #cccccc;

}

#form_body table{

margin:0 auto;

width:800px;

}

#form_body th,

#form_body td {

padding:10px 0;

border-bottom:1px solid #ececec;

}

#form_body th {

padding-right:20px;

width:230px;

text-align:left;

vertical-align:top;

font-weight:normal;

line-height:1.4;

}

#form_body td {

text-align:left;

vertical-align:top;

line-height:1.4;

}

#form_body dt {

}

#form_body dt span {

color:#ff0000;

}

#form_body dd {

padding:5px 0 10px;

line-height:1.2;

}

#form_body dd span {

font-size:80%;

}



#form_body .s-btn {

text-align:center;

}