@charset "euc-jp";

.hissu_ico {
	background: url(../image/hissu.png) left 2px no-repeat;
	background-size: 36px;
	padding-left: 45px;
}

.ninni_ico {
	background: url(../image/ninni.png) left 2px no-repeat;
	background-size: 36px;
	padding-left: 45px;
}

/*form_table*/
.form_area {
	width: 100%;
}

/*table_th*/
.form_area th {
	padding: 5px 10px;
	background: #444444;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	color:#ffffff;
}
.contact a { color: #0066cc; }
/*table_td*/
.form_area td {
	padding: 10px;
	background-color:#ffffff;
	line-height:20px;
	text-align:left;
	vertical-align:top;
	color:#333333;
}

.form_area li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0 40px 0 0;
}
@media (max-width: 321px) {
	.form_area li {
		padding:0 15px 0 0;
	}
}
input,select,textarea {
	font-size:1em;
	margin-bottom:1px;
}

.mini {
	font-size:10px;
}

optgroup {
	background-color:#cccccc;
	color:#333333;
	font-style:normal;
}

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

/*ime_mode*/
.ime_on {
	ime-mode:active;
}

.ime_off {
	ime-mode:disabled;
}

/*input_text_setting*/
input#issue_text {
	width:84%;
	padding: 3px;
}
@media (max-width: 376px) {
	input#issue_text {
		width:81%;
		padding: 3px;
	}
}
@media (max-width: 321px) {
	input#issue_text {
		width:77%;
		padding: 3px;
	}
}
input#name,
input#ruby {
	width:100%;
	padding: 3px;
}

input#tel {
	width:100%;
	padding: 3px;
}

input#email {
	width:100%;
	padding: 3px;
}

input#zip {
	width:40%;
	padding: 3px;
}

input#address {
	width:100%;
	padding: 3px;
}

textarea#comment {
	width:100%;
	padding: 3px;
}

input#year {
	width:25%;
	margin-right:10px;
}

input#month,
input#day {
	width:20%;
	margin-right:10px;
	margin-left:10px;
}


/*submitBtn*/
#formEnd {
	text-align:center;
	margin:15px 0 0 0;
}

#formEnd input {
	font-size:16px;
	padding:5px 10px;
}
input#name,
input#ruby,
input#kikan2,
input#brand,
input#shokushu,
input#gyoshu,
input#yakushoku,
input#kikan3,
input#brand2,
input#shokushu2,
input#gyoshu2,
input#yakushoku2,
input#kikan4,
input#brand3,
input#shokushu3,
input#gyoshu3,
input#yakushoku3,
input#kikan5,
input#brand4,
input#shokushu4,
input#gyoshu4,
input#yakushoku4,
input#kikan6,
input#brand5,
input#shokushu5,
input#gyoshu5,
input#yakushoku5 {
	width:100%;
	padding:5px;
}
textarea#brand {
	width:100%;
	padding:5px;
}
textarea#comment,
textarea#comment2,
textarea#comment3,
textarea#comment4,
textarea#comment5,
textarea#comment6,
textarea#comment7 {
	width:100%;
}