@charset "utf-8";

/*----------area----------*/


h1{
	margin-top:10px;
	border-top:1px solid #71b3d3;
	border-bottom:1px solid #71b3d3;
}

.contact h2{
	margin-top:15px;
	background:#137ba8 url(../common/img/bg_img_02.gif) 10px 8px no-repeat;
	padding:8px 5px 7px 25px;
	color:#FFFFFF;
	font-size:15px;
	margin:15px 0px 0px 0px;
	background-size: 5px 18px;
}
.read_block{
	padding:10px;
}
.read_block div{
	margin-bottom:15px;
}
.read_block span{
	color:#71b3d3;
}
.read_block div:last-child{
	margin-bottom:0px;
}

.contact .contact_area{
	margin:10px;
	border:1px solid #bfced6;
	padding:1px;
}

.contact .contact_area dl{
	border:1px solid #bfced6;
}
.contact .contact_area dt{
	border-bottom:1px dotted #bfced6;
	background:#eaf4fa;
	padding:12px 8px 10px 8px;
	text-align:left;
	font-size:17px;
	font-weight:bold;
}
.contact .contact_area dd{
	border-bottom:1px solid #bfced6;
	padding:12px 12px 11px 12px;
	text-align:left;
	font-size:15px;
}
.contact .contact_area dd img{
	vertical-align:middle;
}
.contact .contact_area dd:last-child {
	border-bottom:none;
}
.contact .contact_area li{
	margin:0 0 5px 0;
}
.contact .contact_area li:last-child{
	margin:0;
}
.contact .contact_area dt span{
	background:#FFF;
	color:#ff4761;
	padding:3px 5px 2px 5px;
	margin:0 0 0 10px;
	font-size:12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contact .contact_area .ex{
	color:#666666;
	font-size:12px;
}
.contact .contact_area .error{
	color:#db213b;
	font-weight:bold;
}
.bold{
	font-size:15px;
}


.contact_area .mb10{
	margin:0 0 10px 0;
}
.contact_area .box_ex{
	border:1px solid #CCC;
	padding:8px 8px 8px 10px;
	background:#f5f5f5;
	-webkit-appearance:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:16px;
}


.contact_area .box01{
	border:1px solid #CCC;
	padding:6px 8px 6px 8px;
	background:#f5f5f5;
	-webkit-appearance:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:18px;
}
.contact_area .box02{
	border:1px solid #CCC;
	padding:10px;
	font-size:14px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	vertical-align:middle;
	margin:0 4px 5px 0;
}

.contact_area .box03{
	border:1px solid #CCC;
	padding:8px 8px 8px 10px;
	background:#f5f5f5;
	-webkit-appearance:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:16px;
}

.contact_area .box04{
	padding:6px 8px 6px 8px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    font-size: 14px;
    border: none;
    cursor: pointer;
	border:1px solid #CCC;
    background:#f5f5f5 url(../img/contact/arrow.png) no-repeat;
    background-size:40px 50px;
    background-position: right center;
}
.contact_area .small{
	font-size:12px;
}
.underbtn01{
	text-align:center;
	margin:0 0 50px 0;
}
.btn001{
	border:1px solid #ed5e19;
	padding:6px 0px 6px 0px;
	background:#ff7533;
	-webkit-appearance:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:8px 30px 8px 30px;
	height:50px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	width:80%;
}

.btn002{
	border:1px solid #adadad;
	padding:6px 0px 6px 0px;
	background:#e4e4e4;
	-webkit-appearance:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:8px 30px 8px 30px;
	height:50px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	width:80%;
}

.contact_area th{
	padding:0 10px 0 0;
	font-weight:normal;
	font-size:15px;
}
.contact .endcom{
	font-weight:bold;
	color:#2179a4;
	font-size:18px;
	line-height:18pt;
}
.error_message{
	color:red;
	font-weight:bold;
}