@charset "shift_jis";
/* CSS Document */

/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, br, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
footer, header, hgroup, menu, nav, section, time, mark, audio, video{
margin:0; padding:0; background:transparent;
border:0; outline:0;
font-size:14px; 
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
display:block;
}

dl, dt, dd, ol, ul, li{
margin:0;
}

a{ color:#0064BE; text-decoration:underline; }
a:hover{ color:#319DFF; }

img,abbr,acronym,fieldset { border: 0; }
img{ border: none; vertical-align:top; }

.clear{
clear:both;
}

.clearfix:after{
height:0px;
visibility:hidden;
display:block;
clear:both;
content:".";
}

.clearfix { min-height:1px; } /*IE6、7対策*/

* html .clearfix {
height: 1px;
height: auto; overflow: hidden; /*\*//*/ /*MAC IE5.x対策*/
}

body {
  background: #FFF;
  color: #000;
  font-size: 14px;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 160%;
}

* html body {	/* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body { overflow-x: hidden; }



/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/

#head_wrap { width:100%; background:#3F8701; }

#logo_wrap { }

#logo { margin:0 0 0 5px; } 



/*------------------------------------------------------------
コンテンツ
------------------------------------------------------------*/

#contents { width:95%; margin:20px auto 20px auto; }


/*------------------------------------------------------------
フッタ
------------------------------------------------------------*/

#footer_wrap { width:100%; background:#E9E9E9; padding:30px 0 0 0; }

#footer { width:95%; margin:0px auto; font-size:10px; }

#copyright { text-align:right; font-size:10px; color:#606060; }


/* 共通 --------------------------------------------------*/


h1 { background:#F0F3E2; text-align:left; margin:0px; color: #222222; font-weight:normal; width:100%; padding:10px 0 10px 0; }

h1 span { padding:0px 0 0 10px; font-size:18px; }

h2 { background:url(../images/h2.jpg) left 5px no-repeat; width:97%; padding:0 0 0 16px;}

h3 { background:#d4ebae; width:96%; padding:4px 10px 3px 10px; font-weight:normal; font-size:16px; margin:20px 0 10px 0; }

.floatR { float: right; }
.floatL { float: left; }




/* BOX --------------------------------------------------*/

.box_01 { margin:10px auto 15px 0; padding:10px 10px; border-radius: 10px; border: 1px solid #ffce85; border-image: none; width:95%; 
 background-color:#fffff0; font-size:14px;}




/* オプション検査 --------------------------------------------------*/

.ul_read { margin:10px 0 20px 20px; }



/* FAQ --------------------------------------------------*/

.ul_faq { margin:0px 20px 20px 20px; }
.ul_faq li { margin:0 0 5px 0; font-size:14px; }
.ul_faq li a { text-decoration:none;}
.ul_faq li a:hover { text-decoration: underline;}

.faq_unswer { width:100%; margin:0 0 0 0px; }

.faq_unswer dt { background:#D6EBD5;  }
.faq_q    { float:left; width:5%; padding:5px 0 5px 10px; font-weight:bold; font-size:16px; color:#004CFF; display:block; }
.faq_qtxt { float:right; width:92%; padding:7px 0 5px 0px; display:block;  }

.faq_unswer dd {   }
.faq_a    { float:left; width:5%; padding:5px 0 5px 10px; font-weight:bold; font-size:16px; color: #FF0004; display:block; }
.faq_atxt { float:right; width:92%; padding:5px 0 5px 0px;  display:block; }

.gotoPageTop { margin: 0px 0px 10px 0px; font-size:13px; display: inline-block; }



p.caution { color:#cc0000; font-size: 100%; font-weight: bold; }


/* テキスト -----------------------------------------------*/

.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }

/* フォント色 */
.fc-wht1{color:#FFFFFF;}
.fc-grn1{color:#007948;}
.fc-grn2{color:#8CC63F;}
.fc-grn3{color:#006633;}
.fc-blu1{color:#0065B1;}
.fc-blu2{color:#41A3D9;}
.fc-brw1{color:#B19235;}
.fc-red1{color:#CF0000;}
.fc-red2{color:#FF0000;}
.fc-blk1{color:#000000;}

/* フォントサイズ */
.fs-12px{font-size:12px;}
.fs-13px{font-size:13px;}
.fs-14px{font-size:14px;}
.fs-15px{font-size:15px;}
.fs-16px{font-size:16px;}
.fs-17px{font-size:17px;}
.fs-18px{font-size:18px;}

/* table系 -----------------------------------------------*/

.tbl_01 {  }

.tbl_01 table { border-collapse:collapse; border:0px; width:98%; margin:10px 0 0 0; }

.tbl_01 th  { padding:4px; text-align:left; font-weight:normal; font-size:12px; vertical-align:top; line-height:140%;
 background:#FFF1EF;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

.tbl_01 td  { padding:6px; font-weight:normal; font-size:12px; line-height:140%; 
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;
 border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

.td_01 { background:#FFFEF0; }
.td_02 { background:#FFFEF4; }
.td_03 { background:#FAFAFA; }




/* ボタン系 -----------------------------------------------*/

.btnWrapper { padding:0px; text-align:right; }

.btnWrapper a.cancel { background: 0px 0px rgb(204, 85, 85); color:#ffffff; line-height: 28px;}

.btnWrapper input.cancel { background: 0px 0px rgb(204, 85, 85); color:#ffffff; line-height: 28px;}

.btnWrapper a.cancel_b { background: 0px 0px rgb(57, 185, 214); color:#ffffff; line-height: 28px;}

.btnWrapper input.cancel_b { background: 0px 0px rgb(57, 185, 214); color:#ffffff; line-height: 28px;}






.btnWrapper a.submit     { background:#e56b21; color:#ffffff; line-height: 28px; min-height: 28px; }
.btnWrapper input.submit { background:#e56b21; color:#ffffff; line-height: 28px; min-height: 28px; }





.btnWrapper a {
	padding: 0.1em 0.6em 0.1em; border-radius: 4px; border: 1px solid transparent; border-image: none; text-align: center; letter-spacing: 0.1em; font-size: 16px; font-weight: normal; text-decoration: none; display: inline-block; white-space: nowrap; cursor: pointer; box-shadow: 2px 2px 1px 1px rgba(113,135,164,0.180392); -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px; -moz-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px;
}
.btnWrapper input {
	padding: 0.1em 0.6em 0.1em; border-radius: 4px; border: 1px solid transparent; border-image: none; text-align: center; letter-spacing: 0.1em; font-size: 16px; font-weight: normal; text-decoration: none; display: inline-block; white-space: nowrap; cursor: pointer; box-shadow: 2px 2px 1px 1px rgba(113,135,164,0.180392); -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px; -moz-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px;
}
.btnWrapper a:hover {
	text-decoration: none; opacity: 0.7;
}
.btnWrapper input:hover {
	text-decoration: none; opacity: 0.7;
}




.btnWrapper a.back {
	background: 0px 0px rgb(57, 185, 214); color: rgb(255, 255, 255); line-height: 28px;}
	
.btnWrapper input.back {
	background: 0px 0px rgb(57, 185, 214); color: rgb(255, 255, 255); line-height: 28px;}
	
.btnWrapper a.detail {
	background: 0px 0px rgb(75, 170, 64); color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper input.detail {
	background: 0px 0px rgb(75, 170, 64); color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper a.search {
	background: 0px 0px rgb(33, 131, 206); color: rgb(255, 255, 255);}

.btnWrapper input.search {
	background: 0px 0px rgb(33, 131, 206); color: rgb(255, 255, 255); padding:10px 20px;}


.btnWrapper a.decide {
	background: 0px 0px rgb(217, 231, 247); padding: 4px 14px; border-radius: 12px; border: 2px solid rgb(70, 137, 196); border-image: none; color: rgb(51, 51, 102); font-size: 14px;
}
.btnWrapper input.decide { background: 0px 0px rgb(217, 231, 247); padding: 4px 14px; border-radius: 12px; border: 2px solid rgb(70, 137, 196); border-image: none; color: rgb(51, 51, 102); font-size: 14px;
}
.btnWrapper a.disable {	background: 0px 0px rgb(221, 221, 221); color: rgb(153, 153, 153); line-height: 28px; cursor: default;}
	
.btnWrapper input.disable {	background: 0px 0px rgb(221, 221, 221); color: rgb(153, 153, 153); line-height: 28px; cursor: default;}
	
.btnWrapper a.disable:hover { opacity: 1; }

.btnWrapper input.disable:hover { opacity: 1; }

.btnWrapper .large { font-size: 24px; }

/* フォーム系 -----------------------------------------------*/
input {	padding: 3px 2px; font-size: 1em; }






/*------------------------------------------------------------
マージン
------------------------------------------------------------*/
.m0    {margin:0px; padding:0px; }
.mt_5  { margin: 5px 0px 0px 0px; padding:0px; }
.mt_10 { margin: 10px 0px 0px 0px; padding:0px; }
.mt_20 { margin: 20px 0px 0px 0px; padding:0px; }
.mt_30 { margin: 30px 0px 0px 0px; padding:0px; }
.mt_40 { margin: 40px 0px 0px 0px; padding:0px; }
.mt_50 { margin: 50px 0px 0px 0px; padding:0px; }

.mb_3  { margin: 0px 0px 3px 0px; padding:0px; }
.mb_5  { margin: 0px 0px 5px 0px; padding:0px; }
.mb_10 { margin: 0px 0px 10px 0px; padding:0px; }
.mb_20 { margin: 0px 0px 20px 0px; padding:0px; }
.mb_30 { margin: 0px 0px 30px 0px; padding:0px; }
.mb_40 { margin: 0px 0px 40px 0px; padding:0px; }
.mb_50 { margin: 0px 0px 50px 0px; padding:0px; }

.ml_10 { margin: 0px 0px 0px 10px; padding:0px; }
.ml_20 { margin: 0px 0px 0px 20px; padding:0px; }
.ml_30 { margin: 0px 0px 0px 30px; padding:0px; }
.ml_40 { margin: 0px 0px 0px 40px; padding:0px; }