@charset "utf-8";
/* repair CSS */

#main_1{
	margin-bottom: 20px;
	width: 720px;
	margin-top: 0px;
	padding: 0px;
	margin-left: 0px;
	float: right;
}
#main_2{
	margin-bottom: 20px;
	width: 720px;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	display: block;
	margin-right: auto;
}
#r_back{
	background-image: url(../img/repair/back1.png);
	background-repeat: repeat-y;
}
#r_back p{
	color: #333;
	margin: 5px;
}

body#popup{
	background-color: #FFF;
	text-align: left;
}


#main_1 #repair_main {
	background-image: url(../img/repair/repair_main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 720px;
	height: 479px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#main_2 #repair_main {
	background-position: 0px 0px;
	display: block;
	width: 720px;
	height: 479px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#main_1 .repair_box{
	margin-top: 330px;
	margin-left: 500px;
	width: 190px;
}
.repair_box .re_txt{
	font-size: 1.2em;
	font-weight: 600;
	color: #FFF;
	text-align: center;
}

.repair_box .re_price{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}

.repair_box .re_price span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}

.repair_box .re_est_btn a{
	background-image: url(../img/repair/estimate_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 65px;
	width: 170px;
	margin-left: 10px;
	overflow: hidden;
	text-indent: -7777em;
	-moz-border-radius: 2px;

}
.repair_box .re_est_btn a:hover{
	background-position: 0px -65px;
}
.rep_detail {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: left;
}
.rep_detail img{
	margin-right: 10px;
}
.rep_detail .right{
	float: right;
	width: 240px;
}
.rep_detail .left{
	float: left;
	width: 240px;
	margin-right: 10px;
}
.rep_c{
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 5px;
}
.rep_detail ul{
	width: 500px;
	font-size: 1em;
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
}
.rep_detail li{
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: square;
}
.rep_detail .re_est_btn2 a{
	background-image: url(../img/repair/estimate_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 65px;
	width: 170px;
	margin-left: 10px;
	overflow: hidden;
	text-indent: -7777em;
}
.rep_detail .re_est_btn2 a:hover{
	background-position: 0px -65px;

}
.item_desc{
	font-size: 12pt;
	padding: 5px;
	line-height: 1.5em;	
}
.item_desc2{
	font-size: 12pt;
	padding: 5px;
	line-height: 1.5em;	
}

.item_desc_k{
	font-size: 12pt;
	padding: 5px;
	line-height: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.est_btn_box{
	padding-top: 20px;
	padding-bottom: 20px;
}
.est_btn_box .re_est_btn2 a{
	background-image: url(../img/repair/estimate_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 65px;
	width: 170px;
	margin-left: auto;
	overflow: hidden;
	text-indent: -7777em;
	margin-right: auto;
}
.est_btn_box .re_est_btn2 a:hover{
	background-position: 0px -65px;
}
.b_f{
	padding-bottom: 20px;
}
.b_f p{
	padding: 0px;
	float: left;
	display: block;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 6px;
}
.b_f .b_f_img{
	border: 1px solid #CCC;
}
.b_f .b_f_a{
	margin-top: 65px;
} 
.p_1{
	background-image: url(../img/repair/b_f_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-indent: -7777px;
}
.p_1:hover{
	background-position: 0px -160px;
}
.p_2{
	background-image: url(../img/repair/b_f_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-indent: -7777px;
}
.p_2:hover{
	background-position: 0px -160px;
}
/*--------------------------------------------------------------
repair_new
--------------------------------------------------------------*/

.repair_btn a{
	height: 150px;
	width: 720px;
	background-image: url(../img/repair/ychair_repair_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
.repair_btn a:hover{
	background-position: 0px -150px;
}
.repair_topic{
	display: block;
	width: 720px;
	padding-top: 10px;	
}

.topic_img{
	margin-top: 10px;
	margin-bottom: 10px;
}

.repair_img{
	margin: 5px;
	float: left;
}
.repair_img_left{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.repair_img_right{
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.rakuraku_txt{
	width: 400px;
	height: 250px;
	line-height: 2.5em;
	padding-top: 30px;
	float: right;
}
.topic_copy{
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	margin: 10px;
}
.repaire_voice{
	padding: 0px;
	height: 180px;
	width: 360px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../img/repair/voice_back.png);
	float: left;
}
.voice_name{
	font-size: 1.2em;
	font-weight: 500;
	padding: 10px;
}
.voice{
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 30px;
	font-size: 15px;
	text-align: left;
}
.craftman_txt{
	width: 470px;
	height: 210px;
	line-height: 2em;
	padding-top: 30px;
	float: right;
	}
.step_txt{
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	text-align: left;
}
.repair_topic table{
	font-size: 1.2em;
}
.repair_topic th{
	font-size: 0.8em;
	text-align: center;
	padding: 0.2em;
}
.repair_topic td{
	text-align: center;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}
.font_2s{
	font-size: 0.8em;
	text-align: left;
}
h2#topic_1{
	background-image: url(../img/repair/topic_1.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_2{
	background-image: url(../img/repair/topic_2.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_3{
	background-image: url(../img/repair/topic_3.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_4{
	background-image: url(../img/repair/topic_4.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_5{
	background-image: url(../img/repair/topic_5.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_6{
	background-image: url(../img/repair/topic_6.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_7{
	background-image: url(../img/repair/topic_7.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_8{
	background-image: url(../img/repair/topic_8.png);
	display: block;
	height: 66px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

.delivery_image{
	margin: 0px;
	padding: 0px;
	width: 238px;
	border: 1px solid #999;
	float: left;
}
.delivery_image img{
	margin: 3px;
	border: 1px solid #FFF;
}
.delivery_image img:hover {
	border: 1px solid #F00;
}
.delivery_image p{
	text-align: left;
	font-size: 0.9em;
	padding-bottom: 5px;
	padding-left: 5px;
}
.delivery_txt{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 1.2em;
} 
p.voice_name span{
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 20px;
}
p.voice_up{
	text-align: right;
}

h2#topic_1_jl{
	background-image: url(../img/repair/jlmoller/jl_1.png);
	display: block;
	height: 65px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_2_jl{
	background-image: url(../img/repair/jlmoller/jl_2.png);
	display: block;
	height: 65px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_3_jl{
	background-image: url(../img/repair/jlmoller/jl_3.png);
	display: block;
	height: 65px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_4_jl{
	background-image: url(../img/repair/jlmoller/jl_4.png);
	display: block;
	height: 65px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_5_jl{
	background-image: url(../img/repair/jlmoller/jl_5.png);
	display: block;
	height: 65px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
h2#topic_6_jl{
	background-image: url(../img/repair/jlmoller/jl_6.png);
	display: block;
	height: 65px;
	width: 720px;
	text-indent: -1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
.repair_topic p.kanren_p{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-bottom:5px;
	margin-top: 30px;
	}
a img.clear50{
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

a img.clear50:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	border: 1px solid #F00;	

	}
.delivery_image{
	overflow:hidden;
}


@media only screen and (max-width: 980px) {
#main_1{
		width:100%;
	}
	#main_1>img{
		width:100%;
		height:auto;
	}
}
@media only screen and (max-width: 850px) {
	#main_2,.repair_topic{
		width:100%;
	}
	#main_repair,.repair_btn{
		
		text-align:center;
	}
	#main_repair img{
		width:95%;
		height:auto;
	}
	.repair_btn a{
		width:500px;
		background-size:100%;
		height:100px;
		display:inline-block;
	}
	.im100 img{
		width:100%;
		height:auto;
	}
	.repair_topic .repair_img_left, .repair_topic .repair_img_right,.repair_img{
		width:49%;
		height:auto;
		margin:0;
		margin-left:1%;
		margin-bottom:1%;
		height:auto;
	}
	
	.repair_img_left{
		margin-right:1%;
	}
	.repair_img_right{
		margin-left:1%;
	}
	h2#topic_1_jl{
		width:100%;
		min-width:500px;
		background-repeat:repeat-y;
	}
	.repair_topic table{
		width:100%;
	}
	a img.clear50{
		width:100%;
	}
	h2#topic_1_jl,h2#topic_2_jl,h2#topic_6_jl,h2#topic_5_jl,h2#topic_4_jl,h2#topic_3_jl,h2#topic_1,h2#topic_2,h2#topic_6,h2#topic_5,h2#topic_4,h2#topic_3,h2#topic_7{
		width:100%;
		background-repeat:repeat-y;
		background-size:100%;
		height:auto;
		padding:10px 5px;
		box-sizing:border-box;
		font-size:16px;
		background:none;
		text-indent:0px;
		color:#533D3E !important;
		background: red; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#fff, #ccc); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fff, #ccc); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fff, #ccc); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fff, #ccc); /* Standard syntax */
		border:1px solid #ddd;
		border-left:3px solid #ECA518;
	}
	.repair_btn a:hover {
		background-image: url(../img/repair/ychair_repair_btn.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		opacity:0.8;
	}
	a img.clear50{
		width:100%;
		height:auto;
		    box-sizing: border-box;

	}
	.item_desc{
		font-size:10pt;
	}
	.repaire_voice{
		width:50%;
		background-size:100% 100%;
		background-repeat:no-repeat;
		
	}
	.repaire_voice p{
		font-size:11px !important;
	}
	.im50 img{
		width:40%;
		padding:0;
		margin:0;
	}
	.im50 .item_desc{
		width:60%;
		padding:0px 0px 0px 10px;
		margin:0;
		box-sizing:border-box;
		overflow:hidden;
		height:auto;
	}
	.step_txt{
		width:90%;
		margin:10px auto;
		font-size:12px;
	}
	
}
@media only screen and (max-width: 640px) {
	
	.repaire_voice p{
		font-size:9px !important;
	}
}
@media only screen and (max-width: 480px) {
	.repair_topic table{
		font-size:12px !important
	}
	.repaire_voice{
		width:100%;
		background-size:100% 100%;
		background-repeat:no-repeat;
		margin:auto;
		float:none;
	}
	.repair_btn a{
		width:300px;
		height:60px;
	}
	.im50{
		text-align:center;
	}
	.im50 img{
		width:100%;
		max-width:200px;
		padding:0;
		margin:0;
		float:none;
		
	}
	.im50 .item_desc{
		text-align:left;
		width:100%;
		padding:0px 0px 0px 10px;
		margin:0;
		box-sizing:border-box;
		overflow:hidden;
		height:auto;
	}
	
	#delivery_photo .delivery_image{
		margin:auto;
		float:none;
	}
}

.nongenuine{
	margin-top:1.5em;
	margin-bottom:1em;
	padding: 1em;
	border: 1px dotted #999;
	font-size:1.2em;
}
.nongenuine span{
		background: linear-gradient(transparent 70%, #ffff66 60%);

	}