@charset "shift_jis";

/*==============================================
    注意事項
==============================================*/
.mailCaution {
	font-size:0.8rem;
	margin-bottom:10px;
	color:#C00;
	padding:10px;
	border:1px solid #C00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
/*==============================================
    フォーム
==============================================*/

.fTitle {
	margin:20px 0 10px 0;
	padding:5px;
	font-size:1em;
	background:#e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

input {/*共通*/
	padding:5px;
	border:2px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 1px 1px #e2e2e2;
    -moz-box-shadow: inset 1px 1px 1px 1px #e2e2e2;
    box-shadow: inset 1px 1px 1px 1px #e2e2e2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {/*共通*/
	width:100%;
	height:3em;
	padding:5px;
	border:2px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 1px 1px #e2e2e2;
    -moz-box-shadow: inset 1px 1px 1px 1px #e2e2e2;
    box-shadow: inset 1px 1px 1px 1px #e2e2e2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sForm {
	margin-bottom:10px;
}

/*年月入力*/
.txtForm02 input {
	width:4em;
}

/*名前入力*/
.txtForm03 input {
	width:30%;
}

/*郵便番号入力*/
.txtForm04 input {
	float:left;
	width:30%;
}

.whiteBtn a {
	display:inline-block;
	padding:0 10px 0 20px;
	height:35px;
	text-indent:15px;
	text-align:center;
	line-height:35px;
	color:#333;
	text-decoration:none;
	font-size:0.8em;
	text-shadow: 0 -1px 1px #d6d6d6;
	border:1px solid #b2b1b1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/common/arr_right01.png) no-repeat 8% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6d6d6), color-stop(0.00, #fff));
	background:url(../images/common/arr_right01.png) no-repeat 8% 50%, -webkit-linear-gradient(#fff, #d6d6d6);
	background:url(../images/common/arr_right01.png) no-repeat 8% 50%, -moz-linear-gradient(#fff, #d6d6d6);
	background:url(../images/common/arr_right01.png) no-repeat 8% 50%, -o-linear-gradient(#fff, #d6d6d6);
	background:url(../images/common/arr_right01.png) no-repeat 8% 50%, -ms-linear-gradient(#fff, #d6d6d6);
	background:url(../images/common/arr_right01.png) no-repeat 8% 50%, linear-gradient(#fff, #d6d6d6);
    -webkit-box-shadow: inset 0px 1px 0px #fff3e2;     
    -moz-box-shadow: inset 0px 1px 0px #fff3e2;     
    box-shadow: inset 0px 1px 0px #fff3e2;     
}

.radioL,.radTop,.radBottom {
	display:block;
	padding:10px;
	font-size:0.9em;
	border:1px solid #ccc;
	border-bottom:1px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -ms-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
}

.radTop {
	-webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.radBottom {
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	-webkit-border-bottom-left-radius:5px;  
    -webkit-border-bottom-right-radius:5px;   
    -moz-border-radius-bottomleft:5px;  
    -moz-border-radius-bottomright:5px;   
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

label [input:checked] {
	background:red;
}

.teltable1 p {
	margin-bottom:10px;
}

.naviComm {
	padding:3px;
	margin-bottom:5px;
	font-size:0.9em;
	border:1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.naviComm span {
	display:block;
	height:25px;
	line-height:25px;
	padding:0 0 3px 30px;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	background:url(../images/webrepair/i_navi.jpg) no-repeat 0 0;
	-moz-background-size:25px 25px;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
}

/*==============================================
    確認ボタン
==============================================*/

.nextBtn a {
	display:block;
	margin:30px auto;
	width:120px;
	height:40px;
	line-height:40px;
	text-decoration:none;
	font-size:0.8em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.nextBtn a {
	color:#fff;
	text-shadow: 0 -1px 1px #d06818;
	border:1px solid #ff9431;
	text-indent:20px;
	background:url(../images/common/arr_right02.png) no-repeat 90% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff6e02), color-stop(0.00, #ffb43e));
	background:url(../images/common/arr_right02.png) no-repeat 90% 50%, -webkit-linear-gradient(#ffb43e, #ff6e02);
	background:url(../images/common/arr_right02.png) no-repeat 90% 50%, -moz-linear-gradient(#ffb43e, #ff6e02);
	background:url(../images/common/arr_right02.png) no-repeat 90% 50%, -o-linear-gradient(#ffb43e, #ff6e02);
	background:url(../images/common/arr_right02.png) no-repeat 90% 50%, -ms-linear-gradient(#ffb43e, #ff6e02);
	background:url(../images/common/arr_right02.png) no-repeat 90% 50%, linear-gradient(#ffb43e, #ff6e02);
	-webkit-background-size:15px 15px , auto;
	-moz-background-size:15px 15px , auto;
	background-size:15px 15px , auto;
    -webkit-box-shadow: inset 0px 1px 0px #fff3e2;     
    -moz-box-shadow: inset 0px 1px 0px #fff3e2;     
    box-shadow: inset 0px 1px 0px #fff3e2;     
}

/*==============================================
    手順
==============================================*/
.attBox {
	padding:10px;
	margin-bottom:10px;
	background:#efefef;
}
.attBox ul {
	margin-top:10px;
	list-style:inside;
}

.attBox p {
	margin-top:10px;
}

.attBox a {
	padding:3px 18px 3px 3px;
}

.blankLink {
	background:url(../images/common/ico_window.gif) no-repeat 100% 50%;
}