@charset "utf-8";

/* グローバル - トップ
--------------------------------------------------------------- */

#introductionBox{
	position:relative;
	width:982px;
	height:196px;
	margin:0 auto;
	background:url(../img/global_top/introduction_bg.png) 0 0 no-repeat;
}

#introductionBox h2{
	position:absolute;
	top:22px;
	left:10px;
}

#introductionBox ul{
	position:absolute;
	top:-18px;
	right:15px;
	width:757px;
	height:196px;
}

#introductionBox li a{
	float:left;
	height:0;
	padding-top:196px;
	background:url(../img/global_top/introduction_menu2.png) 0 0 no-repeat;
	overflow:hidden;
}

#introductionBox li a.im1{width:189px; background-position:0 0;}
#introductionBox li a.im2{width:189px; background-position:-189px 0;}
#introductionBox li a.im3{width:189px; background-position:-378px 0;}
#introductionBox li a.im4{width:190px; background-position:-567px 0;}

#introductionBox li a.im1:hover{background-position:0 -196px;}
#introductionBox li a.im2:hover{background-position:-189px -196px;}
#introductionBox li a.im3:hover{background-position:-378px -196px;}
#introductionBox li a.im4:hover{background-position:-567px -196px;}

#introductionBoxSp{display:none;}



#searchBox{
	position:relative;
	width:982px;
	height:165px;
	margin:0 auto 40px;
	background:url(../img/global_top/search_bg.png) 0 0 no-repeat;
}

#searchBox h2{
	position:absolute;
	top:14px;
	left:8px;
}

#searchBox ul{
	position:absolute;
	top:18px;
	right:7px;
	width:764px;
	height:131px;
}

#searchBox li{
	float:left;
	width:145px;
	margin:0 8px 0 0;
}

#searchBox li img{width:100%; height:auto;}

#searchBox li:last-child{display:none;}
#searchBox li:nth-last-child(2){margin:0;}

#searchBox li a{
	display:block;
}

#searchBox li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;	
}



.flyerBox{
	box-sizing:border-box;
	position:relative;
	width:575px;
	height:184px;
	padding:23px 0 0 16px;
	/*margin-bottom:53px;*/
	margin-bottom:40px;
	background:url(../img/global_top/flyer_bg2.png) 0 0 no-repeat;
}

.flyerBox .pdf{
	position:absolute;
	bottom:32px;
	right:111px;
	padding-left:22px;
	color:#FFF;
	background:url(../img/common/pdf.png) left center no-repeat;
}

.flyerBox img{
	border:4px solid #FFF;
	margin-right:5px;
}

.flyerBoxSp{display:none;}



.holidayBox{
	width:375px;
	height:162px;
	/*margin-bottom:53px;*/
	margin-bottom:30px;
}


.topBnrBox{
	margin-bottom:53px;
}

.topBnrBox .L{float:left;}
.topBnrBox .R{float:right;}


.infoBox{
	position:relative;
	float:left;
	width:480px;
	margin-bottom:53px;
}

.infoBox .more{
	position:absolute;
	top:0;
	right:0;
}

.infoBox .infoInner{
	border-left:3px solid #67C6FF;
	border-right:3px solid #67C6FF;
	border-bottom:3px solid #67C6FF;
	background:#FFF;
	min-height:227px;
	padding:20px 25px;
}

.infoBox dt, .infoList dt{
    float:left;
    padding:0 0 10px;
    width:100px;
}

.infoBox dd, .infoList dd{
    margin-bottom:10px;
    padding-bottom:10px;
}

.infoBox dd a, .infoList dd a{
    color:#333;
}



.fbBox{
	float:right;
	width:450px;
	height:310px;
	background:#999;
	margin-bottom:53px;
}

.fbBoxSp{display:none;}

.topCopyArea{
	clear:both;
	position:relative;
	padding-left:175px;
	margin:0 auto;
	font-size:14px;
	line-height:1.6;
}

.topCopyArea .takkun{
	position:absolute;
	top:-5px;
	left:75px;
}


/* トップページ TVCM
--------------------------------------------------------------- */

.tvcm{
	clear:both;
	position:relative;
	width:980px;
	height:233px;
	background:url(../img/global_top/tv_bg2.png) 0 0 no-repeat;
	margin-bottom:60px;
}

.tvcm ul{
	position:absolute;
	top:28px;
	left:222px;
}

.tvcm li{
	display:inline-block;
	margin-right:15px;
}

.tvcm li:last-child{margin-right:0;}


/* グローバル - 上に戻る
--------------------------------------------------------------- */

#backHead{
	clear:both;
	width:980px;
	margin:0 auto 10px;
	text-align:right;
}


/* 本店(共通含) - トップ
--------------------------------------------------------------- */

#carTopicsBox{
	/*position:relative;
	width:944px;
	height:410px;
	margin:0 auto 45px;
	padding:43px 18px 28px 18px;
	background:url(../img/honten/bg_cartopics.png) 0 0 no-repeat;
	font-size:12px;*/
	position:relative;
	width:944px;
	margin:0 auto 45px;
	padding:38px 13px 23px 13px;
	border:5px solid #F7A393;
	border-radius:10px;
	background:url(../img/common/bg_w.png) 0 0 repeat;
	font-size:12px;
}

#styleHonten #carTopicsBox{border-color:#F7A393;}
#styleKei #carTopicsBox{border-color:#FBBE56;}
#styleUrban #carTopicsBox{border-color:#CCB3CB;}
#styleTagajo #carTopicsBox{border-color:#D5E164;}

#carTopicsBox h2.hPos{
	position:absolute;
	/*top:-44px;*/
	top:-50px;
	left:165px;
}

#carTopicsBox #carTopicsInner{
	width:964px;
	margin-right:20px;
	margin-bottom:40px;
}

#carTopicsBox dl{
	float:left;
	width:220px;
	margin-right:20px;
}

#carTopicsBox dt{
	margin-bottom:5px;
}

#carTopicsBox dd.name{margin-bottom:10px; height:50px; overflow:hidden;}
#carTopicsBox dd.priceTxt{text-align:center; margin-bottom:10px;}
#carTopicsBox dd.priceTxt span.price{font-size:20px;}



a.moreButton{
	display:block;
	width:117px;
	height:28px;
	line-height:29px;
	padding-top:0px;
	padding-left:49px;
	margin:0 auto;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	background:url(../img/common/bg_button.png) 0 0 no-repeat;
}

#stockBox{
	position:relative;
	width:892px;
	height:60px;
	margin:0 auto;
	background:url(../img/honten/bg_stock.png) 0 0 no-repeat;
}

#stockBox .stockSearch{position:absolute; top:10px; left:285px;}
#stockBox .goonetSearch{position:absolute; top:10px; right:78px;}
#stockBox .stockSearchLong{position:absolute; top:10px; left:252px; width:640px; text-align:center;}


#shopPointArea{
	margin-bottom:130px;	
}

#shopInfoArea{
	margin-bottom:70px;
}

#shopInfoArea #shopAboutArea{
	position:relative;
	float:left;
	width:363px;
}

#shopInfoArea #shopAboutArea li{margin-bottom:20px;}

#shopInfoArea #shopAboutArea li:last-child{margin-bottom:80px;}

a.otherButton{
	display:block;
	width:159px;
	height:23px;
	padding-top:7px;
	padding-left:67px;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	line-height:1;
	background:url(../img/common/bg_button_other.png) 0 0 no-repeat;
}

#shopInfoArea #shopAboutArea .takkun01{position:absolute; top:-11px; left:12px;}
#shopInfoArea #shopAboutArea .takkun02{position:absolute; top:70px; right:12px;}
#shopInfoArea #shopAboutArea .takkun03{position:absolute; bottom:-86px; right:0;}

#blogBox{
	position:relative;
	float:left;
	width:496px;
	height:504px;
	padding:45px 18px 16px 18px;
	margin-right:40px;
	background:url(../img/honten/bg_blog.png) 0 0 no-repeat;
}

#blogBox .hPos{
	position:absolute;
	top:-45px;
	left:41px;
}

#blogBox .blogInner{
	height:504px;
	overflow:auto;
}

#blogBox .blogInner img{
	
	max-width:100%;
	/* 
	width:inherit;
	height:auto; */
}

#blogBox .blogInner li{
	padding-bottom:20px;
	border-bottom:1px dotted #999;
	margin:0 15px 20px 0;
}

#blogBox .blogInner .more{
	text-align:right;
	font-size:12px;
	margin-bottom:10px;
}

#blogBox .blogInner .more:before{content:"▶";}

#blogBox .blogInner .more a{text-decoration:none;} #blogBox .blogInner .more a:hover{text-decoration:underline;}


/* 下層ページ車リスト
--------------------------------------------------------------- */

#lowCarList dl{
	float:left;
	width:220px;
	margin:0 20px 50px 0;/*0 20 20 0*/
}

#lowCarList dt{
	margin-bottom:5px;
	height:165px;
	overflow:hidden;
}

#lowCarList dd.name{margin-bottom:10px; height:35px;/*50px*/ overflow:hidden; font-size:12px;}
#lowCarList dd.priceTxt{text-align:center; margin-bottom:10px;}
#lowCarList dd.priceTxt span.price{font-size:20px;}


/* 各店舗スタイル変更 - トップ
--------------------------------------------------------------- */

/*#styleUrban #carTopicsBox{background-image:url(../img/urban/bg_cartopics.png);}*/
#styleUrban #stockBox{background-image:url(../img/urban/bg_stock.png);}
#styleUrban a.otherButton{background-image:url(../img/common/bg_button_urban.png);}

/*#styleKei #carTopicsBox{background-image:url(../img/kei/bg_cartopics.png);}*/
#styleKei #stockBox{background-image:url(../img/kei/bg_stock.png);}
#styleKei a.otherButton{background-image:url(../img/common/bg_button_kei.png);}

/*#styleTagajo #carTopicsBox{background-image:url(../img/tagajo/bg_cartopics.png);}*/
#styleTagajo #stockBox{background-image:url(../img/tagajo/bg_stock.png);}
#styleTagajo a.otherButton{background-image:url(../img/common/bg_button_tagajo.png);}


/* アクセス
--------------------------------------------------------------- */



/* 会社概要
--------------------------------------------------------------- */

.aboutTaxBox{
	float:left;
	width:430px;
	margin:0 40px 30px 0;
}

.aboutTaxBox.R{margin-right:0;}

.aboutTaxBox dt{
	height:40px;
	line-height:40px;
	padding:0 20px;
	margin-bottom:7px;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	background:url(../img/common/bg_htype01.png) 0 0 repeat-x;
}

.aboutTaxBox dd.img{margin-bottom:20px;}

.aboutTaxBox dd.tbl{
	position:relative;
  	height:190px;
}

.aboutTaxBox dd.tbl .takkun{
	position:absolute;
	right:0;
	bottom:0;
}

.aboutTaxBox dd.tbl table{width:100%;}

.aboutTaxBox dd.tbl th,
.aboutTaxBox dd.tbl td{
	font-weight:normal;
	text-align:left;
	padding:0 0 1px;
}

.aboutTaxBox dd.tbl th{
	width:100px;
}


/* 社長の想い */
.presidentBox{margin-bottom:70px;}

.presidentBox .img{
	float:left;
	width:169px;
	margin-right:30px;
	text-align:center;
}

.presidentBox .img img{margin-bottom:15px;}

.presidentBox .txt{
	float:left;
	width:600px;
}


/* 車検・整備(ホリデー車検)
--------------------------------------------------------------- */

/* 車検 */
.reasonList{margin-bottom:25px;}

.reasonList li{
	position:relative;
	float:left;
	width:280px;
	height:409px;
	margin-right:30px;
}

.reasonList li.v1{background:url(../img/inspection/reason_bg1.png) left bottom no-repeat;}
.reasonList li.v2{background:url(../img/inspection/reason_bg2.png) left bottom no-repeat;}
.reasonList li.v3{background:url(../img/inspection/reason_bg3.png) left bottom no-repeat; margin-right:0;}

.reasonList li .tPos{position:absolute; top:158px; left:13px;}
.reasonList li .txtPos{position:absolute; width:260px; top:258px; left:15px; font-size:14px;}

/* 写真 */
.photoBox .v1{float:left;}
.photoBox .v2{float:right;}

/* メールでのお問い合わせはこちら */
.mailLink{
	position:relative;
	height:125px;
	padding-top:45px;
	text-align:center;
}

.mailLink .btn{width:550px; height:auto;}
.mailLink .takkun{position:absolute; left:75px; top:15px;}

/* 車検の流れ */
.flowList dt{font-size:18px; margin-bottom:5px;}
.flowList dd{font-size:14px; margin-bottom:40px; position:relative;}
.flowList dd .txtPos{
	float:left;
	width:250px;
	margin-right:75px;
}
.flowList dd .imgPos{
	float:left;
}
.flowList dd .imgPos img{
	width:260px;
	height:185px;
}

.flowList dd div.leftImg{
	margin-right:30px;
}

.flowList .v1{min-height:185px; background:url(../img/inspection/flow_bg.png) 70px bottom no-repeat;}
.flowList .v2{min-height:105px; background:url(../img/inspection/flow_bg.png) 70px bottom no-repeat;}

.flowList dd .takkun{position:absolute; bottom:0; right:100px;}


/* 購入の流れ
--------------------------------------------------------------- */

.flowBuy{padding-top:20px;}

.flowBuy .txt{
	float:left;
	width:443px;
	margin:0 15px 0 0;
}

.flowBuy .txt p{padding-left:30px;}

.flowBuy .txt h3{margin:-6px 0 10px;}

.flowBuy .txt img,
.flowBuy .img img{width:100%; height:auto;}

.flowBuy .img{
	float:left;
	width:260px;
}

.flowBuy li{
	position:relative;
	margin-bottom:40px;
	background:url(../img/flow/flow_bg.png) 145px bottom no-repeat;
}

.flowBuy li.end{background:none;}

.flowBuy li .takkun{position:absolute; right:50px; bottom:0;}


/* 各店舗トップページ
--------------------------------------------------------------- */

#aboutShop{
	position:relative;
	width:915px;
	/*min-height:1370px;*/
	margin:0 auto;
	font-size:16px;
	line-height:1.6;
}

#aboutShop h3{
	color:#386CB0;
	font-size:28px;
	line-height:1.2;
	margin-bottom:10px;
}

#aboutShop h3.adj{min-height:83px;}

/* 01 */
#aboutShop #point1{
	width:416px;
	margin-bottom:60px;
}

#aboutShop #point1 h3{
	background:url(../img/honten/point1.png) left center no-repeat;
	padding-left:96px;
}

/* 02 */
#aboutShop #point2{
	position:absolute;
	top:86px;
	right:0;
	width:426px;
}

#aboutShop #point2 h3{
	background:url(../img/honten/point2.png) left top no-repeat;
	padding-top:96px;
}

#aboutShop #point2 .inner{
	padding-left:86px;
}

/* 03 */

#aboutShop #point3 h3{
	background:url(../img/honten/point3.png) left top no-repeat;
	padding-top:96px;
}

#aboutShop #point3 .boxLeft{
	float:left;
	width:528px;
	margin-right:18px;
}

#aboutShop #point3 .boxRight{
	float:left;
	padding-top:116px;
}

#aboutShop #point3 h3 span.note{font-size:16px;}

/* 各店舗の番号色変更※本店をデフォルト値とする */

#styleKei #aboutShop h3{color:#00A085;}
#styleKei #aboutShop #point1 h3{background-image:url(../img/kei/point1.png);}
#styleKei #aboutShop #point2 h3{background-image:url(../img/kei/point2.png);}
#styleKei #aboutShop #point3 h3{background-image:url(../img/kei/point3.png);}

#styleUrban #aboutShop h3{color:#4F364D;}
#styleUrban #aboutShop #point1 h3{background-image:url(../img/urban/point1.png);}
#styleUrban #aboutShop #point2 h3{background-image:url(../img/urban/point2.png);}
#styleUrban #aboutShop #point3 h3{background-image:url(../img/urban/point3.png);}

#styleTagajo #aboutShop h3{color:#0A50A1;}
#styleTagajo #aboutShop #point1 h3{background-image:url(../img/tagajo/point1.png);}
#styleTagajo #aboutShop #point2 h3{background-image:url(../img/tagajo/point2.png);}
#styleTagajo #aboutShop #point3 h3{background-image:url(../img/tagajo/point3.png);}


/* 買い取りページ
--------------------------------------------------------------- */

.purchaseBox{
	background:url(../img/purchase/bg.png) center top no-repeat;
	padding-top:20px;
}

.purchaseBox h2{text-align:center; margin-bottom:30px;}

.purchaseBox .pointBox{
	position:relative;
	width:750px;
	height:160px;
	margin-bottom:25px;
}

.purchaseBox .pointBox .txt{
	position:absolute;
	font-size:14px;
}

.purchaseBox .pointBox .txt h3{margin-bottom:10px;}

.purchaseBox .p1{background:url(../img/purchase/bg_1.png) 0 0 no-repeat;}
.purchaseBox .p2{background:url(../img/purchase/bg_2.png) 0 0 no-repeat; margin-left:60px;}
.purchaseBox .p3{background:url(../img/purchase/bg_3.png) 0 0 no-repeat; margin-left:120px;}

.purchaseBox .p1 .txt{top:20px; left:70px; width:575px;}
.purchaseBox .p2 .txt{top:20px; left:auto; right:70px; width:521px;}
.purchaseBox .p3 .txt{top:20px; left:70px; width:521px;}

.purchaseBox .p1 .takkun{position:absolute; top:15px; right:75px;}
.purchaseBox .p2 .takkun{position:absolute; top:15px; left:40px;}
.purchaseBox .p3 .takkun{position:absolute; top:15px; right:65px;}

.purchaseBox .btnForm{
	position:relative;
	padding-top:20px;
	text-align:center;
}

.purchaseBox .btnForm p{padding-top:30px; font-size:16px;}
.purchaseBox .btnForm .takkun{position:absolute; top:0; left:50px;}


/* 各店舗トップページ - 車カテゴリー
--------------------------------------------------------------- */

/* 本店 */
.categoryBtnHonten{
	width:892px;
	margin:0 auto;
	padding:20px 0 0;
}

.categoryBtnHonten li{
	float:left;
	margin:0 20px 10px 0;
}

.categoryBtnHonten li.end{margin-right:0;}

/* アーバン */
.categoryBtnUrban{
	width:892px;
	margin:0 auto;
	padding:20px 0 0;
}

.categoryBtnUrban li{
	float:left;
	margin:0 30px 0 0;
}

.categoryBtnUrban li.end{margin-right:0;}


/* 軽 */
.categoryBtnKei{
	width:892px;
	margin:0 auto;
	padding:20px 0 0;
}

.categoryBtnKei li{
	float:left;
	margin:0 20px 0 0;
}

.categoryBtnKei li.end{margin-right:0;}


/* 特選車紹介 - テーブルフォントサイズ
--------------------------------------------------------------- */

.svMain{font-size:20px;}
.svTxt1{font-size:20px; text-align:center !important; vertical-align:middle !important;}
.svTxt1 span{font-size:46px;}
.svTxt2{font-size:18px; margin-bottom:30px;}
.svTxt3 th,
.svTxt3 td{font-size:18px; text-align:center !important; vertical-align:middle !important;}

.svVm{vertical-align:middle !important;}

.svMainImg{
	float:left;
	width:640px;
	height:415px;
	text-align:center;
	background:#fff;
}

.svContact{
	float:right;
	width:240px;
	padding-top:20px;
}

.svContact .svcBox{
	position:relative;
	height:375px;
	padding:10px;
	background:#9AD9E8;
	font-size:14px;
}

.svContact .svcBox .svcTitle{
	margin-top:-30px;
	margin-bottom:10px;
}

/* 入力フォーム */
.svcBox input[type="text"],
.svcBox input[type="tel"],
.svcBox input[type="email"],
.svcBox select{
	box-sizing:border-box;
	width:100%;
	border:0;
	border-radius:8px;
	padding:5px 10px;
	margin:2px 0;
}

.svcBox select{
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	/*Firefox用*/
	text-indent: .01px; 
	text-overflow: "";
}

.svcBox input[type="submit"],
.svcBox input[type="button"]{
	display:block;
	width:192px;
	height:0;
	padding:57px 0 0;
	margin:10px auto 0;
	border:0;
	overflow:hidden;
	background:url(../img/car/contact_submit.png) 0 0 no-repeat;
	cursor:pointer;
}


@media screen and (min-width:641px){/* PCのみ */
	
	/* 入力フォーム コンタクトフォームスタイル */
	.svcBox div.wpcf7-validation-errors{
		background:#FFF;
	}
	
	.svcBox form.wpcf7-form{
		position:relative;
	}
	
	.svcBox .wpcf7-not-valid-tip{
		position:absolute;
		top:-10px;
		left:-250px;
		width:220px;
		padding:10px;
		background:#FFF;
		border:2px solid #F00;
	}
	
	.svcBox div.wpcf7-response-output{
		position:absolute;
		left:-250px;
		bottom:0;
		width:220px;
		margin:0;
		padding:10px;
		border:2px solid #F00;
		background:#FFF;
	}
}


/* フォトサムネイル */

.svThum{margin-bottom:25px;}

.svThum li{
	float:left;
	margin:0 5px 5px 0;
}

.svThum li:nth-of-type(5n){margin-right:0;}


/* 特選車 - 検索結果ページ
--------------------------------------------------------------- */

.carListBox{
	padding-bottom:15px;
	border-bottom:1px dashed #67c6ff;
	margin-bottom:15px;
}

.carListBox .img{
	float:left;
	width:170px;
}

.carListBox .img img{
	width:158px;
	height:auto;
}

.carListBox .txt{
	float:right;
	width:730px;
}



/* 検索フィールド
--------------------------------------------------------------- */

#wpCFSwrap{
	margin-bottom:15px;
}

#wpCFS{
	display:block;
	border:1px solid #ccc;
	border-radius:5px;
	background:#FFF;
	padding:15px 10px;
	text-align:left;
}

#wpCFS .DropDownField{
	margin-bottom:10px;
}

#wpCFS .searchform-label{
	display:block;
	float:left;
	margin-right:10px;
	padding-top:2px;
}

#wpCFS .CheckboxInput{display:none;}

#wpCFS .CheckboxInput .searchform-param div{
	margin:0 5px 0 0;
}

#wpCFS .searchform-params div{float:left; margin:0 5px;}

#wpCFS .searchform-params{float:left;}
#wpCFS .searchform-controls{float:left; margin:0 5px;}
#wpCFS .searchform-controls input{display:block; width:80px; margin-top:-2px; padding:5px 10px; line-height:1;}

#wpCFS select {
	padding:5px 10px;
}


/* スタッフ
--------------------------------------------------------------- */

.staffBox{
	padding-top:20px;
	background:url(../img/purchase/bg.png) center top no-repeat;
}

.staffBox h2.hTypeImg {
    margin-bottom: 30px;
    text-align: center;
}

.staffList{
	margin-bottom:60px;
}

.staffList li{
	float:left;
	width:430px;
	margin:0 0 20px;
}

.staffList li:nth-of-type(2n){
	float:right;
}

.staffList li .inner{
	border:2px solid #FB805F;
	height:205px;
	overflow:hidden;
}

.staffList li .inner:before, .staffList li .inner:after{content:"";display:table;}
.staffList li .inner:after{clear:both;}
.staffList li .inner{zoom:1;}

.staffList li img{
	float:left;
	width:200px;
	height:auto;
	border-right:2px solid #FB805F;
}

.staffList li table{
	float:left;
	width:224px;
	height:100%;
}

.staffList li th,
.staffList li td{padding:10px;}

.staffList li th{
	width:3em;
	background:#FFF;
	border-right:1px dashed #99999B;
}

.staffList li td{
	background:#FEE6DC;
}

.staffList li th.cellbg,
.staffList li td.cellbg{background:#FBB498; vertical-align:middle;}

.staffList li td.cellbg{font-size:18px;}
.staffList li td.cellbg span{font-size:12px; margin-left:1em;}


/* スタッフ カラーバリエーション
--------------------------------------------------------------- */

/* 軽スマイル館 */
#staffKei .staffList li .inner,
#staffKei .staffList li img{
	border-color:#FDA63F;
}
#staffKei .staffList li th.cellbg,
#staffKei .staffList li td.cellbg{
	background:#FDCC8A;
}
#staffKei .staffList li td,
#staffKei .staffList li .inner{
	background:#FEE6C2;
}


/* アーバン館 */
#staffUrban .staffList li .inner,
#staffUrban .staffList li img{
	border-color:#776273;
}
#staffUrban .staffList li th.cellbg,
#staffUrban .staffList li td.cellbg{
	background:#CCCCCC;
}
#staffUrban .staffList li td,
#staffUrban .staffList li .inner{
	background:#EFDEE6;
}


/* ビビット館 */
#staffVivid .staffList li .inner,
#staffVivid .staffList li img{
	border-color:#8DCA2F;
}
#staffVivid .staffList li th.cellbg,
#staffVivid .staffList li td.cellbg{
	background:#CCCCCC;
}
#staffVivid .staffList li td,
#staffVivid .staffList li .inner{
	background:#E6F5CA;
}


/* 2017追加　トップ
--------------------------------------------------------------- */

.gtopL{
	float:left;
	width:575px;
}

.gtopR{
	float:right;
	width:376px;
}

.flatBox{position:relative; margin-bottom:25px;}
.flatBox a{display:block;}
.flatBox .flatList{position:absolute; right:14px; bottom:16px;}

.taxPremium{margin-bottom:20px;}

.gtopBlog{
	box-sizing:border-box;
	position:relative;
	float:right;
	width:450px;
	height:348px;
	padding:50px 18px 16px;
	margin-bottom:53px;
	background:#FFF;
	border-radius:10px;
	
	box-shadow:2px 2px 0px 1px #aaa;
	-moz-box-shadow:2px 2px 0px 1px #aaa;
	-webkit-box-shadow:2px 2px 0px 1px #aaa;
}

.gtopBlog .hPos{
	position:absolute;
	top:-24px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
}

.gtopBlogInner{
	height:280px;
	overflow:auto;
}

.gtopBlogInner img {
	max-width:100%;
}

.gtopBlogInner ul li {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:dotted 1px #CCCCCC;
}

.gtopBlogInner .more{
    font-size: 12px;
    margin-bottom: 10px;
    text-align: right;
}
.gtopBlogInner .more::before{content: "▶";}
.gtopBlogInner .more a{text-decoration: none;}
.gtopBlogInner .more a:hover{text-decoration: underline;}


/* フラット7
--------------------------------------------------------------- */

.styleFlat7 .head{
	margin-bottom:60px;
}

.styleFlat7 .pmenu{margin-bottom:60px;}
.styleFlat7 .pmenu li{float:left; margin-bottom:35px;}
.styleFlat7 .pmenu li:nth-of-type(2n){float:right;}


/* フラット7 コンテンツ
-------------------------------*/

.styleFlat7 .cbox{
	position:relative;
	background:#FFF;
	border:6px solid #CCC;
	padding:50px 30px 50px;
	font-size:14px;
	margin-bottom:100px;
}

.styleFlat7 .cbox p{line-height:1.6;}

.styleFlat7 .cbox.col1{border-color:#FB805F;}
.styleFlat7 .cbox.col2{border-color:#0950A2;}
.styleFlat7 .cbox.col3{border-color:#4DB15B;}
.styleFlat7 .cbox.col4{border-color:#FEA740;}

	/* 1 */
	.styleFlat7 .cbox.col1 ul{width:916px; margin:70px 0 0 -15px;}
	.styleFlat7 .cbox.col1 li{float:left; width:448px;}
	.styleFlat7 .cbox.col1 li:nth-of-type(2n){float:right;}
	.styleFlat7 .cbox.col1 li .s1{margin-bottom:15px;}
	.styleFlat7 .cbox.col1 li .s2{
		background:url(../img/flat7/takkun1.png) 20px 0 no-repeat;
		background-size:auto 118px;
		padding:36px 90px 30px 120px;
	}
	.styleFlat7 .cbox.col1 li .s3{
		background:url(../img/flat7/takkun2.png) 20px 0 no-repeat;
		background-size:auto 118px;
		padding:36px 90px 30px 120px;
	}
	
	/* 2 */
	.styleFlat7 .cbox.col2 ul{margin:75px 0 0;}
	.styleFlat7 .cbox.col2 li{float:left; width:160px; margin:0 20px 0 0; text-align:center;}
	.styleFlat7 .cbox.col2 li:last-child{margin-right:0;}
	.styleFlat7 .cbox.col2 li .s1{
		text-align:center;
		background:#E7F6F9;
		border:4px solid #688CC0;
		color:#0950A2;
		font-size:18px;
		font-weight:bold;
		margin-top:30px;
		border-radius:10px;
		padding:18px 0;
	}
	
	/* 3 */
	.styleFlat7 .cbox.col3 ul{margin:100px 70px 0 50px; float:left;}
	.styleFlat7 .cbox.col3 li{color:#0a50a1; font-size:22px; margin-bottom:25px; line-height:1; font-weight:bold;}
	.styleFlat7 .cbox.col3 li:before{content:"●"; margin-right:.5em; font-size:80%;}
	.styleFlat7 .cbox.col3 .s1{float:left; margin-top:5px;}
	
	/* 4 */
	.styleFlat7 .cbox.col4 ul{margin-top:80px;}
	.styleFlat7 .cbox.col4 li{border:4px solid #FEA740; background:#FFF2E1; border-radius:20px; padding:18px 20px; margin:0 0 35px;}
	.styleFlat7 .cbox.col4 li:last-child{margin-bottom:0;}
	.styleFlat7 .cbox.col4 .s1{float:left; color:#FFF; font-size:36px; line-height:1; display:inline-block; padding:10px 15px; background:#0a50a1; border-radius:10px; font-weight:bold; margin:5px 20px 0 0;}
	.styleFlat7 .cbox.col4 .s2{float:left; font-size:24px; color:#0a50a1; font-weight:bold; width:145px; margin-right:20px;}
	.styleFlat7 .cbox.col4 .s3{float:left; width:251px; margin-right:20px;}
	.styleFlat7 .cbox.col4 .s4{float:left; font-size:18px; padding-top:8px;}
	.styleFlat7 .cbox.col4 .s4 span{font-size:14px;}
	.styleFlat7 .cbox.col4 .singleCol{padding-top:12px;}
	
	.styleFlat7 .cbox.col4 .s3 img{width:auto; height:63px;}
	

.styleFlat7 .cbox h3{font-size:28px; color:#0a50a1; font-weight:bold; margin-bottom:10px;}
.styleFlat7 .cbox h3 span{font-size:18px;}

.styleFlat7 .cbox .pict{position:absolute; top:0; left:37px;}
.styleFlat7 .cbox .titleArea{padding-left:205px;}


.styleFlat7 .cbox#pos4{
	margin-bottom:40px;
}

.styleFlat7 .map{
	text-align:center;
	margin-bottom:40px;
}

.styleFlat7 .link_btn{
	margin:40px 0;
}

.styleFlat7 .link_btn a{
	position:relative;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	width:460px;
	height:120px;
	margin:0 auto;
	border-radius:60px;
	background:#0a50a1;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.styleFlat7 .link_btn a:after{
	content:"";
	width: 17px;
	height: 17px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	top:0;
	right:40px;
	bottom:0;
	margin:auto;
}

.styleFlat7 .link_btn a:hover{
	opacity:.7;
}


/* フラット7 対象車種
-------------------------------*/

.styleFlat7 .select{
	position:relative;
	background:#B3E3EF;
	padding:20px;
	margin:0 0 30px;
}

.styleFlat7 .selectInner{
	background:#FFF;
	position:relative;
}

.styleFlat7 .selectInner .pos1{margin:-120px 0 20px -13px;}
.styleFlat7 .selectInner .pos2{margin:0 0 15px -10px;}

.styleFlat7 .select h3{margin-bottom:135px;}

.styleFlat7 .linkBtn{
	position:absolute;
	top:30px;
	right:28px;
	display:inline-block;
	background:#003B95;
	color:#FFF;
	padding:7px 15px;
	line-height:1;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border-radius:10px;
}