/* ---------------------------------------------------------------------
PC用
--------------------------------------------------------------------- */

.pro_copy{
	font-size:18px !important;
	font-weight:bold;
	line-height:100% !important;
	padding:0;
}
strong{
	font-size:16px !important;
	padding-bottom:15px !important;
}

.notice{
	float:left;
	font-size:16px !important;
	border:#F33 2px dotted;
	padding:10px;
	color:#F33 !important;
	font-weight:bold;
	margin:-15px auto 15px;
}

/*画像フロート*/

.img_r{
	float:right;
	margin-left:30px;

}

.img_l{
	float:left;
	margin-left:30px;
}


.table_1{
	font-size:16px;
	background-color:#808080;
}

.table_2 .table_1{
	font-size:12px;
	text-align:center;
	letter-spacing:inherit;
}

.p_s {
	font-size:10px !important;
	letter-spacing:0.001em;
}

.p_t {
	padding-left: 3em;
	line-height: 2em;
	text-align: left;
}

	



.img_sp{
	margin-right:auto;
}

/*テーブル*/
.tablestyle{
	margin-bottom:30px;
}

.tablestyle table th{
	font-size:16px;
	background-color:#808080;
	color:#FFF;
	border-collapse:collapse;
	border:#CCC 1px solid;
	padding:5px;
}
.tablestyle table td{
	font-size:14px;
	color:#000;
	text-align:center;
	border-collapse:collapse;
	border:#CCC 1px solid;
	padding:5px;
}


/* ---------------------------------------------------------------------
個別ページ
--------------------------------------------------------------------- */

/*支店・営業所*/
	.lead{
		margin-bottom:2em;
		line-height:180%;
		font-size:16px;
	}
	/*テーブル-----------------*/
	.entry_wrap table.office{
		width:300px;
	}
	.entry_wrap table th{
		padding:6px;
	}
	.entry_wrap table.office td{
		padding:6px;
		line-height:150%;
		font-size:12px;
	}
	.entry_wrap table.office th{
		vertical-align:middle;
	}
	.entry_wrap table.office th img{
		float:right;
		vertical-align:middle;
	}
	.of_name{
		width:150px;
		font-size:20px;
		float:left;
		padding-top:20px;
	}
	.entry_wrap table th.area8_title .of_name{
		width:150px;
		font-size:18px;
		float:left;
		padding-top:20px;
	}
	.entry_wrap table th.area8_title .of_name span{
		font-size:12px;
	}
	.office_img{
		width:110px;
		float:right;
	}
	
	.station td li{
		width:203px;
		float:left;
	}
	.station td li::before{
		content:"・";
	}
	table.of_list td {
		line-height:130% !important;
	}
	
	/*テーブルカラー*/
	.entry_wrap table th.area1_title{
		background:#d6e9c4;
	}
	.entry_wrap table th.area2_title{
		background:#9fd8f7;
	}
	.entry_wrap table th.area3_title{
		background:#a7b5dd;
	}
	.entry_wrap table th.area4_title{
		background:#ed7980;
	}
	.entry_wrap table th.area5_title{
		background:#f9c385;
	}
	.entry_wrap table th.area6_title{
		background:#fff67a;
	}
	.entry_wrap table th.area7_title{
		background:#b7d450;
	}
	.entry_wrap table th.area8_title{
		background:#73b6e7;
	}


	/*マップ設定-----------------*/
	.office_map{
		float:left;
		width:450px;
		height:428px;
		margin-bottom:50px;
		position:relative;
		background:url(../images/company/office/map.gif) no-repeat;
	}
	.entry_wrap #tab-box {
		float:right;
		width:300px;
		border-top:none;
		clear:none;
		padding-top:0;
	}

	/* タブメニューカラー*/

	/*1*/
	.office_map #tab-menu div.area1{
		z-index:100;
		left:28%;
		top:9%;
		background:#84c04b;
	}
	.office_map #tab-menu div.area1:hover{
		left:28%;
		top:9%;
		background:#b7e090;
	}
	/*2*/
	.office_map #tab-menu div.area2{
		z-index:200;
		left:78%;
		top:35%;
		background:#4eb4ec;
	}
	.office_map #tab-menu div.area2:hover{
		left:78%;
		top:35%;
		background:#9fd8f7;
	}
	/*3*/
	.office_map #tab-menu div.area3{
		z-index:300;
		left:74%;
		top:56%;
		background:#5069b5;
	}
	.office_map #tab-menu div.area3:hover{
		left:74%;
		top:56%;
		background:#8b9ccf;
	}
	/*4*/
	.office_map #tab-menu div.area4{
		z-index:400;
		left:69%;
		top:79%;
		background:#ea4c56;
	}
	.office_map #tab-menu div.area4:hover{
		left:69%;
		top:79%;
		background:#f8a3a9;
	}
	/*5*/
	.office_map #tab-menu div.area5{
		z-index:500;
		left:11%;
		top:46%;
		background:#faa748;
	}
	.office_map #tab-menu div.area5:hover{
		left:11%;
		top:46%;
		background:#fcd2a2;
	}
	/*6*/
	.office_map #tab-menu div.area6{
		z-index:600;
		left:9%;
		top:60%;
		background:#eede0e;
	}
	.office_map #tab-menu div.area6:hover{
		left:9%;
		top:60%;
		background:#fbef4a;
	}
	/*7*/
	.office_map #tab-menu div.area7{
		z-index:700;
		left:20%;
		top:87%;
		background:#a7ca2a;
	}
	.office_map #tab-menu div.area7:hover{
		left:20%;
		top:87%;
		background:#cce575;
	}
	/*8*/
	.office_map #tab-menu div.area8{
		z-index:800;
		left:8%;
		top:32%;
		background:#3289c9;
	}
	.office_map #tab-menu div.area8:hover{
		left:8%;
		top:32%;
		background:#79b7e5;
	}


	/* タブメニューカラー active*/

	.office_map #tab-menu div:nth-child(1).active{
		border:2px solid #589c18;
	}
	.office_map #tab-menu div:nth-child(2).active{
		border:2px solid #2089c2;
	}
	.office_map #tab-menu div:nth-child(3).active{
		border:2px solid #213c90;
	}
	.office_map #tab-menu div:nth-child(4).active{
		border:2px solid #be141f;
	}
	.office_map #tab-menu div:nth-child(5).active{
		border:2px solid #da7502;
	}
	.office_map #tab-menu div:nth-child(6).active{
		border:2px solid #c1b302;
	}
	.office_map #tab-menu div:nth-child(7).active{
		border:2px solid #769602;
	}
	.office_map #tab-menu div:nth-child(8).active{
		border:2px solid #0660a2;
	}
	
	
	/* タブメニュー　クリア */
	.office_map #tab-menu {
		width:100%;
		padding-left:0;
	}
	.office_map #tab-menu div {
		display:block;
		position:absolute;
		padding:5px 15px;
		text-align:center;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
		transition: all  0.3s ease;

		float:none;
		width:auto;
		margin-right:0;
		margin-bottom:0;
		border:none;
		cursor:pointer;
	}
	
	.office_map #tab-menu div:hover {
		display:block;
		position:absolute;
		padding:5px 15px;
		text-align:center;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
		transition: all  0.3s ease;

		float:none;
		width:auto;
		margin-right:0;
		margin-bottom:0;
		border:none;
		cursor:pointer;
	}
	.office_map #tab-menu div.active {
		display:block;
		position:absolute;
		padding:5px 15px;
		text-align:center;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
		transition: all  0.3s ease;

		float:none;
		width:auto;
		margin-right:0;
		margin-bottom:0;
		border:2px solid #090;
		cursor:pointer;
	}

/*オートサービスショー 2017*/
.car {
	width:250px;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #41ab5c;
}
.pro_copy_car{
	font-size:18px !important;
	font-weight:bold;
	line-height:100% !important;
	padding:0;
	background:#41ab5c;  
}




/*グループ・関連会社*/
.group_style h3{
	margin-top:30px !important;
}
.group_style h4{
	font-weight:bold;
	font-size:22px;
	border-bottom:none;
}
.group_style table{
	margin-bottom:60px;
}
.group_style .pagetop{
	border-bottom:none;
	padding-bottom:0;
}

/*会社沿革*/
.entry_wrap .history_title{
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}
.entry_wrap table.history th{
	width:20%;
}

/*会社概要*/
.entry_wrap table.corporate th{
	width:20%;
}
.entry_wrap table.corporate td{
	line-height:220%;
}

/*ごあいさつ*/
.greetings_img{
	width:180px;
	float:left;
	bottom:0px;
}
.greetings_img img{
	width:100%;
	height:auto;
}
.greetings_txt{
	width:580px;
	float:right;
	font-size:16px;
	text-indent:0;
}

/*企業理念*/
.corppolicy_img{
	width:200px;
	float:right;
	bottom:0px;
}
.corppolicy_img img{
	width:100%;
	height:auto;
}
.corppolicy_txt{
	width:560px;
	float:left;
	font-size:16px;
	text-indent:1em;
}
.corppolicy_logo{
	width:400px;
	margin:-30px auto 25px;
}
.corppolicy_logo img{
	width:100%;
	height:auto;
}



/*プライバシーポリシー*/
.entry_wrap dt{
	font-weight:bold;
	font-size:16px;
	margin:30px 0 15px;
}
.entry_wrap dd{
	font-size:14px;
	line-height:180%;
}

/*アフターサービス*/
div#ct02 div.sm_box {
	width:190px;
	float:left;
	margin-right:10px;
}
div#ct02 div:nth-child(4) {
	width:130px;
	float:left;
	margin-right:10px;
}
div#ct02 div:nth-child(5) {
	width:260px;
	float:left;
	margin-right:0px;
}

.sm_box h4{
	font-size:14px;
	font-weight:bold;
	color:#333;
	border-bottom:1px #dfdfdf solid;
	padding:6px 0 6px 0;
	margin:20px 0;
}

.sm_box .p_t{
	margin:20px 0;
	padding:0;
}
.sm_box .p_t li{
	line-height:200%;
}
.sm_box .p_t li a{
	font-size:12px;
	text-decoration:none;
	background:url(../common_img/arrow_01.png) left center no-repeat;
	padding:0 0 0 10px;
	transition: all  0.3s ease;
}
.sm_box .p_t li a:hover{
	text-decoration:underline;
}
.sm_box .p_t li a.new:after{
	content: url(../common_img/NEW.png);
	margin-left:10px;
}


.service_img{
	width:200px;
	float:left;
}
.service_p{
	width:550px;
	float:right;
	margin-bottom:30px;
}
.service_p h4{
	font-size:16px;
	font-weight:bold;
	color:#333;
	border-bottom:1px #dfdfdf solid;
	padding:6px 0 6px 0;
	margin:0 0 20px;
}
.service_p .p_t li{
	background:url(../common_img/arrow_01.png) left center no-repeat;
	padding:0 0 0 10px;
}
.service_p a{
	margin-top:20px;
	display:block;
}


/*サービス技能コンクール*/
.p_t{
	margin:20px 0;
}
.p_t li{
	line-height:200%;
}
.p_t li a{
	font-size:16px;
	background:url(../common_img/arrow_01.png) left center no-repeat;
	padding:0 0 0 10px;
	transition: all  0.3s ease;
}
.p_t li a:hover{
	text-decoration:underline;
}
.p_t li a.new:after{
	content: url(../common_img/NEW.png);
	margin-left:10px;
}

.sc_main{
	float:right;
	padding-left:40px;
}

.skill-competition{
	padding:10px 0 30px 0;
}
.skill-competition table{
	width:100%;
	border-collapse:collapse;
}
.skill-competition table th{
	width:auto;
	padding:10px 15px;
	border:#ccc 1px solid;
	line-height:180%;
	text-align:left;
	background:#999;
	color:#FFF;
}
.skill-competition table td{
	padding:10px 15px;
	border:#ccc 1px solid;
	line-height:180%;
	text-align:left;
}
.skill-competition table tr:nth-child(odd){
	background:#FFF;
}
.skill-competition table tr:nth-child(even){
	background:#f7f7f7;
}



/* ---------------------------------------------------------------------
スマホ用
--------------------------------------------------------------------- */

/* ------------------------------画面の横幅が640px以下 (スマホ) ------------------------------*/
@media screen and (max-width:640px){




/*ごあいさつ*/
.greetings_img{
	width:180px;
	margin:20px auto;
	float:none;
	bottom:0px;
}
.greetings_img img{
	width:100%;
	height:auto;
}
.greetings_txt{
	width:100%;
	float:none;
	font-size:14px;
	text-indent:0;
}





















}