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

カスタムフォームCSS

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

@charset "utf-8";

/* main.css
---------------------------------------------------------------------------------------------- */

/* ++++++ 基本設定 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 1:要素のリセット*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
 
/* リセット */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* 2：基本のフォント */
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #444;
    font-size: 12px;
    line-height: 1.6;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
body{
	text-align: center;
}

#cf-form{
	width: 460px;
	margin:30px auto;
	padding:0;
	text-align: left;
	font-size:12px;
    color: #444;
}
#cf-form h2{
	text-align:center;
	font-size: 18px;
	background: #eee;
	padding: 5px 0;
	font-weight: bold;
}
#cf-form h4{
	font-weight: normal;
	padding: 15px 0;
}
#cf-form table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#cf-form table td{
	padding: 8px 8px;
	border: #ccc 1px solid;
}
#cf-form table td.label{
	width: 200px;
	background: #eee;
	border: #ccc 1px solid;
}
#cf-form table td.value{
	width: 100px;
}
#cf-form .req{
	color:red;
	font-weight:bold;
}
#cf-form input{
	font-size:12px;
	margin:0px;
	vertical-align:middle;
}
#cf-form .value input[type="text"]{
	font-size:12px;
	margin:0px;
	vertical-align:middle;
	width:250px;
	border: #ccc 1px solid;
}
#cf-form select{
	vertical-align:middle;
}
#cf-form .value textarea{
	width:380px;
	height:120px;
	border: #ccc 1px solid;
}
#cf-form .btn{
	margin:20px auto 20px auto;
	text-align:center;
	padding:5px;
}
#cf-form .btn input{
	padding:2px;
	font-size:14px;
}
#cf-form .value table table{
	border: none;
	width: 100%;
}
#cf-form table table td{
	border: none;
	padding: 2px 2px;
	width: auto;
}