@charset "UTF-8";

* {
	margin: 0;
	padding : 0;
}

html {
}

body {
	font-size:12px;
	color:#333;
	line-height:1.5em;
	text-align: center;
	font-family: "Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	background:#FFF;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.5em;
}

p, li,dt,dd {
	font-size:1.2em;
	line-height:1.55em;
}

hr{
	background-color: #999999;
	border: medium none;
	color: #999999;
	height: 1px;
	margin: 8px 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	font-style: normal;
}

ul,ol {
	list-style-type: none;
}

.left{ float:left; }

.right{ float:right; }

a {
	color:#3FA536;
	text-decoration: underline;
}
a:hover {
	color:#3FA536;
	text-decoration: none;
}

img,
a img {
	border : 0;
}

.clr {
	clear: both;
}
.clearfix:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

:placeholder-shown {
	font-size: 12px !important;
	color: #999; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	font-size: 12px !important;
	color: #999999; }
/* Firefox 18- */
:-moz-placeholder {
	font-size: 12px !important;
	color: #999; opacity: 1; }
/* Firefox 19+ */
::-moz-placeholder {
	font-size: 12px !important;
	color: #999; opacity: 1; }
/* IE 10+ */
:-ms-input-placeholder {
	font-size: 12px !important;
	color: #999; }



/* column */
.sw-well::after{
	content: "";
	display: block;
	clear: both;
}
.sw-well {
	padding: 22px 28px 22px 28px;
	border: 1px solid #DEDEDE;
	border-radius: 3px;

}
.sw-well-lg {
	padding: 36px 36px 36px 36px;
	border-radius: 3px;
}
.sw-well-sm {
	padding: 12px;
	border-radius: 3px;
}

.sw-well-white {
	background-color: #FFF;
}

.sw-well-grayl {
	background-color: #EFEFEF;
}

.sw-well-green {
	background-color: #d0efef;
}
.sw-well-white-alpha {
	background-color: rgba(255,255,255,0.6);
	border: none;
}


.contact input, textarea {
	padding: 0  6px;
}


.contact {
	margin:0 auto;
	width:840px;
	text-align: left;
}

.contact .title:after,
.contact .btn:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.contact .title,
.contact .btn{
	zoom: 1;
}

.contact .title{
	border-bottom:1px solid #36A038;
	margin-top:12px;
	margin-bottom:18px;
}

.contact h1{
	float:left;
}
.contact h2{
	float:left;
	padding-top: 16px;
	padding-left: 8px;
	font-size: 2.0em;
	color: #111;
	letter-spacing: 1px;
}
.contact h3{
	background:#40A629;
	font-size:1.4em;
	color:#FFF;
	padding:10px 16px 8px 16px;
	margin-top: 30px;
	margin-bottom:10px;
}

.contact p{
	font-size:1.2em;
}
.contact p.lead{
	font-size:1.2em;
	margin-bottom:16px;
}

.contact p.required{
	font-size:1.1em;
	margin-bottom:12px;
}

.contact table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #EFEFEF;
}
.contact table th{
	width: 220px;
	background: #F5F5F5;
	border: 1px solid #EFEFEF;
	padding: 12px 12px 12px 12px;
	vertical-align: top;
	font-size:1.2em;
	font-weight: bold;
	line-height: 170%;
	white-space: nowrap;
}
.contact table td{
	border: 1px solid #EFEFEF;
	padding: 12px 16px 12px 16px;
	vertical-align: top;
	font-size:1.2em;
	line-height: 170%;
}
.contact table th a,
.contact table td a{
	color:#00A3D8;
	text-decoration: underline;
}
.contact table th a:hover,
.contact table td a:hover{
	color:#000;
	text-decoration: none;
}


.mw_wp_form_confirm span.ex,
.mw_wp_form_confirm span.caution{
	display: none;
}


.contact span.must{
	font-size:0.8em;
	color:#F00;
	margin-left:8px;
}
.contact span.ex{
	font-size:0.85em;
	color:#666;
}
.contact span.caution{
	color:#FF3300;
}

.mw_wp_form_confirm .bg-gray,
.mw_wp_form_confirm .bg-green{
	background:#FFF !important;	
}

.contact .bg-gray{
	background:#EFEFEF;
	padding:8px 12px 8px 12px;
	margin-right:10px;
}
.contact span.bg-green{
	background:#AFD9B0;
	padding:16px 12px 14px 12px;
}

.contact .info{
	text-align: center;
}
.contact .info p{
	font-size:1.2em;
	margin: 10px 0 40px 0;
}

.contact p.copy{
	font-size:0.9em;
	color:#999;
	text-align: center;
	margin: 20px 0 20px 0;
}



.contact p.toptop{
	font-size:1.2em;
	color:#333;
	margin: 20px 0 60px 0;
}


.contact .btn{
	text-align:center;
	margin:15px 0 30px 0;
}
.contact .btn input.wpcf7-submit{
	font-size:1.4em;
	font-weight:bold;
	color: #fff; /* 文字色 */
	line-height: 40px; /* 文字の高さ */
	padding-top: 0px; /* 余白 */
	padding-right: 40px; /* 余白 */
	padding-bottom: 0px; /* 余白 */
	padding-left: 40px; /* 余白 */
	background-color: #26A320; /* 背景 */
	border: 1px solid #26A320; /* 罫線 */
	cursor:pointer;
}
.contact .btn input.wpcf7-submit:hover {
	border-color: #000;
	background-color: #000;
	color: #FFF;
}
.contact .btn input.non-submit{
	font-size:1.2em;
	color: #a9a9a9; /* 文字色 */
	line-height: 40px; /* 文字の高さ */
	padding-top: 0px; /* 余白 */
	padding-right: 40px; /* 余白 */
	padding-bottom: 0px; /* 余白 */
	padding-left: 40px; /* 余白 */
	background-color: #efefef; /* 背景 */
	border: 1px solid #efefef; /* 罫線 */
	cursor:pointer;
}
.contact .btn input.non-submit:hover {
	border-color: #ccc;
	background-color: #ccc;
	color: #666;
}

.contact .btn p.mail{
	font-size:1.0em;
	color:#333;
	margin: 10px 0 40px 0;
}
.contact .complete{
	text-align:center;
	margin: 0 0 40px 0;
}
.contact p.toptop{
	font-size:1.0em;
	color:#333;
	margin: 20px 0 60px 0;
}
.contact p.copyright{
	font-size:0.8em;
}

input:focus,
select:focus,
textarea:focus{
	background:#FFFFF5;
}
select.select-box{
	vertical-align: middle;
	display: inline-block;
	height: 32px;
	background-color: #DDD;
	font-size:1.0em;
	background-image: none;
	border: none;
}
select.select-box.full{
	width: 100%;
}
.fieldS{
	width:80px;
	height:30px;
	border:1px solid #CCC;
	margin:0 8px 4px 0;
	font-size: 1.2em;
	color:#111;
}
.fieldM{
	width:400px;
	height:30px;
	border:1px solid #CCC;
	margin:0 8px 4px 0;
	font-size: 1.2em;
	color:#111;
}
.fieldL{
	width:600px;
	height:30px;
	border:1px solid #CCC;
	margin:0 8px 4px 0;
	font-size: 1.2em;
	color:#111;
}
.field600_100{
	width:600px;
	height:100px;
	border:1px solid #CCC;
	margin:0 8px 4px 0;
	font-size: 1.2em;
	color:#111;
}
.field500_50{
	width:500px;
	height:50px;
	border:1px solid #CCC;
	margin:0 8px 4px 0;
	font-size: 1.2em;
	color:#111;
}


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

リアルタイムフォームバリデーション

 font-size defined in fonts.css - YUI fonts.css
 93% - 12px

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

div.validationTip {
	padding-left: 6px;
	background: url(/image/inquiry/tip_left.gif) no-repeat left top;
	font-size: 93%;
}

div.tipInner {
		border: solid #BBB 1px;
		border-top: none;
		border-left: none;
		-moz-border-radius: 4px;
		padding: .5em 1em .5em .8em;
		color: #F60;
		color:#FFF;
		background: #FF9999;
		font-weight: bold;
	}

div#dlgmat {
	width: 101.55%; /* for ie6 bug */
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 550;
	background: #000;
}

* html div#dlgmat { /* ie6 */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +'px');
}

div#dlg {
	padding: 0 0 0 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	background: url(/image/inquiry/dialog_left.gif) no-repeat left top;
	font-size: 93%;
}

* html div#dlg {	/* ie6 */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (dlgMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

	div#dlg span#close {
		display: block;
		width: 21px;
		height: 19px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(/image/inquiry/dialog_close.gif) no-repeat left top;
		cursor: pointer;
	}

	div#dlg span#close.hover {
		background: url(/image/inquiry/dialog_close.gif) no-repeat left -19px;
	}

	div#dlg div#dlgtop {
		height: 5px;
		background: url(/image/inquiry/dialog_top.gif) no-repeat right top;
		overflow: hidden;
	}

	div#dlg div#dlgcont {
		padding: 1.5em 0;
		background: #282828 url(/image/inquiry/dialog_right.gif) no-repeat right top;
	}

		div#dlg div#dlgcont div {
			padding: 0 3.5em;
			color: #FFF;
			font-weight: bold;
		}

			div#dlg div#dlgcont div span {
				line-height: 1.7;
			}

				div#dlg div#dlgcont div span strong {
					border-bottom: dotted #F60 1px;
					padding: 0 .1em;
					color: #F60;
				}

	div#dlg div#dlgbtm {
		height: 5px;
		background: url(/image/inquiry/dialog_bottom.gif) no-repeat right top;
		overflow: hidden;
	}