/***********************************************

	FormCSS

***********************************************/

/***********************************************

	1.Utility
	2.Layer
	3.Header
	4.Main
	5.Contents
	6.RelationNavi
	7.Footer
	8.Table
	9.Form

***********************************************/

/***********************************************

	Utility

***********************************************/

/**/

/***********************************************

	Layer

***********************************************/

/*--- htmlbody -----------------*/

body#form {
}

/*--- divlayer -----------------*/

body#form #contents {
	float: none;
	width: 820px;
	clear: both;
}

body#form #header {
	height : 86px;
	background : url(../../common/images/header_bg_form.jpg) no-repeat left top;
}

body#form #footer {
	background: url(../../common/images/footer_bg_form.jpg) repeat-x left top;
}

/***********************************************

	Header

***********************************************/

/*--- logo -----------------*/

body#form #header #logo span {
	display: none;
}

/***********************************************

	Main

***********************************************/

/*--- Banner -----------------*/

body#form #main p.mainBanner {
	width: 820px;
	height: 138px;
	margin-bottom: 10px;
	display: block;
	position: relative;
	background: transparent url(../../common/images/main_form_banner.jpg) top left no-repeat;
	clear: both;
}

body#form #main p.mainBanner span {
	display: none;
}

body#form #main p.tCenter {
	margin-bottom: 20px;
}

/***********************************************

	Contents

***********************************************/

/*--- Layer -----------------*/

body#form #contents div.entryForm {
	width: 620px;
	float: left;
}

body#form #contents div.useRule {
	width: 190px;
	float: right;
	text-align: center;
	border: 1px solid #9A9A9A;
	background: #EBEBEB;
}

/*--- Title -----------------*/

body#form #contents h1.hd {
	width: 820px;
	height: 37px;
	margin-bottom: 10px;
	display: block;
	clear: both;
}

body#form #contents h1.entryform {
	background: url(../../common/images/ctn_entryform_hd.jpg) no-repeat left top;
}

body#form #contents h1.hd span {
	display: none;
}

/*--- useRule -----------------*/

body#form #contents div.useRule h2 {
	margin: 10px;
	font-size: 116.7%;
}

body#form #contents div.useRule iframe {
	margin: 0px 4px 4px 4px;
	border: 1px solid #9A9A9A;
	background: #ffffff;
}

body#rule {
	position: relative;
	font-size: 68%;
	color: #000000;
	text-align: left;
	/*font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;*/
	line-height: 150%;
	word-break: break-all;
}

body#rule ol {
	margin-left: 0.5em;
	padding-left: 0px;
}

body#rule ol li {
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 0px;
}

/*--- formEnd -----------------*/

body#form #contents p.entryEnd {
	margin: 40px auto;
	text-align: center;
}

body#form #contents div.message {
	margin-bottom: 40px;
	text-align: center;
}

body#form #contents div.message p {
	width: 564px;
	margin: 0px auto;
	text-align: center;
}

body#form #contents ul li {
	font-weight: bold;
}

/***********************************************

	RelationNavi

***********************************************/

/**/

/***********************************************

	Footer

***********************************************/

/*--- utilityMenu -----------------*/

body#form #footer ul.utilityMenu {
	padding: 25px 0px 5px 0px;
	text-align: center;
	clear: both;
	color: #000000;
	background: none;
}

body#form #footer ul.utilityMenu li {
	padding: 0px 5px 0px 0px;
	display: inline;
}

body#form #footer ul.utilityMenu li span {
	padding: 0px 5px 0px 0px;
	font-weight: normal;
}

body#form #footer ul.utilityMenu li a {
	color: #666666;
	font-weight: normal;
}

/***********************************************

	Table

***********************************************/

/*--- table-----------------*/

table th {
	width: 200px;
	vertical-align: middle;
	padding:0px 10px;
}

table td span.confirm {
	width: 380px;
	vertical-align: middle;
}

/***********************************************

	Form

***********************************************/

/*--- required -----------------*/

form span.required {
	width: auto;
	padding: 2px 4px;
	color: #ffffff;
	background: #CC0001;
	border: 1px solid #f5f5f5;
	
	float: none;
	display: inline;
	font-weight: normal;
	font-size: 88.8%;
	margin: 0px;
	margin-left: 0.8em;
}

/*--- note -----------------*/

form span.note {
	width: auto;
	padding: 0.25em 0px;
	vertical-align: middle;
	display: block;
	float: none;
	word-break: normal;
	
	color: #989898;
	font-size: 88.8%;
	margin: 0px;
}

/*--- help -----------------*/

form span.requihelp {
	width: auto;
	padding: 0.25em 0px;
	color: #000000;
	background: none;
	border: none;
	
	float:none;
	display: block;
	font-weight: normal;
	font-size: 88.8%;
	margin: 0px;
	clear: both;
}

/*--- error -----------------*/

form span.error {
	display: none;
}

form span.display {
	width: auto;
	padding: 0.25em 0px;
	color: #BE2329;
	background: none;
	border: none;
	
	float:none;
	display: block;
	font-weight: bold;
	font-size: 100%;
	margin: 0px;
	clear: both;
	padding-left: 20px;
	background: url(../../common/images/icon_warning.gif) no-repeat left 0.5em;
}

/*--- formparts setthing -----------------*/

form input,
form textarea {
	font-size: 100%;
}

form textarea {
	width: 380px;
	height: 60px;
}

form input.required,
form select.required,
form textarea.required {
	border: 1px solid #AAADB2;
}

form input.aform-text {
	margin-right: 5px;
}

form label {
	margin-right: 5px;
}

form select#pref {
	width: 100px;
}

/*--- formparts error -----------------*/

form input.validation-failed,
form select.validation-failed,
form textarea.validation-failed {
	border: 1px solid #FF3300;
}

form input.validation-passed,
form select.validation-passed,
form textarea.validation-passed {
	border: 1px solid #00CC00;
}

form input.aform-radio {
	border: none;
}

body#form #contents p.headerror {
	padding: 30px;
	font-weight: bold;
	border: 1px solid #FF3300;
	background: #FFEEEE;
}

body#form #contents div.entryForm {
	width: 815px;
	float: none;
}

body#form #contents div.useRule {
	width: 815px;
	float: none;
	text-align: center;
	border: none;
	background: none;
}

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

body#form #contents h2.form{
background:url(../../common/images/form_h2.jpg) repeat-x left top;
font-size:120%;
color:black;
clear:both;
padding:3px 4px;
}

body#form #contents p.form_pp2{
margin:0px 4px;
padding:5px;
float:right;
border:1px solid silver;
}

body#form #contents p.form_pp1{
float:left;
padding-left:4px;
margin-top:10px;
}

body#form #contents div.form_pp{
margin:0px 0px 12px 0px;
padding:4px;
font-size:100%;
background-color:#ffeeee;
height:160px;
min-height:160px;
}

*>body#form #contents div.form_pp{
margin:0px 0px 12px 0px;
padding:4px;
font-size:100%;
background-color:#ffeeee;
height:160px;
min-height:160px;
}