body{
	font:       12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:      #252525;
	background: #ffffff url(images/header.png) repeat-x;
}

.right {
	float: right;
}

.center{
	text-align: center;
}

/* Form
 * ------------------------------------------*/
form{
	margin-bottom: 20px;
}

input[type="text"], 
input[type="email"], 
input[type="tel"], 
dd,
textarea,
select,
.post_data{ 
	background-color:      white; 
	font-family:           inherit; 
	border:                1px solid #cccccc; 
	-webkit-border-radius: 2px; 
	-moz-border-radius:    2px; 
	-ms-border-radius:     2px; 
	-o-border-radius:      2px; 
	border-radius:         2px; 
	-webkit-box-shadow:    inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow:       inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	box-shadow:            inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	color:                 #000000;
	font-size:             inherit; 
	margin:                0; 
	padding:               8px; 
	height:                38px; 
	width :                350px;
	max-width:             100%; 
	-webkit-transition:    all 0.15s linear; 
	-moz-transition:       all 0.15s linear; 
	-o-transition:         all 0.15s linear; 
	transition:            all 0.15s linear; 
}

textarea:focus{
	background:   #fafafa; 
	outline:      none !important; 
	border-color: #b3b3b3;
}

input[type="text"][disabled], 
input[type="email"][disabled], 
input[type="tel"][disabled], 
textarea[disabled]{
	background-color: #ddd;
}

textarea{
	overflow:  auto;
	max-width: 100%;
	height:    auto;

}

/* Buttons

 * ------------------------------------------*/

#respond #submit, .button{
	background:            #13355a url('../image/gradient.png') repeat-x top left;
	border:                1px solid rgba(0,0,0,0.15);
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius:         2px;
	-webkit-box-shadow:    0px 2px 3px rgba(0,0,0,0.15), inset 1px 1px 1px rgba(255,255,255,0.2);
	-moz-box-shadow:       0px 2px 3px rgba(0,0,0,0.15), inset 1px 1px 1px rgba(255,255,255,0.2);
	box-shadow:            0px 2px 3px rgba(0,0,0,0.15), inset 1px 1px 1px rgba(255,255,255,0.2);
	color:                 #fff;
	cursor:                pointer;
	display:               inline-block;
	font-family:           inherit;
	font-size:             14px;
	font-weight:           bold;
	padding:               8px 15px;
	text-shadow:           -1px -1px 1px rgba(0,0,0,0.15);
	margin-left:           10px;
}

.button:hover{
	background-image: url('../image/gradient-hover.png');
	color:            #fff;
}

input[type=submit].button, button.button{
	-webkit-appearance: none;
}

.button.green{
	background-color:   #65b20e;
}

/* フォームの入力必須項目のコメント(2014.05.26 add) */
.comment {
	color:       #FF3012;
	margin-left: 10px;
	font-size:   11px;
}

td.form-head {
	table-layout: fixed;
	width:     200px;
}
td.form-item {
	table-layout: fixed;
	width:     400px;
}



/* --------------テーブルの修飾-------------------------*/

.form-table {
    background-color: #FFF;
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 3px;
}


.form-table{
height: auto;
}



.form-table th {
    width: 29%;
}

.form-table td, .form-table th {
    border: 1px solid #ccc;
    padding: 10px 18px;
    line-height: 1.3;
    vertical-align: center;
    word-break: break-all;
}

.important {
	font-size: 12px;
	font-weight: bold;
	color: #FF2A67;
}

.form_button {
	border: none;
	width: 100px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.form_button:hover {
	opacity:0.6;
}