@charset "utf-8";
/* CSS Document */
#inquiry {
 	width: 100%;
 	min-width: 960px;
}

#inquiry .wrap{
  margin: 0 auto;
}
#inquiry h2 {
	float:none;
	width: 960px;
	margin:0 auto 16px auto;
	display: block;
	font-weight:normal;
}

#inquiry a{
	color:#009CFF;
}




#inquiry .information {
	width:820px;
    margin-bottom: 20px;
    padding: 22px 25px 22px;
    border: 2px solid #efeeea;
    border-radius: 5px;
    font-size: 14px;
    background: url(../img/bg.png) #fafaf9 repeat 0 0;
}



/******　お問い合わせ 扉 (index) ******/

#inquiry .information h3 {
    padding-bottom: 22px;
    font-size: 20px;
    line-height: 1.5;
}

#inquiry .information dt {
    position: relative;
    padding-left: 1.3em;
    line-height: 1.571428;
}

#inquiry .information dt:before {
    content: "●";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #b8b098;
}

#inquiry .information dd{
	margin:4px 40px 0;
	display: list-item;
	list-style: disc outside;
}

#inquiry .content{
	width:820px;
    margin-bottom: 50px;
    padding: 22px 25px;
    border-radius: 5px;
    font-size: 14px;
}

#inquiry .content ul{
    line-height: 1.571428;
}

#inquiry .content li{
	display: list-item;
	list-style: disc outside;
}

#inquiry .btnerea{
	width:660px;
    height: 120px;
}

#inquiry .btnerea a:hover{
	opacity: 0.9;
  	filter: alpha(opacity=90);
  	-ms-filter: "alpha(opacity=90)";
}

#inquiry .btnerea a.inqbtn01{
	color:#FFF;
	display:block;
	width:360px;
	height:76px;
    border-radius: 5px;
    font-size: 20px;
	padding:12px;
	text-align:center;
	background-color:#009CFF;
	line-height:1.4;
	margin:0 auto;
	text-decoration:none	
}


/******　お問い合わせ 入力画面　(inquiry) ******/

#inquiry .information p{
	font-size: 20px;
	line-height: 1.4;
}

#inquiry .form{
	width:820px;
	font-size:14px;
	margin-bottom: 50px;
}

#inquiry .form table{
	width:820px;
	border:#efeeea solid 2px;
}

#inquiry .form th{
	width:30%;
	padding:10px;
	text-align:left;
	font-weight:normal;
	background-color:#f3faff;
	border-bottom:#efeeea solid 2px;
	border-right:#efeeea solid 2px;
	vertical-align:top;
}

#inquiry .form td{
	width:70%;
	padding:10px;
	border-bottom:#efeeea solid 2px;
}

#inquiry .form th.last,
#inquiry .form td.last{
	border-bottom:none;
}

#inquiry .required{
    position: relative;
    width: 30px;
	height:24px;
    background: #FF0000;
	color:#FFF;
	font-size:x-small;
	padding:4px;
	margin-left: 6px;
	bottom:2px;
}


#inquiry .btnerea a.inqbtn02{
	float:left;
	color:#FFF;
	display:block;
	width:300px;
	height:50px;
    border-radius: 5px;
    font-size: 20px;
	padding:12px;
	text-align:center;
	background-color:#009CFF;
	line-height:1.4;
	margin:0 auto;
	text-decoration:none	
}

#inquiry .btnerea a.inqbtn03{
	float:right;
	color:#FFF;
	display:block;
	width:300px;
	height:50px;
    border-radius: 5px;
    font-size: 20px;
	padding:12px;
	text-align:center;
	background-color:#009CFF;
	line-height:1.4;
	margin:0 auto;
	text-decoration:none	
}

#inquiry .name{
	width:80%; 
	margin:0 5px;
}

#inquiry .ln{
	float:left;
}

#inquiry .fn{
	float:left;
	clear:none;
}

#inquiry .w30{
	width:30%;
}

#inquiry .w70{
	width:70%;
}

#inquiry .note{
	color:#333333; 
	margin-top:4px; 
	font-size:small;
}

#inquiry .post01{
	width:15%;
	margin-right:5px;
}

#inquiry .post02{
	width:15%;
	margin-left:5px;
}


#inquiry .max1000{
	width:100%; 
	height:100px;
}


/******　お問い合わせ 完了画面　(complete) ******/

#inquiry #complete{
	line-height: 1.571428;
}

#inquiry #complete p{
	margin-bottom:14px;
}

#inquiry .btnerea a.inqbtn04{
	color:#FFF;
	display:block;
	width:300px;
	height:50px;
    border-radius: 5px;
    font-size: 20px;
	padding:12px;
	text-align:center;
	background-color:#009CFF;
	line-height:1.4;
	margin:0 auto;
	text-decoration:none	
}



/******　汎用  ******/

.red{
	color:#F00;
}

.center{
	text-align:center;
}

.mr20{
	margin-right:20px;
}




/******  エラー用  ******/
 
#inquiry table tr td .eMessage {
	color: #009CFF;
	padding-top:5px;
	clear:both;
}

#inquiry table tr td.error input[type="text"] {
	border: 2px solid #009CFF;
	background: #FAFAF9;
}

#inquiry table tr td.error input[type="tel"] {
	border: 2px solid #009CFF;
	background: #FAFAF9;
}

#inquiry table tr td.error textarea {
	border: 2px solid #009CFF;
	background: #FAFAF9;
}




/*----------------------------------------------------
 * Media Queries for only smartphone
 *---------------------------------------------------*/
@media screen and (max-width: 640px)
{

#inquiry{
	margin: 0;
	width: 100%;
	min-width: 0;
}

#inquiry h2 {
	padding: 20px 20px 10px;
}

#inquiry .information p {
    font-size: 16px;
}

/******　お問い合わせ 扉 (index) ******/

#inquiry .information,
#inquiry .content,
#inquiry .btnerea{
	width:90%;
}
#inquiry .btnerea a.inqbtn01 {
    width: 80%;
}

/******　お問い合わせ 入力画面　(inquiry) ******/


#inquiry .form{
	width:90%;
}

#inquiry .form table{
	width:100%;
}

#inquiry .form table th{
	border-right:none;
}


#inquiry .form table th,
#inquiry .form table td{
	width:100%;
	display: block;
	line-height: 1.8;
}

#inquiry .form table input{
	line-height:1.5;
}


#inquiry .fn,
#inquiry .ln{
	float:none;
}

#inquiry .ln{
	margin-bottom:10px;
}

#inquiry .btnerea a.inqbtn02,
#inquiry .btnerea a.inqbtn03{
	width:46%;
}

#inquiry .w70{
	width:100%;
}
}