/* ***** layout ***** */
body{
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}

form p{
	font-size: 14px;
}

.form-title{
	text-align: center;
}

.futter{
	text-align: right;
}

.submit_cnt{
	text-align: center;
}

.submit_lft{
	text-align: left;
}

.submit_rit{
	text-align: right;
}

.input_margin{
	margin-bottom: 20px;
}

/* ***** font ***** */
#form p{
	color: #077685;
	font-weight: bold;
}

#form{
	font-family: Arial;
	font-size: 30px;
	color: #077685;
}

.form-title{
	font-family: Arial;
	font-size: 30px;
	color: #077685;
}

.futter{
	font-family: Arial;
	font-size: 10px;
	color: #077685;
}

.err_msg{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ff0000;
}

.info_msg{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.fieldset{
	margin-bottom: 20px;
	margin-right: 5px;
	border: 2px #077685 solid;
	font-size: small;
}

/* skin */
#form{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 10px #488a9e;
	-moz-box-shadow: 0px 1px 10px #488a9e;
	box-shadow: 0px 1px 10px #488a9e;
	border: solid #4eb4c2 1px;
	background: #fafafa;
}

#form{
	padding-bottom: 6px;
	border-bottom: 2px solid #4eb4c2;
	margin-bottom: 20px;
}

.futter{
	padding-bottom: 6px;
	border-bottom: 2px solid #4eb4c2;
	margin-bottom: 20px;
}

.form-title{
	padding-bottom: 6px;
	border-bottom: 2px solid #4eb4c2;
	margin-bottom: 20px;
}


/* ***** ボタン設定 ***** */
.submit_cnt input{
	/* 文字色、ボタンの横幅など */
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-decoration: none;

	/* 背景のグラデーション */
	background: linear-gradient(to bottom, #61c7e0, #418da8);
	background: -moz-linear-gradient(to bottom, #61c7e0, #418da8);　/* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#61c7e0), to(#418da8));   /* Safari,Google Chrome */
	background: -webkit-linear-gradient(top,#61c7e0 0%,#418da8 100%); /* Android */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61c7e0,endcolorstr=#418da8));  /*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61c7e0,endcolorstr=#418da8))"; /* IE8 - */
	zoom: 1;    /* IE */

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/* 文字の影 */
	text-shadow:1px 3px 2px #999;

	/* 枠の影 */
	border: solid #f5fdff 4px;
	-webkit-box-shadow: 0px 8px 6px #e3e3e3;
	box-shadow: 0px 8px 6px #e3e3e3;
	-moz-box-shadow: 0px 8px 6px #e3e3e3;　/* Firefox */
	-webkit-box-shadow: 0px 8px 6px #e3e3e3; /* Safari,Google Chrome */
}
.submit_cnt input:hover{
	position:relative;left:1px;top:1px;
	box-shadow:1px 1px 5px #666;
	-moz-box-shadow:1px 1px 5px #666;
	-webkit-box-shadow:1px 1px 5px #666;
	background: #37a4bf;
}


.submit_lft input{
	/* 文字色、ボタンの横幅など */
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-decoration: none;

	/* 背景のグラデーション */
	background: linear-gradient(to bottom, #61c7e0, #418da8);
	background: -moz-linear-gradient(to bottom, #61c7e0, #418da8);　/* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#61c7e0), to(#418da8));   /* Safari,Google Chrome */
	background: -webkit-linear-gradient(top,#61c7e0 0%,#418da8 100%); /* Android */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61c7e0,endcolorstr=#418da8));  /*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61c7e0,endcolorstr=#418da8))"; /* IE8 - */
	zoom: 1;    /* IE */

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/* 文字の影 */
	text-shadow:1px 3px 2px #999;

	/* 枠の影 */
	border: solid #f5fdff 4px;
	-webkit-box-shadow: 0px 8px 6px #e3e3e3;
	box-shadow: 0px 8px 6px #e3e3e3;
	-moz-box-shadow: 0px 8px 6px #e3e3e3;　/* Firefox */
	-webkit-box-shadow: 0px 8px 6px #e3e3e3; /* Safari,Google Chrome */
}
.submit_lft input:hover{
	position:relative;left:1px;top:1px;
	box-shadow:1px 1px 5px #666;
	-moz-box-shadow:1px 1px 5px #666;
	-webkit-box-shadow:1px 1px 5px #666;
	background: #37a4bf;
}


.submit_rit input{
	/* 文字色、ボタンの横幅など */
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-decoration: none;

	/* 背景のグラデーション */
	background: linear-gradient(to bottom, #61c7e0, #418da8);
	background: -moz-linear-gradient(to bottom, #61c7e0, #418da8);　/* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#61c7e0), to(#418da8));   /* Safari,Google Chrome */
	background: -webkit-linear-gradient(top,#61c7e0 0%,#418da8 100%); /* Android */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61c7e0,endcolorstr=#418da8));  /*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61c7e0,endcolorstr=#418da8))"; /* IE8 - */
	zoom: 1;    /* IE */

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/* 文字の影 */
	text-shadow:1px 3px 2px #999;

	/* 枠の影 */
	border: solid #f5fdff 4px;
	-webkit-box-shadow: 0px 8px 6px #e3e3e3;
	box-shadow: 0px 8px 6px #e3e3e3;
	-moz-box-shadow: 0px 8px 6px #e3e3e3;　/* Firefox */
	-webkit-box-shadow: 0px 8px 6px #e3e3e3; /* Safari,Google Chrome */
}
.submit_rit input:hover{
	position:relative;left:1px;top:1px;
	box-shadow:1px 1px 5px #666;
	-moz-box-shadow:1px 1px 5px #666;
	-webkit-box-shadow:1px 1px 5px #666;
	background: #37a4bf;
}


/* ***** ボックス ***** */
.parent_box { /* 親ボックス */
	width: auto;
	height: auto;
	position: relative;
}

.left_box { /* 左ボックス */
	position: relative;
}

.rit_box { /* 右ボックス */
	position:absolute;
	right:0;
	top:0;
	width:auto;
}

.btm_box { /* 下ボックス */
	width: auto;
	height: auto;
	position: relative;
}


/* ***** テーブル設定 ***** */
.tbl_head{
	font-weight: bold;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
}

.tbl_head th{
	padding: 4px;
	text-align: center;
	vertical-align: top;
	color: #077685;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tbl_head td{
	color: #077685;
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tbl_head_l{
	font-weight: bold;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-left: 6px;
	margin-right:6px;
	font-size: 13px;
}

.tbl_head_l th{
	padding: 4px;
	vertical-align: top;
	color: #077685;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tbl_head_l td{
	color: #077685;
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}