@charset "shift_jis";

/* ----------------------------------------------------- */
/* common parts css */
/* ----------------------------------------------------- */


body{
	margin:0;
	padding:0;
	color:#554634;
	background:#F9F7EB;
	background:#F9F7EB url(img/form_bg.gif) center repeat-y;
	letter-spacing:0;
	text-align:center;
}
body,p,h1,h2,h3,h4,
div,
dl,dt,dd,
ul,ol,li,
table,form{
	margin:0;
	padding:0;
	font-size:12px; 
}
h1{
	line-height:1.2;
}
h2{
	font-size:14px;
}
li{
	list-style:none;
}
img{
	border:none;
	vertical-align:bottom;
}
em,address,dfn{
  font-style:normal;
}
object,  
embed{
	vertical-align: top;  
}
table{
  border:none;
  border-collapse:collapse;
  border-spacing:0;
}
th,td{
  vertical-align:top;
  font-weight:normal;
  text-align:left;
}
hr{
	display:none;
}
sup{
	vertical-align:5px;
}
label{
	cursor: pointer;
}
br{
	letter-spacing:0;
}

/* link */
/* ----------------------------------------------------- */
/* default */
a:link{
	color:#ff4c00;
	text-decoration:none;
}
a:visited{
	color:#F97A2B;
	text-decoration:none;
}
a:hover{
	color:#F97A2B;
	text-decoration:underline;
}

/* layout */
/* ----------------------------------------------------- */
#wrapper{
	width:800px;
	margin:0 auto;
	text-align:left;
}
#contents{
	width:740px;
	padding:0;
	margin:0 0 0 30px;
}
#contents h1{
	width:740px;
	height:100px;
	background:url(img/form_title.gif) no-repeat;
	text-indent:-9999px;
}
#contents .textBox{
	padding:14px 10px 20px;
}
#footer{
	width:740px;
	border-top:2px solid #DFDED0;
	margin:0; padding:0;
	padding-top:4px;
}
#footer #copyright{
	float:left;
	width:300px;
}
#footer #btn-close{
	float:right;
	widows:100px;
}

/* clearfix */
/* ----------------------------------------------------- */
.clearfix:after{
	content:"."; 
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
	 height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */


/* form */
/* ----------------------------------------------------- */

#contents table th{
	text-align:left;
	vertical-align:top;	
	padding:10px 10px 7px;
	background:url(img/bg_dot01.gif) ;
	font-weight:600;
	line-height:1.5;
	width:25%;
	border-bottom:4px solid #fff;
	border-right:1px solid #fff;	
}
#contents table td{
	width:75%;
	vertical-align:middle;
	padding:9px 5px 7px 10px;		
	background:#eee;
	line-height:150%;
	border-bottom:4px solid #fff;
}
#contents table th span.ex,
#contents table td span.ex{
	font-weight:normal;
	font-size:85%;
	line-height:2;
	margin:0;
}
#contents table th span.attention{
	padding:5px 0 0;
	font-weight:normal;
	color:#ff3300;
}
#contents table td.attention{
	color:#CC3333;
	background: #FFE7DB;
}
#contents table td span.td-attention{
	color:#ff3300;
	font-size:85%;
	line-height:2.4;
}
#contents table td input,
#contents table td textarea{
	padding:0 3px 0 3px;
	color:#554634;
}
#contents table td option{
	padding:0 3px 0 3px;
}
#contents table td input.inputL{
	width:400px;
	padding:0 3px;
}
#contents table td input.inputM{
	width:200px;
	padding:0 3px;
}
#contents table td input.inputS{
	width:100px;
	padding:0 3px;
}
#contents table td input.inputXS{
	width:40px;
	padding:0 3px;
}
#contents table td textarea.textareaM{
	width:400px;
	padding:2px 3px 10px;	
}