﻿/*フォームCSS*/

/*クリア*/
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input { 
     height: 30px; 
     line-height: 16px; 
    margin:3px;
    font-size:120%;
}
input[type="text"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 3px;        /* CSS3 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
    font-size:120%;
}
.tbox100{
	width:120px;
}
.tbox250{
	width:250px;
}
.tbox550{
	width:550px;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #1abc9c;
	border: 1px solid #1abc9c;
}
input[type='button'],
input[type='submit']{
	margin:5px;
	padding:6px;
	cursor:pointer;
	font-family:inherit;
	font-size:160%;
		border-radius: 3px;        /* CSS3 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

button{
	cursor:pointer;
	font-family:inherit;
}
.submit_btn{
	text-align:center;
}
.submit_btn input[type='submit']{
	padding:20px 100px 30px;
	border-style: none;
	background:#20b2aa;
	color:#FFFFFF;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    -webkit-appearance: none;
    font-size:160%;
}
.submit_btn input[type='submit']:hover{
	background:#FF9900;
}
.submit_btn input[type='submit'].input_back{
	padding:20px 30px 30px;
	background:#666666;
}
.submit_btn input[type='submit'].input_back:hover{
	background:#8C8C8C;
}

.jp_off{
	ime-mode:disabled;
	width:300px;
}

.jp_off_r{
	ime-mode:disabled;
	text-align:right;
	width:50px;
}
.error_ms{
	padding:10px !important;
	background:#d83473;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
.col_wide640{
	margin:0 auto;
	padding:50px 0;
	width:640px;
}
.col_wide640 p{
	line-height:2em;
	margin-top:1em;
}
/*必須*/
.required{
	font-size:10px;
	background:#d83473;
	color:#fff;
	padding:2px 5px;
	margin-left:10px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
dl{
	border-top: 2px solid #dddddd;
	padding:8px 10px 8px 20px;
}
/*確認table*/
.mail_form table{
	border-collapse:collapse;
	margin:1em auto;
	border-spacing: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.mail_form .tbl_confirm th,
.mail_form .tbl_confirm td{
	padding:5px 10px;
	border: 1px solid #333;
}
.mail_form .tbl_confirm th{
	background:#F5F5F5;
}

