@charset "UTF-8";
/* CSS Document */

body { margin: 0px; padding: 0px; font-size: 13px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 150%; -webkit-text-size-adjust: none; background: url(image/bg.png) no-repeat #FFFAEA; background-size: contain; background-attachment: fixed; }
.highlight a:hover *{ filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  
.clearfix { display: inline-table; overflow:hidden; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
img { max-width: 100%; height: auto; width /***/:auto; border: none; vertical-align: bottom; }
img.miniimage { display: none; }
@media screen and (min-width: 1025px) {
   img.minispimage { display: none; } /* miniを表示 */
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
@media screen and (max-width: 1024px) {
   img.minispimage { display: none; } /* miniを表示 */
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
@media screen and (max-width: 736px) {
   img.minispimage { display: block; } /* miniを表示 */
   img.miniimage { display: none; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
p { margin: 0; padding: 0; }
ul { margin: 0; padding:0; }
li { margin: 0; padding:0; }
h1 { font-size: 11px; font-weight: normal; margin:0; padding:5px 0 0 0; text-align:center;}
a:link { color: #E96D2A; text-decoration: none; }
a:visited { color: #E96D2A; text-decoration: none; }
a:hover { color: #4E9D47; text-decoration: none; }
a:active { color: #E96D2A; text-decoration: none; }
strong { font-weight: normal; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_red {color: #CC0000;}
.text_orange { color: #E96D2A; }
.text_boldOr { font-weight:bold;color: #E96D2A;}
.text11 { font-size: 11px; line-height: 150%; }
.text13 { font-size: 13px; line-height: 150%; }
.text15 { font-size: 15px; line-height: 150%; }
.text17 { font-size: 17px; line-height: 150%; }
.text19 { font-size: 19px; line-height: 150%; }
.text21 { font-size:21px; line-height: 150%; }
.text25 { font-size:25px; line-height: 150%; }
.side10 { margin-left: 10px; margin-right:10px;}
.bottom5 { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom15 { margin-bottom: 15px; }
.bottom20 { margin-bottom: 20px; }
.bottom30 { margin-bottom: 30px; }
.bottom40 { margin-bottom: 40px; }
.bottom50 { margin-bottom: 50px; }
.bottom70 { margin-bottom: 70px; }
.text_space { letter-spacing: 5px; }
.textBorder { border-bottom: 1px dotted #222;}

#navigation { clear:both; margin: 0 15px;}
#navigation .alignleft { float:left;}
#navigation .alignright { float:right;}

.wp-pagenavi {clear: both; margin:0 15px; height:45px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;	border: 1px solid #222;	padding: 10px 15px;	margin: 3px;	background: #222; color: #FFF; border-radius: 40px; line-height: 30px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #222; background:#FFF; color:#222; }
.wp-pagenavi span.current { font-weight: bold; }

#spNav { display: none;}
.drawer-nav { display: none;}
.btMail  { display:none;}
.btTel  { display:none;}
.spheader { display:none;}
#spLogo { display:none;}

.btOrange {border-radius: 15px;border: 1px solid #E96D2A;color: #FFF; cursor: pointer;display: inline-block; line-height: 30px; text-decoration: none;font-size: 13px; width:100%; background:#E96D2A; text-align:center;}
.btOrange:hover,
.btOrange:focus,
.btOrange:active { border-radius: 15px;border: 1px solid #E96D2A; color: #E96D2A;background: #FFF;cursor: pointer;display: inline-block;line-height: 30px;text-decoration: none;font-size: 13px; width:100%;}

.btOrange2 {border-radius: 15px;border: 1px solid #E96D2A;color: #FFF; cursor: pointer;display: inline-block; line-height: 30px; text-decoration: none;font-size: 13px; width:100%; background:#E96D2A; text-align:center;}
.btOrange2:hover,
.btOrange2:focus,
.btOrange2:active { border-radius: 15px;border: 1px solid #E96D2A; color: #E96D2A;background: #FFF;cursor: pointer;display: inline-block;line-height: 30px;text-decoration: none;font-size: 13px; width:100%;}

.btRed {border-radius: 15px;border: 1px solid #DA0000;color: #FFF; cursor: pointer;display: inline-block; line-height: 30px; text-decoration: none;font-size: 13px; width:100%; background:#DA0000; text-align:center;}
.btRed:hover,
.btRed:focus,
.btRed:active { border-radius: 15px;border: 1px solid #DA0000; color: #DA0000;background: #FFF;cursor: pointer;display: inline-block;line-height: 30px;text-decoration: none;font-size: 13px; width:100%;}

.btBrown {border-radius: 15px;border: 1px solid #7C6312;color: #FFF; cursor: pointer;display: inline-block; line-height: 30px; text-decoration: none;font-size: 13px; background:#7C6312; text-align:center; width:100%;}
.btBrown:hover,
.btBrown:focus,
.btBrown:active { border-radius: 15px;border: 1px solid #7C6312; color: #7C6312;background: #FFF;cursor: pointer;display: inline-block;line-height: 30px;text-decoration: none;font-size: 13px; width:100%;}

.btSky {border-radius: 15px;border: 1px solid #FFF;color: #80C4E3; cursor: pointer;display: inline-block; line-height: 30px; text-decoration: none;font-size: 13px; background:#FFF; text-align:center; width:100%;}
.btSky:hover,
.btSky:focus,
.btSky:active { border-radius: 15px;border: 1px solid #FFF; color: #FFF;background: #80C4E3;cursor: pointer;display: inline-block;line-height: 30px;text-decoration: none;font-size: 13px; width:100%;}

#header { background: url(image/bg_navi.png) no-repeat center top;}
#headerWrap {width: 960px; margin: 0 auto; padding-bottom:30px;}

#naviLeft { width: 360px; height: 125px; float:left;}
#naviLeft ul { padding:0px; margin:0px; } 
#naviLeft li { display:inline; list-style-type:none;} 
#naviLeft li a { height:125px; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden;}
/*------off*/
#naviLeft li.navi1 a {background: url(image/navileft.png) no-repeat 0px 0px; width: 80px; margin-right:13px;}
#naviLeft li.navi2 a {background: url(image/navileft.png) no-repeat -93px 0px; width: 80px; margin-right:13px;}
#naviLeft li.navi3 a {background: url(image/navileft.png) no-repeat -186px 0px; width: 80px; margin-right:14px;}
#naviLeft li.navi4 a {background: url(image/navileft.png) no-repeat -280px 0px; width: 80px;}
/*------hover*/
#naviLeft li.navi1 a:hover {background: url(image/navileft.png) no-repeat 0px -125px;}
#naviLeft li.navi2 a:hover {background: url(image/navileft.png) no-repeat -93px -125px;}
#naviLeft li.navi3 a:hover {background: url(image/navileft.png) no-repeat -186px -125px;}
#naviLeft li.navi4 a:hover {background: url(image/navileft.png) no-repeat -280px -125px;}

#naviRight { width: 360px; height: 125px; float:left;}
#naviRight ul { padding:0px; margin:0px; } 
#naviRight li { display:inline; list-style-type:none;} 
#naviRight li a { height:125px; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden;}
/*------off*/
#naviRight li.navi5 a {background: url(image/naviright.png) no-repeat 0px 0px; width: 80px; margin-right:14px;}
#naviRight li.navi6 a {background: url(image/naviright.png) no-repeat -93px 0px; width: 80px; margin-right:13px;}
#naviRight li.navi7 a {background: url(image/naviright.png) no-repeat -186px 0px; width: 80px; margin-right:13px;}
#naviRight li.navi8 a {background: url(image/naviright.png) no-repeat -280px 0px; width: 80px;}
/*------hover*/
#naviRight li.navi5 a:hover {background: url(image/naviright.png) no-repeat 0px -125px;}
#naviRight li.navi6 a:hover {background: url(image/naviright.png) no-repeat -93px -125px;}
#naviRight li.navi7 a:hover {background: url(image/naviright.png) no-repeat -186px -125px;}
#naviRight li.navi8 a:hover {background: url(image/naviright.png) no-repeat -280px -125px;}

#naviHead { width: 640px; height: 20px; clear:both; margin: 0 auto;}
#naviHead ul { padding:0px; margin:0px; } 
#naviHead li { display:inline; list-style-type:none;} 
#naviHead li a { height:20px; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden;}
/*------off*/
#naviHead li.navi9 a {background: url(image/navihead2019.png) no-repeat 0px 0px; width: 100px; margin-right:10px;}
#naviHead li.navi10 a {background: url(image/navihead2019.png) no-repeat -110px 0px; width: 100px;}
#naviHead li.navi11 a {background: url(image/navihead2019.png) no-repeat -210px 0px; width: 220px;}
#naviHead li.navi12 a {background: url(image/navihead2019.png) no-repeat -430px 0px; width: 100px; margin-right:10px;}
#naviHead li.navi13 a {background: url(image/navihead2019.png) no-repeat -540px 0px; width: 100px;}
/*------hover*/
#naviHead li.navi9 a:hover {background: url(image/navihead2019.png) no-repeat 0px -20px;}
#naviHead li.navi10 a:hover {background: url(image/navihead2019.png) no-repeat -110px -20px;}
#naviHead li.navi11 a:hover {background: url(image/navihead2019.png) no-repeat -210px -20px;}
#naviHead li.navi12 a:hover {background: url(image/navihead2019.png) no-repeat -430px -20px;}
#naviHead li.navi13 a:hover {background: url(image/navihead2019.png) no-repeat -540px -20px;}

#headLogo {	width: 180px;margin: 0 30px 20px;float: left; background:url(image/sankyoauto_over.png) no-repeat;}
#headLogo h2 { font-size:12px; margin:0; padding:0;}
#headLogo a {display: inline-block;}
#headLogo a:hover {background-color: transparent; /* IE6対応 */}
#headLogo a:hover img {visibility: hidden;}

.wrapper {width: 980px;	margin-left: auto;margin-right:auto;}

#footer {width:100%;background: url(image/bg_footer.jpg) center top repeat-x;}
#footerButton {width:440px; margin: 0 auto; padding: 25px 0 15px;}
.footBtArea {width:200px; margin: 0 10px; float:left;}
.footPhoto { margin-bottom:7px;}
.footText { height:60px; line-height:20px; text-align:center; margin-bottom:5px;}
.footBt { width:150px; margin: 0 auto; text-align:center;}
.footBt a {color:#FFF;}
#footNaviArea {
	width: 640px;
	margin: 0 auto;
	padding: 10px 0;
}
.footNavi {width:128px; float:left;}
.footNavi li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	line-height: 20px;
}
.footNavi a {color:#222222;}
.footNavi a:hover {color:#E96D2A;}
#footInfoArea {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0;
	color: #FFF;
}
.info1 {
	width: 250px;
	float: left;
}
.info2 {
	float: right;
	line-height: 20px;
	width: 690px;
}
.info3 {
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	text-align: left;
}
.infoTel {font-size:28px; line-height:35px;}
.info4 {
	float: right;
	width: 200px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	font-size: 17px;
}
.infoBt {width: 200px; text-align:center; line-height:30px;}
.infoBt a {color:#80C4E3;}
#footCopy { line-height:65px; color:#FFF; text-align:center;}

.sliderArea {width: 100%;z-index: 0;position:absolute;}
.sliderWrap {width: 100%;}
.topContents { width: 100%;z-index: 1;position:relative;margin-top: 380px;}

#topAbout { background:url(image/about_border.png) no-repeat bottom center; margin-bottom:40px;}
#aboutleft { width:405px; float:left; margin-left: 25px; margin-top:38px;}
#aboutleft h2 { margin: 0 0 10px 0; padding:0; font-size:10px;}
#aboutText { width: 340px; margin-left: 65px; font-size:15px; line-height:23px; margin-bottom:20px;}
#aboutPhoto {
	width: 450px;
	float: right;
	margin-right: 90px;
	margin-top: 23px;
}
.aboutButton { width: 150px; margin-left:255px;}
.aboutButton a {color: #FFF;}

#titleNewsWrap {width: 980px;background: url(image/bg_newstitle.png) no-repeat;	padding: 0 0 30px;}
#titleNews {float: left;margin-left: 25px;width: 445px;}
.newsButton { float: right; margin:5px 25px 5px 0; width:200px;}
.newsButton a {color: #FFF;}
.topNewsWrap {width: 900px; margin: 0 auto;}
.topNews {width:280px; float:left; margin:0 10px 30px;}
.topNewsPhoto { width:280px; height:190px; margin-bottom:10px;}
.topNewsDate { margin-bottom:5px;}
.topNewsTitle { font-size:15px; margin-bottom:5px; font-weight:bold;}
.topNewsText { line-height:20px;}

#btArea1 {width:960px; margin: 0 auto;}
#btArea2 {width:640px; margin: 0 auto 40px;}
#btArea3 {width:960px; margin: 0 auto 40px;}
.button1 {width:300px; float:left; margin: 0 10px 20px;}
.button1-1 {width:300px; float:left; margin: 0 10px 20px;}
.button1-2 {width:300px; float:left; margin: 0 10px 20px;}
.button2 {width:220px; float:left; margin: 0 10px;}
.buttonText { margin: 0 20px;}

.border { margin: 0 0 50px; clear:both;}

#titleUsedWrap {
	width: 980px;
	background: url(image/bg_usedtitle.png) no-repeat;
	padding: 0 0 30px;
	clear: both;
}
#titleUsedWrap2 {
	width: 980px;
	background: url(image/bg_usedtitle2.png) no-repeat;
	padding: 0 0 30px;
	clear: both;
}
#titleUsed {float: left;margin-left: 25px;width: 445px;}
.topUsedWrap {width: 960px; margin: 0 auto;}
.topUsed {width:220px; float:left; margin:0 10px 30px;}
.topUsedPhoto { width:220px; height:160px; margin-bottom:10px;}
.topUsedName {
	font-size: 16px;
	margin-bottom: 5px;
	height: 25px;
	overflow: hidden;
	line-height: 25px;
}
.topUsedCar {
	line-height: 18px;
	border-bottom: 1px solid #E96D2A;
	height: 46px;
}
.topUsedDetail1 { line-height:40px; border-bottom: 1px dotted #E96D2A;}
.topUsedDetail2 { line-height:40px; border-bottom: 1px solid #E96D2A;}
.topUsedDetail3 { border-bottom: 1px solid #E96D2A;}
.topUsedLeft {
	width: 85px;
	float: left;
}
.topUsedRight {
	width: 130px;
	float: left;
}
.topUsedPrice { font-size:20px; color:#DA0000;}
.topUsedButton { width:150px; margin:20px auto;}
.topUsedButton a {color: #FFF;}

.contents { width: 100%; margin-bottom:50px;}
#headCarsales { width:100%; height:405px; margin-bottom:50px; background: url(image/head_carsales.jpg) no-repeat top center;}
#headSecurity { width:100%; height:405px; margin-bottom:50px; background: url(image/head_security.jpg) no-repeat top center;}
#headPurchase { width:100%; height:405px; margin-bottom:50px; background: url(image/head_purchase.jpg) no-repeat top center;}
#headRepair { width:100%; height:405px; margin-bottom:50px; background: url(image/head_repair.jpg) no-repeat top center;}
#headMounting { width:100%; height:405px; margin-bottom:50px; background: url(image/head_mounting.jpg) no-repeat top center;}
#headInsurance { width:100%; height:405px; margin-bottom:50px; background: url(image/head_insurance.jpg) no-repeat top center;}
#headStaff { width:100%; height:405px; margin-bottom:50px; background: url(image/head_staff.jpg) no-repeat top center;}
#headAccess { width:100%; height:405px; margin-bottom:50px; background: url(image/head_access.jpg) no-repeat top center;}
#headNews { width:100%; height:405px; margin-bottom:50px; background: url(image/head_news.jpg) no-repeat top center;}
#headFaq { width:100%; height:405px; margin-bottom:50px; background: url(image/head_faq.jpg) no-repeat top center;}
#headCompany { width:100%; height:405px; margin-bottom:50px; background: url(image/head_company.jpg) no-repeat top center;}
#headContact { width:100%; height:405px; margin-bottom:50px; background: url(image/head_contact.jpg) no-repeat top center;}
#headCoating { width:100%; height:405px; margin-bottom:50px; background: url(image/head_coating.jpg) no-repeat top center;}
#headFlow { width:100%; height:405px; margin-bottom:50px; background: url(image/head_flow.jpg) no-repeat top center;}
#headTax { width:100%; height:405px; margin-bottom:50px; background: url(image/head_tax.jpg) no-repeat top center;}

#headTitle {width: 470px;margin: 0 auto; padding-top:325px;}
#headTitle h2 {font-size:12px; margin:0; padding:0;}

.midashiMain {width:980px; margin-bottom:30px; clear:both;}
.midashiMain h3 {font-size:12px; margin:0; padding:0;}

.halfLeft {width:450px; float:left; margin-left:25px;}
.halfRight {width:450px; float:right; margin-right:25px;}
.fullText { margin-left:25px; margin-right:25px; clear:both;}

.makerLogo {width:20%; float:left; margin:5px 0;}
.btDetail {width:200px; margin-left:auto; margin-right:auto; text-align:center;}
.btDetail a { color:#FFF;}

.midashiSub {font-size:21px; color:#E96D2A; font-weight:bold; letter-spacing:1px;}
.midashiSubGr {font-size:21px; color:#4E9D47; font-weight:bold; letter-spacing:1px;}
.midashiSub2 {font-size:17px; color:#E96D2A; font-weight:bold; letter-spacing:1px;}
.midashiSubCenter {font-size:17px; color:#FFF; font-weight:bold; letter-spacing:1px; text-align:center; line-height:40px; border-radius:20px; background:#E96D2A; width:60%; margin:0 auto 20px;}
.midashiRepair {width:600px; margin:0 auto 20px auto;}

#usedGoo {
	width: 540px;
	margin: 0 auto 30px;
}
#gooBt {width:200px; float:left;}
#gooText {width:320px; float:right;}
#gooList {width:250px; text-align:center;}
#gooList a {color:#FFF;}
#gooList a:hover {color:#DA0000;}

.loanText { background:#4E9D47; padding:10px 0; color:#FFF; font-size:17px; font-weight:bold; text-align:center;}

#taxLeft {width:252px; float:left;}
#taxRight { width:650px; float:right; margin-top:50px;}
.goldPeriodSide {width:200px; float:left;}
.goldPeriodCenter {width:200px; float:left; margin:0 25px;}
.goldPeriod {border:5px solid #4E9D47; background:#FFF; padding:20px;}
.goldPeriodText1 {font-size:17px; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #4E9D47;}
.goldPeriodText2 {font-size:17px; text-align:center;}
.goldMidashi {font-size:17px; color:#E96D2A; border-bottom:1px dotted #E96D2A; line-height:40px; margin-bottom:10px; font-weight:bold;}

.cowcowLeft {width:300px; float:left; margin-left:25px;}
.cowcowRight {width:600px; float:right; margin-right:25px;}
.cowcowReason {line-height:40px; font-size:15px; color:#FFF; background: #E96D2A; text-align:center; width:280px; margin:10px; float:left;}
.cowcowPhoto {width:640px; margin:0 auto 10px;}

.photo3Side {width:300px; margin-bottom:15px; float:left;}
.photo3Center {width:300px; margin-bottom:15px; margin-right:15px; margin-left:15px; float:left;}
.photo3Right {width:600px; float:right;}

.repair4Side {width:215px; float:left;}
.repair4Center {width:215px; float:left; margin-left:15px; margin-right:15px;}

.infoWrap {width:660px; margin-left:auto; margin-right:auto;}
.infoLine { border-bottom:1px dotted #222;}
.infoLeft {width: 200px; float:left; font-size:15px; text-align:center; padding:15px 0;}
.infoRight {width:440px; float:left; text-align:left; font-size:15px; padding:15px 0 15px 20px;}

.staffLeft {width:350px; float:left; margin-left:25px;}
.staffRight {width:550px; float:right; margin-right:25px;}

.faq { margin-left:25px; margin-right:25px;}
.question_icon {float:left;width: 40px;height: 40px;text-align: center;font-size: 20px;font-weight: bold;line-height: 40px;background: #4E9D47;;color:#FFF; border-radius:20px;}
.question_text {float: left;font-weight: bold;line-height: 40px;font-size: 16px;margin-left: 30px;width: 860px;}
.answer_icon {float:left;width: 40px;height: 40px;text-align: center;font-size: 20px;font-weight: bold;line-height: 40px;background: #EE0000;color:#FFF;border-radius:20px;}
.answer_text {float: left;margin-left: 30px;width: 860px;}

#userWrap { font-size:17px; text-align:center;}

.partPrice { font-size:21px; text-align:right;}

.btYukari { width:300px; margin:0 auto 30px; text-align:center;}
.btYukari a { color:#FFF;}

#usedTitle {font-size:21px; font-weight:bold; border-bottom:1px dotted #E96D2A; padding-bottom:10px; margin-bottom:20px;}
#usedGallery {width:640px; float:left; margin-bottom:30px;}
#usedDetail {width:270px; float:right; margin-bottom:30px;}
.UsedDetail1 { line-height:40px; border-bottom: 1px dotted #E96D2A;}
.UsedDetail2 { line-height:40px; border-bottom: 1px solid #E96D2A;}
.usedLeft {width: 85px;float: left;}
.usedRight {width: 165px;float: left;}
.usedPrice1 { line-height:40px;}
.usedPrice2 { font-size:28px; color:#DA0000; font-weight:bold;}
.usedOptionTitle {clear:both; font-size:17px; margin:0 auto 15px; width:930px;}
.usedOptionWrap {width:940px; margin:0 auto 20px;}
.usedOption {width:303px; margin:0 5px 10px; float:left; background:#C5D799; text-align:center; line-height:30px;}

.contactArea {width:660px; margin-left:auto; margin-right:auto; border:10px solid #4E9D47; clear:both;}
.contactWrap {padding:30px 40px; background:#FFF;}
.contactTitle {border-bottom:1px solid #4E9D47; font-size:21px; padding-bottom:15px; margin-bottom:15px; text-align:center;}
.contactLeft {float:left;}
.contactRight {float:right; width:200px; text-align:center;}
.contactRight a { color:#FFF;}

.profileName {font-size:17px; color:#E96D2A; border-bottom:1px dotted #E96D2A; margin-bottom:10px; padding-bottom:10px;}
.profileHalf {clear:both;}
.profileFull {clear:both;}

.juLogo2 {width:260px; float:right; margin-right:10px; margin-bottom:30px;}
.juText2 {width:660px; float:left; margin-left:10px; margin-bottom:30px;}
.juLogo {width:160px; float:left; margin-left:10px; margin-bottom:30px;}
.juText {width:760px; float:right; margin-right:10px; margin-bottom:30px;}
.juMidashi { margin-right:10px; margin-bottom:10px; margin-left:10px;}

#headlight {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-bottom: 30px;
	width: 730px;
}
#headlightPhoto {
	width: 730px;
	margin-bottom: 10px;
}
#headlightText {
}

#usedBtn {width: 600px; margin: 0 auto 30px;}