@charset "UTF-8";


.section_inner{
	padding: 0;
}
/*お問い合わせ部分*/
.sec_form{
	padding: 0 0 25px;
}

/*比較リストに戻るボタン*/
p.btn_c {
    text-align: center;
    margin: 0 auto 30px;
}
p.btn_c a img {
    vertical-align: bottom;
}


/* 必須
-----------------------------------------*/
th.ex_essential {
    background: url(/media_images/cmn/ico/ico_essential.png) no-repeat 0 5px;

}
/* エラー
-----------------------------------------*/

/* 注釈
-----------------------------------------*/
.ex_comment{
	color:#666;
}
/* フォームレイアウト
-----------------------------------------*/
div.mod_form {
    margin-bottom: 12px;
    padding: 30px 20px;
    background-color: #F4F3F6;
}
h3.ttl_form {
    font-size: 20px;
    margin-bottom: 30px;
}

.mod_form table{
	width:100%;
    text-align:left;
}
.mod_form table tr th{
	padding: 0 20px 0 50px;
	white-space: nowrap;
	font-weight:normal;
	vertical-align: top;
	line-height: 27px;
	text-align: left;
}
.mod_form table tr td{
	width: 100%;
	padding-bottom: 15px;
	/*vertical-align: top;*/
}
.mod_form table .left {float:left;}
.mod_form table span.notes {
    font-size: 12px;
    padding-left: 20px;
}

.sec_form > .column_inner {
    border-bottom:none;
}
fieldset > .column_inner {
    border-bottom:none;
}
/* 入力パーツ
-----------------------------------------*/
label {
  cursor: pointer;
  padding:0 8px;
  
}

select#kibo_my,
select#kibo_mm,
select#kibo_md{
	width:60px;
	/*vertical-align: top;*/
	vertical-align: middle;
}
input,
textarea,
select{
	border:solid 1px #CCCCCC;
	border-radius:3px;
	padding: 5px;
}
input[type=image] {
	border: none;
	padding: 0;
}
input#character_m,
input#character_w,
.mod_form_listbox input{
	border:none;
}

input#company,
input#position,
input#name,
input#kana,
input#email,
input#emailcheck,
input#address02{
	width: 95%;
	height:1.4em;
}
input#zipcode1,
input#zipcode2,
input#tel1,
input#tel2,
input#tel3{
	width:101px;
	height:1.4em;
}
textarea{
	width: 95%;
	font-size:13px;
}

a.dp_tg img {
    vertical-align: top;
}
a#js-k_g {
    margin-top: 2px;
    display: block;
}
/* フォーカス・チェック
-----------------------------------------*/
span#zipcode input:focus,
div#tell input:focus,
input:focus,
select:focus,
textarea:focus{
/*	background-color:#C4FFDE; */
	background-color:#FFF;
}
input[type=image]:focus{
	background-color:#FFF;
}

/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance{
	margin: 40px 20px 0;
}
.mod_form_importance h2{
	font-weight:bold;
}
.mod_form_importance_txt{
	width:634px;
	height:250px;
	overflow:scroll;
	margin:10px 0 20px 0;
	padding:10px 20px 15px 20px;
	background-color:#FFF;
}
.mod_form_importance_txt h3{
	margin:10px 0 5px 0;
	font-weight:bold;
	border-bottom:solid 1px #DDD;
}
.mod_form_importance_btn{
	text-align:center;
}

/* 送信ボタンとエラー表示
-----------------------------------------*/
.mod_form_btn{
	margin: 0 auto 80px;
	text-align:center;
	display: table;
	width:644px;
}

.mod_form_btn #btn_clear,
.mod_form_btn #btn_previous,
.mod_form_btn #btn_submit{
	display:table-cell;
	vertical-align: middle;
}

div.tel {
    text-align: center;
}

.focusgreen{
	background-color: #C4FFDE;
}
.focuspink{
	background-color: #FFD8FF;
}

/* 確認画面 */
.mod_form table.tbl_confirm{
	background-color:#FFF;
	padding-left: 0;
	width: 600px;
	margin: 0 auto;
	border-collapse: collapse;
}

.mod_form table.tbl_confirm tr th{
	padding:10px;
	white-space: nowrap;
	font-weight:normal;
	vertical-align: top;
}
.mod_form table.tbl_confirm tr th{
	padding: 0 10px;
	white-space: nowrap;
	font-weight:normal;
	vertical-align: top;
	width: 30%;
	text-align: left;
	border-top: 4px solid #F4F3F6;
	border-bottom: 4px solid #F4F3F6;
	background: url(/media_images/cmn/bg_confirm.png) no-repeat right center;
	height: 30px;
	line-height:30px;
}
.mod_form table.tbl_confirm tr.txt_area th{
    /*background-image: none;*/
    background: url(/media_images/cmn/bg_confirm.png) repeat-y right top;
    vertical-align: middle;
}
.mod_form table.tbl_confirm tr.txt_area td{
    padding:10px;
    line-height: 1.8em;
}

.mod_form table.tbl_confirm tr td{
	padding: 0 10px;
	background-color: #fff;
	border-top: 4px solid #F4F3F6;
	border-bottom: 4px solid #F4F3F6;
	line-height:30px;
	font-size: 13px;
}

p.complete_msg {
    color: #103861;
    margin-left: 100px;
    line-height: 1.8;
}
p.complete_msg span {
    font-size: 22px;
}

/*バリデーション*/
.validate_ok{
	background-color: #C4FFDE;
}

.err {
	background: #FFD8FF;
}
.err input {
	background: #FFD8FF;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #E3FFEB inset;
}

/* 資料請求 */
ul.material {
    display: table;
	table-layout: fixed;
    width:100%;
}
ul.material li {
    display: table-cell;
	padding:0 30px;
	width:260px;
	float:left;
}

ul.material dt.pht {
    text-align: center;
    border: 1px solid #CCC;
    padding: 10px;
}
ul.material dd.chk {
    text-align: center;
	margin:10px 0;
}
ul.material dd.name {
	font-weight:bold;
}
ul.material dd.exp {
	font-size:12px;
	line-height:1.5em;
	margin-bottom:5px;
}
ul.material dd.attention {
	color:red;
	font-size:11px;
	line-height:1.5em;
}