@charset "shift_jis";
.mgt24{margin-top:24px !important;}
.mgl50{margin-left:50px !important;}
.mgl200{margin-left:200px !important;}
.wid136{width:136px !important}
.wid284{width:284px !important}
.wid768{width:768px !important}
.bgPurple{background-color:#8b7397 !important;}
.bgGreen{background-color:#87bb41 !important;}
.bgBlue{background-color:#5e95dd !important;}

.jalonlineMainvis{position: relative;height:480px;}
.jalonlineMainvis::before,.jalonlineMainvis::after {
	content: "";
	display: inline-block;
	width: 50%;
	height: 100%;
	position: absolute;
	top:0;
}
.jalonlineMainvis::before {
	background: rgb(64,109,202);
	background: linear-gradient(180deg, rgba(64,109,202,1) 0%, rgba(136,173,229,1) 35%, rgba(255,255,255,1) 94%, rgba(1,21,44,1) 94%, rgba(1,21,44,1) 100%);
	left: 0;
}
.jalonlineMainvis::after {
	background: rgb(64,109,202);
	background: linear-gradient(180deg, rgba(3,33,153,1) 0%, rgba(21,71,185,1) 29%, rgba(54,108,204,1) 48%, rgba(255,255,255,1) 94%,  rgba(1,21,44,1) 94%, rgba(1,21,44,1) 100%);
	left: 50%;
}
.jalonlineMainvis .inr{background:url("../img/bg_index_02_20220311.png") top center no-repeat;position:relative; width:950px; height:480px; margin:0 auto;z-index: 10;}
.jalonlineMainvis .loginBox{
  border: 1px solid #999;
  color: #000000;
  position: absolute;
  top: 30px;
  right: 0px;
  background-color: rgba(255,255,255,0.9);
  min-height: 70px;
  padding: 20px 25px;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff,endColorstr=#B3ffffff);
}
.movie_area {
  text-align: center;
}
.movie_area > iframe {
  width: 700px;
  height: 394px;
}

.joboxType01 { padding-top: 60px; margin-top: 30px; background: url(/commonY15/img/bg_m_step_02.png) 0 0 no-repeat; }
.joboxType01:first-child { padding-top: 0; margin-top: 0; background: none; }
.joboxType01 > .heading { font-size: 20px; line-height: 28px; font-weight: bold; padding-bottom: 10px; }
.joboxType01 > .heading span { display: inline-block; color: #ffffff; font-size: 16px; line-height: 24px; padding: 3px 30px 3px 22px; margin-right: 10px; vertical-align:bottom; background: #666666 url(/jalonline/Y15/img/parts_head_01.png) 100% 0 no-repeat; }
.joboxType01 > .heading .line2{background:none; font-size: 20px !important; color:#333333 !important; font-weight: bold;}
.joboxType01 dt{font-size:16px; font-weight:bold; margin-top:10px;}
.joboxType02 dt{background:#666666; color:#ffffff; font-weight:bold; text-align:center; padding:5px;}
.joboxType02 dd{font-size:14px; margin-top:6px;}
.joboxType03{border:1px solid #d0d0d0;}

.serviceIcn li{display:inline-block; color:#ffffff; font-size:12px; float:left; padding:2px 4px 1px 4px; margin-right:10px;}
.conNav li a{font-weight:bold; padding:15px 12px !important;}
.ftrSubnavi .ftrSubnaviinr li{display:table;}
.ftrSubnavi .ftrSubnaviinr li a{display:table-cell; vertical-align:middle; text-align:left;}

.conNav li a{font-weight:bold; padding:15px 12px !important;width:284px;}
.conNav li a.btnWT b{color: inherit;}

.pdt300{padding-top: 323px;z-index: 10;}
.pdt240{padding-top: 240px;}
.jalonline_logo{text-align: left;position: absolute;top: 20px;right: 20px;}
.jalonline_btn{text-align: left;position: absolute;top: 99px;right: 47px;display: inline-block;}
.jalonline_btn>a:hover{opacity: 0.9;}
#main_msg {
	display: inline-block;
	padding: 20px;
	margin: 60px auto;
	border: solid 4px #cc0000;
}