@charset "utf-8";

/* form CSS

Index
------------------------------------------------------------
== 1. reset
== 2. initialization
== 3. module
== 4. inputs
------------------------------------------------------------*/

/*============================================================
== 1. reset
============================================================*/
form {
  margin: 0px;
  padding: 0;
}

input,
textarea,
select {}


/*============================================================
== 2. initialization
============================================================*/
/*-- font common ----------*/
input,textarea,select {
  font-size: 1em;
}


/*-- select style ----------*/
optgroup {
  font-style: normal;
  background: #f4f4f4;
}

option {
  margin: 0 5px 0 0;
  background: #ffffff;
}


/*-- textarea style ----------*/
textarea {
  resize: vertical;/*for safari*/
}


/*============================================================
== 3. module
============================================================*/
/*== form table ========================*/
.frmTable01 {
  width: 100%;
  margin: 15px auto 10px;
  border-collapse: separate;
  border-spacing: 2px;
}

.frmTable01 caption {
  margin: 0 2px;
  padding: 6px 10px;
  border: 1px solid #d8c7bc;
  background: url(../common_img/bg_pattern02.png);
  color: #642d15;
  font-weight: bold;
  text-align: left;
}

.frmTable01 th {
  padding: 15px 10px;
  background-color: #f1f1f1;
  color: #642d15;
  font-weight: bold;
  text-align: left;
}

.frmTable01 th img{
  width:50px;
}

.frmTable01 td {
  padding: 15px 15px;
  background-color: #f1f1f1;
  text-align: left;
}

/* Indispensable/arbitrary icon  */
.frmTable01 th div {
  position: relative;
}

.frmTable01 th label {
  display: block;
  padding-left: 60px;
}

.frmTable01 th div img {
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
}

/* example text */
.frmExmpl {
  display: inline-block;
  padding: 0 0.5em;
}

/* input margin */
.frmMgn01 {
  padding: 10px 0;
}

.frmMgn02 {
  padding-bottom: 10px;
}

.frmMgn03 {
  padding-top: 10px;
}


/* list */
.frmLinst01 li {
  display: inline-block;
  padding: 2px 0;
  padding-right: 1.5em;
  white-space: nowrap;
}

.frmLinst01 .last_child {
  display: block;
}

.frmLinst01 input {
  margin-right: 5px;
}


/* list2
.frmTable01 td dt {
  float: left;
  width: 5em;
  padding:4px 0 0;
}

.frmTable01 td dd {
  padding:2px 0;
  padding-left: 5em;
}*/



/*== submit ========================*/

/*-- submit box ----------*/
#formEnd {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
}


#formEnd input {
  font-weight: bold;
  cursor: pointer;
  color:#fff;
  background:#e75903;
  padding:10px 20px;
  border-radius: 5px;
}


/*-- agree check ----------*/
.agreeCheck {
  padding: 0 0 10px;
  padding-left: 1em;
  line-height: 1.8;
}

.agreeCheck dl {
  display: inline-block;
  padding: 0 2em;
  text-align: left;
}

.agreeCheck dd {
  font-family: "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", Osaka,sans-serif;
  font-size: 10px;
}

.agreeCheck label {
  padding-left: 5px;
}

.agreeCheck input {
  margin-left: -2em;
}


/*-- ssl ----------*/
#formEnd .ssl{}

#formEnd .ssl p {
  display: inline-block;
  padding:  15px 0 10px 30px;
  background:  url(../common_img/icon_ssl.png) no-repeat left center;
}



/*============================================================
== 4. inputs
============================================================*/
/*== ime mode ========================*/
.ime_on {
  ime-mode: active;
}

.ime_off {
  ime-mode: disabled;
}


/*== appearance ========================
.inptStyl01 {}*/



/*== input width ========================*/

/*-- basic item ----------*/
input#name,
input#ruby {
  width: 10em;
}

input#tel,
input#fax{
  width: 8em;
}

input#email,
input#email2{
  width: 96%;
}

input#zip {
  width: 5em;
}

input#address {
  width: 96%;
}

textarea#comment {
  width: 96%;
  height: 120px;
}

input#age {
  width: 3em;
}

input#company,
input#post {
  width: 18em;
}

input#issue_text {
  width: 96%;
  margin-left: 5px;
}


/*-- other ----------*/