@charset "utf-8";
@import "normalize.css";
@import "common.css";
/* /////////////////////////////////////////////////////////
	　お問い合わせ
///////////////////////////////////////////////////////// */

/* ====================================
	page-title
==================================== */
#page-title{
	background:url(../contact/images/page-title.png) no-repeat;
	margin:0 auto 20px auto;
}

/* ====================================
	contact
==================================== */

/* 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:10px 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{
	margin-bottom:20px;
}
#contact form table {
	width:760px;
	border-collapse:collapse;
	margin-bottom:30px;
}
#contact form table tr{
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	border-collapse:collapse;
}
#contact form table tr th{
	width:150px;
	color:#373737;
	background:#EEE;
	text-align:left;
	vertical-align:middle;
	padding:25px 20px;
}
#contact form table tr th span{
	color:#ee0000;
}
#contact form table tr td {
	padding:25px 20px;
}

#contact form table ul li:nth-last-child(1){
	margin-bottom:0;
}

#contact form input,
#contact form textarea {
	padding:5px;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#contact form label{
	margin-right:45px;
}

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

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

	/* チェックの印を:before疑似要素を使って作成 */
#contact form input[type="radio"]:checked:before {
	position: absolute;
	left: 40%;
	top: 40%;
	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)  );
}

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

#contact form select {
	background:#FFF;
	border:1px solid #CCC;
	font-size:110%;
}

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

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

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

#policy1 {
	width:95%;
	padding:20px;
	background:#FFF;
	text-align:left;
	margin-bottom:10px;
}

#policy1 a:link,
#policy1 a:visited,
#policy1 a:active {
	color:#0072BC;
	text-decoration:underline;
	outline:none;
}

#policy1 a:hover {
	color:#65B5E9;
	text-decoration:none;
}

#policy1 .date {
	text-align:right;
	padding-bottom:10px;
	display:block;
}

#policy1 li {
	margin-left:50px;
	list-style-type: katakana-iroha;
}

#policy1 dl {
	padding-bottom:50px;
}

#policy1 dt {
	font-weight:bold;
}

#policy1 dd {
	margin-left:20px;
}

#policy1 strong {
	font-size:130%;
	padding-top:20px;
	padding-bottom:5px;
	display:block;
	width:100%;
	clear: both;
}

#policy1 h3 {
	padding:20px 0 30px 0;
	font-size:170%;
	font-weight:bold;
	text-align:center;
}

#policy1 dd ol li {
	display:block;
	width:100%;
}

#policy1 #navi .back a {
	text-decoration:none;
}

#policy1 #navi .back a div {
	width:98%;
	display:block;
	padding: 1em 0;
	background: #EEE;
	border: 1px solid #888;
	border-radius: 10px;
	color: #222;
	font-size: 110%;
	text-shadow: 0px 1px 1px #FFF;
	-webkit-box-shadow: inset 0 0.9em 2px rgba(255, 255, 255, 0.3), 0 1px 5px 0 #bbb, inset 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0.9em 2px rgba(255, 255, 255, 0.3), 0 1px 5px 0 #bbb, inset 0 1px 1px #fff;
	box-shadow: inset 0 0.9em 2px rgba(255, 255, 255, 0.3), 0 1px 5px 0 #bbb, inset 0 1px 1px #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#888888));
	background-image: -moz-linear-gradient(top, #EEE, #888888);
	background-image: -o-linear-gradient(top, #EEE, #888888);
	text-decoration:none;
	text-align:center;
}

#contact form table tr td .att {
	color:#C72323;
	font-size:90%;
	padding-top:15px;
}

#contact form table tr td .att input {
	width:30%;
	font-size:110%;
	background:#FCE8E8;
	border:1px solid #C72323;
}

#contact form a:hover {
	color:#C72323;
	text-decoration:none;
	outline:none;
}

#contact form input.w200 {
	background:#FFF;
	width:200px;
	height:20px;
	line-height:20px;
	padding:0 0 0 3px;
	border:1px solid #CCC;
}

#contact form input.w100 {
	background:#FFF;
	width:100px;
	height:20px;
	line-height:20px;
	padding:0 0 0 3px;
	border:1px solid #CCC;
}

#contact form input.w80 {
	background:#FFF;
	width:50%;
	height:20px;
	line-height:20px;
	padding:0 0 0 3px;
	border:1px solid #CCC;
}

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

#contact form .radio span {
	padding-bottom:5px;
	font-size:130%;
	font-weight:bold;
	position:absolute;
}

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

#contact form .submit p{
	margin-bottom:15px;
}

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

#contact form .submit strong {
	display:block;
	padding-bottom:10px;
}

#contact .thanks {
	width:760px;
	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:#ab0505;
	outline:none;
}

#contact .thanks a.tel:hover {
	color:#ab0505;
	text-decoration:none;
	outline:none;
}

#policy1 {
	width:95%;
	padding:20px;
	background:#FFF;
	line-height:20px;
	text-align:left;
	margin-bottom:10px;
}

#policy1 a:link,
#policy1 a:visited,
#policy1 a:active {
	color:#0072BC;
	text-decoration:underline;
	outline:none;
}

#policy1 a:hover {
	color:#65B5E9;
	text-decoration:none;
}

#policy1 .date {
	text-align:right;
	padding-bottom:10px;
	display:block;
}

#policy1 li {
	margin-left:50px;
	list-style-type: katakana-iroha;
}

#policy1 dl {
	padding-bottom:50px;
}

#policy1 dt {
	font-weight:bold;
}

#policy1 dd {
	margin-left:20px;
}

#policy1 strong {
	font-size:130%;
	padding-top:20px;
	padding-bottom:5px;
	display:block;
	width:100%;
	clear: both;
}

#policy1 h3 {
	padding:20px 0 30px 0;
	font-size:170%;
	font-weight:bold;
	text-align:center;
}

#policy1 dd ol li {
	display:block;
	width:100%;
}

/* ボタンスタイル */
#contact form .submit .css_btn_class,
#contact .thanks .css_btn_class {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #000000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000000), color-stop(100%, #323232) );
	background:-moz-linear-gradient( center top, #000000 5%, #323232 100% );
	background:-ms-linear-gradient( top, #000000 5%, #323232 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#323232');
	background-color:#000000;
	color:#FFFFFF;
	display:inline-block;
	text-shadow:1px 1px 0px #111111;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #555555;
 	-moz-box-shadow:inset 1px 1px 0px 0px #555555;
 	box-shadow:inset 1px 1px 0px 0px #555555;
}#contact form .submit .css_btn_class:hover,
#contact .thanks .css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #323232), color-stop(100%, #000000) );
	background:-moz-linear-gradient( center top, #323232 5%, #000000 100% );
	background:-ms-linear-gradient( top, #323232 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#000000');
	background-color:#323232;
}#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;
}