@charset "utf-8";

/* --------------------------------------------
    staff
   ------------------------------------------- */

.syainWrapper{
	width:603px;
	padding-left:3px;
	padding-top:10px;
}

/* ↑bak↑----------- */

body#staffJunbi{
	background:url(../images/body_bg_02.html) repeat-x;
}

#staffJunbi #wrapper{
	background:none;
}

#staffJunbi #main{
	background:#FFF none;
}

#staffJunbi #mainInner{
	background:#FFF none;
}

#staffJunbi #gNavi{
	display:none;
}

#staffJunbi #header{
	height:140px;
	background:none;
}

#staffJunbi #headerBox02,
#staffJunbi #headerBox03,
#staffJunbi #fontsize,
#staffJunbi #footerBox05,
#staffJunbi #footerBox00,
#staffJunbi #footerBox03,
#staffJunbi #footerBox04{
	display:none;
}

/* reset */
#staff h1,
#staff h2,
#staff h3{
	margin:0!important;
	padding:0!important;
	background:none!important;
	clear:both;
	height:auto!important;
}

#staff .staffCap01{
	background:url(../../staff/images/syain_h2_bg_01.html) no-repeat!important;
	color:#FFF!important;
	font-weight:bold!important;
	padding:0 10px 0 10px!important;
	font-size:16px!important;
	line-height:37px!important;
	margin-bottom:13px!important;
	text-decoration:none!important;
}

#staff .staffCap02{
	text-align:center!important;
	margin-bottom:12px!important;
}

.staffInner{
/*	width:579px;
	margin:0 auto; */
}

.staffIndexBox01{
	margin: 0 auto 10px auto;
	padding-top:20px;
	text-align:center;
}

.staffIndexBox01 p{
	font-weight: bold;
	font-size: 115%;
}

.staffIndexBox02{
	width:600px;
	margin: 0 auto 60px auto;
}

.staffIndexBox02 li {
	border-bottom: 2px solid #ccc;
	padding: 15px 0;
}

.staffBoxIndex03{
	width:630px;
	margin:0 auto 30px auto;
	overflow: hidden;
}

.staffBoxIndex03 li{
	float: left;
	width: 306px;
	height: 286px;
}

.staffBoxIndex03 li p.staffBox03Tit {
	text-indent: -9999px;
}

.staffBoxIndex03 li p.staffBox03Btn {
	padding: 80px 15px 15px 15px;
	/*position: relative;*/
}


/*-- shaken_btn_01 --*/

.shaken_btn_01 {
	margin:0 auto 0 auto;
	width:276px;
}

.shaken_btn_01 a{
	width:276px;
	height:132px;
	display:block;
	text-indent:-9999px;
}

.shaken_btn_01 a{background:url(../../tokai_staff/images/syain_btn_01.jpg) no-repeat;}
.shaken_btn_01 a:hover{background:url(../../tokai_staff/images/syain_btn_01.jpg) 0 95.8% no-repeat;}


/*-- shaken_btn_02 --*/

.shaken_btn_02,
.shaken_btn_04,
.shaken_btn2018{
	margin:0 auto 0 auto;
	width:276px;
}

.shaken_btn_02 a,
.shaken_btn2018 a{
	width:276px;
	height:134px;
	display:block;
	text-indent:-9999px;
}

.shaken_btn_04 a{
	width:276px;
	height:63px;
	display:block;
	text-indent:-9999px;
}

.shaken_btn_02 a{background:url(../../tokai_staff/images/syain_btn_07.jpg) no-repeat;}
.shaken_btn2018 a{background:url(../../tokai_staff/images/syain_btn_2019.jpg) no-repeat;}
.shaken_btn_04 a{background:url(../../tokai_staff/images/syain_btn_06.jpg) no-repeat;}

.shaken_btn_02 a:hover{background:url(../../tokai_staff/images/syain_btn_07.jpg) 0 99% no-repeat;}
.shaken_btn2018 a:hover{opacity: 0.8;}
.shaken_btn_04 a:hover{background:url(../../tokai_staff/images/syain_btn_06.jpg) 0 99% no-repeat;}


.shaken_btn_03,
.shaken_btn_05{
	margin:6px auto 0 auto;
	width:276px;
}

.shaken_btn_03 a,
.shaken_btn_05 a{
	width:276px;
	height:62px;
	display:block;
	text-indent:-9999px;
}

.shaken_btn_03 a{background:url(../../tokai_staff/images/syain_btn_03.jpg) no-repeat;}
.shaken_btn_05 a{background:url(../../tokai_staff/images/syain_btn_05.jpg) no-repeat;}

.shaken_btn_03 a:hover{background:url(../../tokai_staff/images/syain_btn_03.jpg) 0 bottom no-repeat;}
.shaken_btn_05 a:hover{background:url(../../tokai_staff/images/syain_btn_05.jpg) 0 bottom no-repeat;}

/*
.staffBoxIndex03 li p.staffBox03Btn img {
	bottom: 10px;
	left: 10px;
	position: absolute;
}
*/

.staffBoxIndex03 li.staffBox03_01{
	background: url(../../tokai_staff/images/syain_btn_bg01.jpg) 0 0 no-repeat;
}

.staffBoxIndex03 li.staffBox03_02{
	background: url(../../tokai_staff/images/syain_btn_bg02_2019.jpg) 0 0 no-repeat;
	margin-left: 10px;
}

.staffBtmBox01Wrapper{
	clear: both;
	width:579px;
	margin: 20px auto;
}

.staffBtmBox01 p{
	font-size: 90%;
}


/*-- staffCarBox01 --*/

.staffCarBox01{
	width:579px;
	margin:0 auto 15px auto;
	clear:both;
}

/* h3 */
.staffCarBox01 h3{
	width:80px;
	float:left;
}

.staffCarBox01 dl{
	width:490px;
	float:right;
	margin-bottom:15px;
}

.staffCarBox01 dt{
	font-size:120%;
	font-weight:bold;
	padding:5px 0 5px 0;
}


/*-- staffCarBox02 --*/

.staffCarBox02{
	width:579px;
	clear:both;
	margin:0 auto 20px auto;
}


/*-- staffCarBox03 --*/

.staffCarBox03{
	clear:both;
	margin-bottom:30px;
}

.staffCarBox03 dl{
	margin-bottom:10px;
}

.staffCarBox03 dt{
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
}

.staffCarBox03 dd{
	background:url(../../staff/images/syain_ico_01.html) 0 3px no-repeat;
	padding-left:13px;
}


/*-- staffAccidentBox01 --*/

.staffAccidentBox01{
	width:581px;
	margin:0 auto;
	padding-top:20px;
}

.staffAccidentBox01 li{
	float:left;
}

.staffAccidentBox01 li.taffAccidentBox01Pdg01{
	padding-left:19px;
}


/*-- staffAccidentBox02 --*/

.staffAccidentBox02{
	width:579px;
	margin:0 auto 20px auto;
}


/*-- staffAccidentBox03 --*/

.staffAccidentBox03{
	width:408px;
	margin:0 auto 50px auto;
}

.staffAccidentBox03 li{
	margin-bottom:4px;
}

.staffAccidentBox03 .staffAccidentBox03Pdf{
	width:270px;
	margin:0 auto;
}

.staffAccidentBox03 .staffAccidentBox03Pdf p{
	background:url(../../staff/images/syain_accident_ico_01.html) right 0 no-repeat;
	padding-right:50px;
	text-align:right;
	line-height:26px;
}


/*-- staffIryoBox --*/

.staffIryoBox01{}

.staffIryoBox02{
	margin-bottom:30px;
}

.staffIryoBox03{
	margin-bottom:10px;
}

.staffIryoBox03 .staffIryoBox03Left{
	width:303px;
	float:left;
}

.staffIryoBox03 .staffIryoBox03Right{
	width:270px;
	float:right;
	font-size:80%;
	padding-top:140px;
}

.staffIryoBox04{
	margin-bottom:30px;
}

.staffIryoBox05{
	margin-bottom:30px;
}

.staffIryoBox06Wrapper{}

.staffIryoBox06{
	width:180px;
	float:left;
	padding-right:17px;
}

.staffIryoBox06Waku{
	background:url(../../staff/images/syain_iryo_bg_02.html) repeat-y;
}

.staffIryoBox06 ul{
	background:url(../../staff/images/syain_iryo_bg_01.html) no-repeat;
}

.staffIryoBox06 li{
	height:200px;
	background:url(../../staff/images/syain_iryo_bg_03.html) 0 bottom no-repeat;
	padding:10px 0 10px 8px;
}


/*-- tokaiStaff --*/

.tokaiStaffInner01{
	padding:20px 15px 0;
}

.tokaistaffBox05{
	padding:0 20px 20px 20px;
}

.tokaistaffBox06{
	width:630px;
	margin-bottom:50px;
}

.tokaistaffBox06 .estimateBtn{
	width:310px;
	float:left;
}

.tokaistaffBox06 .faxDlBtn{
	width:310px;
	float:right;
}

.tokaistaffBox06 .estimateBtn a,
.tokaistaffBox06 .faxDlBtn a{
	width:310px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

.tokaistaffBox06 .estimateBtn a{background:url(../../shizuoka_staff/images/shizuoka_staff_mitsumori_btn.jpg) no-repeat;}
.tokaistaffBox06 .faxDlBtn a{background:url(../../shizuoka_staff/images/shizuoka_staff_fax_btn.jpg) no-repeat;}

.tokaistaffBox06 .estimateBtn a:hover{background:url(../../shizuoka_staff/images/shizuoka_staff_mitsumori_btn.jpg) 0 bottom no-repeat;}
.tokaistaffBox06 .faxDlBtn a:hover{background:url(../../shizuoka_staff/images/shizuoka_staff_fax_btn.jpg) 0 bottom no-repeat;}

.tokaistaffBox06{
	width:630px;
}

.tokaistaffBox06Inner{
	padding:20px;
	background:#F8F5F0;
	border:1px solid #D9D9D9;
}

/* h4 */
.tokaistaffBox06 h4{
	border-left:5px solid #FF6600;
	padding:3px 0 3px 10px;
	font-weight:bold;
	clear:both;
}

.tokaistaffBox06 .tokaistaffBox06Box01{
	width:550px;
	padding:10px 20px 10px 20px;
	clear:both;
}

.tokaistaffBox06 .tokaistaffBox06Box01.line01{
	border-bottom:1px dotted #CCC;
}

.tokaistaffBox06 .tokaistaffBox06Box01.line02{
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
}

.tokaistaffBox06 .tokaistaffBox06Box01 dl{
/*	width:360px;
	float:left;*/
}

.tokaistaffBox06 .tokaistaffBox06Box01 dt{
	margin-bottom:0;
}

.tokaistaffBox06 .tokaistaffBox06Box01 dt span{
	font-weight:bold;
	color:#FF6600;
}

.tokaistaffBox06 .tokaistaffBox06Box01 .contactBtn{
	width:190px;
	height:49px;
	float:right;
}

.tokaistaffBox06 .tokaistaffBox06Box01 .contactBtn a{
	width:190px;
	height:49px;
	text-indent:-9999px;
	display:block;
	background:url(../images/btn_contact_01.png) no-repeat;
}

.tokaistaffBox06 .tokaistaffBox06Box01 .contactBtn,
.tokaistaffBox06 .tokaistaffBox06Box01 .contactBtn a:hover{background:url(../images/btn_contact_01.png) 0 bottom no-repeat;}


/*-- staffBtmBox01 --*/

.staffBtmBox01{
	margin:0 auto 0 auto;
	width:579px;
}

.staffBtmBox01 a{
	width:579px;
	height:178px;
	display:block;
	text-indent:-9999px;
}

.staffBtmBox01 a{background:url(../../tokai_staff/images/syain_ban_contact.jpg) no-repeat;}
.staffBtmBox01 a:hover{background:url(../../tokai_staff/images/syain_ban_contact.jpg) 0 bottom no-repeat;}



/* --------------------------------------------
    staffContact
   ------------------------------------------- */

/*-- contactFrom --*/

#contactFrom{
	width:580px;
	margin:0 auto;
	line-height:140%;
}

#contactFrom #headHissu{
	padding:10px 5px 10px 25px;
	float:right;
	margin:0 0 20px 0;
}

#contactFrom #headHissu,
#contactFrom .hissu{
	background:url(../../staff/images/syain_contact_ico_01.html) 5px 10px no-repeat;
}

#contactFrom dl{
	clear:both;
	zoom: 100%;
}

#contactFrom dl:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}

#contactFrom dt{
	width:110px;
	padding:10px 5px 10px 25px;
	float:left;
}

#contactFrom dt.dt01{
	width:38px;
}

#contactFrom dt.dt02{
	width:68px;
}

#contactFrom dd{
	float:left;
}

#contactFrom dd.inputArea{
	width:260px;
	padding:10px 5px 0 5px;
}

#contactFrom dd.inputArea02{
	width:400px;
	padding:10px 5px 0 5px;
}

.inputWidth01{width:250px;}
.inputWidth02{width:70px;}
.inputWidth03{width:360px;}

#contactFrom dd.exampleArea{
	width:156px;
	padding:10px 5px 10px 5px;
}


/*-- contactThanks --*/

.contactThanks{
	width:450px;
	margin:0 auto 30px auto;
	line-height:170%;
}

.contactThanksTel{
	width:430px;
	border-top:1px solid #7591FF;
	border-bottom:1px solid #7591FF;
	margin:0 auto;
	font-size:140%;
	text-align:center;
	padding:10px;
	line-height:180%;
}

.contactThanksTel p{
	font-weight:bold;
	font-size:180%;
	color:#FF0000;
}

.contactErrorMessage{
	padding:10px;
	line-height:140%;
}

.contactErrorMessage p{
	padding:10px;
	color:#C60000;
}



/* --------------------------------------------
    TOKAIグループの皆さまへ お得な車検のご案内
   ------------------------------------------- */

.shaken{
	margin: 0 0 60px 11px;
	width:635px;
}

.shaken a{
	width:635px;
	height:125px;
	display:block;
	text-indent:-9999px;
}

.shaken a{background:url(../../tokai_staff/images/syain_img_05.jpg) no-repeat;}
.shaken a:hover{background:url(../../tokai_staff/images/syain_img_05.jpg) 0 bottom no-repeat;}


/*-- shakenIndexBox01 --*/

.shakenIndexBox01{
	margin: 0 auto 10px auto;
	padding-top:20px;
	width:608px;
	height:81px;
	line-height:28px;
}

.shakenIndexBox01 p{
	float:left;
	width:488px;
	font-size:0.9em;
}

.shakenIndexBox01 img{
	float:right;
}

.shakenInner{}


/*-- shakenBox --*/

.shakenBox01{
	width:625px;
/*	height:600px; */
	border:3px solid #D9D9D9;
	border-radius:10px;
	margin: 30px auto;
}

.shakenBox02{
	width:616px;
	height:64px;
	margin: 3px auto 0 auto;
}

.shakenBox03{
	padding:15px;
}

.shakenBox03 p{
	margin-left:60px;
}

.shakenBox03 li{
/*	padding-top:5px; */
	margin-top:15px;
}

.shakenBox03 ul{
	border-bottom: 1px solid #E4E4E4;
	padding-bottom:15px;
}

.shakenBox04 { /* JT */
	padding-bottom: 15px;
	margin: 5px 0 0 23px;
	width:587px;
}

.shakenBox04p{
	margin: 0 0px 5px 30px ;
}

.shakenBox04 a{
	width:587px;
	height:82px;
	display:block;
	text-indent:-9999px;
}

.shakenBox04 a{background:url(../../tokai_staff/images/shaken_btn_01.jpg) no-repeat;}
.shakenBox04 > a:hover{background:url(../../tokai_staff/images/shaken_btn_01.jpg) 0 bottom no-repeat;}

.shakenBox05{
	background-color:#F0F5F8;
/*	width:600px;
	height:260px; */
	width: 630px;
	margin: 30px auto;
	padding:10px 0;
}

#shakenBox06{
	width:560px;
/*	height:111px; */
	margin: 5px auto;
	overflow: hidden;
}

#shakenBox06 img{
	float:right;
}

#shakenBox06 p{
	font-size:1.4em;
	line-height:30px;
	float:left;
	margin:15px 0 0 15px;
}

.shakenBox7{
	margin-top:5px;
	float:left;
}

#shakenBox08{
	width: 580px;
/*	width:560px;
	height:111px;
	margin-left:15px; */
	margin: 15px auto;
}

#shakenBox08 a{
	width:580px;
	height:80px;
	display:block;
	text-indent:-9999px;
}

#shakenBox08 a{background:url(../../tokai_staff/images/shaken_btn_03.jpg) no-repeat;}
#shakenBox08 a:hover{background:url(../../tokai_staff/images/shaken_btn_03.jpg) 0 bottom no-repeat;}

.shakenBox08p{
	width: 540px;
	margin:10px auto;
	padding-left: 12px;
}

.shaken_youtube{
	margin: 30px 0 20px 11px;
	width:635px;
}

.shaken_youtube h3{
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 125% ;
}
#tokaistaff .mainTitle h2{
    font-size: 190%;
}

        .staffBoxIndex03 .bg_box{
            border:3px solid #ebebeb;
            background: #f9f8f6;
            padding: 25px;
            border-radius:5px;
            width: 100%;
            height: auto;
            box-sizing: border-box;
            margin-bottom: 20px;
            position: relative;
        }
        .staffBoxIndex03 .bg_box:after{
            content:"";
            display: block;
            position: absolute;
            top: 15px;
            right: 30px;
        }
        .staffBoxIndex03 .bg_box.staffBox03_03:after{
            content:url("../../tokai_staff/images/pho_staffBox03_03.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_04:after{
            content:url("../../tokai_staff/images/pho_staffBox03_04.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_05:after{
            content:url("../../tokai_staff/images/pho_staffBox03_05.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_06:after{
            content:url("../../tokai_staff/images/pho_staffBox03_06.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_07:after{
            content:url("../../tokai_staff/images/pho_staffBox03_07.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_08:after{
            content:url("../../tokai_staff/images/pho_staffBox03_08.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_09:after{
            content:url("../../tokai_staff/images/pho_staffBox03_09.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_10:after{
            content:url("../../tokai_staff/images/pho_staffBox03_10.png");
        }
        .staffBoxIndex03 .bg_box.staffBox03_11:after{
            /* content:url("../../tokai_staff/images/pho_staffBox03_11.png"); */
        }
        .staffBoxIndex03 .bg_box.staffBox03_11 .sougouhoken:hover{
            opacity: 0.6;
		}
        .staffBoxIndex03 .bg_box.staffBox03_11 .sougouhoken{
            background: #ffffff;
            box-shadow: 0 0 3px 1px rgba(0,0,0,0.15);
            font-weight: bold;
            color: #656565;
            font-size: 120%;
            display: block;
            position: relative;
            border-radius: 5px;
            border:1px solid #9e9e9c;
            border-bottom: 3px solid #d0d0d0;
            width: 100%;
            box-sizing: border-box;
			overflow: hidden;
			margin-bottom: 30px;
		}
        .staffBoxIndex03 .bg_box.staffBox03_11 .sougouhoken:after{
			content: "";
			display: block;
			position: absolute;
			bottom: 10px;
			right: 5px;
			margin: auto;
			width: 0;
			height: 0;
			border-top: 7px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 7px solid transparent;
			border-left: 10px solid #cdcdcd;
		}
        .bg_box .tl span{
            font-size: 130%;
            color: #ff6704;
            font-weight: bold;
            display: block;
        }
        .bg_box .tl strong{
            font-weight: bold;
            font-size: 200%;
            color: #333;
            margin-bottom: 15px;
            display: block;
        }
        .bg_box .btn_area.fl_box {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
        }
        .bg_box .btn_area a:visited,
        .bg_box .btn_area a:link,
        .bg_box .btn_area a:hover{
            text-decoration: none;
        }
        .bg_box .btn_area a:hover{
            opacity: 0.6;
        }
        .bg_box .btn_area a small{
            font-size: 80%;
        }
        .bg_box .btn_area a{
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
            box-shadow: 0 0 3px 1px rgba(0,0,0,0.15);
            font-weight: bold;
            color: #656565;
            font-size: 120%;
            display: block;
            padding: 20px 20px 20px 50px;
            position: relative;
            border-radius: 5px;
            border:1px solid #9e9e9c;
            border-bottom: 3px solid #d0d0d0;
            width: 100%;
            box-sizing: border-box;
        }
        .bg_box .btn_area.fl_box a{
            width: 48%;
        }
        .bg_box .btn_area a:after{
            content:"";
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 15px;
            margin: auto;
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 10px solid #cdcdcd;
        }
        .bg_box .btn_area .guide_btn{
            padding-left: 40px;
        }
        .bg_box .btn_area .guide_btn:before{
            content:"";
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ba6f7+0,5a7ff1+100 */
            background: #8ba6f7; /* Old browsers */
            background: -moz-linear-gradient(top, #8ba6f7 0%, #5a7ff1 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #8ba6f7 0%,#5a7ff1 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #8ba6f7 0%,#5a7ff1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba6f7', endColorstr='#5a7ff1',GradientType=0 ); /* IE6-9 */
            box-sizing: border-box;
            width: 5px;
            height: calc(100% - 30px);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 20px;
            margin: auto;
        }
        .bg_box .btn_area .icon{
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            margin: auto;
            right: 45px;
        }
        .bg_box .btn_area .new_btn{
            position: relative;
        }
        .bg_box .btn_area .new_btn:before{
            display: block;
            position: absolute;
            pointer-events: none;
            left: 0;
            bottom: 0;
            content:url("../../tokai_staff/images/pho_new.png");
            width: 42px;
            height: 52px;
        }