@charset "UTF-8";

/* 必須
-----------------------------------------*/
.ex_essential{
    color:#CC0000;
    font-weight:normal;
}
/* エラー
-----------------------------------------*/
 
/* 注釈
-----------------------------------------*/
.ex_comment{
    color:#666;
}
/* フォームレイアウト
-----------------------------------------*/
.mod_form{
    margin:0 auto;
    margin-bottom:20px;
    padding:20px;
    width: 700px;
    border:solid 5px #EEE;
}
.mod_form p.point{
    text-align:right;
}
.mod_form table{
    width:100%;
    border-collapse:separate;
    border-spacing:2px;
}
.mod_form table tr th{
    padding:10px;
    white-space: nowrap;
    font-weight:bold;
    vertical-align: top;
    border-bottom:solid 1px #C1D0E3;
    background-color:#EBF0F6;
}
.mod_form table tr td{
    width:70%;
    padding:10px;
    border-bottom:solid 1px #B6D1F5;
}
/* フォーム内2段組
-----------------------------------------*/
.mod_form_listbox{
    width:100%;
}
.mod_form_listbox_left{
    float:left;
    width:50%;
}
.mod_form_listbox_right{
    float:left;
    width:50%;
}
 
/* 入力パーツ
-----------------------------------------*/
label {
  cursor: pointer;
}
select#item,
select#address01,
select#maker,
select#color{
    width:250px;
}
select#nengou,
select#year,
select#month,
select#day{
    width:60px;
}
input,
textarea{
    border:solid 1px #CCCCCC;
}
input#character_m,
input#character_w,
.mod_form_listbox input{
    border:none;
}
input#address02,
input#bill{
    width:350px;
    height:1.4em;
}
input#name,
input#kana,
input#email,
input#emailcheck,
input#maker_etc,
input#color_etc{
    width:250px;
    height:1.4em;
}
input#zipcode,
input#tel{
    width:150px;
    height:1.4em;
}
textarea{
    width:350px;
}
/* フォーカス・チェック
-----------------------------------------*/
input:focus,
textarea:focus{
    background-color:#FFFFCC;
}
input:checked + label{
    background-color:#FFFFCC;
    font-weight:bold;
}
 
/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance{
    margin:20px 0 0 0;
    padding:10px;
    border:double 3px #CCC;
    background-color:#DDD;
}
.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:20px 0 0 0;
    text-align:center;
}
 
.mod_form_btn input#back,
.mod_form_btn input#submit{
    width:150px;
    padding:5px;
}
/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}