@charset "utf-8";

/*下層共通
----------------------------------------------------------------------------------------------*/
header{
	position:fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #dcdcdc;
	z-index:9999;
	}
article{
	padding-top: 43px;
	}

#headerSearch,
#headerHistory{
	position:fixed;
	}
#headerHistory{
	overflow:auto;
	height:300px;
	}

footer{
	box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 4px -2px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 4px -2px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 4px -2px inset;
	}

/*map
----------------------------------------------------------------------------------------------*/
body,html{
	height:100%;
	position:relative;
	}

#searchWrap{
	width:100%;
	height:35px;
	overflow:hidden;
	position:absolute;
	top: 0;
	left: 0;
	z-index:9999;
	}
	#searchWrap.active{
		height:100%;
		}
	#searchWrap #allClear{
		display: none;
		}
	#searchWrap.active #allClear{
		display: block;
		}
	#search{
		width: 200%;
		position:absolute;
		top: 0;
		left: 0;
	}
	#basic,
	.searchBox{
		width:50%;
		float:left;
		position:relative;
		top: 0;
		left: 0;
		background:#dcdcdc;
		}
		#basic h1,
		.searchBox h1{
			padding-top:10px;
			width:100%;
			padding: 15px 10px 15px 35px;
			font-weight: bold;
			position: relative;
			background: url(/img/sp/common/bg_searchicon.png) 10px center no-repeat #f7f6f4;
			background-size:18px 18px;
			}
			#searchAcc{
				text-decoration:none;
				color:#fff;
				}
			#basic h1 #searchAcc img{
				display: inline-block;
				margin-right: 10px;
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				transition:all 250ms;
				}
				#searchWrap.active #basic h1 #searchAcc img{
					-moz-transform: rotate(270deg);
					-webkit-transform: rotate(270deg);
					-o-transform: rotate(270deg);
					-ms-transform: rotate(270deg);
					}
		#basicIn,.searchBoxIn{
			width:100%;
			padding:0px 0px 73px;
			height:100vh;
			background: #f7f6f4;
			overflow:auto;
			}
			.searchBoxIn .clearfix .formTab:nth-child(2){
				display: block;
				}
			.searchBoxIn > .clearfix:first-child{
				background:url(/img/sp/common/bg_border01.png) 40% 0 repeat-y #fff;
				background-size:1px 1px;
				}
			#basicIn{
				display:none;}
			#basicIn ul{
				border-top:1px solid #D3D3D3;
				}
			#basicIn ul li{
				padding:10px;
				border-bottom:1px solid #D3D3D3;
				position:relative;
				background:#fff;
				font-weight: bold;
				}
				#basicIn ul .area{
					background:url(/img/sp/common/bg_mapicon.png) 10px center no-repeat #fff;
					background-size:15px 19px;
					padding-left: 30px;
					}
				#basicIn ul .station{
					background:url(/img/sp/common/bg_trainicon.png) 10px center no-repeat #fff;
					background-size:15px 17px;
					padding-left: 30px;
					}
				#basicIn ul li span:not(.area_text):not(.area_city):not(.area_line),
				#basicIn ul li p{
					position:absolute;
					top: 10px;
					right: 24px;
					width: 50%;
					text-align:right;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					color:#284482;
					}
				#basicIn ul li:after{
					content:"";
					display: block;
					position: absolute;
					background:url(/img/sp/common/btn_yaji05.png) 0 0 no-repeat;
					background-size:5px 9px;
					width:5px;
					height:9px;
					top: 50%;
					margin-top:-4px;
					right: 10px;
					}
		#basic .backBox,
		.searchBox .backBox,
		#areaSelect .backBox{
			padding:8px 10px;
			background: #e2e0db;
		}
		#basic .backBox a,
		.searchBox .backBox a,
		#areaSelect .backBox a{
			font-size: 10px;
			font-weight: bold;
			display: inline-block;
			padding-left: 15px;
			background:url(/img/sp/common/btn_prev.png) left 2px no-repeat;
			background-size: 5px 9px;
			text-decoration: none;

		}

#basic h1 a:nth-child(1){
	position:absolute;
	top: 6px;
	left: 5px;
	}
#basic h1 a:nth-child(2){
	position:absolute;
	top: 6px;
	right: 5px;
	}
.searchBtn{
	display: block;
	width:96%;
	color:#fff;
	text-decoration:none;
	text-align:center;
	margin:15px auto 0;
	background:url(/img/sp/common/img_searchicon.png) 30% center no-repeat #d00000;
	background-size:18px 18px;
	text-indent:23px;
	border-radius:3px;
	padding:10px 0;
	font-size:15px;
	vertical-align: top;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
	}
	.searchBtn img{
		display: inline-block;
		margin-right: 5px;
		vertical-align: top;
		}
	.searchBox{
		display: none;
		}
		.searchBox h1 .otherSelect{
			position:absolute;
			top: 8px;
			right: 5px;
			}
		.searchBox h1 .addTerms{
			position:absolute;
			top: 10px;
			left: 5px;
			font-size:10px;
			color:#fff;
			text-decoration:none;
			}
			.searchBox h1 .addTerms img{
				display: inline-block;
				margin-right: 3px;
				-moz-transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				-o-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				vertical-align: middle;
				}
		.searchBox.active{
			display:block;
			}
	.formTabBtn{
		padding-right: 1px;
		width:40%;
		float:left;
		}
	.formTab{
		width:60%;
		float:left;
		}
	.formTab{
		display: none;}
		.formTabBtn,
		.formTab ul{
			border-top:1px solid #D3D3D3;
			}
		.formTabBtn li{
			background:#8493b5;
			padding-left: 10px;
			border-bottom:1px solid #D3D3D3;
			font-size:10px;
			height: 35px;
			line-height: 35px;
			color: #fff;
			}
		.formTabBtn .active{
			background:#122f74;
			}

		.formTab ul li{
			border-bottom:1px solid #D3D3D3;
			height: 35px;
			}
		.formTab ul li label{
			padding-left:35px;
			height:34px;
			line-height:35px;
			display:block;
			background:url(/img/sp/common/bg_checkbox01.png) 10px center no-repeat;
			background-size: 15px 15px;
			}
			.formTab ul li .active{
			background:url(/img/sp/common/bg_checkbox01_on.png) 10px center no-repeat;
			background-size: 15px 15px;
				}
			.formTab ul li label input{
				display: none;
				}
		#searchWrap input[type="radio"],
		#searchWrap input[type="checkbox"]{
			margin-right: 5px;}
		.searchBoxIn > ul{
			border-top:1px solid #D3D3D3;
			}
		.searchBoxIn > ul li{
			border-bottom:1px solid #D3D3D3;
			}
			.searchBoxIn > .radio li label{
				display: block;
				padding:10px 10px 10px 35px;
				background:url(/img/sp/common/bg_radio01.png) 10px center no-repeat #fff;
				background-size:18px 18px;
				}
			.searchBoxIn > .radio li .active{
				background:url(/img/sp/common/bg_radio01_on.png) 10px center no-repeat #e0edf9;
				background-size:18px 18px;
				}
			.searchBoxIn > .checkbox li label{
				display: block;
				padding:10px 10px 10px 35px;
				background:url(/img/sp/common/bg_checkbox01.png) 10px center no-repeat #fff;
				background-size: 15px 15px;
				}
			.searchBoxIn > .checkbox li .active{
				background:url(/img/sp/common/bg_checkbox01_on.png) 10px center no-repeat #e0edf9;
				background-size: 15px 15px;
				}
			.searchBoxIn > ul li input{
				display: none;
				}
		.range{
			padding:30px 30px 0;}
		.range span{
			display: block;
			margin-bottom: 5px;
			}
		.range input{
			display: block;
			width:100%;
			}
		.submitArea{
			position:fixed;
			width: 100%;
			bottom: 0;
			left: 0;
			display: none;
			text-align:center;
			padding:15px 10px;
			background-color: rgba(253,236,243,0.6);
			}
		.submitArea02{
			position:fixed;
			width: 100%;
			bottom: 0;
			left: 0;
			text-align:center;
			padding:15px 10px;
			background-color: rgba(253,236,243,0.6);
			}
			.submitArea input,
			.submitArea02 input{
				display: block;
				width: 49%;
				float:left;
				background:#444341;
				padding:10px 0;
				}
			.submitArea a,
			.submitArea02 a{
				display: block;
				width: 49%;
				}
				.submitArea .searchBtn,
				.submitArea02 .searchBtn{
					background:url(/img/sp/common/img_searchicon.png) 30% center no-repeat #d00000;
					background-size:18px 18px;
					text-indent:23px;
					margin:0;
					float: left;
					}
				.submitArea .addTerms,
				.submitArea .addTerms02,
				.submitArea02 .addTerms,
				.submitArea02 .addTerms02{
					float:right;
					padding:10px 0;
					text-align:center;
					font-size:15px;
					border-radius:3px;
					box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
					-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
					-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
					background:#444341;
					text-decoration:none;
					color:#fff;
					vertical-align: top;
					}
					.submitArea .addTermsInput,
					.submitArea02 .addTermsInput{
						float:right;
						padding:10px 0;
						text-align:center;
						font-size:15px;
						border-radius:3px;
						background:url(/img/sp/common/btn_more.png) 14% center no-repeat #444341;
						background-size:15px 15px;
						text-indent:20px;
						box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
						-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
						-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
						text-decoration:none;
						color:#fff;
						vertical-align: top;
						}
					.submitArea .addTermsBtn,
					.submitArea02 .addTermsBtn{
						background:url(/img/sp/common/btn_more.png) 30% center no-repeat #444341;
						background-size:18px 18px;
						text-indent:23px;
						}
					.submitArea .addTerms img,
					.submitArea .addTerms02 img,
					.submitArea02 .addTerms img,
					.submitArea02 .addTerms02 img{
						display: inline-block;
						margin-right: 5px;
						margin-top: 3px;
						vertical-align: top;
						}
			#basicSubmit{
				display: block;
				width: 90%;
				margin:30px auto 0;
				padding:10px 0;
				background:#FFA33C;
				}


#mapWrap{
	position:relative;
	height:100%;
	}
#map_canvas{
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
	}
#sliderWrap{
position:absolute;
	z-index:9990;
	bottom: 25px;
	left: 0;
	display:table;
	width: 100%;
	table-layout:fixed;
	}
	#sliderWrap #prev,
	#sliderWrap #next{
		display:table-cell;
		width:30px;
		vertical-align:middle;
		}
		#sliderWrap #prev{
			padding-right: 7px;
			}
		#sliderWrap #next{
			padding-left: 7px;
			}
	#sliderWrap #prev a,
	#sliderWrap #next a{
		display:block;
		text-decoration:none;
		padding:17px 0;
		text-align:center;
		background:#0b50a2;
		box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
	}
	#sliderWrap #prev a{
		border-radius:0px 3px 3px 0px;
		}
		#sliderWrap #prev a img{
			-moz-transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			}
	#sliderWrap #next a{
		border-radius:3px 0px 0px 3px;
		}


	#pointlist{
		display:table-cell !important;
		vertical-align:top;
		}

.owl-item .item a{
	display: block;
	text-decoration:none;}
.mapBox02{
	display:table;
	width:100%;
	table-layout:fixed;
	background: #fff;
	padding:10px;
	position:relative;
	}
	.mapBox02 .leftPh{
		display:table-cell;
		width:55px;
		vertical-align:top;
		}
		.mapBox02 .leftPh img{
			width:100%;
			height:auto;
			}
		.mapBox02 .rightPh{
			display:table-cell;
			width:100%;
			padding-left: 10px;
			vertical-align:top;
			}
			.mapBox02 .rightPh p{
				font-size:11px;
				padding-left: 15px;
				}
		.mapBox02 .rightPh .txt01{
			background:url(/img/sp/common/bg_icon01.png) 0 2px no-repeat;
			background-size:10px 12px;
			}
		.mapBox02 .rightPh .txt02{
			background:url(/img/sp/common/bg_icon02.png) 0 2px no-repeat;
			background-size:10px 12px;
			}
		.mapBox02 .rightPh .txt03{
			background:url(/img/sp/common/bg_icon03.png) 0 2px no-repeat;
			background-size:10px 11px;
			}
		.mapBox02 .rightPh .txt04{
			background:url(/img/sp/common/bg_icon04.png) 0 2px no-repeat;
			background-size:10px 12px;
			}


.mapBox02 input{
	display: none;
	}
.mapBox02 label{
	position:absolute;
	top: 0px;
	right: 0px;
	background-image:url(/img/sp/common/bg_kenntou02.png);
	background-position:-30px 0;
	background-repeat:no-repeat;
	background-size:60px 30px;
	width:30px;
	height:30px;
	display: block;
	}
	.mapBox02 input:checked + label{
		background-position:0px 0;
		}


#salaryBox,#salaryBox02,
#salaryBox03,#salaryBox04{
	background:#fff;
	padding:20px 0;
	}
	#salaryBox #salarySlide,
	#salaryBox02 #salarySlide02,
	#salaryBox03 #salarySlide03,
	#salaryBox04 #salarySlide04{
		background:url(/img/sp/map/bg_dragarea01.png) 0 0 no-repeat;
		background-size:280px 26px;
		width:280px;
		height:26px;
		overflow:hidden;
		margin:0 auto;
		}
	#salaryBox .rangeField,
	#salaryBox02 .rangeField,
	#salaryBox03 .rangeField,
	#salaryBox04 .rangeField{
		background:url(/img/sp/map/bg_dragarea02.png) 0 0 no-repeat;
		background-size:280px 26px;
		position:absolute;
		top: 0;
		left: 0;
		width: 0;
		height:26px;
		}
	#salaryBox .leftPh,
	#salaryBox02 .leftPh,
	#salaryBox03 .leftPh,
	#salaryBox04 .leftPh{
		width:280px;
		margin:0 auto;
		font-size:12px;
		}
		#salaryBox .leftPh span span,
		#salaryBox02 .leftPh span span,
		#salaryBox03 .leftPh span span,
		#salaryBox04 .leftPh span span{
			font-size:16px;
			font-weight: bold;
			color:#f16964;
			}


/*list
----------------------------------------------------------------------------------------------*/
#listTitle{
	font-weight: bold;
	padding:20px 10px;
	}
#list{
	background:#f7f6f4;
	padding:0px 10px 15px;
	}
	#list .changeLinkBox{
		position:relative;
		border:1px solid #c8c8c8;
		background:#fff;
		padding: 8px;
		}
		#list .changeLinkBox + .changeLinkBox{
			border-top: 0;
			}
		#list .changeLinkBox a{
			position:absolute;
			right: 8px;
			top: 9px;
			}
		#list .changeLinkBox .area{
			background:url(/img/sp/common/bg_mapicon.png) 0 center no-repeat;
			background-size:15px 19px;
			padding-left: 22px;
			}
		#list .changeLinkBox .other{
			background:url(/img/sp/common/bg_searchicon.png) 0 center no-repeat;
			background-size:15px 15px;
			padding-left: 22px;
			}
		#list .changeLinkBox p{
			padding-right: 43px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-weight: bold;
			line-height: 24px;
			height:24px;
			color: #112f74;
			}
			#list .changeLinkBox p span{
				color:#333;
				}

#list .result{
	font-size:13px;
	}
	#list .result span{
		font-size:13px;
		font-weight: bold;
		color:#d00;
		}
	#list .sortSelect{
		float: right;
		-webkit-appearance:none;
		appearance:none;
		font-size:9px;
		border-radius:3px;
		padding:3px 15px 3px 5px;;
		box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
		background:url(/img/sp/common/bg_select.png) 90% center no-repeat #fff;
		background-size:7px 4px;
		border:0;
		}

#list #resultList > li{
	position:relative;
	}
	#list #resultList > li + li{
		margin-top: 10px;
		}
	#list #resultList li .status{
		float: left;
		margin-right: 5px;
		}
		#list #resultList li .status:nth-child(1){
			margin-left: 10px;
			}
		#list #resultList li .status:nth-child(2){
			}
	#list #resultList li .resultHeader{
		width:100%;
		padding: 10px;
		background:#112f74;
		position: relative;
		}
		#list #resultList li .resultHeader .title{
			color: #fff;
			padding-right: 25px;
			}
		#list #resultList li .resultHeader .kentou{
			position: absolute;
			top:50%;
			margin-top: -10px;
			right: 10px;
			width:20px;
			vertical-align: top;
			}
			#list #resultList li .resultHeader .kentou input{
				display: none;
				}
				#list #resultList li .resultHeader .kentou label{
					width:20px;
					height:19px;
					display: block;
					background-image:url(/img/sp/common/bg_kenntou04.png);
					background-repeat:no-repeat;
					background-position:-20px 0;
					background-size:40px 19px;
					}
				#list #resultList li .resultHeader .kentou input:checked + label{
					background-position:0 0;
					}

		#list #resultList li .resultBox{
			display: block;
			text-decoration:none;
			background:#ffffff;
			padding:10px;
			border-left:1px solid #122f74;
			border-right:1px solid #122f74;
			border-bottom:1px solid #122f74;
			}
			#list #resultList li .resultBox.active{
				background:#fcecf5;
				}
			#list #resultList li .resultBox h3{
				font-size:12px;
				font-weight: bold;
				margin-bottom: 10px;
				color: #102f74;
				}
				#list #resultList li .resultBox h3 span{
					display: inline-block;
					font-size:8px;
					color:#2e88d7;
					padding:3px;
					border:1px solid #2e88d7;
					background:#fff;
					border-radius:3px;
					line-height: 1;
					margin-left: 10px;
					}
			#list #resultList li .resultBox ul li{
				float: left;
				margin-right: 7px;
			}
			#list #resultList li .resultBox ul li:last-child{
				margin-right: 0;
			}
			#list #resultList li .resultBox .boxIn{
				}
				#list #resultList li .resultBox .boxIn div{
					}
					#list #resultList li .resultBox .boxIn div img{
						}
				#list #resultList li .resultBox .boxIn p{
					}
			#list #resultList li .resultBox table{
				width:100%;
				table-layout:fixed;
				border:1px solid #c1c8d9;
				margin-bottom: 10px;
				}
				#list #resultList li .resultBox table th{
					font-weight: bold;
					background:#e6e9f0;
					width: 75px;
					text-align:center;
					font-size:10px;
					padding:5px;
					border:1px solid #c1c8d9;
					}
				#list #resultList li .resultBox table td{
					font-size:10px;
					padding:5px;
					border:1px solid #c1c8d9;
					background: #fff;
					}
					#list #resultList li .resultBox table td .txt01{
						font-size: 8px;
						display: inline-block;
						font-weight: bold;
						background: #fde1eb;
						width: 60px;
						text-align:center;
						padding: 3px 0;
						border-radius: 3px;
						margin-right: 10px;
						}
						#list #resultList li .resultBox table td .txt02{
							font-weight: bold;
							color:#d00;
							font-size:inherit;
							}

#list .fixNext{
	position:fixed;
	right: -5px;
	bottom:70px;
	z-index:9999;
	text-decoration:none;
	display: block;
	color:#fff;
	background:#2e88d7;
	border-radius:3px 0px 0px 3px;
	padding:10px 15px 10px 10px;
	line-height: 14px;
	opacity:0.5;
	transition:all 250ms;
	}
	#list .fixNext:after{
		content:"";
		display: inline-block;
		background:url(/img/sp/common/btn_yaji02.png) 0 0 no-repeat;
		background-size:8px 14px;
		width:8px;
		height:14px;
		margin-left: 5px;
		vertical-align: top;
		}
	#list .fixNext.active{
		right: 0;
		opacity:1;
		}
	#list .pagination{
		text-align:center;
		}
	#list .pagination li{
		display: inline-block;
		border-radius:3px;
		overflow: hidden;
		margin:0 2px;
		text-align:center;
		}
		#list .pagination li a{
			display: block;
			padding:3px 8px;
			background:#ffffff;
			text-decoration:none;
			}
		#list .pagination li span{
			display: block;
			padding:3px 8px;
			background:#e2e0db;
			text-decoration:none;
			}
		#list .pagination li.prev,
		#list .pagination li.next{
			margin:0 6px;
			vertical-align: top;
			}
		#list .pagination li.prev a{
			background: none;
			padding: 3px 0 0 0 ;
			}
		#list .pagination li.next a{
			background: none;
			padding: 3px 0 0 0 ;
			}
			#list .pagination li.next a:before{
				}
		#list .pagination li:first-child:not(.prev){
			margin-left: 30px;
		}
		#list .pagination li:last-child:not(.next){
			margin-right: 30px;
		}

		#list #mailRegist{
			background:#e6e9f0;
			padding:10px;
			box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
			-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
			-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
			margin-bottom: 15px;
			text-align:center;
			}
		#list #mailRegist p{
			background:url(/img/sp/common/bg_iconmail.png) 0 0 no-repeat;
			background-size:20px 14px;
			display: inline-block;
			padding-left: 25px;
			margin-bottom: 10px;
			}
		#list #mailRegist input{
			display: block;
			margin-bottom: 10px;
			width:100%;
			border-radius:3px;
			height:27px;
			line-height: 27px;
			padding:0 5px;
			border:1px solid #c8c8c8;
			}
		#list #mailRegist a{
			display: block;
			width: 50%;
			margin:0 auto;
			box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
			-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
			-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
			color:#fff;
			text-decoration:none;
			border-radius:3px;
			font-weight: bold;
			background:#112f74;
			padding:7px 0;
			}
			#list #mailRegist a img{
				vertical-align: middle;
				display: inline-block;
				margin-left: 5px;
			}


/*mail
----------------------------------------------------------------------------------------------*/
#mail{
	padding:15px 10px;
	}
	#mail h2{
		font-size:16px;
		font-weight: bold;
		color:#0b50a2;
		border-left: 3px solid #0b50a2;
		padding-left: 10px;
		}
	#mail h3{
		font-size:14px;
		font-weight: bold;
		margin-bottom: 10px;
		}
		#mail form{
			margin-top: 15px;
			background:#f8f8f8;
			padding:15px 10px;
			}
		#mail form input[type=text],
		#mail form input[type=password]{
			width: 100%;
			border:1px solid #c8c8c8;
			display: block;
			padding:0 5px;
			height:35px;
			line-height: 35px;
			border-radius:3px;
			}
	#mail input{
		-webkit-appearance:none;
		appearance:none;
		}
	#mail .formIn01 input[type=text]{
		margin-bottom: 10px;
		}
	#mail .formIn01 .txt01{
		font-size:9px;
		color:#787878;
		margin-bottom: 15px;
		}
	#mail .formIn01 .txt02 a{
		color:#2e88d7;
		}

	#mail .title01{
		background:url(/img/sp/mail/bg01.png) left center no-repeat;
		background-size:24px 12px;
		padding-left: 30px;
		}
	#mail .formIn02 input[type=text],
	#mail .formIn02 input[type=password]{
	margin-bottom: 10px;
	}
	#mail .formIn02 .txt01,
	#mail .formIn02 .txt01 a{
		color:#2e88d7;
		}
	#mail .formIn02 label{
		background:url(/img/sp/common/bg_checkbox01.png) left center no-repeat;
		background-size: 15px 15px;
		display: inline-block;
		height: 17px;
		line-height: 17px;
		padding-left: 25px;
		}
		#mail .formIn02 input[type=checkbox]{
			display: none;}
		#mail .formIn02 input[type=checkbox]:checked + label{
			background:url(/img/sp/common/bg_checkbox01_on.png) left center no-repeat;
			background-size: 15px 15px;
		}
	#mail .complete{
		padding:30px 0;
		text-align:center;
		}
		#mail .complete h3{
			font-size:18px;
			}
			#mail .complete p{
				margin-bottom: 30px;
				}
			#mail .complete a{
				width:70%;
				margin:0 auto;
				}
#mail .result{
	padding-top: 10px;
	}
	#mail .result span{
		color:#2e88d7;
		font-weight: bold;
		}

.mailList{
	width:100%;
	table-layout:fixed;
	margin-bottom: 20px;
	}
	.mailList th{
		border:1px solid #d2d2d2;
		border-left: 0;
		width:35px;
		padding-top: 15px;
		background:#f0f0f0;
		vertical-align: top;
		}
	.mailList td{
		border:1px solid #d2d2d2;
		border-right: 0;
		vertical-align: top;
		padding:15px 10px;
		}
	.mailList td p span{
		display: inline-block;
		border-radius:3px;
		background:#787878;
		padding:5px 10px;
		margin-right: 10px;
		color:#fff;
		font-size:10px;
		margin-bottom: 5px;
		}
	.mailList td a{
		color:#2e88d7;
		display: block;
		margin-bottom: 15px;
		}
	.mailList input{
		display: none;
		}
		.mailList label{
			background:url(/img/sp/common/bg_checkbox01.png) 0 0 no-repeat;
			background-size: 15px 15px;
			width:17px;
			height:17px;
			display: inline-block;
			}
		.mailList input:checked + label{
			background:url(/img/sp/common/bg_checkbox01_on.png) 0 0 no-repeat;
			background-size: 15px 15px;
		}

/*form
----------------------------------------------------------------------------------------------*/
#formWrap{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	}

#searchWrap02{
	width:100%;
	position:static;
	}
	#searchWrap02.active{
		height:100%;
		}
	#searchWrap02 #allClear{
		display: none;
		}
	#searchWrap02.active #allClear{
		display: block;
		}
#searchWrap02 #basicIn{
	display: block;
	}
#searchWrap02 .settingBtn{
	background:#fff;
	padding:30px 0;
	}
	#searchWrap02 .settingBtn a,
	#searchWrap02 .settingBtn input,
	#searchWrap02 .settingBtn02{
		display: block;
		width: 70%;
		color: #fff;
		text-decoration: none;
		text-align: center;
		margin:0 auto;
		background: #122f74;
		border-radius: 3px;
		padding: 10px 0;
		font-size: 15px;
		vertical-align: top;
		box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
		-moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px -1px;
	}

#basic .simpleResult{
	padding:20px 10px;
	}
#basic .simpleResult p{
	float: left;
	width: 49%;
	text-align:center;
	font-size:10px;
	}
	#basic .simpleResult p .txt01{
		font-size:17px;
		font-weight: bold;
		color:#e84039;
		}
	#basic .simpleResult p .txt02{
		font-size:12px;
		font-weight: bold;
		}
#basic .simpleResult .searchBtn{
	margin:0;
	float: right;
	width: 49%;
	}

#areaSelect{
	padding-bottom: 70px;}
#areaSelect .areaTitle{
    padding-top: 10px;
    width: 100%;
    padding: 15px 10px 15px 35px;
    font-weight: bold;
    position: relative;
    background: url(/img/sp/common/bg_mapicon.png) 10px center no-repeat #f7f6f4;
    background-size: 15px 19px;
	}
	#areaSelect .areaTitle .otherSelect{
		position:absolute;
		top: 8px;
		right: 5px;
		}
#trainIcon,
#areaSelect #trainIcon{
    background: url(/img/sp/common/bg_trainicon.png) 10px center no-repeat #f7f6f4;
    background-size: 15px 17px;

}
#mapIcon,
#areaSelect #mapIcon{
    background: url(/img/sp/common/bg_mapicon.png) 10px center no-repeat #f7f6f4;
    background-size: 15px 19px;

}

	#searchWrap02 .backBtn{
		}
		#searchWrap02 .backBtn img{
			transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			margin: 0;
			}

#searchWrap02 .accBtn{
    position:absolute;
    width: 38px;
    height: 100%;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 500;
}
#searchWrap02 .fullwidth{
    width:100%;
}
#searchWrap02 .accBtn a{
    width:20px;
    height:20px;
    display: block;
    border-radius:3px;
	background:#fff;
    box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
    -moz-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
    text-decoration:none;
    position:absolute;
    right: 10px;
    top: 8px;
    }
    #searchWrap02 .accBtn a:before{
        content:"";
        position:absolute;
        top: 8px;
        left: 4px;
        width:12px;
        height:2px;
        border-radius:3px;
        background:#8492b4;
        display: block;
        transition:all 250ms;
        }
    #searchWrap02 .accBtn a:after{
        content:"";
        position:absolute;
        top: 8px;
        left: 4px;
        width:12px;
        height:2px;
        border-radius:3px;
        background:#8492b4 ;
        display: block;
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transition:all 250ms;
        }
        #searchWrap02 .accBtn.active a:before,
        #searchWrap02 .accBtn.active a:after{
            transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
        }

#areaSelect input{
	display: none;
	}
#areaSelect .accLv1 > li > div{
	background: url(/img/sp/common/bg_checkbox01_on.png) 10px center no-repeat #112f74;
	padding-left: 35px;
	height: 38px;
	line-height: 37px;
	background-size: 15px 15px;
	color:#fff;
	position:relative;
	border-bottom:1px solid #d2d2d2;
	}
	#areaSelect .accLv2{
		display: none;
		}
	#areaSelect .accLv2 > li > div{
		position:relative;
		border-bottom:1px solid #d2d2d2;
		}
	#areaSelect .accLv2 > li > div > p{
		padding-left: 10px;
		height: 38px;
		line-height: 37px;
		background:#f8f8f8;
		}
		#areaSelect .accLv2 > li > div > label{
			padding-left: 35px;
			height: 38px;
			line-height: 37px;
			display: block;
			background: url(/img/sp/common/bg_checkbox01.png) 10px center no-repeat #f8f8f8;
			background-size: 15px 15px;
		}
		#areaSelect .accLv2 > li > div > label.active{
			background: url(/img/sp/common/bg_checkbox01_on.png) 10px center no-repeat #e6e9f1;
			background-size: 15px 15px;
			}
	#areaSelect .accLv3{
		display: none;
		}
	#areaSelect .accLv3 > li{
		border-bottom:1px dotted #d2d2d2;
		}
		#areaSelect .accLv3 > li:last-child{
			border-bottom:1px solid #d2d2d2;
		}
		#areaSelect .accLv3 > li > label{
			padding-left: 35px;
			height: 38px;
			line-height: 37px;
			display: block;
			background: url(/img/sp/common/bg_checkbox01.png) 10px center no-repeat;
			background-size: 15px 15px;
		}
		#areaSelect .accLv3 > li > label.active{
			background: url(/img/sp/common/bg_checkbox01_on.png) 10px center no-repeat #e6e9f1;
			background-size: 15px 15px;
			}
		#areaSelect .accLv2 > li > label{
			padding-left: 35px;
			height: 38px;
			line-height: 37px;
			display: block;
			background: url(/img/sp/common/bg_checkbox01.png) 10px center no-repeat;
			background-size: 15px 15px;
			border-bottom:1px dotted #d2d2d2;
		}
		#areaSelect .accLv2 > li > label.active{
			background: url(/img/sp/common/bg_checkbox01_on.png) 10px center no-repeat #e0edf9;
			background-size: 15px 15px;
			}

#areaSelect .submitArea{
	position:fixed;
	bottom: 0;
	left: 0;
	width:100%;
	padding: 15px 10px;
	background-color: rgba(253,236,243,0.6);
	z-index:9999;
	}
#areaSelect .submitArea input{
	display: inline-block;
	}
.searchBox .simpleResult{
	padding:30px 0;
	background:#fff;
	}
.searchBox .simpleResult p{
	text-align:center;
	font-size:10px;
	}
	.searchBox .simpleResult p .txt01{
		font-size:17px;
		font-weight: bold;
		color:#e84039;
		}
	.searchBox .simpleResult p .txt02{
		font-size:12px;
		font-weight: bold;
		}
.settingBtn + .simpleResult{
	padding-top: 0;
	}

/*detail
----------------------------------------------------------------------------------------------*/
#listBack{
	background:#dcdcdc;
	padding:5px 10px;
	}
	#listBack a{
		text-decoration:none;
		font-size: 9px;
		font-weight: bold;
		}
		#listBack a img{
			display: inline-block;
			margin-right: 5px;
			-moz-transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			}

#detail #titleBox{
	padding-top:20px;
	}
	#detail #titleBox .status{
		text-align:left;
		padding-left: 10px;
		}
		#detail #titleBox .status li{
			display: inline-block;
			margin-right: 5px;
			}
	#detail #titleBox .title{
		padding: 10px;
		background: #112f74;
		color: #fff;
		font-weight: bold;;
		}
		#detail #titleBox .infoBox{
			padding: 15px 10px;
			background: #fff;
			}
			#detail #titleBox .infoBox h3{
				color: #112f74;
				margin-bottom: 10px;
				font-weight: bold;
			}
			#detail #titleBox .infoBox p{
				margin-bottom: 15px;
			}
			#detail #titleBox .infoBox img{
				display: block;
				width: 50%;
				height: auto;
				margin: 0 auto 15px;
			}
			#detail #titleBox .infoBox ul li{
				padding: 3px 5px;
				margin: 0 5px 5px 0;
				background: #fde1eb;
				border-radius: 3px;
				display: inline-block;
				font-size: 8px;
				font-weight: bold;

			}



#detail .tabBtn02{
	border-bottom: 3px solid #112f74;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px -2px;
	}
#detail .tabBtn02 li{
	width: 50%;
	float: left;
	background: #8492b4;
	text-align: center;
	}
	#detail .tabBtn02 li.active{
		background: #112f74;
	}
	#detail .tabBtn02 li img{
		}

		#detail .detailTable01 dl{
			border:1px solid #e1e1e1;
			border-top: 0;
			display:table;
			width:100%;
			table-layout:fixed;
			}
			#detail .detailTable01 dl:nth-child(odd) dt{ background: #e5e8f0; }
			#detail .detailTable01 dl:nth-child(odd) dd{ background: #fff; }
			#detail .detailTable01 dl:nth-child(even) dt{ background: #dadee8; }
			#detail .detailTable01 dl:nth-child(even) dd{ background: #f4f6fa; }
			#detail .detailTable01 dl dt{
				display:table-cell;
				font-size:12px;
				font-weight: bold;
				border-right: 1px solid #e1e1e1;
				padding:10px;
				width: 100px;
				vertical-align: top;
				}
			#detail .detailTable01 dl dd{
				display:table-cell;
				font-size:12px;
				width: 100%;
				vertical-align: top;
				padding: 10px;
				}
				#detail .detailTable01 dl dd ul li{
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#detail .detailTable01 dl dd a{
					color:#2e88d7;
					}
				#detail .detailTable01 dl dd .txt01{
					color:#102f74;
					font-size:inherit;
					}
				#detail .detailTable01 dl dd .txt02{
					color:#d00;
					font-size:inherit;
					font-weight: bold;
					font-size:14px;
					}

				#detail .detailTable01 dl dd .access{
					}
					#detail .detailTable01 dl dd .access .txt01{
						line-height: 22px;
						}
					#detail .detailTable01 dl dd .access a{
						display: inline-block;
						margin-left: 5px;
						}
					#detail .detailTable01 dl dd .access + .access{
						padding-top: 5px;
						border-top: 1px dotted #cccccc;
						margin-top: 5px;
						}

#detail .detailBox01{
	background: #fff;
	padding-bottom: 45px
	}
	#detail .detailBox01 .companyName{
		font-size: 10px;
		font-weight: bold;
		padding: 15px 10px;
	}
	#detail .detailBox01 .copy{
		font-weight: bold;
		padding: 15px 10px;
		color: #fff;
		background: #102f74;
	}
	#detail .detailBox01 .boxIn01{
		padding: 15px 10px;
	}
	#detail .detailBox01 .boxIn01 .detailTable01 dl{
		border-top: 1px solid #e1e1e1;
	}
	#detail .detailBox01 .boxIn01 ul li{
		width: 50%;
		float: left;
	}
	#detail .detailBox01 .boxIn01 ul li img{
		width: 100%;
		height: auto;
	}

#detail #detailSlide{
	padding:15px 35px;
	background: #f7f6f4
	}
#detail #detailSlide ul li img{
	width:100%;
	height:auto;
	display: block;
	margin-bottom: 5px;
	}
	#detail #detailSlide .bx-wrapper .bx-pager{
		bottom:-40px;
		}
	#detail #detailSlide .bx-wrapper .bx-pager.bx-default-pager a{
		width: 10px;
		height: 10px;
		margin:0 5px;
		background:#dcdcdc;
		}
	#detail #detailSlide .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#detail #detailSlide .bx-wrapper .bx-pager.bx-default-pager a.active{
		background:#d83535;
		}
#detail #detailSlide .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    outline: 0;
    width: 9px;
    height: 15px;
    text-indent: -9999px;
    z-index: 9999;
}
#detail #detailSlide .bx-wrapper .bx-prev {
    left: -24px;
    background:url(/img/sp/common/btn_prev.png) 0 0 no-repeat;
    background-size: 9px 15px;
}
#detail #detailSlide .bx-wrapper .bx-next {
    right: -24px;
    background:url(/img/sp/common/btn_next.png) 0 0 no-repeat;
    background-size: 9px 15px;
}


#detail #detailSlide02{
	padding-left: 20px;
	padding-right: 20px;
	}
	#detail #detailSlide02 ul li{
		padding:10px;
		background:#f0f0f0;
		}

#detail #detailSec01{
	padding:15px 10px;
	}

	#detail #detailSec01 ul li{
		float: left;
		width:32%;
		text-align:center;
		font-size:10px;
		padding:5px 0;
		font-weight: bold;
		border-radius:3px;
		margin-right: 2%;
		margin-bottom: 5px;
		}
		#detail #detailSec01 ul li:nth-child(3n){
			margin-right: 0;
			}
		#detail #detailSec01 .tag01 li{ background:#e0edf9; color:#2e88d7;}
		#detail #detailSec01 .tag02{
			margin-bottom: 15px;
			}
		#detail #detailSec01 .tag02 li{ background:#daefeb; color:#059676;}
#detail .caption02{
	font-size:9px;
	color:#969696;
	}

#detail .detailTitle1{
	position:relative;
	background:#102f74;
	padding: 10px;
	}
#detail .interviewTitle{
	background: url(/img/sp/detail/bg_title01.png) 10px center no-repeat #102f74;
	padding-left: 40px;
	background-size: 20px 20px;
}
#detail .prpointTitle{
	background: url(/img/sp/detail/bg_title02.png) 10px center no-repeat #102f74;
	padding-left: 40px;
	background-size: 20px 20px;
}
#detail .companyTitle{
	background: url(/img/sp/detail/bg_title03.png) 10px center no-repeat #102f74;
	padding-left: 40px;
	background-size: 20px 20px;
}

	#detail .detailTitle1 h3{
		color:#fff;
		font-weight: bold;
		padding-right: 30px;
		min-height:18px;
		font-size:14px;
		}
	#detail .detailTitle1 a{
		position:absolute;
		z-index:5000;
		top:50%;
		margin-top: -11px;
		right: 37px;
		}
#detail .detailTitle1 span{
	width:18px;
	height:18px;
	display: block;
	border-radius:3px;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
	text-decoration:none;
	position:absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	float: right;
	z-index:500;
	}
	#detail .detailTitle1 span:before{
		content:"";
		position:absolute;
		top: 8px;
		left: 4px;
		width:10px;
		height:2px;
		border-radius:3px;
		background:#102f74;
		display: block;
		transition:all 250ms;
		}
	#detail .detailTitle1 span:after{
		content:"";
		position:absolute;
		top: 8px;
		left: 4px;
		width:10px;
		height:2px;
		border-radius:3px;
		background:#102f74;
		display: block;
		transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transition:all 250ms;
		}
		#detail .detailTitle1.active span:before,
		#detail .detailTitle1.active span:after{
			transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
		}

#detail #aboutBox{
	}
	#detail #aboutBox img{
		width:100%;
		height:auto;
		}
	#detail #aboutBox h4{
		color:#fff;
		font-weight: bold;
		font-size:13px;
		background:#0b50a2;
		padding:10px;
		}
	#detail #aboutBox h5{
		border-left:3px solid #0b50a2;
		background:#fff;
		font-weight: bold;
		padding:5px 10px;
		color:#0b50a2;
		font-size:13px;
		margin-bottom: 15px;
		}
	#detail #aboutBox .interview{
		background: #fff;
		padding-bottom: 15px;
	}
	#detail #aboutBox .interview .interviewBox{
		display: table;
		width: 100%;
		margin-bottom: 15px;
		table-layout: fixed;
		}
		#detail #aboutBox .interview .interviewBox .leftPh{
			display: table-cell;
			width: 115px;
			vertical-align: middle;
		}
		#detail #aboutBox .interview .interviewBox .leftPh img{
			width: 100%;
			height: auto;
		}
		#detail #aboutBox .interview .interviewBox .rightPh{
			display: table-cell;
			padding-left: 15px;
			vertical-align: middle;
		}
		#detail #aboutBox .interview .interviewBox .rightPh h6{
			color: #102f74;
			font-weight: bold;
			margin-bottom: 5px;
		}

	#detail #aboutBox .interview li{
		padding: 15px 10px;
	}
	#detail #aboutBox .interview li + li{
		border-top: 1px dotted #ccc;
		}
#detail #aboutBox .interview li:last-child{
	border-bottom: 1px solid #ccc;

}


	#detail #aboutBox .prTxt{
		padding: 15px 10px;
		color: #102f74;
		font-weight: bold;
		background: #fff;
	}
	#detail #aboutBox .prPoint{
		background: #fff;
		padding-bottom: 15px;
		}
	#detail #aboutBox .prPoint li:last-child{
		border-bottom: 1px solid #ccc;
		}
	#detail #aboutBox .prPoint .point{
		background:#d00000;
		color:#fff;
		padding:5px 10px;
		}
		#detail #aboutBox .prPoint .point span{
			font-size:15px;
			color:#fff;
			font-weight: bold;
			vertical-align:inherit;
			}
		#detail #aboutBox .prPoint .prPointIn{
			padding:10px;
			}
			#detail #aboutBox .prPoint .prPointIn .txt01{

				}
			#detail #aboutBox .prPoint .prPointIn .img{
				}

#detail .driverStep li + li{
	background:url(/img/sp/detail/bg_stepyaji.png) center top no-repeat;
	background-size:26px 18px;
	padding-top: 16px;　　　　
	}
	#detail .driverStep li > div{
		background:#fff;
		padding:10px;
		display:table;
		width:100%;
		table-layout:fixed;
		}
		#detail .driverStep li div .leftPh{
			display:table-cell;
			width:40px;
			vertical-align: top;
			text-align:center;
			font-size:7px;
			background:url(/img/sp/detail/bg_step.png) 0 0 no-repeat;
			background-size:40px 40px;
			color:#fff;
			line-height:1;
			padding-top: 8px;
			padding-bottom: 5px;
			}
			#detail .driverStep li div .leftPh span{
				color:#fbd400;
				font-weight: bold;
				font-size:17px;
				}
		#detail .driverStep li div .rightPh{
			display:table-cell;
			padding-left: 10px;
			vertical-align: top;
			}
			#detail .driverStep li div .rightPh h6{
				font-weight: bold;
				color:#0b50a2;
				margin-bottom: 5px;
				}

#detail .detailTable02 dl{
	border-bottom:1px solid #e1e1e1;
	border-top: 0;
	display:table;
	width:100%;
	table-layout:fixed;
	}
	#detail .detailTable02 dl dt{
		display:table-cell;
		font-size:12px;
		font-weight: bold;
		color:#0b50a2;
		padding:10px;
		width: 84px;
		vertical-align: top;
		}
	#detail .detailTable02 dl dd{
		display:table-cell;
		font-size:12px;
		width: 100%;
		vertical-align: top;
		padding: 10px;
		}
		#detail .detailTable02 dl dd ul li + li{
			margin-left: 15px;
		}
		#detail .detailTable02 dl dd .txt01{
			color:#2e88d7;
			font-size:inherit;
			}
		#detail .detailTable02 dl dd .txt02{
			color:#f16964;
			font-size:inherit;
			font-weight: bold;
			}

		#detail .detailTable02 dl dd .access{
			}
			#detail .detailTable02 dl dd .access a{
				display: inline-block;
				margin-left: 5px;
			}
			#detail .detailTable02 dl dd .access .txt01{
				line-height: 22px;
				margin-bottom: 5px;
				}
			#detail .detailTable02 dl dd .access + .access{
				padding-top: 10px;
				border-top: 1px dotted #cccccc;
				margin-top: 10px;
				}


		#detail .detailTable03 dl{
			border:1px solid #e1e1e1;
			border-top: 0;
			display:table;
			width:100%;
			table-layout:fixed;
			}
			#detail .detailTable03 dl dt{
				display:table-cell;
				font-size:12px;
				font-weight: bold;
				border-right: 1px solid #e1e1e1;
				padding:10px;
				width: 84px;
				vertical-align: top;
				background: #f3f1ed;
				}
			#detail .detailTable03 dl dd{
				display:table-cell;
				font-size:12px;
				width: 100%;
				vertical-align: top;
				padding: 10px;
				background: #fff;
				}
				#detail .detailTable03 dl dd ul li{
					margin-right: 5px;
					margin-bottom: 5px;
				}
				#detail .detailTable03 dl dd a{
					color:#2e88d7;
					}
				#detail .detailTable03 dl dd .txt01{
					color:#102f74;
					font-size:inherit;
					}
				#detail .detailTable03 dl dd .txt02{
					color:#d00;
					font-size:inherit;
					font-weight: bold;
					font-size:14px;
					}

				#detail .detailTable03 dl dd .access{
					}
					#detail .detailTable03 dl dd .access .txt01{
						line-height: 22px;
						}
					#detail .detailTable03 dl dd .access a{
						display: inline-block;
						margin-left: 5px;
						}
					#detail .detailTable03 dl dd .access + .access{
						padding-top: 5px;
						border-top: 1px dotted #cccccc;
						margin-top: 5px;
						}


#detail .defaultAcc{
	display: none;
	}


#detail #simJobs{
	position:relative;
	padding:15px 0;
	}
	#detail #simJobs a{
		display: block;
		text-decoration:none;
		}

	#detail #simJobs ul li{
		padding:0 33px;
		}
		#detail #simJobs ul li a > p{
			font-weight: bold;
			color:#053588;
			margin-bottom: 10px;
			}
			#detail #simJobs ul li .sliderIn{
				display:table;
				width:100%;
				table-layout:fixed;
				}
				#detail #simJobs ul li .sliderIn .leftPh{
					display:table-cell;
					width:85px;
					}
					#detail #simJobs ul li .sliderIn .leftPh img{
						width:100%;
						height:auto;
						}
				#detail #simJobs ul li .sliderIn .rightPh{
					display:table-cell;
					padding-left: 10px;
					}
					#detail #simJobs ul li .sliderIn .rightPh > p{
						padding-left: 15px;
						}
				#detail #simJobs ul li .txt01{
					background:url(/img/sp/common/bg_icon01.png) 0 2px no-repeat;
					background-size:10px 12px;
					}
				#detail #simJobs ul li .txt02{
					background:url(/img/sp/common/bg_icon02.png) 0 2px no-repeat;
					background-size:10px 12px;
					}
				#detail #simJobs ul li .txt03{
					background:url(/img/sp/common/bg_icon03.png) 0 2px no-repeat;
					background-size:10px 11px;
					}
					#detail #simJobs ul li .txt03 span{
						font-weight: bold;
						color:#f16964;
						}
				#detail #simJobs ul li .txt04{
					background:url(/img/sp/common/bg_icon04.png) 0 2px no-repeat;
					background-size:10px 8px;
					}
				#detail #simJobs > a{
					display: block;
					background:#0b50a2;
					width:23px;
					text-align:center;
					height:46px;
					padding-top: 17px;
					top:50%;
					margin-top: -23px;
					box-shadow:rgba(0, 0, 0, 0.2) -1px 2px 4px -1px;
					-webkit-box-shadow:rgba(0, 0, 0, 0.2) -1px 2px 4px -1px;
					-moz-box-shadow:rgba(0, 0, 0, 0.2) -1px 2px 4px -1px;
					}
				#detail #simJobs .prev{
					position:absolute;
					left: 0;
					border-radius:0px 3px 3px 0px;
					}
					#detail #simJobs .prev img{
						-moz-transform: rotate(180deg);
						-webkit-transform: rotate(180deg);
						-o-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						}
				#detail #simJobs .next{
					position:absolute;
					right: 0;
					background:#0b50a2;
					border-radius:3px 0px 0px 3px;
					box-shadow:rgba(0, 0, 0, 0.2) 1px 2px 4px -1px;
					-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 2px 4px -1px;
					-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 2px 4px -1px;
					}
#detail #btnArea{
	background:#fcedf3;
	padding:10px 0px;
	width:100%;
	position:fixed;
	width:100%;
	bottom: 0;
	left: 0;
	z-index:9999;
	text-align: center;
	}
	#detail #btnArea .fav{
		display: inline-block;
		width:145px;
		vertical-align: top;
		margin-right: 5px;
		}
		#detail #btnArea .fav input{
			display: none;
			}
		#detail #btnArea .fav label{
			width:145px;
			height:40px;
			display: block;
			background:url(/img/sp/common/bg_kenntou03.png) 0px -40px no-repeat;
			background-size:145px 80px;
			overflow: hidden;
			}
		#detail #btnArea .fav input:checked + label{
			background:url(/img/sp/common/bg_kenntou03.png) 0px 0px no-repeat;
			background-size:145px 80px;
			}
	#detail #btnArea .btn{
		display: inline-block;
		}
		#detail #btnArea .btn a{
			display: inline-block;
			}
			#detail #btnArea .btn a + a{
				margin-left: 5px;
				}
	#detail #btnArea .fixBtnMessage{
		display:table-cell;
		height:45px;
		padding-top: 11px;
		font-size:19px;
		color:#ffffff;
		text-align:center;
		}

.o_tit {
border-top: 2px solid #323232;
    padding-top: 10px;

}
/*.o_tit span {
    display: block;
    font-size: 16px;
    padding: 3px 0 3px 10px;
    border-left: 8px solid #0b50a2;
    margin-bottom: 10px;
}*/
.b_tit {
	padding: 0.8em 8px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: #f7f6f4;
}
#flashMessage {
	margin: 10px 8px;
	padding: 15px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #ff6c00;
	background: #fff;
	border: 2px #ff6c00 solid;
}
span.err {
	display: block;
	color: #f00;
}
/*----------------
    regist
----------------*/
.h_step {
	margin: 10px 0 8px;
}
#reg_topimg {
	margin: -8px 0 0;
}
.h_step img,
#reg_topimg img {
	width: 100%;
}
.reg_box {
	padding: 8px 8px 15px;
	background: #fff;
}
.reg_box.comp {
	padding: 8px 8px 15px;
	font-size: 16px;
	text-align: left;
	background: #fff;
}
.reg_box table {
	width: 100%;
	margin: 0 0 8px;
	background: #fff;
	border: 1px #c7c7c7 solid;
}
.reg_box table.conf {
	border: none;
}
.reg_box th {
	padding: 5px 8px;
	text-align: left;
	font-size: 13px;
	background: #c8c8c8;
}
.reg_box table.conf th {
	padding: 2px 5px;
	text-align: left;
	font-size: 13px;
	background: none;
	border-left: 5px #0b4fa1 solid;
}
.reg_box th .req01,
.reg_box th .req02 {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 2px 5px;
	font-size: 12px;
	color: #fff;
	line-height: 1;
}
.reg_box th .req01 {
	background: #112f74;
}
.reg_box th .req02 {
	background: #40aaef;
}
.reg_box td {
	padding: 8px;
	font-size: 13px;
	text-align: left;
}
.reg_box table.conf td {
	padding: 5px 5px 20px;
	font-size: 16px;
	text-align: left;
}
.reg_box td input[type="text"],
.reg_box td input[type="password"] {
	width: 100%;
	height: 36px;
	padding: 0 3px;
	background: #fff;
	border: 1px #0e7ac4 solid;
	line-height: 36px;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.reg_box td input[type="text"].required,
.reg_box td input[type="password"].required,
.reg_box td select.required,
.reg_box td textarea.required {
	border: 1px #0b4fa1 solid;
}
.reg_box td input[type="text"].ErrorField,
.reg_box td input[type="password"].ErrorField,
.reg_box td select.ErrorField,
.reg_box td textarea.ErrorField {
	margin-bottom: 2px;
	border: 1px #0b4fa1 solid !important;
}
.reg_box td input[type="text"].noErrorField,
.reg_box td input[type="password"].noErrorField,
.reg_box td select.noErrorField,
.reg_box td textarea.noErrorField {
	border: 1px #0e7ac4 solid;
}
.reg_box td select {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #fff;
	border: 1px #0e7ac4 solid;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.reg_box td textarea {
	width: 100%;
	height: 150px;
	background: #fff;
	border: 1px #0e7ac4 solid;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#ProfileAdd,
.areaCont {
	display: none;
	margin: 5px 0 0;
	border-top: 1px #c7c7c7 dashed;
}
span.address {
	display: block;
	padding: 5px 0 0;
}
span.birth {
	display: table;
	width: 100%;
	margin: 4px 0;
}
span.birth select {
	display: table-cell;
}
span.birth span {
	display: table-cell;
	width: 1em;
	padding: 0 0.5em;
}
span.birth + span span.err {
	margin: -5px 0 5px;
}
span.s_select {
	display: block;
	margin: 4px 0;
}
span.s_select select {
	width: auto !important;
	min-width: 8em;
	margin: 0 5px;
}
span.pay {
	display: table;
	width: 100%;
	margin: 4px 0;
}
span.pay select {
	display: table-cell;
}
span.pay span {
	display: table-cell;
	width: 2em;
	padding: 0 0.5em;
}
span.pay + span span.err {
	margin: -5px 0 5px;
}
.reg_box td .check {
	padding: 4px;
}
.reg_box td .check .ib {
	display: inline-block;
	min-width: 47%;
	padding: 0 2% 0 0;
	vertical-align: top;
	font-size: 18px;
	line-height: 2;
}
.reg_box td .check label {
	padding: 0 10px 0 0;
	line-height: 2;
}
.reg_box td .check .ib > label {
	padding: 0;
}
.reg_box td .check .ib input {
	width: 1em;
	height: 1em;
	margin: 0 5px 0 0;
}
.reg_title {
	position: relative;
	background: #ffe8ea;
	border-top: 6px #0b4fa1 solid;
}
.reg_title:before {
	position: absolute;
	content: '';
	width: 44px;
	height: 44px;
	top: 50%;
	left: 8px;
	margin: -22px 0 0;
	background: url(/img/sp/reg_icon.png) no-repeat 0 0;
	background-size: 100%;
}
.reg_title p {
	padding: 10px 8px 10px 60px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #262626;
}
.reg_box .submit p {
	padding: 8px 0 12px;
	font-size: 13px;
}
.reg_box .submit p a {
	color: #e60012;
	text-decoration: underline;
}
.reg_box .submit input {
	display: block;
	width: 90%;
	margin: 0 auto 12px;
	padding: 1em 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #d00 url(/img/sp/btn_arrow.png) no-repeat right 10px center;
	background-size: auto 1em;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.reg_box .submit_conf input {
	float: right;
	width: 60%;
}
.reg_box .submit_conf a.btn {
	display: block;
	float: left;
	width: 38%;
	margin: 0 auto 12px;
	padding: 1em 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align:center;
	color: #fff;
	background: #b9b9b9 url(/img/sp/btn_arrow02.png) no-repeat 10px center;
	background-size: auto 1em;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	text-decoration:none;
	-moz-border-radius: 0;
}
.reg_box .submit .mark img {
	height: 40px;
	margin: 0 5px;
}
.reg_station_select {
	display: block;
	margin: 4px 0;
}
.reg_station_select.none {
	display: none;
}
.reg_station_select span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.reg_station_select p.selcted_station {
	vertical-align: middle;
}
.reg_station_select .btn {
	display: inline-block;
	padding: 7px 23px 7px 13px;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	color: #ffa200;
	background: #fff url(/img/sp/arrow02.png) no-repeat right 5px center;
	background-size: auto 0.8em;
	border: 2px #ffa200 solid;
	line-height: 1;
	cursor: pointer;
}
.reg_station_select_box {
	display: none;
	padding: 10px 0 0;
}
.reg_station_select_box dl {
	display: none;
	margin: 10px 0 0;
	border-top: 1px #d1d1d1 solid;
}
.reg_station_select_box dt {
	padding: 12px 12px 12px 30px;
	font-size: 17px;
	font-weight: bold;
	background: #ffc97c url(/img/sp/ico_plus01.png) no-repeat 8px center;
	background-size: auto 1em;
	border-bottom: 1px #d1d1d1 solid;
	line-height: 1;
}
.reg_station_select_box dt.open {
	background: #ffc97c url(/img/sp/ico_minus01.png) no-repeat 8px center;
	background-size: auto 1em;
}
.reg_station_select_box dd {
	display: none;
}
.reg_station_select_box dd.area {
	display: block;
}
.reg_station_select_box dd div {
	display: table;
	width: 100%;
	background: #f7f7f7;
	border-bottom: 1px #d1d1d1 solid;
}
.reg_station_select_box dd div label {
	display: table-cell;
	height: 44px;
	padding: 0 10px;
	font-size: 15px;
	vertical-align: middle;
	text-decoration: underline;
	color: #ffa200;
}
.reg_station_select_box dd div label input {
	width: 1em;
	height: 1em;
	margin: 0 8px 0 0;
	vertical-align: middle;
	outline: none;
}
.reg_station_select_box dd div span {
	display: none;
	width: 4em;
	height: 44px;
	padding: 0 30px 0 10px;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	background: #ffa200 url(/img/sp/reg_arrow01.png) no-repeat right 5px center;
	background-size: auto 1em;
	line-height: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.reg_station_select_box dd div span.show {
	display: table-cell;
}
.reg_box .upload input[type="file"] {
	width: 100%;
	margin: 0 0 10px;
	padding: 1em;
	color: #000;
	background: #fcfcfc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.reg_box .upload {
	color: #e60012;
	word-break: break-all;
}
.reg_box .upload p.txt {
	padding: 5px 0 0;
	font-size: 10px;
	color: #000;
}

/*keywod
----------------------------------------------------------------------------------------------*/
#keywordWrap{
	padding:15px 15px 5px;
	}
	#keywordWrap table{
		width: 100%;
		}
	#keywordWrap td{
		width:50%;
		padding-bottom: 10px;
		}
		#keywordWrap td a{
			background:url(/img/sp/common/btn_yaji03.png) left center no-repeat;
			background-size:5px 9px;
			padding-left: 10px;
			}

/**
* table
*/
table.set {
	width: 100%;
	border: 1px solid #e5e5e5;
}

table.set th,
table.set td {
	border: 1px solid #e5e5e5;
	padding: 15px;
}

table.set th {
	background: #ffeeee;
	text-align: left;
	vertical-align: middle;
}

table.set th span {
	color: #ff0000;
}

table.set td {
	line-height: 1.8;
	vertical-align: top;
}

/*----------------------------------------------------
	privacy
----------------------------------------------------*/

#privacy {
	font-size: 14px;
	font-size: 1.4rem;
}

#privacy h3 {
	border-bottom: 1px solid #d5d5d5;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 0 10px 5px;
}

#privacy dl dt {
	font-weight: bold;
	padding: 25px 0 0;
}

#privacy dl dd {
	padding: 15px 0 0;
	line-height: 1.8;
}

#privacy dl dd table {
	width: 100%;
	border: 1px solid #d5d5d5;
	font-size: 12px;
	font-size: 1.2rem;
}

#privacy dl dd table th,
#privacy dl dd table td {
	border: 1px solid #d5d5d5;
	padding: 10px;
}

#privacy .contact {
	width: 500px;
	margin: 30px auto 50px;
	padding: 15px;
	border:1px #565656 solid;
	line-height: 1.5;
}

/*----------------
    faq
----------------*/
#faq_tab {
	padding: 0 3px 5px 8px;
	font-size: 15px;
}
#faq_tab span {
	float: left;
	display: block;
	height: 36px;
	margin: 0 5px 5px 0;
	padding: 0 5px;
	font-size: 15px;
	line-height: 36px;
	color: #0b4fa1;
	background: #fff;
	border: 1px #0b4fa1 solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#faq_tab span.current {
	color: #fff;
	background: #0b4fa1;
}
.faq_cate_tit {
	margin: 0 0 -1px;
	padding: 10px 8px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	background: #fff3d5;
	border-top: 1px #c7c7c7 solid;
	border-bottom: 1px #c7c7c7 solid;
}
ul.faq_list {
	margin: 0 0 15px;
	padding: 8px;
	background: #fff;
	border-top: 1px #c7c7c7 solid;
	border-bottom: 1px #c7c7c7 solid;
}
ul.faq_list li a {
	position: relative;
	display: block;
	padding: 4px 0 4px 24px;
	color: #000;
	text-align: left;
}
ul.faq_list li a span.q {
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 18px;
	top: 4px;
	left: 0;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #0b4fa1;
}
div.faq_tab_box {
	display: none;
}
dl.faq_box {
	margin: 0 0 10px;
	padding: 10px 8px;
	background: #fff;
	border: 1px #c7c7c7 solid;
}
dl.faq_box dt {
	position: relative;
	min-height: 24px;
	padding: 0 0 5px 32px;
	font-size: 15px;
	line-height: 27px;
	text-align: left;
	border-bottom: 1px #c7c7c7 solid;
}
dl.faq_box dd {
	position: relative;
	min-height: 24px;
	padding: 10px 0 0 32px;
	text-align: left;
	font-size: 13px;
}
dl.faq_box dt span.q,
dl.faq_box dd span.a {
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	left: 0;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
dl.faq_box dt span.q {
	top: 0;
	background: #0b4fa1;
}
dl.faq_box dd span.a {
	top: 8px;
	background: #ff666e;
}
.faq_pt {
	margin: -5px 3% 10px;
	text-align: right;
}
.faq_pt span {
	display: inline-block;
	padding: 0 0 0 18px;
	font-size: 12px;
	color: #4d4d4d;
	background:url(/img/sp/pagetop.gif) no-repeat 0 4px;
	background-size: 10px auto;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#pagetitle{
	background:#0b4fa1;
	width:100%;
	padding:8px;
	text-align:left;
	font-size:16px;
	display:table;
	table-layout:fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#pagetitle.ms{
	margin: 0 0 10px;
}
#pagetitle h1{
	display:table-cell;
	padding-left: 10px;
	vertical-align:middle;
	font-weight:bold;
	color: #fff;
}
#pagetitle.ms h1,
#pagetitle.list h1{
	padding: 0 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#pagetitle a.back{
	display:table-cell;
	vertical-align:middle;
	width:55px;
	height:30px;
	font-size: 14px;
	background:url(/img/sp/back_bg.jpg) no-repeat center center;
	background-size: 100%;
	color: #000;
	text-align: center;
	line-height: 30px;
	padding-left:5px;
}
#pagetitle a.ltlink{
	display:table-cell;
	vertical-align:middle;
	width: 6em;
	height:38px;
	font-size: 12px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 16px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

span.pay{
	display: none;
	}

/*about
----------------------------------------------------------------------------------------------*/

#about h2{
    color: #fff;
    font-weight: bold;
    min-height: 18px;
    font-size: 14px;
    background: #0b50a2;
    padding: 10px;
}

#about .aboutBox01{
	padding:15px 15px 30px;
	}
	#about .aboutBox01 h3{
		color:#fff;
		font-weight: bold;
		background:#0b4fa1;
		margin-bottom: 15px;
		padding:8px;
		}
	#about .aboutBox01 .rightman{
		float: right;
		width: 145px;
		margin-left: 10px;
		margin-bottom: 10px;
		}
		#about .aboutBox01 .rightman img{
			width: 100%;
			height:auto;
			}
#about .aboutList li{
	border-top: 1px solid #dedede;
	padding:10px;
	}
	#about .aboutList li h4{
		font-weight: bold;
		margin-bottom: 10px;
		color:#0b4fa1;
		font-size:13px;
		background-position:left center;
		background-repeat:no-repeat;
		background-size:42px 21px;
		padding-left: 50px;
		}
		#about .aboutList li:nth-child(1) h4{ background-image:url(../img/about/txt01.png); }
		#about .aboutList li:nth-child(2) h4{ background-image:url(../img/about/txt02.png); }
		#about .aboutList li:nth-child(3) h4{ background-image:url(../img/about/txt03.png); }

	#about .aboutList li .listIn{
		display:table;
		width: 100%;
		table-layout:fixed;
		}
		#about .aboutList li .listIn div{
			display:table-cell;
			width: 80px;
			}
			#about .aboutList li .listIn div img{
				width: 100%;
				height:auto;
				}
		#about .aboutList li .listIn p{
			display:table-cell;
			padding-left: 10px;
			}
.pa10{
	padding:10px;
	}


/*contents
----------------------------------------------------------------------------------------------*/
#contents h2{
color: #fff;
    font-weight: bold;
    min-height: 18px;
    font-size: 14px;
    background: #0b50a2;
    padding: 10px;
	}

#contents .topBox01{
	padding:15px 15px 30px;
	}
	#contents .topBox01 div{
		width: 145px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		}
		#contents .topBox01 div img{
			width: 100%;
			height:auto;
			}

#contents .detailTitle1{
	position:relative;
	background:#2e88d7;
	padding: 10px;
	}
	#contents .detailTitle1 h3{
		color:#fff;
		font-weight: bold;
		padding-right: 30px;
		min-height:18px;
		font-size:14px;
		}
	#contents .detailTitle1 a{
		position:absolute;
		z-index:5000;
		top:50%;
		margin-top: -11px;
		right: 37px;
		}
#contents .detailTitle1 span{
	width:18px;
	height:18px;
	display: block;
	border-radius:3px;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 2px 0px;
	text-decoration:none;
	position:absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	float: right;
	z-index:500;
	}
	#contents .detailTitle1 span:before{
		content:"";
		position:absolute;
		top: 8px;
		left: 4px;
		width:10px;
		height:2px;
		border-radius:3px;
		background:#2e88d7;
		display: block;
		transition:all 250ms;
		}
	#contents .detailTitle1 span:after{
		content:"";
		position:absolute;
		top: 8px;
		left: 4px;
		width:10px;
		height:2px;
		border-radius:3px;
		background:#2e88d7;
		display: block;
		transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transition:all 250ms;
		}
		#contents .detailTitle1.active span:before,
		#contents .detailTitle1.active span:after{
			transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
		}
	#contents .defaultAcc{
		display: none;
		}

#contents .contentsTable01 th{
	width:85px;
	border-right: 1px solid #e0edf9;
	padding:10px;
	text-align:left;
	font-weight: bold;
	background:#e0edf9;
	color:#0b50a2;
	border-right: 1px solid #c3ceda;
	border-bottom: 1px solid #c3ceda;
	border-top: 1px solid #c3ceda;
	}
#contents .contentsTable01 td{
	padding:10px;
	border-bottom: 1px solid #c3ceda;
	border-top: 1px solid #c3ceda;
	}

#contentsList li{
	background:#fff;
	border-top: 1px #d2d2d2 solid;
	}
	#contentsList li a{
		display:table;
		padding:7px 4% 7px 7px;
		width: 100%;
		background: url(../img/common/btn_yaji01.png) 98% center no-repeat;
		background-size: 8px 14px;
		text-decoration:none;
		}
		#contentsList li a div{
			width: 125px;
			display:table-cell;
			vertical-align: middle;
			}
			#contentsList li a div img{
				width:100%;
				height:auto;
				}
		#contentsList li a p{
			display:table-cell;
			vertical-align: middle;
			padding-left: 10px;
			color:#235da7;
			}

.driverLinkList{
margin-bottom:15px;
}

.driverLinkList li{
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:5px;
	background:#2e88d7;
	    border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.270588) 2px 2px 3px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.270588) 2px 2px 3px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.270588) 2px 2px 3px -1px;
	}
	.driverLinkList li:nth-child(2n){
	margin-right:0;
	}
	.driverLinkList li a{
		display:block;
		width:100%;
		padding:10px 0;
		text-align:center;
		color:#fff;
		text-decoration:none;
	}