@charset "utf-8";
/* /////////////////////////////////////////////////////////
	　お問い合わせ
///////////////////////////////////////////////////////// */

/* ====================================
	headline
==================================== */
.headline01 {
	margin-bottom:40px;
}

/* ====================================
	glovalNavi
==================================== */
#glovalNavi .g5 a{ 
	background-position:-745px -42px;
}

/* ====================================
	contact
==================================== */
#contact{
	width:820px;
	margin-bottom:100px;
}

/* information */
#contact .information{
	margin-bottom:30px;
}
#contact .information dt{
	line-height:30px;
	font-size:130%;
	font-weight:bolder;
	border-left:5px solid #09a3c8;
	color:#09a3c8;
	padding-left:10px;
	margin-bottom:5px;
}

#contact .information dd{
	background:#fff4c7;
	border:2px solid #f1db82;
	padding:20px;
	margin:15px auto 0 auto;
}

/* text */
#contact .text{
	padding:0 20px;
}
#contact .text p{
	margin-bottom:10px;
}
#contact .text p strong{
	font-size:130%;
}
#contact .text p small{
	font-size:80%;
	font-weight:bolder;
}

/* step */
#contact #step{
	width:610px;
	margin:0px auto 20px auto;
}
#contact #step li{
	width:215px;
	float:left;
	background:url(../contact/images/arrow.gif) right 8px center no-repeat;
}
#contact #step li:last-child{
	width:180px;
	background:none;
}
#contact #step li div{
	width:178px;
	line-height:60px;
	color:#999;
	font-size:110%;
	background:#EEE;
	border:1px solid #DDD;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#contact #step li div.ov{
	width:180px;
	color:#FFF;
	background:#000;
	border:none;
}
#contact #step{
}

/* 入力フォーム */
#contact form{
	width:800px;
	padding:0 10px;
}
#contact form table {
	width:798px;
	border-collapse:collapse;
	margin-bottom:30px;
}
#contact form table tr th,
#contact form table tr td{
	border:1px solid #cfcfcf;
	padding:20px 10px;
	font-size: 1.5rem;
}
#contact form table tr th{
	width:178px;
	text-align:left;
}
#contact form table tr th span{
	color:#ee0000;
	padding:0 0 0 10px;
}
#contact form table tr td {
	text-align:left;
}
#contact form table tr td p{
	padding-bottom:10px;
}
#contact form table ul li{
	margin-bottom:4px;
	list-style:disc inside;
}
#contact form table ul li:last-child{
	margin-bottom:0;
}
	#contact form a:link,
	#contact form a:visited,
	#contact form a:active{
		color:#111;
		outline:none;
	}
	#contact form a:hover{
		color:#111;
		text-decoration:none;
		outline:none;
	}

#contact form input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 10px;
    border-radius: 24px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    ) #d1d1d1;
    vertical-align: middle;
	
}

/* チェック時は背景色を変更 */
#contact form input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    ) #8f8f8f;
}

/* チェックの印を:before疑似要素を使って作成 */
#contact form input[type="radio"]:checked:before {
    position: absolute;
    left: 38%;
    top: 38%;
    display: block;
    margin: -5px 0 0 -5px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 1);
    content: "";
    border-radius: 15px;
    width: 15px;
    height: 15px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    ) #d1d1d1;
}


#contact form .radio{
	width:100%;
	margin-top:10px;
	text-align:center;
	position:relative;
}

#contact form .radio span{
	padding-bottom:5px;
	font-weight:bold;
}
#contact form .radio  .radio1{
font-size:x-large;
height:30px;
width:30px;
}
#contact form
input{
	border:0; 
	padding:3px; 
	font-size:1.3em; 
	color:#000000; 
	border:solid 1px #ccc; 
	/*radius*/
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
	behavior: url(/js/PIE.htc);
	/*shadow*/
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#contact form
textarea{
	border:0; 
	padding:3px; 
	font-size:1.3em; 
	color:#000000; 
	border:solid 1px #ccc; 
	/*radius*/
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
	behavior: url(/js/PIE.htc);
	/*shadow*/
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#contact form
select{
	border:0; 
	padding:5px; 
	font-size:1.3em; 
	color:#000000; 
	border:solid 1px #ccc; 
	/*radius*/
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
	behavior: url(/js/PIE.htc);


}



#contact form
input:focus {
   background-color: #fffee0;
}


#contact form
textarea:focus {
   background-color: #fffee0;
}


#contact form
select:focus {
   background-color: #fffee0;
}

#contact form .att{
	padding:10px;
	color:#C72323;
	font-size:90%;
	line-height:20px;
}
#contact form .att input{
	background:#FCE8E8;
	height:20px;
	line-height:20px;
	border:1px solid #C72323;
	font-size:100%;
}

#contact form .submit .att strong{
	padding:0px;
	font-size:130%;
}

#contact form .submit {
	width:100%;
	text-align:center;
	margin-top:30px;
}

#contact form .submit input {
	cursor:pointer;
}

#contact form .submit strong {
	display:block;
}

#contact .thanks {
	width:820px;
	text-align:center;
	font-size:120%;
}

#contact .thanks p{
	margin-bottom:20px;
}

	#contact .thanks a.tel:link,
	#contact .thanks a.tel:visited,
	#contact .thanks a.tel:active {
		color:#00A0C6;
		outline:none;
	}
	
	#contact .thanks a.tel:hover {
		color:#00A0C6;
		text-decoration:none;
		outline:none;
	}

/* ボタンスタイル */
#contact form .submit .css_btn_class,
#contact .thanks .css_btn_class {
	font-size:150%;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #000000;
	padding:10px 76px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000000), color-stop(100%, #333333) );
	background:-moz-linear-gradient( center top, #000000 5%, #333333 100% );
	background:-ms-linear-gradient( top, #000000 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
	background-color:#000000;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000000;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #555;
 	-moz-box-shadow:inset 1px 1px 0px 0px #555;
 	box-shadow:inset 1px 1px 0px 0px #555;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}#contact form .submit .css_btn_class:hover,
#contact .thanks .css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #333333), color-stop(100%, #000000) );
	background:-moz-linear-gradient( center top, #333333 5%, #000000 100% );
	background:-ms-linear-gradient( top, #333333 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	background-color:#333333;
}#contact form .submit .css_btn_class:active,
#contact .thanks .css_btn_class:active {
	position:relative;
	top:1px;
}
#contact form .submit .css_btn_class{
	font-size:130%;
	padding:10px 76px;
}
#contact .thanks .css_btn_class {
	font-size:110%;
	text-decoration:none;
	padding:7px 76px;
}