@charset 'utf-8';

/*------------------------------------------------------------*/
/*-- common --*/
/*------------------------------------------------------------*/

body {
	color: #000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 150%;
}




#formTtl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

#formTxt{
	margin-bottom:20px;
}

#formTxtError{
	color:#f00;
	margin-bottom:20px;
}
/*------------------------------------------------------------*/
/*-- hr --*/
/*------------------------------------------------------------*/
hr.horizonType,
hr.longType,
hr.longType lineType {
	width:100%;
	border:0;
	height:1px;
	margin:15px 0;
}
hr.longType,
hr.horizonType {
	background:#E7E7E9;
	color:#E7E7E9;
}
hr.longType lineType {
	background:#E6E6E6;
	color:#E6E6E6;
}

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


#formTable{
	width:100%;
	color:#333;
	border-collapse:separate;
	border:1px solid #e6e6e6;
	border-spacing: 2px;
}

.lineType#formTable{
	border-collapse:collapse;
	border:0;
	border-spacing: 0;
}

.horizonType th{
padding:10px;
	
	background:#E7E7E9;
	width:20%;
}

.horizonType td{
padding:10px;
	
	background:#F2F2F2;
	width:80%;
}

.longType th{
padding:10px;
	background:#E7E7E9;
	width:100%;
}

.longType td{
	background:#F2F2F2;
	padding:10px;
	
}

.lineType th{
	background:#fff;
	border:1px solid #e6e6e6;
	padding:10px;
}

.lineType td{
	background:#fff;
	border:1px solid #e6e6e6;
	padding:10px;
}

.longType td{
padding-left:34px;
}

#formTable th,#formTable td{
	vertical-align:top;
}

#formTable table th,#formTable table td{
	padding:0;
	/*width:auto;*/
	border:none;
}

.lineType#formTable .endLine th {
	border:none;
}

.note {
	font-size:10px;
}

.formError{
	color:#f00;
}

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


#formTable .tableTtl{
	float:left;
}

#formTable .tableMust{
	float:right;
}

.longType#formTable .tableTtl{
	padding-right:5px;
}

#formTable .tableMust{
	text-align:right;
	width:2.5em;
	float:right;
}

#formTable .mustArea{
	background:#CC3300;
	font-size:10px;
	color:#fff;
	padding:2px 3px;
}


/*------------------------------------------------------------*/
/*-- formSelect --*/
/*------------------------------------------------------------*/

#formTable .formSelect select{
	/*width:320px;*/
}


/*------------------------------------------------------------*/
/*-- formName --*/
/*------------------------------------------------------------*/

#formTable .nameArea{
	width:23px;
	vertical-align:middle;
}

#formTable .nameInput{
	width:150px;
}

#formTable .nameInput input{
	width:130px;
}

/*------------------------------------------------------------*/
/*-- formInput --*/
/*------------------------------------------------------------*/

#formTable .formInput input{
	width:60%;
}


/*------------------------------------------------------------*/
/*-- formPost --*/
/*------------------------------------------------------------*/

#formTable .formPost{
	margin-bottom:5px;
}

#formTable .postArea1{
	width:23px;
}

#formTable .postArea2{
	width:15px;
	text-align:center;
}

#formTable .postInput1,#formTable .postInput1 input{
width:60px;
}

#formTable .postInput2,#formTable .postInput2 input{
width:80px;
}

/*------------------------------------------------------------*/
/*-- formCity --*/
/*------------------------------------------------------------*/

#formTable .formCity{
	margin-bottom:5px;
}

#formTable .cityArea{
	width:60px;
	vertical-align:middle;
}

#formTable .citySelect,#formTable .citySelect select{
	/*width:130px;*/
}


/*------------------------------------------------------------*/
/*-- formPost --*/
/*------------------------------------------------------------*/

#formTable .formPlace{
	width:100%;
}

#formTable .placeInput input{
	width:60%;
}


/*------------------------------------------------------------*/
/*-- formTel --*/
/*------------------------------------------------------------*/


#formTable .telArea{
	width:23px;
	text-align:center;
}

#formTable .telInput,#formTable .telInput input{
	width:60px;
}

/*------------------------------------------------------------*/
/*-- formMail --*/
/*------------------------------------------------------------*/


#formTable .formMail{
	width:100%;
}

#formTable .mailArea{
	color:#f00;
}

#formTable .mailInput input{
	width:60%;
}

/*------------------------------------------------------------*/
/*-- formMail --*/
/*------------------------------------------------------------*/


#formTable .formBtn{
	margin:0 auto;
	
}

#formTable .formBtn td{
background:#E7E7E9;
width:182px;
}

.lineType#formTable .formBtn td{
background:#fff;
width:182px;
}

#formTable .btnSubmit,#formTable .btnRewrite,.lineType#formTable .btnSubmit,.lineType#formTable .btnRewrite{
	padding-right:10px;
}

#submitPage #formTable .btnSubmit{
	padding-right:0;
}

#formTable .btnSubmit input{
	background:url(../images/btn_submit.jpg) no-repeat left top;
	width:182px;
	height:37px;
	padding-top:37px;
	overflow-y:hidden;
	cursor:pointer;
	border:none;
	
}

#formTable .btnRewrite input{
	background:url(../images/btn_rewrite.jpg) no-repeat left top;
	width:182px;
	height:37px;
	padding-top:37px;
	overflow-y:hidden;
	cursor:pointer;
	border:none;
	
}

#formTable .btnSend input{
	background:url(../images/btn_send.jpg) no-repeat left top;
	width:182px;
	height:37px;
	padding-top:37px;
	overflow-y:hidden;
	cursor:pointer;
	border:none;
	
}


#formTable .btnReturn input{
	background:url(../images/btn_return.jpg) no-repeat left top;
	width:182px;
	height:37px;
	padding-top:37px;
	overflow-y:hidden;
	cursor:pointer;
	border:none;
	
}

#formTable .btnReset input{
	background:url(../images/btn_reset.jpg) no-repeat left top;
	width:182px;
	height:37px;
	padding-top:37px;
	overflow-y:hidden;
	cursor:pointer;
	border:none;
}

/*------------------------------------------------------------*/
/*-- formSex --*/
/*------------------------------------------------------------*/

#formTable .formSex{
	width:100%;
}

#formTable .sexInput{
	width:50%;
}

#formTable .sexInput input{
	margin-right:0.5em;
}

/*------------------------------------------------------------*/
/*-- formBirthday --*/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/*-- fromEnquete --*/
/*------------------------------------------------------------*/

#formTable .fromEnquete .EnqueteTitle, 
#formTable .fromEnquete .EnqueteAnswer {
	padding:10px;
}
#formTable .fromEnquete .EnqueteAnswer p {
	line-height:200%;
}


/*------------------------------------------------------------*/
/*-- formCheck --*/
/*------------------------------------------------------------*/

#formTable .formCheck{
	width:100%;
}

#formTable .checkInput{
	width:auto;
}

#formTable .checkInput input{
	margin-right:0.5em;
}
/*------------------------------------------------------------*/
/*-- formPrivacy --*/
/*------------------------------------------------------------*/
#formTable td.formPrivacy {
	padding:0;
}
#formTable div.formPrivacy {
	overflow-y:scroll;
}
#formTable div.formPrivacy {
	padding:10px 20px;
}



/*------------------------------------------------------------*/
/*-- clearfix --*/
/*------------------------------------------------------------*/
 
.clearfix:after {  
content: ".";   
   display: block;   
   height: 0;   
   clear: both;   
     visibility: hidden;  
}  
 .clearfix {  
     display: inline-block;  
     min-height: 1%;  
 }  
 /* Hides from IE-mac \*/  
 * html .clearfix {  
    height: 1%;  
 }  
 .clearfix {  
     display: block;  
 }  
 /* End hide from IE-Mac */  
 
.errorMsg {
    background: none repeat scroll 0 0 #CC3300;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    margin: 3px;
    padding: 2px 3px;
}