@CHARSET "UTF-8";
.tabs{
	width:945px;
}

.tabColor1{
	background:#45c0ff;
	padding-top:5px;
	text-align:center;
	display: inline-block;
	width:315px;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
}
.tabColor2{
	background:#0083c7;
	padding-top:5px;
	text-align:center;
	display: inline-block;
	width:315px;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
}
.tabColor3{
	background:#005a88;
	padding-top:5px;
	text-align:center;
	display: inline-block;
	width:315px;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
}

.tabColor21{
	background:url(../img/tabiconb01a.png)no-repeat left 25px top 5px,#45c0ff ;
	text-align:center;
	padding-top:10px;
	display: inline-block;
	width:315px;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
}

.tabColor22{
	background:url(../img/tabiconb02a.png)no-repeat left 12px top 5px,#0083c7;
	text-align:center;
	padding-top:10px;
	display: inline-block;
	width:315px;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
}
.tabColor23{
	background:url(../img/tabiconb03a.png)no-repeat left 15px top 5px,#005a88;
	text-align:center;
	padding-top:10px;
	display: inline-block;
	width:315px;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
}



#tab-1{
	background: #45c0ff;
}
#tab-2{
	background: #0083c7;
}
#tab-3{
	background: #005a88;
}

#tab-21{
	background:url(../../../mypage/img/scoutbg.png);
}
#tab-22{
	background:url(../../../mypage/img/scoutbg.png);
}
#tab-23{
	background:url(../../../mypage/img/scoutbg.png);
}

#tab-31{
	background:url(../../../mypage/img/scoutbg.png);
}
#tab-32{
	background:url(../../../mypage/img/scoutbg.png);
}
#tab-33{
	background:url(../../../mypage/img/scoutbg.png);
}


.tabs div#tab-1{
	width:100%;
	float:left;
	height:320px;
}
.tabs div#tab-2{
	width:100%;
	float:left;
	height:320px;
}
.tabs div#tab-3{
	width:100%;
	float:left;
	height:320px;
}

.tabs div#tab-21{
	width:100%;
	float:left;
}
.tabs div#tab-22{
	width:100%;
	float:left;
}
.tabs div#tab-23{
	width:100%;
	float:left;
}

.tabs div#tab-31{
	width:100%;
	float:left;
}
.tabs div#tab-32{
	width:100%;
	float:left;
}
.tabs div#tab-33{
	width:100%;
	float:left;
}

.tabColor1.active{
	margin-top:0px;
}
.tabColor2.active{
	margin-top:0px;
}
.tabColor3.active{
	margin-top:0px;
}


.tabColor21 a{
	color:#fff;
}
.tabColor22 a{
	color:#fff;
}
.tabColor23 a{
	color:#fff;
}


.tabColor21.active{
	background:url(../img/tabiconb01.png)no-repeat left 25px center,url(../../../mypage/img/scoutbg.png);
	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:20px;
}
.tabColor22.active{
	background:url(../img/tabiconb02.png)no-repeat left 12px center,url(../../../mypage/img/scoutbg.png);
	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:20px;
}
.tabColor23.active{
	background:url(../img/tabiconb03.png)no-repeat left 15px center,url(../../../mypage/img/scoutbg.png);
	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:20px;
}



.tabs > DIV SPAN {
	color: #ccc !important;
	font-weight: 300;
	line-height: 186px !important;
	display: block;
	text-align: center;
	font-size: 24px;
}

.tabs UL.horizontal {
	list-style: none outside none;
	margin: 0;
	height:70px;
	float:left;
	overflow:hidden;
}


.tabs A {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 300;
/* 	padding: 14px 24px; */
	text-decoration: none;
}
.tabs .active A {
	color:#45c0ff;
}
.tabs .color1.active A {
	color:#fff;
}







.topTabBox{
	padding:40px 20px;
	float:left;
}
.topJobForm{
	float:left;
}


.topJobForm .selectBg1{
	background: url(images/selectimg1.png) no-repeat center left 2px,#fff;
	height:57px;
	border:none;
	width:240px;
	padding-left:75px;
	color:#9b9b9b;
	font-size:16px;
float:left;
}




.topJobForm .selectBg2{
	background: url(images/selectimg2.png) no-repeat center left 2px,#fff;
	height:57px;
	border:none;
	width:240px;
	padding-left:75px;
	color:#9b9b9b;
	font-size:16px;

}
.topJobForm .selectBg3{
	background: url(images/selectimg3.png) no-repeat center left 2px,#fff;
	height:57px;
	border:none;
	width:240px;
	padding-left:75px;
	color:#9b9b9b;
	font-size:16px;

}


.topJobX{
	float:left;
	line-height:53px;
	color:#fff;
	font-size:30px;
	margin:0 28px;
}
.topJobFormRow{
	float:left;
}



.topJobTxtform{
	width:860px;
	border:solid 2px #fff;
	height:30px;
	background: url(images/textimg1.png) no-repeat 0 0,#fff;
	line-height:30px;
	padding-left:40px;
}
.topJobBtnBox{
	margin:0 250px;
	width:400px;
}
.topJobBtn{
	width:400px;
	border:none;
	background:#f39800;
	color:#fff;
	font-size:18px;
	padding:15px 0;
	font-weight:bold;
	font-family: Arial , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}






@media (max-width:767px){
.tabs{
	width:90%;
	margin-left:5%;
}

.tabColor1{
	background-color:#45c0ff;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
}
.tabColor2{
	background:#0083c7;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
}
.tabColor3{
	background:#005a88;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
}

.tabColor21{
	background:url(../img/tabiconb01a.png)no-repeat left 12px top 5px,#45c0ff ;
	text-align:right;
	padding-top:10px;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
	padding-right:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.android .tabColor21{
	background-image:url(../img/tabiconb01a.png) ;
	background-color:#0083c7;
	background-repeat:no-repeat,repeat;
	background-position:left top;
	background-size:auto;
	text-align:right;
	padding-top:10px;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
	padding-right:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.tabColor22{
	background:url(../img/tabiconb02a.png)no-repeat left 12px top 5px,#0083c7;
	text-align:right;
	padding-top:10px;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
	padding-right:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.android .tabColor22{
	background-image:url(../img/tabiconb02a.png) ;
	background-color:#0083c7;
	background-repeat:no-repeat,repeat;
	background-position:left top;
	background-size:auto;
	text-align:right;
	padding-top:10px;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
	padding-right:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.tabColor23{
	background:url(../img/tabiconb03a.png)no-repeat left 9px top 5px,#005a88;
	text-align:right;
	padding-top:10px;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.android .tabColor23{
	background-image:url(../img/tabiconb03a.png) ;
	background-color:#005a88;
	background-repeat:no-repeat,repeat;
	background-position:left top;
	background-size:auto;
	text-align:right;
	padding-top:10px;
	display: inline-block;
	width:33.3%;
	margin:30px 0 0;
	float:left;
	height:100%;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.tabColor21.active{
	background:url(../img/tabiconb01.png)no-repeat left 12px top 5px,url(../../../mypage/img/scoutbg.png);
	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:10px;
	width:33.3%;
}
.android .tabColor21.active{
	background-image:url(../img/tabiconb01.png) ,url(../../../mypage/img/scoutbg.png) ;
	background-repeat:no-repeat,repeat;
	background-position:left top;
	background-size:auto;

	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:10px;
	width:33.3%;
}
.tabColor22.active{
	background:url(../img/tabiconb02.png)no-repeat left 12px top 5px,url(../../../mypage/img/scoutbg.png);
	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:10px;
	width:33.3%;
}
.android .tabColor22.active{
	background-image:url(../img/tabiconb02.png) ,url(../../../mypage/img/scoutbg.png) ;
	background-repeat:no-repeat,repeat;
	background-position:left top;
	background-size:auto;

	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:10px;
	width:33.3%;
}
.tabColor23.active{
	background:url(../img/tabiconb03.png)no-repeat left 12px top 5px,url(../../../mypage/img/scoutbg.png);
	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:10px;
	width:33.3%;
}
.android .tabColor23.active{
	background-image:url(../img/tabiconb03.png) ,url(../../../mypage/img/scoutbg.png) ;
	background-repeat:no-repeat,repeat;
	background-position:left top;
	background-size:auto;

	margin-top:0px;
	border-top:solid 1px #45c0ff;
	border-left:solid 1px #45c0ff;
	border-right:solid 1px #45c0ff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:middle;
	padding-top:10px;
	width:33.3%;
}
.tabColor21 a{
	color:#fff;
	padding-top:4px;
}
.tabColor22 a{
	color:#fff;
	padding-top:4px;
}
.tabColor23 a{
	color:#fff;
	padding-top:4px;
}





#tab-1{
	background: #45c0ff;
}
#tab-2{
	background: #0083c7;
}
#tab-3{
	background: #005a88;
}


.tabs div#tab-1{
	width:100%;
	float:left;
	height:auto;
}
.tabs div#tab-2{
	width:100%;
	float:left;
	height:auto;
}
.tabs div#tab-3{
	width:100%;
	float:left;
	height:auto;
}

.tabColor1.active{
	margin-top:0px;
}
.tabColor2.active{
	margin-top:0px;
}
.tabColor3.active{
	margin-top:0px;
}



.tabs > DIV SPAN {
	color: #ccc !important;
	font-weight: 300;
	line-height: 186px !important;
	display: block;
	text-align: center;
	font-size: 24px;
}

.tabs UL.horizontal {
	list-style: none outside none;
	margin: 0;
	height:70px;
	float:left;
	width:100%;
}


.tabs A {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
}





.topTabBox{
	padding:40px 20px;
	float:left;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.topJobForm{
	float:left;
	width:100%;
}
.topJobX{
	float:left;
	line-height:53px;
	color:#fff;
	font-size:34px;
	margin:0 0px;
	width:100%;
	text-align:center;
}
.topJobFormRow{
	float:left;
	width:100%;
}



.topJobTxtform{
	width:100%;
	border:solid 2px #fff;
	height:36px;
	background: url(images/textimg1.png) no-repeat 0 0,#fff;
	line-height:30px;
	padding-left:40px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.topJobBtnBox{
	margin:0 auto;
	width:100%;
}
.topJobBtn{
	width:100%;
	border:none;
	background:#f39800;
	color:#fff;
	font-size:18px;
	padding:15px 0;
	font-weight:bold;
	font-family: Arial , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.topJobForm .selectBg1{
	background-image: url(images/selectimg1.png) ;
	background-repeat: no-repeat;
	background-position:center left 2px;
	height:57px;
	border:none;
	width:100%;
	padding-left:75px;
	color:#9b9b9b;
	font-size:16px;
	background-color:#fff;
}
.topJobForm .selectBg2{
	background-image: url(images/selectimg2.png) ;
	background-repeat: no-repeat;
	background-position:center left 2px;
	height:57px;
	border:none;
	width:100%;
	padding-left:75px;
	color:#9b9b9b;
	font-size:16px;
	background-color:#fff;
}
.topJobForm .selectBg3{
	background-image: url(images/selectimg3.png) ;
	background-repeat: no-repeat;
	background-position:center left 2px;
	height:57px;
	border:none;
	width:100%;
	padding-left:75px;
	color:#9b9b9b;
	font-size:16px;
	background-color:#fff;
}


}