@charset "UTF-8";

/*--------------------------------------------------------------- 
			ページ構造の指定
--------------------------------------------------------------- */
html,body {
	width: 100%;
	height: 100%;
	}
body {
	background-color: #F7FAFD;
	text-align: justify;
	text-justify: inter-ideograph;
	/* font:13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; */
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: Arial, Helvetica, Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;*/
	font-family: Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
	font-size: 85%;
	line-height: 1.6;
}
#wrapper {
	width: 100%;
}

/*---------------------------------------------------------------*/
#area-main {
	width: 800px;
	min-height: 200px;
	background-color: #F0F0F0;
	border: #E4E4E4 solid 1px;
	border-radius: 15px;        /* CSS3草案 */  
-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 15px;   /* Firefox用 */ 
	margin: 0 auto 40px;
	padding: 35px 40px 40px;
}


/*--------------------------------------------------------------- 
			ヘッダー
--------------------------------------------------------------- */
#header {
	width: 100%;
	height: 110px;
	background: #0060B0 url( ../img/header_title.jpg) no-repeat center 26px;
	margin-bottom: 40px;
}
#header h1 {
	height: 100px;
	text-indent: -999999px;
}
#header h1 a {
	height: 96px;
	display: block;
	outline: none;
}


/*--------------------------------------------------------------- 
			メインエリア
--------------------------------------------------------------- */
h2 {
	font-size: 200%;
}

/*-----.tbl-form-----*/
table.tbl-form {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	margin: 10px 0;
	padding-bottom: 2px;
}
.tbl-form caption {
	background: url(../img/border_table_top.png) repeat-x left bottom;
}
.tbl-form tr th,
.tbl-form tr td {
	text-align: left;
	vertical-align: middle;
	padding: 0.6em 1em;
}
.tbl-form tr th {
	width: 30%;
	background:  #E6E6E6 url(../img/border_table_top.png) repeat-x left bottom;
}
.tbl-form tr td {
	color: #333;
	background: url(../img/border_table_side.png) no-repeat left bottom;	
}
/**/
.tbl-form dl,
.tbl-form ul {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 0;
}
.tbl-form dl dt,
.tbl-form dl dd,
.tbl-form ul li {
	float: left;
	font-weight: normal;
	margin: 0 0 0 4px;
}
.tbl-form dl {
	margin-top: 4px;
}
.tbl-form dl dt {
	font-size: 90%;
}
.tbl-form dl dd input {
	margin-top: 0 !important;
}
.tbl-form .form-checkbox ul li {
	clear: both;
}

/**/
table.tbl-form tr td input,
table.tbl-form tr td textarea {
	background-color: #FFF;
	border: #DDDDDD solid 1px;
	width: 95%;
	margin: 4px;
	padding: 0.2em 0.5em;
}
table.tbl-form tr td p,
table.tbl-form tr td input {
	margin-left: 4px;
}
/**/
table.tbl-form input.short {
	width: 70px;
}
table.tbl-form input.normal {
	width: 130px;
}
table.tbl-form input.wide {
	width: 260px;
}
table.tbl-form select {
	background-color: #FDFAF0;
	border: #DDDDDD solid 1px;
}
/*radio*/
table.tbl-form .form_input_radio ul {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}
table.tbl-form .form_input_radio ul li {
	float: left;
	margin-right: 1em;
}
table.tbl-form .form_input_radio ul li input {
	width: auto;
}
/*check*/
table.tbl-form .form_input_checkbox ul li {
	clear: both;
}
table.tbl-form .form_input_checkbox ul li input {
	width: auto;
}
/*button*/
table.tbl-form tr td .form_input_button {
	width: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100;Blue+3D+%231 */
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top,  #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
	padding: 0.1em 0.5em;
}
/**/
.form-input-button-nomal {
	color: #FFF;
	background-color: #0060b0;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
	padding: 1em 2em;
}

/*-----完了画面-----*/
.CompletionWording {
	text-align: center;
	margin: 80px 0 0;
}