@charset "Shift_JIS";
/* 制作者情報 */
/* ブラウザ初期化スタイル */
/* 共通部分のスタイル */
/* 各ページ個別のスタイル */

/*--------------------------------------------------------------------
guideline : ver1.07
since : 2007/11/07
writer : Masayuki Uetani
last_editday : 2007/11/12
last_editor : Masayuki Uetani
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
cathand_photo
お客様の愛車フォトギャラリーのスタイル
--------------------------------------------------------------------*/

/*indexのスタイル*/

div.photo_main{
	width:100%;
	background:url(../../images/photo/main_bg.jpg) repeat-x #000000;
	border:1px solid #CCCCCC;
	overflow:hidden;
	margin-top: 2px;
	padding-bottom:20px;
}
div.photo h3.show-pc2{
	max-width:356px;
}
div.photo h3.show-sp2{
	max-width:230px;
}
div.photo_inner{
	width:90%;
	margin: 4% auto;
}
div.photo_inner table{
	width:100%;
}
div.photo_inner table tr td{
	display: block;
	float:left;
	width:46%;
	border: 0 2%;
	/*max-width: 236px;*/
	background:url(../../images/photo/box_inner_bg.jpg) repeat-x bottom;
	border-bottom:15px solid #000;
	vertical-align:top;
}
div.photo_inner table tr td:last-child{
	float: right;
}
/*
div.photo_inner table tr{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.photo_inner table tr td{
	width:45%;
	margin: 0 2.5%;
	max-width: 236px;
	background:url(../../images/photo/box_inner_bg.jpg) repeat-x;
	border-bottom:10px solid #000;
	vertical-align:top;
}
div.photo_inner table tr td:last-child{
	float: right;
}
*/
div.photo_inner table tr td img{
	width:100%;
	height: auto;
	margin-bottom: 5px;
}

div.photo_inner table tr td p{
	margin:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}

div.photo_inner table tr td h4{
	margin:0 10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	word-break: break-all;
}

div.photo_inner table tr td span{
	display:block;
	background:url(../../images/photo/line.jpg) repeat-x 2px 0;
	width:100%;
	height:22px;
}
div.photo_inner table tr td p.botton{
	margin-top:3px;
	float: right;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(../../images/photo/botton.jpg) no-repeat;
	width:105px;
	height:24px;
}
div.photo_inner table tr td p.botton a{
	display:block;
	width:105px;
	height:22px;
}
div.photo_inner table tr td p.botton a:hover{
	background:url(../../images/photo/botton_roll.jpg) no-repeat;
}
div.photo_inner table tr td:after{
	display: block;
	content: "";
	height: 0;
	clear: both;
}
@media(max-width:480px){
	div.photo_inner table tr td,
	div.photo_inner table tr td:last-child{
		background:url(../../images/photo/box_inner_bg.jpg) repeat-x;
		width: 100%;
		margin: 0 auto 15px auto;
		float: none;
	}
}

/*galleryのスタイル*/

div#photo_gall{
	width:100%;
	margin-top: 2px;
	border:1px solid #CCCCCC;
	padding: 4%;
	background:url(../../images/photo/gall_bg01-1.jpg) repeat-x #000000;
	
}

div#photo_gall_top{
	width:100%;
	text-align:center;
}
div#photo_gall_top span{
	display: block;
	width: 100%;
	background:rgba(255,255,255,0.1);
	border: rgba(255,255,255,0.5) 1px solid;
	border-bottom: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:5px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
div#photo_gall_top h4{
	border: rgba(255,255,255,0.5) 1px solid;
	border-top: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:5px 5px 20px 5px;
	color:#FFFFFF;
	background: url(../../images/photo/../../images/photo/gall_bg01-2.png) no-repeat bottom center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:12px;
	font-weight:bold;
}

div#photo_gall_top p{
	background:url(../../images/photo/gall_bg02.jpg) no-repeat bottom #262626;
	width:100%;
	padding:20px 10px;
	margin:0;
	margin-top:20px;
	color:#FFFFFF;
	text-align:left;
}

div#photo_gall_bottom{
	margin:10px 0;
}

div#photo_gall_bottom img{
	margin:0;
	background:url(../../images/photo/gall_bg03.jpg) repeat-x #333333;
	width:100%;
	height:auto;
	padding:16px 13px;
}

div#photo_gall_bottom p{
	text-indent:-9999px;
	background:url(../../images/photo/h4.jpg) no-repeat;
	width:98%;
	min-height:27px;
	margin:10px 10px 10px 0;
	background-size: contain;
}

div#photo_gall_bottom ul{
	background:url(../../images/photo/gall_bg04.gif) repeat-y;
	width:100%;
	padding:10px 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div#photo_gall_bottom ul li{
	width: 25%;
	padding: 0 2px;
}
	
div#photo_gall_bottom ul li img{
	cursor:pointer;
	width:100%;
	height:auto;
	padding: 0;
	background: none;
}	
@media(max-width:480px){
	div#photo_gall_bottom ul li{
		width:50%;
		margin-bottom: 2px;
	}
}
/*--------------------------------------------------------------------
cathand_repair
修理実績
--------------------------------------------------------------------*/

/*indexのスタイル*/

div#repair_list{
	width:100%;
	padding:9px;
	overflow:hidden;}

div#repair_list dl{
	background:url(../../images/repair/main_bg_in.gif);
	width:100%;
	padding:15px 10px;
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div#repair_list dl dd{
	width:48%;
	margin: 0 1% 2% 1%;
	padding-bottom: 5px;
	background:url(../../images/repair/td_main.jpg);
	border-radius: 10px;
	border: #092F62 1px solid;
}
div#repair_list dl dd h4{
	background:url(../../images/repair/td_top.jpg) no-repeat top left;
	width:100%;
	border: #898989 1px solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:9px 0 5px 28px;
}
div#repair_inner{
	padding:5px;
}	
div#repair_list dl dd img{
	display: block;
	max-width:162px;
	width: 100%;
	height: auto;
	margin: 0 auto 10px auto;
}

div#repair_list dl dd p{
	color:#FFFFFF;
	margin-bottom: 10px;
}
div#repair_list dl dd span{
	display:block;
	background:url(../../images/repair/td_botton.jpg) no-repeat;
	width:103px;
	height:23px;
	text-indent:-9999px;
	float: right;
}
div#repair_list dl dd span a{
	display:block;
	height:23px;
}
div#repair_list dl dd span a:hover{
	background:url(../../images/repair/td_botton_roll.jpg) no-repeat;
}
@media(max-width:480px){
	div#repair_list dl dd{
		width:98%;
		max-width:300px;
	}
}
/*galleryのスタイル*/

div#main h3#repair_h3{
	display: block;
	background:url(../../images/repair/h3_bg.jpg) no-repeat left center;
	width:100%;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 5px 15px;
}

div#repair_detail{
	width:100%;
	background:url(../../images/main_bg.jpg) repeat-x top #FFFFFF;
	border:1px solid #CCC;
	margin-top:1px;
	padding:15px 9px;
	text-align: center;
}
div#repair_detail img{
	max-width:240px;
	height:auto;
	width:46%;
	border: #102d4d 3px solid;
	margin:0 2%;
}
div#repair_comment{
	background:url(../../images/repair/comment_bg.jpg);
	width:100%;
	margin-top:10px;
	border-radius: 10px;
	text-align: left;
	padding: 15px;
}
div#repair_comment h4{
	background:url(../../images/repair/comment.png) no-repeat top left;
	border-bottom: #CCC 1px solid;
	margin:0;
	padding-bottom: 10px;
	text-indent: -9999px;
}
div#repair_comment p{
	border-top: #FFF 1px solid;
	padding:15px 5px 35px 5px;
	background: url(../../images/repair/comebottom.png) no-repeat bottom left;
}
@media(max-width:480px){
	div#repair_detail img{
		display: block;
		width:100%;
		margin:0 auto 2% auto;
	}
}
/*--------------------------------------------------------------------
machine.html
設備紹介
--------------------------------------------------------------------*/
div#machine_main{
	background-image:none;
}

div#machine_main dl{
	margin:10px;
	overflow:hidden;
}
div#machine_main dl dt{
	background:url(../../images/machine/h4_bg.jpg) no-repeat top right #363636;
	border-radius: 15px;
	width:100%;
	padding:5px 100px 5px 10px;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
}
div#machine_main dl dd{
	margin:10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
div#machine_main dl dd p{	
	width:calc(100% - 180px);
	padding-right: 10px;
}
div#machine_main dl dd img{
	width:180px;
	height: auto;
}
@media(max-width:480px){
	div#machine_main dl dt{
		background:url(../../images/machine/h4_bg.jpg) no-repeat top left #363636;
		border-radius: 15px;
		padding:5px 10px 5px 10px;
	}
	div#machine_main dl dd p{	
		width:100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
	div#machine_main dl dd img{
		margin:0 auto;
		display: block;
	}
}

/*--------------------------------------------------------------------
estimate
車の修理見積もり例
--------------------------------------------------------------------*/

/*index.html*/

div#estimate_main{
	padding:0 10px 20px 10px;
}

div#estimate_main img{
	margin:20px 0;
}
div#estimate_main h4{
	background:url(../../images/machine/h4_bg.jpg) no-repeat top right #363636;
	border-radius: 15px;
	width:100%;
	padding:5px 100px 5px 10px;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	margin-bottom: 10px;
}
div.top_bg{
	display: none;
}
div.bottom_bg{
	display: none;
}

div#estimate_dl{
	display: flex;
	flex-wrap: wrap;
	margin:0 auto;
	width:100%;
	padding:10px;
	background:#d8d8d8;
	border: #999 1px solid;
	border-radius: 10px;
}

div#estimate_dl img{
	margin:0;
	padding:0;
	width:180px;
}

div#estimate_dl div#estimate_dl_left{
	width:calc(100% - 180px);
	padding-right: 15px;
}

div#estimate_dl div#estimate_dl_left ul li{
	height:17px;
	padding-left:113px;
	margin-bottom:10px;
	color:#333333;
}

div#estimate_dl div#estimate_dl_left ul li#p_list01{
	background:url(../../images/estimate/list01.jpg) no-repeat top left;
}

div#estimate_dl div#estimate_dl_left ul li#p_list02{
	background:url(../../images/estimate/list02.jpg) no-repeat top left;
}

div#estimate_dl div#estimate_dl_left ul li#p_list03{
	background:url(../../images/estimate/list03.jpg) no-repeat top left;
}

div#estimate_dl div#estimate_dl_left p{
	background:url(../../images/estimate/vote.jpg) no-repeat top center;
	width:calc(100% - 115px);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:24px;
	color:#CC0000;
	padding:20px 10px 5px 10px;
	border: #333 2px solid;
	padding-left:35px;
	text-align: right;
}
div#estimate_dl div#estimate_dl_left span{
	display:block;
	float:right;
	margin-top:-25px;
	background:url(../../images/photo/botton.jpg) no-repeat;
	width:105px;
	height:24px;
	text-indent:-9999px;
	padding-right:10px;
}
div#estimate_dl div#estimate_dl_left span a{
	display:block;
	height:24px;
}

div#estimate_dl div#estimate_dl_left span a:hover{
	background:url(../../images/photo/botton_roll.jpg) no-repeat;
}
@media(max-width:680px){
	iv#estimate_dl{
		justify-content: center;
	}
	div#estimate_dl img{
		display: block;
		margin: 0 auto;
	}
	div#estimate_dl div#estimate_dl_left{
		width:100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
}
@media(max-width:480px){
	div#estimate_main h4{
		background:url(../../images/machine/h4_bg.jpg) no-repeat top left #363636;
		padding:5px 10px;
	}
	div#estimate_dl div#estimate_dl_left span{
		margin:10px auto 0 auto;
	}
	div#estimate_dl div#estimate_dl_left p{
		width:100%;
	}
	div#estimate_dl div#estimate_dl_left ul li{
		height:auto;
		padding:20px 0 0 5px;
	}
}
/*galley.php*/

div#estimate_detail{
	padding:0 20px 20px 20px;
}

div#main h3.estimate{
	display: block;
	background:url(../../images/repair/h3_bg.jpg) no-repeat left center;
	width:100%;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 5px 15px;
}
div#estimate_detail table{
	border:1px solid #333333;
	margin:20px auto;
	width:100%;
	border-collapse:collapse;
	font-size:x-small;
}

div#estimate_detail table th{
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
div#estimate_detail table th img{
	width: 100%;
	height: auto;
}
div#estimate_detail > table th:nth-child(1) img{
	max-width: 160px;
}
div#estimate_detail > table th:nth-child(2) img,
div#estimate_detail > table th:nth-child(3) img{
	max-width: 128px;
}
div#estimate_detail > table th:nth-child(4) img{
	max-width: 89px;
}
div#estimate_detail > table th:nth-child(1){
	background: url(../../images/estimate/th_01_bg.jpg) repeat-x;
}
div#estimate_detail > table th:nth-child(2){
	background: url(../../images/estimate/th_02_bg.jpg) repeat-x;
}
div#estimate_detail > table th:nth-child(3){
	background: url(../../images/estimate/th_03_bg.jpg) repeat-x;
}
div#estimate_detail > table th:nth-child(4){
	background: url(../../images/estimate/th_04_bg.jpg) repeat-x;
}
div#estimate_detail table td{
	text-align:center;
	border-right:1px solid #333;
}
div#estimate_detail table tr td span{
	font-weight:bolder;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
}
div#detail_top,
div#detail_bottom{
	display: none;
}
div#detail_in{
	background:url(../../images/main_bg.jpg)  repeat-x top #FFF;
	width:100%;
	padding:15px;
	border:1px solid #999;
	border-radius: 10px;
	overflow:hidden;
}
div#detail_in p{
	float:left;
	width:calc(100% - 180px);
	padding-right: 15px;
}
div#detail_in img{
	float:right;
	width:180px;
}
div.mark{
	text-align:center;
	width:100%;
	margin:10px auto;
}
div.finish{
	width:100%;
	text-align:center;
}
div.finish img{
	width:100%;
	height: auto;
}
@media(max-width:480px){
	div#detail_in p{
		float:none;
		width:100%;
		padding-right:0;
		margin-bottom: 15px;
	}
	div#detail_in img{
		float:none;
		display: block;
		margin: 0 auto;
	}
	div#estimate_detail table tr td{
		padding: 5px;
	}
	div#estimate_detail table tr td span{
		font-size: 12px;
	}
}
/*--------------------------------------------------------------------
staff.html
スタッフ紹介
--------------------------------------------------------------------*/
div.staff div.base{
	background-image:none;
}

div.staff h3{
	background:url(../../images/staff/h3.jpg) no-repeat;}	

/*
div#staff_top{
	background:url(../../images/staff/bg_top.jpg) no-repeat bottom;
	width:100%;
	height:10px;
	margin:0 auto;
}
div#staff_bottom{
	background:url(../../images/staff/bg_bottom.jpg) no-repeat top;
	width:100%;
	height:10px;
	margin:0 auto;
}
*/
div#staff_main{
	width:100%;
	margin: 0 auto;
}
div#staff_main p.top,
div#staff_main p.bottom{
	display: none;
}
div#staff_in{
	background:url(../../images/staff/bg2.jpg) no-repeat #000;
	width:96%;
	margin:0 auto;
	border-radius: 8px;
	padding: 15px;
}
div#staff_in02{
	width:100%;
	display: flex;
	flex-wrap: wrap;
}

div#staff_in02 div#staff_in_left{
	width:calc(100% - 174px);
	padding-right: 15px;
}
div#staff_in02 div#staff_in_left h4{
	background:url(../../images/staff/h4.jpg) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	height: 35px;
	border-radius: 10px;
	padding: 13px 0 0 60px;
	font-weight:bolder;
	color:#FFF;
	margin-bottom: 10px;
}
div#staff_in_left div#staff_inner_top{
	display: none;
}
/*
div#staff_in_left div#staff_inner_top{
	background:url(../../images/staff/inner_bg_top.jpg) no-repeat bottom;
	width:308px;
	height:5px;
	padding-top:5px;
}
div#staff_in_left div#staff_inner_bottom{
	background:url(../../images/staff/inner_bg_bottom.jpg) no-repeat top;
	width:308px;
	height:37px;
}
*/
div#staff_in_left div#staff_inner{
	background:url(../../images/staff/inner_bg_main.jpg) repeat-y;
	width:100%;
	margin-bottom: -1px;
}
div#staff_in_left div#staff_inner_bottom{
	background:url(../../images/staff/inner_bg_bottom.jpg) no-repeat bottom right;
	width:100%;
	height:37px;
}
div#staff_in_left div#staff_inner p{
	color:#FFF;
	padding:10px;
} 

div#staff_in02 div#staff_in_right{
	width: 174px;
}

div#staff_in div#staff_in_right img{
	border:#EEE 7px solid;
	width:174px;
}
img.line{
	display: block;
	margin:10px auto;
	width: 96%;
	height: 4px;
}
@media(max-width:480px){
	div#staff_in02 div#staff_in_left{
		width:100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
	div#staff_in02 div#staff_in_right{
		margin: 0 auto;
	}
}

/*--------------------------------------------------------------------
otoiawase
お問い合わせのスタイル
--------------------------------------------------------------------*/

/*お問い合わせ*/


div#otoiawase01,div#otoiawase02{
	background:url(../../images/repair/main_bg.jpg) no-repeat top #FFFFFF;
	border:#CCCCCC 1px solid;
	width:100%;
	padding:5px 6px;
	margin-bottom:20px;
}
div#otoiawase01 img{
	width: 100%;
	height: auto;
}
div#otoiawase02 a,div#mitumori02 a{	
	color:#003366;
}

div#otoiawase02 a:hover,div#mitumori02 a:hover{
	color:#0099CC;
}

div.otoiawase p{
	margin:10px;
}

div#otoiawase02 span{
	color:#F00;
	font-size:small;
	margin-left:10px;
	margin-bottom:10px;
}

div#otoiawase02 table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin:10px auto;
	border:1px solid #000;
}

div#otoiawase02 table tr td{
	height:20px;
	padding:5px 10px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

div#otoiawase02 table tr td span{
	color:#F00;
}

div#otoiawase02 table tr td.form_index{
	width:128px;
	background:url(../../images/otoiawase/td_bg.jpg) repeat-y;
	color:#FFF;		
}

div#otoiawase02 table tr.style_name td input,
div#otoiawase02 table tr.style_kana td input{
	max-width:200px;
	width:100%;
}

div#otoiawase02 table tr.style_pre td input{
	max-width:100px;
	width:100%;
}

div#otoiawase02 table tr.style_add td input{
	max-width:300px;
	width:100%;
}

div#otoiawase02 table tr.style_e_mail td input{
	max-width:240px;
	width:100%;
}

div#otoiawase02 table tr.style_field1 td input{
	width:100%;
	height:100px;
}

div#otoiawase02 table tr.tr_submit td{
	text-align:center;
}

div#oto_re{
	background-image:none;
}

@media(max-width:480px){
	div#otoiawase02 table tr td{
		display: block;
		width: 100%;
		height: auto;
		border-right:none;
		border-bottom:none;
	}
	div#otoiawase02 table tr td.form_index{
		display: block;
		width: 100%;
		background:url(../../images/privacy/company_th_bg.jpg);
		color:#FFF;		
	}
}

/*インターネット見積もり*/


div.otoiawase h4{
	border-radius: 15px;
	background:url(../../images/otoiawase/h4_01.jpg) no-repeat right;
	width:100%;
	height:22px;
	padding: 4px 0 0 15px;
	margin-bottom:10px;
	color: #fff;
	font-weight: bold;
}

div.otoiawase p{
	margin:0 5px 10px 5px;
}

div#mitumori01 img{
	margin-bottom:10px;
}

div#mitumori02 span{
	color:#FF0000;
}

div#mitumori02 table{
	margin:10px auto;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #000;
}

div#mitumori02 table tr td{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:10px;
}

div#mitumori02 table tr td.form_index{
	width:131px;
	background:url(../../images/privacy/company_th_bg.jpg);
	color:#FFF;
	box-sizing: border-box;
}
div#mitumori02 table tr td.list_value{
	width:calc(100% - 131px);
}
div#mitumori02 table tr.style_field1 td.form_index,
div#mitumori02 table tr.style_field8 td.form_index,
div#mitumori02 table tr.style_field12 td.form_index,
div#mitumori02 table tr.style_field14 td.form_index{
	width:100%;
	background:#E4EAE3;
	background-image:none;
	color:#000;
}

div#mitumori02 table tr.style_field2 td.list_value input,
div#mitumori02 table tr.style_field3 td.list_value input,
div#mitumori02 table tr.style_field4 td.list_value input,
div#mitumori02 table tr.style_field5 td.list_value input,
div#mitumori02 table tr.style_field6 td.list_value input,
div#mitumori02 table tr.style_field7 td.list_value input{
	max-width:300px;
	width:100%;
}

div#mitumori02 table tr.style_field15 td{
	padding:0;
	margin:0;
}

div#mitumori02 table tr.style_field15 td img{
	width:100%;
	height: auto;
}

div#mitumori02 table tr.style_field13 td.list_value input{
	width:100%;
	height:100px;
}

div#mitumori02 table tr.style_name td.list_value input{
	width:100%;
	max-width:150px;
}

div#mitumori02 table tr.style_kana td.list_value input{
	width:100%;
	max-width:200px;
}

div#mitumori02 table tr.style_add td.list_value input{
	width:300px;
}

div#mitumori02 table tr.style_e_mail td.list_value input{
	width:100%;
	max-width:250px;
}

div#mitumori02 table tr.tr_submit td.td_submit{
	text-align:center;
}
@media(max-width:480px){
	div#mitumori02 table tr td.form_index{
		width:100%;
		display: block;
	}
	div#mitumori02 table tr td.list_value{
		width:100%;
		display: block;
	}
}