/* CSS Document */
@charset "UTF-8";

/*==========================================================================
　各個別ページCSS
============================================================================*/
/*************************************************/
/* お問い合わせページ
/*************************************************/
.contact_table { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; width:100%; text-align:left; }
.contact_table th { background-color: #6e6e6e; color: #fff; padding: 2%; border: 1px solid #fff; font-size:90%; vertical-align:top;}
.contact_table th span { font-size:85%;}
.contact_table td { border-bottom:1px solid #CCC; padding:2%; width:60%;}
.contact_table .table_ttl { width: 30%; padding: 2%; background: url(../img/table_bg.jpg) repeat; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; vertical-align: middle; text-align: left; }
.contact_table .table_ttl img { display: block; float: left; margin-top: 2px; margin-right: 3px;}
.contact_table .table_ttl a { text-decoration: underline; color: #153766;}
.contact_table .address { height:2em;}

.contact_table .w10 { width:10%;}
.contact_table .w20 { width:20%;}
.contact_table .w30 { width:30%;}
.contact_table .w40 { width:40%;}
.contact_table .w70 { width:70%;}
.contact_table .w100 { width:100%;}

.contact_table .font_small { font-size:80% !important;}

.contact_table input { height:3em;}
#contact-form span.required { background-color:#FF0004; color:#FFFFFF; font-weight:bold; padding:3px 5px 3px ; margin-left:10px; white-space:nowrap; }

.check_table { width:100%; border-top:#E4E4E4 1px solid; border-right:#E4E4E4 1px solid; border-left:#E4E4E4 1px solid;}
.check_table th { background:none; width:15%; color:#000000; padding:10px 5px; background-color:#E4E4E4;border-bottom:#E4E4E4 1px solid;}
.check_table td { background:none; width:35%; padding:10px 5px; border:none; border-bottom:#E4E4E4 1px solid;}


#inquiry_btn { width:100%; cursor:pointer;}
#inquiry_btn li { float:left; width:32%; margin:0 0 0; position:relative; }
#inquiry_btn input { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; cursor:pointer; width: 10%\9;}
#inquiry_btn input[type="checkbox"] + label { display: block; background-image: url(../img/icon_check.png); background-size: 24px; background-position: 5% 50%; background-repeat: no-repeat;	 background-color:#E5E5E5; border:#FFFFFF 1px solid; padding:5% 5% 5% 18%; font-size:85%; background-image:none\9; }
#inquiry_btn input[type="checkbox"]:checked + label { background-image: url(../img/icon_check_o.png); background-size: 27px; background-position: 5.5% 50%;}
#inquiry_btn input[type="checkbox"]:hover + label { border:#014099 1px solid; }



#cat_box01, #cat_box02, #cat_box03 { display:none;}
#cat_box01.active,
#cat_box02.active,
#cat_box03.active { display:block;}

#contact_check #cat_box01, 
#contact_check #cat_box02, 
#contact_check #cat_box03 { display:block;}

#cat_btn { width:100%; cursor:pointer;}
#cat_btn li { float:left; width:49%; margin:0 0 0; position:relative; border:#FFFFFF 1px solid; }
#cat_btn input { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; cursor:pointer; width: 10%\9; }
#cat_btn input[type="checkbox"] + label { display: block; background-image: url(../img/icon_check.png); background-size: 16px; background-position: 2% 50%; background-repeat: no-repeat;	 background-color:#E5E5E5; padding:3% 5% 2% 10%; font-size:85%; height:3em; background-image:none\9; }
#cat_btn input[type="checkbox"]:checked + label { background-image: url(../img/icon_check_o.png); background-size: 17px; background-position: 2% 50%; }
#cat_btn input[type="checkbox"]:hover + label { border:#014099 1px solid; }


#cat_box01 select { font-size:100%;}
#cat_box02 select { font-size:100%; margin-right:1%;}
#cat_box02 td { font-size:90%;}
#cat_box02 td p { font-size:90%;}
#cat_box02 li { margin-bottom:1%; padding-bottom:1%;}
#cat_box03 select { font-size:100%; margin-right:1%; }
#cat_box03 td { font-size:90%;}
#cat_box03 td p { font-size:100%;}
#cat_box03 li { margin-bottom:1%; padding-bottom:1%;}

#req_btn { width:100%; cursor:pointer;}
#req_btn li { float:left; border:#CCCCCC 1px solid; width:48%; margin:0 1% 1% 0; position:relative; padding-bottom:0; }
#req_btn input { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; cursor:pointer; width: 10%\9;  }
#req_btn input[type="checkbox"] + label { display: block; background-image: url(../img/icon_check.png); background-size: 16px; background-position: 2% 50%; background-repeat: no-repeat;	 background-color:#E5E5E5; border:#FFFFFF 1px solid; padding:5% 5% 5% 10%; font-size:85%; height:4em;  background-image:none\9; }
#req_btn input[type="checkbox"]:checked + label { background-image: url(../img/icon_check_o.png); background-size: 17px; background-position: 2% 50%; }
#req_btn input[type="checkbox"]:hover + label { border:#014099 1px solid; }

#survey_box { width:100%; border:#D5D5D5 3px solid; padding:2%; }
#survey_box p { font-size:100%; margin-bottom:5px; color:#014099; font-weight:bold;}
#survey_box li { font-size:90%; margin-bottom:10px;}
#survey_box label { padding-right:3%; cursor:pointer;}

#detail_item .gray_bg2 { background-color: #dbdbdb; color: #000; font-size: 120%; font-weight: bold; padding: 10px; width:100%;}
hr { background-color: #d2d2d2; color: #dcdcdc; border: none; height: 1px; width: 100%;}
#product_ups_sft.subpage #main_content h4 { padding: 0 60px 0 15px}

#confbt { width:30%; margin:0 auto 10%;}
#submit_btn { width:100%; background-color:#414141; color:#FFFFFF; text-align:center; padding:5% 5%; border:none; font-size:110%;}
#submit_btn:hover { opacity:0.8;}