@charset "utf-8";




/* 旧HPから*/
/* -------------------------------------------------------- */

.clearfix {_height: 1px;min-height: 1px;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}

/* リストタグ内の画像の余白をクリア(Firefoxなど) */

li img{
	line-height:0;
	font-size:0;
	vertical-align:top;
}

/* for MacIE5 \*//*/
.clearfix {height: auto;overflow: hidden;}
/* end */








 
.translink {
	float: left;
	display: inline;
	padding-top: 10px;
	padding-left: 5px;
}

address{
	text-align:left;
	color:#595757 !important;
	padding-top:15px;
}

address.left{
	font-size: 13px;
	width:264px;
	height:58px;
}

address.left logo{
	color:#0075c1;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.5px;
}

.gmark{
	width:61px;
	height:61px;
	float:left;
	padding-left:10px;
}

/*commonframe*/

.topmain{
	text-align:center;
	width:960px;
	margin:0 auto;
}

.tabletop{
	border:none;
	width:960px;
}

.tabletopth{
	width:200px;
	padding-right:19px;
	border-right-width:1px;
	border-right-style:dashed;
	border-right-color:#595757;
	line-height: 0;
}

.tabletopth a{
	line-height:0;
	display:block;
}

.tabletoptd{
	width:720px;
	padding-left:20px;
	font-size: 16px;
	color: #595757;
	text-align: left;
}

.topdetail{
	width:680px;
	height:190px;
	padding:0 20px;
	margin:0;
}

/*background*/

.indexback{
	background:#fff;
}

/*iframe*/

iframe{
	background:#FFFFFF;
	border:none;
	padding-top:0px;
}

/*sidemenu*/

.sidemenusub{
	width:200px;
	height:20px;
	padding-top:20px;
	font-size:15px;
	color:#595757;
	text-decoration:none;
	text-align:center;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#ffffff;
	background:#e1e1e1;
}
 
.sidemenusub:hover
{
	color: #fff;
	background:#157bcf;
}

/*maincontent*/

.maincnt{
	padding:0px 40px 0px 40px;
}

.ttltxt{
	font-size:25px;
	font-weight:bold;
	letter-spacing:10px;
}

/*index*/

.topdetailtext{
	width:530px;
	height:190px;
	padding-right:10px;
	margin:0;
	float:left;
	font-size:16px;
	line-height:150%;
}

.topdetailimg{
	width:140px;
	height:190px;
	margin:0;
	float:right;
}

/*news*/

.newsback{
	width:718px;
	height:88px;
	margin:0 auto;
	border:1px solid #595757;
}

.newsback table th{
	background:#595757;
	color:#000000;
	text-align:center;
	vertical-align:middle;
	padding:0 11px;
	padding-top:5px;
	width:170px;
}

.newsback table td{
	background:#FFFFFF;
	color:#000000;
	text-align:left;
	vertical-align:middle;
	padding:5px 5px 5px 10px;
}

.news_txt{
	color:#595757;
	text-align:left;
}

/*company*/

table.companytop{
	width:640px;
	font-size:30px;
	text-align:center;
	letter-spacing:5px;
}

table.companytop th{
	padding-right:20px;
	padding-bottom:20px;
	text-align:center;
}

table.companytop span{
	position: absolute;
	top: 50%;
	left: 50%;
	width:310px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

.companybtn1{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_com1_on.png) no-repeat top center;
	position:relative;
}
 
.companybtn1:hover img
{
	visibility:hidden;
}

.companybtn2{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_com2_on.png) no-repeat top center;
	position:relative;
}
 
.companybtn2:hover img
{
	visibility:hidden;
}

.companybtn3{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_com3_on.png) no-repeat top center;
	position:relative;
}
 
.companybtn3:hover img
{
	visibility:hidden;
}

.companybtn4{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_com4_on.png) no-repeat top center;
	position:relative;
}
 
.companybtn4:hover img
{
	visibility:hidden;
}

.companybtn5{
	width:310px;
	height:126px;
	background:url(/bs/img/hp_oldbtn_com5_on.png) no-repeat top center;
	position:relative;
}
 
.companybtn5:hover img
{
	visibility:hidden;
}

.companybtn6{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_com6_on.png) no-repeat top center;
	position:relative;
}
 
.companybtn6:hover img
{
	visibility:hidden;
}

.companytop a{
	color:#595757;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 0px #ffffff;
}

.companytop a:hover{
	color:#7a7878;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 0px #ffffff;
}

.commess_img1{
	float: right;
	width: 178px;
	height: 184px;
	padding-right:10px;
}

.commess_img2{
	float: left;
	width: 178px;
	height: 161px;
	padding:0 10px;
}

.comvis_img1{
	float: left;
	width: 200px;
	height: 300px;
	padding:0 20px 0 10px;
}

.comcsr_img1{
	float: right;
	width: 180px;
	height: 230px;
	padding:10px;
}

.comcsr_img2{
	float: left;
	width: 180px;
	height: 230px;
	padding-left:20px;
	padding-right:10px;
}

.comcsr_img3{
	float: right;
	width: 165px;
	height: 230px;
	padding:5px 10px;
}

.compro_img1{
	float: right;
	width: 150px;
	height: 225px;
	padding:0 20px;
}

.comhis_img1{
	float: right;
	width: 150px;
	height: 122px;
	padding:0 20px;
	padding:35px 20px 0 3px
}

.comhis_img2{
	float: right;
	width: 174px;
	height: 235px;
	padding:5px 0 0 3px;
}

.cometh_img1{
	float: right;
	width: 178px;
	height: 128px;
	padding:30px 10px;
}

.commem_img1{
	float: right;
	width: 178px;
	height: 138px;
	padding-right:10px;
}

.commem_img2{
	float: left;
	width: 178px;
	height: 315px;
	padding:0 10px;
}

/*vision*/

.visiontxthead{
	width:960px;
	height:160px;
	background:url(img/hp_old/img_com_top.jpg) no-repeat top center;
	padding-top:40px;
	font-size:30px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:10px;
	text-shadow: 1px 1px 10px #595757;
}

.visiontxtheaden{
	font-size:40px;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.visiontxt{
	width:620px;
	margin-left:10px;
	padding:20px 0 110px 0;
	font-size:18px;
	letter-spacing:4px;
	line-height:220%;
	text-align:center;
	text-shadow: 1px 1px 10px #ffffff;
	background:url(img/hp_old/img_com_visionback.png) no-repeat top center;

color: #000;
opacity: 0.7;
}

.visiontxt3{
	padding-left:10px;
	font-size:14px;
	letter-spacing:2px;
	line-height:170%;
}

.visiontxtright{
	font-size:15px;
	letter-spacing:2px;
	text-align:right;
	padding-right:10px;
}

.visiontxtname{
	font-size:24px;
	letter-spacing:2px;
	text-align:right;
	padding-right:8px;
}

.visiontxtname2{
	font-size:24px;
	letter-spacing:2px;
	text-align:right;
	padding-right:5px;
}

.visiontxt4{
	padding-left:10px;
	font-size:22px;
	letter-spacing:4px;
	line-height:200%;
	text-decoration:underline;
}

.visiontxt5{
	padding-left:20px;
	font-size:14px;
	letter-spacing:2px;
	line-height:200%;
}

.visiontxt4_2{
	padding-left:210px;
	font-size:22px;
	letter-spacing:4px;
	line-height:200%;
	text-decoration:underline;
}

.visiontxt5_2{
	padding-left:220px;
	font-size:14px;
	letter-spacing:2px;
	line-height:200%;
}

.visiontxt6{
	padding-left:10px;
	padding-top:20px;
	font-size:17px;
	letter-spacing:4px;
	line-height:200%;
}

.visiontxt7{
	padding-left:10px;
	padding-top:20px;
	font-size:16px;
	letter-spacing:4px;
	line-height:180%;
}

.visiontxt8{
	padding-left:10px;
	padding-top:20px;
	font-size:18px;
	letter-spacing:4px;
	line-height:170%;
}

.visiontxt9{
	text-align:center;
	font-size:18px;
	letter-spacing:4px;
	line-height:150%;
}

/*profile*/

th,
td{
	vertical-align:top;
	line-height:1.4;
}

table.company{
	width:600px;
	margin:0 20px;
	font-size:15px;
	text-align:left;
	letter-spacing:2px;
}

table.company th{
	padding-bottom:25px;
}

table.company td{
	padding-left:20px;
	padding-bottom:25px;
}

table.company_small{
	width:410px;
	margin:0 20px;
	font-size:15px;
	text-align:left;
	letter-spacing:2px;
}

table.company_small th{
	padding-bottom:25px;
}

table.company_small td{
	padding-left:20px;
	padding-bottom:25px;
}

table.company_small2{
	width:440px;
	margin-left:20px;
	font-size:15px;
	text-align:left;
	letter-spacing:2px;
}

table.company_small2 th{
	padding-bottom:25px;
}

table.company_small2 td{
	padding-left:20px;
	padding-bottom:25px;
}

/*bussiness*/

.bustop{
	width:960px;
	height:160px;
	background:url(img/hp_old/img_bus_top.jpg) no-repeat top center;
	padding-top:40px;
	font-size:30px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:10px;
	text-shadow: 1px 1px 10px #595757;
}

.bustopen{
	font-size:40px;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.bustxt3{
	text-align:center;
	font-size:18px;
	letter-spacing:4px;
	line-height:150%;
}

table.businesstop{
	width:640px;
	font-size:30px;
	text-align:center;
	letter-spacing:5px;
}

table.businesstop th{
	padding-right:20px;
	padding-bottom:20px;
	text-align:center;
}

table.businesstop span{
	position: absolute;
	top: 50%;
	left: 50%;
	width:310px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

.businessbtn1{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_bus1_on.png) no-repeat top center;
	position:relative;
}
 
.businessbtn1:hover img
{
	visibility:hidden;
}

.businessbtn2{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_bus2_on.png) no-repeat top center;
	position:relative;
}
 
.businessbtn2:hover img
{
	visibility:hidden;
}

.businessbtn3{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_bus3_on.png) no-repeat top center;
	position:relative;
}
 
.businessbtn3:hover img
{
	visibility:hidden;
}

.businessbtn4{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_bus4_on.png) no-repeat top center;
	position:relative;
}
 
.businessbtn4:hover img
{
	visibility:hidden;
}

.businessbtn5{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_bus5_on.png) no-repeat top center;
	position:relative;
}
 
.businessbtn5:hover img
{
	visibility:hidden;
}

.businessbtn6{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_bus6_on.png) no-repeat top center;
	position:relative;
}
 
.businessbtn6:hover img
{
	visibility:hidden;
}

.businesstop  a{
	color:#595757;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 0px #ffffff;
}

.businesstop  a:hover{
	color:#7a7878;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 0px #ffffff;
}

.bustxt2{
	font-size:15px;
	color:#595757;
	letter-spacing:2px;
}

.bustxt4 {
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	text-align: left;
}

.buslist{
	width:640px;
	height:120px;
	padding-bottom:20px;
	margin-bottom: 20px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#a7abab;
}

.bustitle{
	float:left;
	width:120px;
	height:69px;
	padding-top:51px;
	background: url(img/hp_old/btn_bus_lead.png) no-repeat top center;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.bustxt{
	float:left;
	width:300px;
	height:110px;
	padding-top:10px;
	padding-left:20px;
	font-size:14px;
	line-height:150%;
}

.busimg{
	float:left;
	width:180px;
	height:120px;
	padding-left:20px;
}

table.buslist1{
	width:640px;
}

table.buslist1 th{
	padding-right:16px;
	padding-bottom:16px;
}

.busbox1{
	width:310px;
	height:390px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}

.busboxtitle1{
	float:left;
	width:310px;
	height:32px;
	padding-top:8px;
	background:#157bcf;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.busboximg1{
	float:left;
	width:310px;
	height:200px;
}

.busboxtxt1{
	float:left;
	width:290px;
	height:135px;
	padding-left:20px;
	padding-top:15px;
	font-size:14px;
	line-height:150%;
}

.buslist2{
	width:640px;
	height:auto;
	overflow:hidden;
}

.busbox2{
	float:left;
	width:200px;
	height:190px;
	margin-right:17px;
	margin-bottom:17px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}

.busbox2end{
	float:left;
	width:200px;
	height:190px;
	margin-right:0px;
	margin-bottom:17px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}

.busboxtitle2{
	float:left;
	width:200px;
	height:30px;
	padding-top:10px;
	background:#157bcf;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.busboxtitle4{
	float:left;
	width:200px;
	height:29px;
	padding-top:11px;
	background:#157bcf;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.busboximg2{
	float:left;
	width:200px;
	height:150px;
}

.busboxtitle3{
	float:left;
	width:200px;
	height:30px;
	padding-top:10px;
	background:#036;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

/*safetymanage*/

.anzentxt2{
	font-size:15px;
	color:#595757;
	letter-spacing:2px;
}

.anzenbox{
	width:700px;
	padding:20px 10px 0 10px;
}

.anzentxt4{
	font-size:18px;
	font-weight:bold;
	color:#595757;
	text-align:left;
}

.anzentxt3{
	font-size:12px;
	color:#595757;
	padding-left:10px;
	text-align:left;
}

.anzentxt3 p{
	margin-top:10px;
}

/*area*/

.areabox{
	width:622px;
	padding:20px 9px 0 9px;
}

.areatxt1{
	font-size:18px;
	font-weight:bold;
	color:#595757;
	text-align:left;
}

.area_txtback{
	background:#FFFFFF;
	color:#595757;
}

.area_content{
	margin-top:10px	;
	padding:20px 0;
	border: double 1px #595757;
	width:620px;
}

.area_txtback table{
	margin:0 auto;
	text-align:left;
	font-size:16px;
	letter-spacing:2px;
}

.area_txtback table th{
	width:45%;
	vertical-align:top;
	padding:10px 0;
}

.area_txtback table td{
	width:55%;
	vertical-align:top;
	padding-left:20px;
	padding:10px 0;
}

.areatable{
	width:320px;
	margin:1px 20px 1px 0;
	
}

.areatable th {
	border-bottom: 1px solid #fff;
	background-color: #157bcf;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.areatable .first th {
	border-top: 1px solid #157bcf;
}

.areatable .last th {
	border-bottom: 1px solid #157bcf;
}

.areatable td {
	padding: 7px 0 6px 14px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	line-height: 1.71;
	text-align: left;
}

.areatable .first td {
	border-top: 1px solid #cccccc;
}

.ggmap {
	float: right;
	height: 270px;
	overflow: hidden;
}

.ggmap2 {
	float: right;
	height: 292px;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	top: 0;
	left: 0;
}

.arealist{
	width:640px;
}

.arealist .areaimage{
	width:213px;
	height:173px;
	float:left;
}

/*recruit*/

.rectop{
	width:960px;
	height:160px;
	background:url(img/hp_old/img_rec_top.jpg) no-repeat top center;
	padding-top:40px;
	font-size:30px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:10px;
	text-shadow: 1px 1px 10px #595757;
}

.rectopen{
	font-size:40px;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.rectxt2{
	font-size:17px;
	color:#595757;
	text-align:left;
	line-height:170%;
}

table.recruittop{
	width:640px;
	font-size:30px;
	text-align:center;
	letter-spacing:5px;
}

table.recruittop th{
	padding-right:20px;
	padding-bottom:20px;
	text-align:center;
}

table.recruittop span{
	position: absolute;
	top: 50%;
	left: 50%;
	width:310px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

.recruitbtn1{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec1_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn1:hover img
{
	visibility:hidden;
}

.recruitbtn2{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec2_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn2:hover img
{
	visibility:hidden;
}

.recruitbtn3{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec3_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn3:hover img
{
	visibility:hidden;
}

.recruitbtn4{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec4_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn4:hover img
{
	visibility:hidden;
}

.recruitbtn5{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec5_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn5:hover img
{
	visibility:hidden;
}

.recruitbtn6{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec6_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn6:hover img
{
	visibility:hidden;
}

.recruitbtn7{
	width:310px;
	height:126px;
	background:url(img/hp_old/btn_rec7_on.png) no-repeat top center;
	position:relative;
}
 
.recruitbtn7:hover img
{
	visibility:hidden;
}

.recruittop a{
	color:#595757;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 0px #ffffff;
}

.recruittop a:hover{
	color:#7a7878;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 0px #ffffff;
}

.rectxt3{
	font-size:15px;
	color:#595757;
	letter-spacing:2px;
}

.rec_flow{
	padding:10px 20px;
	width: 590px;
	margin-top:30px;
	border: 5px solid #CCCCCC;
	font-size:13px;
}

.rec_flow h3{
	font-weight:bold;
	font-size:18px;
}

.rectxt4{
	padding-left:15px;
	padding-top:10px;
	font-size: 14px;
	line-height: 150%;
}

.rec_detail{
	width: 638px;
	margin-top:40px;
	border: 1px solid #CCCCCC;
}

.rec_detail_lead{
	padding:10px 20px;
	width:598px;
	background:#eeeeef;
	border-bottom: 1px solid #CCCCCC;
	font-size:18px;
	color:#157bcf;
	font-weight:bold;
	text-align:left;
}

.rec_detail_content{
	padding:10px 20px;
	width:598px;
	text-align:center;
}

.rec_detail table{
	margin:0 auto;
	text-align:left;
	font-size:13px;
}

.rec_detail table th{
	width:20%;
	vertical-align:top;
	padding:10px 0px 5px 10px;
	border-bottom: 1px solid #CCCCCC;
}

.rec_detail table td{
	width:80%;
	vertical-align:top;
	padding:10px 0px 5px 20px;
	border-bottom: 1px solid #CCCCCC;
	background:url("img/hp_old/btn_rec_line.png") no-repeat;
	background-position: 0px 10px;
}

.rec_work_detail_content{
	padding:10px 20px;
	width:598px;
	text-align:left;
	font-size:13px;
}

.rec_detail h4{
	font-size:16px;
	padding-left:28px;
	background:url("img/hp_old/btn_rec_lead.png") no-repeat;
	background-position: 0px 2px
}

.rec_work_detail_content_nakami{
	margin:5px 0 5px 10px;
	padding:5px 0 5px 25px;
	background:url("img/hp_old/btn_rec_line2.png") repeat-y;
	background-position: 0px 10px;
}

.rec_work_detail_content_nakami_last{
	margin:5px 0 5px 10px;
	padding:5px 0 5px 25px;
	background-position: 0px 10px;
}

.recpoint_img1{
	float: right;
	width: 178px;
	height: 138px;
	padding:15px 10px 0 5px;
}

.recpoint_img2{
	float: right;
	width: 174px;
	height: 235px;
	padding:15px 10px 0 10px;
}

.recpoint_img3{
	float: right;
	width: 178px;
	height: 134px;
	padding:15px 10px 0 5px;
}

.recpoint_img4{
	float: right;
	width: 178px;
	height: 138px;
	padding:15px 10px 0 5px;
}

.recwork_box{
	float: right;
	width: 178px;
	padding:50px 10px 0 0;
}

.recwork_img1{
	float: right;
	width: 178px;
	height: 138px;
	padding-bottom:35px;
}

.recwork_img2{
	float: right;
	width: 178px;
	height: 138px;
	padding-bottom:35px;
}

.recwork_img3{
	float: right;
	width: 178px;
	height: 138px;
	padding-bottom:35px;
}

.recwork_img4{
	float: right;
	width: 178px;
	height: 138px;
	padding-bottom:35px;
}

.recvoice_img1{
	float: right;
	width: 180px;
	height: 180px;
	padding:30px 10px 0 5px;
}

.recvoice_img2{
	float: right;
	width: 180px;
	height: 180px;
	padding:30px 10px 0 5px;
}

.recvoice_img3{
	float: right;
	width: 180px;
	height: 180px;
	padding:30px 10px 0 5px;
}

.rec_detail_question{
	width: 638px;
	margin-top:40px;
	border: 1px solid #CCCCCC;
}

.rec_detail_question table{
	margin:0 auto;
	text-align:left;
	font-size:13px;
}

.rec_detail_question table th{
	width:40%;
	vertical-align:top;
	padding:10px 0px 5px 10px;
	border-bottom: 1px solid #CCCCCC;
}

.rec_detail_question table td{
	width:60%;
	vertical-align:top;
	padding:10px 0px 5px 20px;
	border-bottom: 1px solid #CCCCCC;
	background:url("img/hp_old/btn_rec_line.png") no-repeat;
	background-position: 0px 10px;
}

.rec_entry{
	padding: 8px;
	width: 800px;
	margin-top:30px;
	border: 5px solid #CCCCCC;
	font-size:13px;
}


/*inquiry*/

.inqbox{
	width:700px;
	padding:0 10px 0 10px;
}

table.inquiry{
	font-size:15px;
	color:#595757;
	text-align:left;
	letter-spacing:2px;
}

table.inquiry th{
	padding-top:25px;
}

table.inquiry td{
	padding-top:25px;
}







.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%}
.clearfix {display:block;}
/**/

/* ===============
共通設定
=============== */

/*ロールオーバーちらつきの解消IE*/

html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}


/*リンク枠削除*/
/*
a {
	outline: none;
}
*/

.hidden{
		filter: inherit;
		opacity: 0;
		filter: alpha(opacity=0); /* IE lt 8 */
		-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	}

/*================
basic-layout
================*/
/*basic-layout*/

/*
body{
	color:#ffffff;
	background:#eee;
	text-align:center;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/

article{
	width:960px;
	margin:0 auto; 
}

section{
	width:800px;
	margin:0 auto;
}

/*
ul li{
	float:left;
	display:inline;
}
*/

.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}

.center{
	text-align:center;
}

.centerwide{
	width:1000px;
	text-align:center;
}

.t_left{
	text-align:left;
}

.t_right{
	text-align:right;
}

.clear{
	clear:both;
}

.margin_auto{
	margin:0 auto;
}

.dan {
  padding-top: 1em;
}

/*pad_top*/

.pt05{	padding-top:5px;}
.pt10{	padding-top:10px;}
.pt15{	padding-top:15px;}
.pt20{	padding-top:20px;}
.pt25{	padding-top:25px;}
.pt30{	padding-top:30px;}
.pt35{	padding-top:35px;}
.pt40{	padding-top:40px;}
.pt45{	padding-top:45px;}
.pt50{	padding-top:50px;}
.pt55{	padding-top:55px;}
.pt60{	padding-top:60px;}
.pt65{	padding-top:65px;}
.pt70{	padding-top:70px;}
.pt75{	padding-top:75px;}
.pt80{	padding-top:80px;}
.pt85{	padding-top:85px;}
.pt90{	padding-top:90px;}
.pt95{	padding-top:95px;}
.pt00{	padding-top:100px;}


/*pad_left*/

.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl55{ padding-left:55px;}
.pl60{ padding-left:60px;}
.pl65{	padding-left:65px;}
.pl70{	padding-left:70px;}
.pl75{	padding-left:75px;}
.pl80{	padding-left:80px;}
.pl85{	padding-left:85px;}
.pl90{	padding-left:90px;}
.pl95{	padding-left:95px;}
.pl00{	padding-left:100px;}


/*pad_bottom*/

.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}
.pb60{ padding-bottom:60px;}
.pb65{	padding-bottom:65px;}
.pb70{	padding-bottom:70px;}
.pb75{	padding-bottom:75px;}
.pb80{	padding-bottom:80px;}
.pb85{	padding-bottom:85px;}
.pb90{	padding-bottom:90px;}
.pb95{	padding-bottom:95px;}
.pb00{	padding-bottom:100px;}

/*pad_right*/

.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}
.pr55{ padding-right:55px;}
.pr60{ padding-right:60px;}
.pr65{	padding-right:65px;}
.pr70{	padding-right:70px;}
.pr75{	padding-right:75px;}
.pr80{	padding-right:80px;}
.pr85{	padding-right:85px;}
.pr90{	padding-right:90px;}
.pr95{	padding-right:95px;}
.pr00{	padding-right:100px;}

/*margin_top*/

.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt70{ margin-top:70px;}
.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}
.mt85{ margin-top:85px;}
.mt90{ margin-top:90px;}
.mt95{ margin-top:95px;}
.mt00{ margin-top:100px;}

/*margin_left*/

.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml65{ margin-left:65px;}
.ml70{ margin-left:70px;}
.ml75{ margin-left:75px;}
.ml80{ margin-left:80px;}
.ml85{ margin-left:85px;}
.ml90{ margin-left:90px;}
.ml95{ margin-left:95px;}
.ml00{ margin-left:100px;}

/*pad_bottom*/

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}
.mb90{ margin-bottom:90px;}
.mb95{ margin-bottom:95px;}
.mb00{ margin-bottom:100px;}

/*pad_right*/

.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr55{ margin-right:55px;}
.mr60{ margin-right:60px;}
.mr65{ margin-right:65px;}
.mr70{ margin-right:70px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr85{ margin-right:85px;}
.mr90{ margin-right:90px;}
.mr95{ margin-right:95px;}
.mr00{ margin-right:100px;}


/*area,300-500*/

.area100{ width:100px;}
.area150{ width:150px;}
.area200{ width:200px;}
.area250{ width:250px;}
.area300{ width:300px;}
.area350{ width:350px;}
.area400{ width:400px;}
.area450{ width:450px;}
.area500{ width:500px;}
.area550{ width:550px;}
.area600{ width:600px;}
.area650{ width:650px;}
.area700{ width:700px;}
.area750{ width:750px;}
.area800{ width:800px;}
.area850{ width:850px;}






/* -------------------------------------------------------- */


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



div,p,td,li {
  word-break: break-all;
}

a {
  cursor: pointer;
}

.error {
  color: red;
}
.red {
  color: red !important;
}

.table_component th {
  background-color: #dcdcdc;
}
.table_component tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.table_component th,td {
  border: solid 1px #c0c0c0;
}

.button-download {
  background-color: #096 !important;  
}
.button-add {
  background-color: #096 !important;  
}
.button-delete {
  background-color: #096 !important;
}
.button-return {
  background-color: #096 !important;
}
.button-file {
  background-color: #096 !important;
}
.button-upload {
  background-color: #096 !important;
}
.button-import {
  background-color: #096 !important;
}
.button-sendmail {
  background-color: #c33 !important;
}

.button {
  cursor: pointer;
}

/*
a.button.button--green  { background-color: #096 }
a.button.button--blue   { background-color: #369 }
a.button.button--gray   { background-color: #666 }
a.button.button--purple { background-color: #936 }
a.button.button--red    { background-color: #c33 }
a.button.button--yellow { background-color: #f90 }
a.button.button--black  { background-color: #000 }
*/

/* datepicker */
/*
.dialog_component {
  clear: both;
  position: absolute;
  display: none;
  padding: 10px;
}
*/
.timeset_dialog {
  clear: both;
  position: fixed;
  display: none;
  padding: 10px;

  background-color: #ffffff;
  border: solid 1px #808080;
  border-radius: 5px;

  width: 250px;
  height: auto;
}
.calendar_dialog {
  clear: both;
  position: fixed;
  display: none;
  padding: 10px;

  background-color: #ffffff;
  border: solid 1px #808080;
  border-radius: 5px;

  width: 250px;
  height: auto;
}
.expireset_dialog {
  clear: both;
  position: fixed;
  display: none;
  padding: 10px;

  background-color: #ffffff;
  border: solid 1px #808080;
  border-radius: 5px;

  width: 250px;
  height: auto;
}
.dialog_datepicker_area {
  margin-top: -20px;
}
.dialog_timesetter_area {
  margin-top: -20px;
  text-align: center;
}
.dialog_expiresetter_area {
  margin-top: -20px;
  text-align: center;
}
.datepicker_component table {
  margin: 10px 2px 0px 2px;
  border-collapse: collapse;
  border: solid 1px rgba(125, 125, 125, 1);
  width: 100%;
}
.datepicker_component table td {
  border: solid 1px rgba(125, 125, 125, 1);
  text-align: center;
  line-height: 20px;
  font-size: 85%;
  cursor: pointer;
}
.sunday_head {
  color: rgba(255, 0, 0, 1);
  background: rgba(255, 150, 150, 1) !important;
}
.sunday {
  color: rgba(255, 0, 0, 1);
  background: rgba(255, 200, 200, 1);
}
.saturday_head {
  color: rgba(0, 0, 255, 1);
  background: rgba(200, 200, 255, 1) !important;
}
.saturday {
  color: rgba(0, 0, 255, 1);
  background: rgba(225, 225, 255, 1);
}
.monday, .tuesday, .wednesday, .thursday, .friday {
  background: rgba(255, 255, 255, 1);
}
.monday_head, .tuesday_head, .wednesday_head, .thursday_head, .friday_head {
  background: rgba(220, 220, 220, 1) !important;
}
.today_head {
  color: #00c000;
  background-color: #e0ffe0 !important;
  font-weight: bold;
}
.prev_pickdate, .next_pickdate {
  color: rgba(150, 150, 150, 1);
}
.cur_pickdate {
}
.calendar_mark_blue {
  background-image: url(img/icon-check3-b.png);
  background-repeat: no-repeat;
  background-position: center;
}
.calendar_mark_green {
  background-image: url(img/icon-check3-g.png);
  background-repeat: no-repeat;
  background-position: center;
}
.calendar_mark_gray {
  background-image: url(img/icon-check3-gr.png);
  background-repeat: no-repeat;
  background-position: center;
}
.calendar_mark_orange {
  background-image: url(img/icon-check3-o.png);
  background-repeat: no-repeat;
  background-position: center;
}
.calendar_mark_purple {
  background-image: url(img/icon-check3-p.png);
  background-repeat: no-repeat;
  background-position: center;
}
.calendar_mark_red {
  background-image: url(img/icon-check3-r.png);
  background-repeat: no-repeat;
  background-position: center;
}
.today {
  color: #00c000;
  background-color: #e0ffe0;
  font-weight: bold;
}

.table_component th {
  cursor: pointer;
}
.pager a {
  cursor: pointer;
}

.linkcell {
  cursor: pointer;
}

.delete_row {
  background-color: #e0f0ff;
}

.button {
  margin-top: 1em;
  padding: 8px 16px 8px 16px;
  font-size: 90%;
}

.float-l, .float_l {
  float: left;
}
.float-r, .float_r {
  float: right;
}
.clear {
  clear: both;
}

.form_maker_ul li {
  float: left;
  list-style-type: none;
  margin-right: 1em;
}

.table_link_color {
  color: #36c !important;
} 
.linkcell:hover {
  text-decoration: underline;
}

#form1 {
  max-width: 800px;
  margin: 0px auto;
}
.auto-center {
  max-width: 800px;
  margin: 0px auto;
}

.grid-item {
  margin-bottom: 20px;
}

.share_name {
  font-size: 16pt;
}
.share_user_area {
  margin-left: 1em;
}

.photo_search_form {
  width: 500px;
  height: 32px;
}
.store_search_form {
  width: 500px;
  height: 32px;
}

.photo_thumbnail {
  cursor: pointer;
}
.photo_dialog {
  clear: both;
  position: absolute;
  display: none;
  padding: 0px;

  background-color: #ffffff;
  border: solid 1px #808080;
  border-radius: 5px;
}
.dialog_photo_area {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.dialog_photo_area img {
  width: auto;
  height: auto;
  vertical-align: middle;
}

.cart_line {
  height: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-bottom: solid 1px #c0c0c0;
}
#cart_num {
  padding-left: 6px;
  padding-right: 6px;
  color: #ffffff;
  background-color: #ff0000;
  border: solid 1px #cc0000;
  font-weight: bold;
  font-size: 9pt;
  border-radius: 10px;
}

.appli-header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 10px;
  z-index: 2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #e8e8e8;
  font-size: 20px !important;
}
.appli-footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 10px;
  z-index: 2;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #e8e8e8;
  font-size: 20px !important;
}
.appli-header-inner {
  height: 30px;
  padding: 0 0 0 0 !important;
}
.appli-footer-inner {
  height: 30px;
  padding: 0 0 0 0 !important;
}
.appli-pagetop {
  z-index: 3;
  right: 5px;
  bottom: 5px;
}
.appli-pagetop img {
  width: 30px;
  height: 30px;
}

.appli-body {
  margin-top: 30px;
  margin-bottom: 30px;
}
.appli-site-title {
  font-size: 20px !important;
  font-weight: normal;
}
.appli-header-navi li {
  font-size: 1.5rem;
}

.slidemenu {
  position: absolute;
  left: -100%;
  top: 0px;
  width: 100%;
  height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #777;
  overflow-y: auto;
}
.slidemenu-inner {
  margin: 40px 0 40px 0;
}

.appli-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  margin: 40px 0 0 0;
}
.appli-main {
  margin: 10px 10px 30px 10px;
}

html.appli {
  overflow-x: hidden;
}

@media(max-width: 640px) {
  .photo_search_form {
    width: 100%;
  }
}

.mail_to_list {
  width: 100%;
  height: 100px;
  overflow-y: auto;
}

@media(max-width: 640px) {
  .form_component_select {
    width: 100% !important;
  }

}




.calendar {
  width: 100%;
}
.calendar table {
  width: 100%;
}
.calendar td {
  border: solid 1px #b0b0b0;
}
.month_view tbody td {
  width: 14.032%;
  height: 150px;
  vertical-align: top;
  padding: 4px;
}
.month_view tbody td:hover {
  text-decoration: none;
  background-color: #fff0e0;
}
.calendar_date_caption {
  font-size: 14pt;
  float: left;
}
.calendar_date_holiday {
  font-size: 9pt;
  float: right;
}
.calendar_date_contents {
  font-size: 9pt;
  clear: both;
  text-align: left;
  height: 117px;
  margin: -4px;
  overflow-y: auto;
}
.week_link {
  width: 1.754% !important;
  font-size: 12pt;
  vertical-align: middle !important;
  cursor: pointer;
  background-color: #f0f0b0;
  border-right: solid 1px #606060 !important;
}

.calendar thead td {
  height: 32px;
  text-align: center;
  border-bottom: solid 1px #606060;
}

.week_view tbody td {
  width: 13.334%;
  height: 32px;
  vertical-align: top;
  padding: 4px;
  text-align: center;
}
.week_view tbody td:hover {
  text-decoration: none;
  background-color: #fff0e0;
}
.week_link2 {
  width: 6.667% !important;
  font-size: 12pt;
  vertical-align: middle !important;
  cursor: pointer;
  background-color: #f0f0b0;
  text-align: center;
  border-right: solid 1px #606060 !important;
}

.shift {
  overflow-x: scroll;
}
.shift table {
  width: 1500px;
}
.shift td {
  border: solid 1px #b0b0b0;
}
.shift_view tbody td {
  width: 40px;
  height: 23px;
  vertical-align: top;
}
.shift_view tbody td:hover {
  text-decoration: none;
  background-color: #fff0e0;
}
.shift_date_contents {
  font-size: 9pt;
  margin: 0px;
  padding: 0px;
}

.shift thead td {
  height: 24px;
  font-size: 8pt;
  text-align: center;
  border-bottom: solid 1px #606060;
  margin: 0px;
  padding: 0px;
  background-color: #ffffc0;
}

.shift_pulldown {
  width: 100%;
  height: 100%;
  border: solid 0px;
  font-size: 10pt;
}

.staff_name {
  width: 100px;
  font-size: 9pt;
  line-height: 22px;
  padding: 0px 0px 0px 4px;
}
.staff_time {
  width: 150px;
  font-size: 9pt;
  line-height: 22px;
}
.staff_holiday {
  width: 50px;
  text-align: center;
  font-size: 9pt;
  line-height: 22px;
}
.shift_date, .shift_youbi {
  text-align: center;
  font-size: 9pt;
  line-height: 24px;
}
.staff_cnt {
  text-align: right;
  font-size: 9pt;
  line-height: 22px;
  padding: 0px 4px 0px 0px;
}
.staff_time_input {
  width: 44px;
  height: 100%;
  border: solid 0px;
  font-size: 10pt;
}

.form_yoko {
  float: left;
  margin-right: 1em;
}





body {
  padding: 0px;
/*  opacity: 0.35;*/
}

.main {
  z-index: 2;
}





#photo1 {
  position: relative;
  /*width: 960px;*/
  /*height: 260px;*/
  top: -260px;
  margin: 0 auto -260px auto;
  overflow: hidden;
}
#photo0 {
/*
  position: relative;
*/
  position: fixed;
  left: 0px;
  top: 0px;

  margin: 0 auto;
  overflow: hidden;
  z-index: 3000;
}

.photo1 {
  position: absolute;
  left: 0px;
  top: 0px;

/*  object-fit: cover;*/
}

.logo_new {
  position: absolute;
  opacity: 0.25;
}

#logo_new0 {
  left: 520px;
  top: 110px;
}
#logo_new1 {
  left: 520px;
  top: 110px;
}
#logo_new2 {
  left: 695px;
  top: 110px;
}
#logo_new3 {
  left: 787px;
  top: 110px;
}
#logo_new4 {
  left: 859px;
  top: 96px;
}

.yokojima {
  position: fixed;
/*
  left: 0px;
  top: 0px;
*/
  right: 0px;
  bottom: 0px;
/*
  width: 960px;
  height: 260px;
*/
  z-index: 100;
/*
  background: url(//www.msj-msj.co.jp/images/yokojima.png) repeat;
*/
  background-color: #ffffff;
  opacity: 0.5;
}

.track {
  position: fixed;
  left: 0px;
  bottom: 0px;
  cursor: pointer;
  opacity: 0.75;
  z-index: 50;
}

.atmtc_msg {
  position: fixed;
  bottom: 50px;
/*
  border: solid 1px #808080;
*/
  background-color: #ff4040;
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  font-size: 11pt;
  white-space: nowrap;
  display: none;
  z-index: 50;
  opacity: 0.8
}

.menu {
  z-index: 14;
  position: fixed;
}

.contents_outer {
  position: absolute;
  left: 120px;
  z-index: 13;
  background: transparent;
  bottom: 80px;
}

.contents {
  color: #ffffff;
  background-color: rgba(0, 128, 255, 0.5);
/*
  border-radius: 5px;
*/
/*
  border: solid 2px #0080ff;
*/

  opacity: 0;

  margin-bottom: 80px;
}

.logo {
  position: fixed;
  right: 0px;
  bottom: 0px;
  background-color: #ffffff;

  /* このopacityで見やすさを調整する */
  opacity: 0.65;

  z-index: 12;
}

.bg {
  position: fixed;
  width: 2000px;
  left: -100px;
  top: -100px;
}

img {
  max-width: 1000%;
}

.menu_item {
  position: fixed;
  width: 100px;
  height: 100px;

  color: #ffffff;

  background-color: #ff4040;
  opacity: 0.8;

/*
  border: solid 2px #ff0000;
*/

  z-index: 15;
  cursor: pointer;

  position: absolute;
  left: -110px;
  top: 20px;
}
.menu_item:hover {
  background-color: #ff0000 !important;
}
.menu_icon {
  margin-top: 16px;
  font-size: 20pt;
  text-align: center;
}
.menu_text {
  font-size: 12pt;
  text-align: center;
  line-height: 18px;
}
.submenu_item {
  position: fixed;
  width: 100px;
  height: 100px;

  color: #ffffff;

  background-color: #d04080;
  display:none;
  opacity: 0.8;

/*
  border: solid 2px #ff0000;
*/

  z-index: 15;
  cursor: pointer;

  position: absolute;
  left: 0px;
}
.submenu_item:hover {
  background-color: #ff4040 !important;
}

.caption {
  padding: 1em;
  font-size: 24pt;
}
.detail {
  padding: 1em;
  font-size: 16pt;
}



.slide-container {
  margin: 0 auto;
  max-width: 1000px;
  padding: 20px 30px 10px 30px;
/*
  background: #419be0;
*/
}

.slick-slide {
  text-align: center;
/*
  background: #419be0;
*/
}
.slick-item img {
  width: 100%;
}
.thumbnail-item {
  margin-top: 2px;
}
.thumbnail-item img {
  width: 174px;
}
.pre_txt {
  font-size: 12pt;
  text-align: left;
}

.footer {
  position: fixed;
  left: 5px;
  bottom: -62px;
  width: 330px;
  height: 61px;
  font-size: 9pt;
  background-color: rgba(255, 255, 255, 0.5); 
  color: #000000;
  padding: 3px;
  z-index: 12;
}
.footer img {
  width: 56px;
}

h1 {
  font-size: 28pt;
  margin: 0px;
  padding: 0px;

  border-bottom: solid 3px rgba(255, 255, 255, 0.3);
}
h2 {
/*
  font-size: 24pt;
*/
  font-size: 20pt;
  margin: 1em 0 0 0em;
  padding: 0px;
}
dt {
  float: left;
}
dd {
  margin-left: 200px;
}

.footer_link1 {
  position: fixed;
  z-index: 14;
  background-color: rgba(255, 64, 64, 0.5);
  width: 150px;
  height: 51px;
/*
  border: solid 2px #ff4040;
  border-radius: 5px 0 0 5px;
*/
  color: #ffffff;
}
#footer_recruit1 {
  right: -100px;
  top: 30px;
  opacity: 0;
}
#footer_contact1 {
  right: -100px;
  top: 90px;
  opacity: 0;
}
.footer_link1 div.left {
  float: left;
  width: 51px;
  font-size: 10pt;
  text-align: center;
/*
  font-weight: bold;
*/
}
.footer_link1 div.right {
  float: left;
  width: auto;
  font-size: 10pt;
  text-align: center;
/*
  font-weight: bold;
*/
  margin: 5px 0 0 5px;
}
.footer_link1 img {
  width: 51px;
  height: 51px;
/*
  border-radius: 5px 0 0 5px;
*/
}

.footer_link2 {
  position: fixed;
  left: 345px;
  z-index: 12;
  background-color: rgba(255, 64, 64, 0.5);
  width: 170px;
  height: 71px;
/*
  border: solid 2px #ff4040;
  border-radius: 5px 5px 0 0;
*/
  color: #ffffff;
}
#footer_recruit2 {
  left: 345px;
  bottom: -72px;
}
#footer_contact2 {
  left: 525px;
  bottom: -72px;
}
.footer_link2 div.left {
  float: left;
  width: 71px;
  font-size: 10pt;
  text-align: center;
/*
  font-weight: bold;
*/
}
.footer_link2 div.right {
  float: left;
  width: auto;
  font-size: 11pt;
  text-align: center;
/*
  font-weight: bold;
*/
  margin: 13px 0 0 5px;
}
.footer_link2 img {
  width: 71px;
  height: 71px;
/*
  border-radius: 5px 0 0 5px;
*/
}

.pagetop {
  z-index: 14;
  opacity: 0.8;
  bottom: 10px;
}

.contents a {
  text-decoration: underline;
  color: #ffe0c0;
}
/*
.contents a:hover {
  color: #80c0ff;
}
*/

.contact {
  margin: 0.5em 0 0 1em;
  padding: 1em;
  border: solid 2px rgba(255, 255, 255, 0.3);
  max-width: 860px;
}

dl.contact dt {
}
dl.contact dd {
  font-size: 13pt;
  margin-left: 300px;
  margin-bottom: 2em;
}
dl.contact .tel_no {
  font-size: 18pt;
}

/* フォーム */
#form1 {
  margin: 0.5em 0 0 1em;
}
.box--small {
  background: transparent;
  border: solid 2px rgba(255, 255, 255, 0.3);
}
#form1 input, #form1 textarea, #form1 select {
  background: transparent;
  border: solid 2px rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 12pt;
}
#form1 select option {
  color: #ffffff;
  background-color: #0080ff;
}
.box__title--small {
  display: none;
}
#form1 .red {
  color: #ffd0b0 !important;
}
.l-row div {
  color: #ffffff;
  font-size: 14pt;
  font-weight: normal !important;
}
#must_form1 {
  color: #ffffff;
}
.error {
  color: #ffd0b0;
}
button, .button {
  opacity: 0.7;
  text-decoration: none !important;
  color: #ffffff !important;
}

div.recruit {
  margin: 0.5em 0 0 1em;
}

table.base_table1 th, table.base_table1 td {
  border: solid 2px rgba(255, 255, 255, 0.3);
  padding: 0.5em;
  font-size: 13pt;
  font-weight: normal;
}
table.base_table1 th {
  text-align: center;
}
table.base_table1 td {
  text-align: left;
}

.recruit th {
  width: 150px;
}
.recruit td {
  max-width: 800px;
}

.shadow {
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
  margin: 0.75em;
  opacity: 0.7;
}

.section {
  margin: 0 2em 0 2em;
}

ul {
  list-style: none;
}

.msj-banner {
}
.msj-banner img {
  width: 500px;
  height: 150px;
  object-fit: cover;
}

.msj_box {
  margin: 1em;
  max-width: 400px;
  float: left;
}
.msj_box .box_title {
  border: solid 2px rgba(255, 255, 255, 0.3);
  border-bottom: 0px;
  padding: 0.5em;
  background-color: rgba(150, 150, 150, 0.3);
}
.msj_box .box_img img {
  border: solid 2px rgba(255, 255, 255, 0.3);
  border-bottom: 0px;
  width: 100%;
  height: 257.483px;
  object-fit: cover;  
  opacity: 0.7;
}
.msj_box .box_txt {
  border: solid 2px rgba(255, 255, 255, 0.3);
  padding: 0.5em;
  height: 320px;
}

.msj_box2 {
  clear: both;
  margin: 1em 0 1em 0;
  max-width: 800px;
  position: relative;
}
.msj_box2 .box_title {
  padding: 0.5em;
  background-color: rgba(0, 100, 255, 0.3);

  width: 120px;
  height: 120px;
  line-height: 110px;
  border-radius: 60px;
  text-align: center;
  position: absolute;
  margin: 0px;
  font-size: 14pt;
}
.msj_box2 .box_img {
  position: absolute;
  left: 60px;
  top: 40px;
}
.msj_box2 .box_img img {
  width: 200px;
  object-fit: cover;
  opacity: 0.7;
}
.msj_box2 .box_txt {
  margin-left: 280px;
  padding: 0.5em;
  max-width: 400px;
  font-size: 14pt;
}

.msj_note {
  margin-top: 2em;
  max-width: 800px;
  border: solid 2px rgba(255, 255, 255, 0.3);
  font-size: 80%;
  padding: 1em;
}
.msj_note img {
  width: 100%;
  opacity: 0.7;
}

.msj_bigbox {
  margin: 1em;
  max-width: 800px;
  border: solid 2px rgba(255, 255, 255, 0.3);
  padding: 1em;
}

.msj_minibox {
  margin: 0.5em;
  max-width: 200px;
  float: left;
}
.msj_minibox .box_title {
  border: solid 2px rgba(255, 255, 255, 0.3);
  border-bottom: 0px;
  padding: 0.5em;
  background-color: rgba(150, 150, 150, 0.3);
  font-size: 12pt;
  text-align: center;
}
.msj_minibox .box_img img {
  border: solid 2px rgba(255, 255, 255, 0.3);
  border-bottom: 0px;
  width: 100%;
  object-fit: cover;
  opacity: 0.7;
}

.map {
  padding: 1em;
  margin-bottom: 2em;
  max-width: 1240px;
  width: 500px;
  height: 500px;
}

.area_img {
  margin: 2em 0 2em 0;
}
.area_img div {
  width: 330px;
}
.area_img img {
  object-fit: cover;
  width: 100% !important;
/*
  border-radius: 75px;
*/
}
/*
.area_img1 {
  left: 0px;
  top: 0px;
}
.area_img2 {
  left: 130px;
  top: -150px;
  margin-bottom: -150px;
} 
.area_img3 {
  left: 260px;
  top: -150px;
  margin-bottom: -150px;
} 
.area_img4 {
  left: 0px;
  top: -20px;
  margin-bottom: -120px;
} 
.area_img5 {
  left: 130px;
  top: -50px;
  margin-bottom: -120px;
} 
.area_img6 {
  left: 260px;
  top: -80px;
  margin-bottom: -120px;
} 
*/
.area_img div:hover {
  z-index: 2;
  opacity: 1.0;
}

.mini_img {
  width: 200px;
}

.day_time_first {
  padding: 0em 0 0.5em 0;
}
.day_time {
  margin-top: 1em;
  padding: 1em 0 0.5em 0;
  border-top: solid 2px rgba(255, 255, 255, 0.3);
}
.day_time font, .day_time_first font {
  font-family: Times New Roman;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: solid 2px rgba(0, 128, 255, 0.4);
  padding: 2px 5px 2px 5px;

}

.msj_q {
  padding: 1em 0 1em 0;
}
.msj_q:before {
  color: #a0e0ff;
  content: 'Ｑ．';
}
.msj_a {
  padding: 0 0 1em 1em;
  border-bottom: solid 2px rgba(255, 255, 255, 0.3);
  font-size: 12pt;
}

.menu_btn {
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14pt;
  text-align: center;
  padding-left: 3px;
  position: fixed;
  z-index: 15;
  color: #ffffff;
  background-color: #ff4040;
  opacity: 0.8;
}

@media(max-width: 700px) {
  body,p,div,td,th,h1,h2,h3,h4,.detail {
    font-size: 12pt !important;
  }
  .caption h1 {
    font-size: 14pt !important;
    padding: 0.5em 0.25em;
  }
  .detail {
    padding: 0.25em;
  }
  .section {
    margin: 0;
    padding: 0 0.25em;
  }
  dd {
    margin-left: 0px;
  }
  dt {
    float: none;
  }
  h2,h3,h4 {
    margin-left: 0px;
  }
  .footer div,.footer_link2 div,.footer_link1 div {
    font-size: 9pt !important;
  }
  .menu_text {
    font-size: 9pt !important;
    line-height: 14px;
  }
  .msj_box2 .box_txt {
    margin-left: 0px;
  }
  .msj_box2 .box_img {
    display: none;
  }
  .msj_box2 .box_title {
    position: static;
  }
  .footer_link2 {
    margin: 0.5em;
    position: static;
    float: left;
  }

  .bg {
    width: 50%;
    left: -400px;
    top: 0px;
  }

  .msj-banner img {
    width: 90%;
  }

  .recruit {
    margin: 0.5em 0 0 0 !important;
  }

  .base_table1 th {
    width: 100px !important;
  }
  .base_table1 td {
    width: auto;
  }

  .contents .float-r, .contents .float-l {
    float: none;
  }
  .contents .float-r img, .contents .float-l img {
    width: 90%;
  }

  .msj_box .box_txt {
    height: auto;
  }

  .map {
    width: 100%;
  }

  .map {
    clear: both;
  }

  .area_img div {
    width: 100%;
  }

  .contact {
    margin: 0.5em 0 0 0;
    padding: 0.5em;
  }
  dl.contact dt {
    float: none !important;
  }
  dl.contact dd {
    clear: both;
    margin-left: 0px;
    margin-bottom: 0.5em;
  }
  dl.contact .tel_no {
    font-size: 16pt;
  }
  dl.contact .tel_time:before {
    content: '\A';
    white-space: pre;
  }

  #form1 {
    margin: 0.5em 0 0 0;
  }

}

@media(min-width: 701px) {
  a[href^="tel:"]{
    pointer-events: none;
  }
}

#relation_link {
  margin-top: 2em;
  border-top: solid 2px rgba(255, 255, 255, 0.3);  
}
#relation_link h2 {
  margin-bottom: 1em;
}
#relation_link a {
  white-space: nowrap;
}

.cookie_dialog {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  background-color: #000000;
  color: #ffffff;
  z-index: 99999;
  opacity: 0.85;
  padding: 10px;
  font-size: 9pt;
  overflow: hidden;
}

.small_menu {
  font-size: 11px;
}
@media(max-width: 640px) {
  .small_menu {
    font-size: 8px;
  }
}

.dx_nintei {
/*
  position: relative;
  left: -100px;
*/
}
.dx_nintei img {
  height: 60px;
  opacity: 1.0;
}
@media(max-width: 640px) {
  .msj-banner, .dx_nintei {
    float: none !important;
  }
}

.green_nintei img {
  max-height: 60px;
  opacity: 1.0;
}
@media(max-width: 640px) {
  .green_nintei {
    float: none !important;
  }
}