@charset "utf-8";

/* Header */
header.Header {
	position:relative;
	height:55px;
	background:#fff;
	text-align:center;
}
	header.Header h1 {
		position:absolute;
		top:50%;
		left:50%;
		margin:-20px 0 0 -90px;
	}
		header.Header h1 img {
			width:180px;
			height:40px;
		}
	header.Header a.open_menu {
		position:absolute;
		top:0;
		left:0;
		width:55px;
		height:100%;
		background:url('/m/images/layout/btn_navi.png') no-repeat 50% 50%;
		background-size:55px auto;
		font-size:0;
		line-height:0;
	}
	header.Header a.login {
		position:absolute;
		top:0;
		right:0;
		width:55px;
		height:100%;
		background:url('/m/images/layout/btn_login.png') no-repeat 50% 50%;
		background-size:55px auto;
		font-size:0;
		line-height:0;
	}
	header.Header a.logout {
		position:absolute;
		top:0;
		right:0;
		width:55px;
		height:100%;
		background:url('/m/images/layout/btn_logout.png') no-repeat 50% 50%;
		background-size:55px auto;
		font-size:0;
		line-height:0;
	}
	header.Header button.open_search {
		position:absolute;
		top:0;
		right:0;
		width:55px;
		height:55px;
		background:url('/m/images/layout/bg_search.png') no-repeat 50% 50%;
		background-size:30px auto;
	}
		/* Search - Box */
		.search_box {
			position:relative;
			height:45px;
			padding:15px 70px 0 15px;
			background:#0898df;
		}
		.search_box.sub_search {
			z-index:1;
			display:none;
		}
			.search_box div.row {
				width:100%;
			}
			.search_box .input_box {
				display:block;
				height:30px;
				padding:0 5px;
				background:#fff;
			}
			.search_box .input_box form {
				height:100%;
			}
			.search_box .input_box input {
				width:100%;
				height:100%;
			}
			.search_box a.search {
				position:absolute;
				top:15px;
				right:15px;
				width:50px;
				height:30px;
				background:#0d4c9e;
				color:#fff;
				font-size:16px;
				text-align:center;
				line-height:30px;
			}
		.search_box.sub_search {
			position:absolute;
			top:55px;
			left:0;
			width:100%;
			height:45px;
			padding:0;
		}
			.sub_search.sub_search div.search_inner {
				padding:15px 110px 0 15px;
			}
			.sub_search.sub_search div.search_inner a.search {
				top:15px;
				right:55px;
			}
			.sub_search.sub_search div.input_box {
				position:relative;
				padding:8px 60px 8px 0;
				box-sizing:border-box;
			}
			.sub_search.sub_search button.close_search {
				position:absolute;
				top:0;
				right:0;
				width:50px;
				height:60px;
			}
			.sub_search.sub_search button.close_search:after {
				content:'x';
				position:absolute;
				top:0;
				right:0;
				width:100%;
				height:100%;
				font-size:40px;
				color:#fff;
				text-indent:0;
				line-height:55px;
			}

	/* Navi */
	.navi {
		z-index:10;
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:320px;
	}
		.navi ul.menu {
			border-bottom:3px solid #0d4c9e;
		}
			.navi ul.menu li  {
				border-top:3px solid #0d4c9e;
			}
				.navi ul.menu li a {
					display:block;
					height:40px;
					padding:0 0 0 20px;
					background:#fff;
					color:#000;
					line-height:40px;
				}
					.navi ul.menu li ul li {
						border-top:1px solid #d7d7d7;
					}
					.navi ul.menu li ul li:first-child {
						border-top:0;
					}
						.navi ul.menu li ul li a {
							display:block;
							height:30px;
							background:#f1f1f1;
							line-height:30px;
						}
	.navi div.btn_area {
		position:relative;
		background:#0898df;
		height:50px;
	}
		.navi div.btn_area a {
			display:inline-block;
			min-width:59px;
			height:29px;
			margin:10px 0 0 20px;
			padding:0 10px;
			background:#0d4c9e;
			color:#fff;
			text-align:center;
			line-height:29px;
		}
	div.menu {
		margin:0 0 40px 0;
		border-bottom:3px solid #0d4c9e;
	}
	div.menu dl dt {
		border-top:3px solid #0d4c9e;
	}
	div.menu dl dt:first-child {
		border-top:3px solid #0d4c9e;
	}
		div.menu dl dt a {
			display:block;
			height:40px;
			padding:0 0 0 20px;
			background:#fff;
			color:#000;
			line-height:40px;
		}
	div.menu dl dd {
		border-top:1px solid #d7d7d7;
	}
	div.menu dl dd:first-child {
		border-top:0;
	}
		div.menu dl dd a {
			display:block;
			height:30px;
			padding:0 0 0 20px;
			background:#f1f1f1;
			line-height:30px;
		}
	.navi a.close {
		position:absolute;
		top:15px;
		right:15px;
		width:20px;
		height:17px;
		background:url('/m/images/common/btn_close.png') no-repeat 0 0;
		background-size:20px 17px;
		font-size:0;
		line-height:0;
		text-indent:-9999px;
	}

/* Main - Content */
.Main_Content {
	padding:20px 15px 28px;
	background:#f3f3f3;
}

/* Content */
section.Content {
	padding:0 0 50px 0;
	background:#fff;
}

	/* C - Inner */
	article.c_inner,
	section.c_inner {
		padding:15px 8px 0;
	}

	/* C - Header */
	header.c_header {
		position:relative;
		height:60px;
		background:#0898df;
		color:#fff;
		text-align:center;
		line-height:60px;
	}
		header.c_header h2 {
			font-size:20px;
		}
		header.c_header a.back {
			position:absolute;
			top:0;
			right:15px;
			width:55px;
			height:60px;
			background:url('/m/images/layout/btn_back.png') no-repeat 50% 50%;
			background-size:55px auto;
			font-size:0;
			line-height:0;
		}

	/* Cnb */
	.c_navi {
		position:relative;
		height:40px;
		padding:0 30px;
		border:1px solid #dbdbdb;
		line-height:40px;
	}
		.c_navi ul.menu {
			height:40px;
			overflow:hidden;
		}
			.c_navi ul.menu li {
				float:left;
				width:50%;
				text-align:center;
			}
				.c_navi ul.menu li a {
					display:block;
					border-left:1px solid #dbdbdb;
					color:#4d4d4d;
					letter-spacing:-1px;
				}
				.c_navi ul.menu li.selected a {
					background:#f2f2f2;
					color:#0d4c9e;
				}
		.c_navi .button {
			position:absolute;
			top:0;
			width:30px;
			height:100%;
		}
		.c_navi .prev {
			left:0;
		}
		.c_navi .prev:after {
			left:0;
			content:'<';
			border-right:1px solid #dbdbdb;
		}
		.c_navi .next {
			right:0;
		}
		.c_navi .next:after {
			right:0;
			content:'>';
			border-left:1px solid #dbdbdb;
		}
		.c_navi .prev:after,
		.c_navi .next:after {
			position:absolute;
			top:0;
			display:block;
			width:100%;
			height:100%;
			font-size:20px;
			line-height:40px;
			text-align:center;
			text-indent:0;
		}

/* Footer */
footer.Footer {
	position:relative;
	padding:0 0 22px 0;
	background:#756c70;
	color:#fff !important;
}
	footer.Footer ul.f_list {
		width:100%;
		display:table;
		overflow:hidden;
	}
		footer.Footer ul.f_list li {
			display:table-cell;
			width:25%;
		}
			footer.Footer ul.f_list li a {
				display:block;
				height:40px;
				border-left:1px solid #958e91;
				border-bottom:1px solid #958e91;
				color:#fff;
				font-family:'NBGB';
				font-size:16px;
				text-align:center;
				line-height:40px;
			}
			footer.Footer ul.f_list li:first-child a {
				border-left:0;
			}
	footer.Footer div.f_content {
		padding:24px 15px 0;
	}
	footer.Footer p.tit {
		font-family:'NBGB';
		font-size:16px;
	}
	footer.Footer address {
		margin:11px 0 0 0;
	}
	footer.Footer p.info {
		line-height:22px;
	}
		footer.Footer p.info a {color:#fff;}
		footer.Footer p.info span {
			font-size:12px;
		}
	footer.Footer div.sns {
		position:absolute;
		top:60px;
		right:15px;
	}
		footer.Footer div.sns a {
			float:left;
			width:25px;
			height:25px;
			margin:0 0 0 6px;
		}
			footer.Footer div.sns a img {
				width:100%;
			}
	footer.Footer div.privacy {
		width:100%;
		display:table;
		margin:10px 0 0 0;
	}
		footer.Footer div.privacy a {
			display:table-cell;
			color:#fff;
			font-family:'NBG';
			text-align:center;
		}
			footer.Footer div.privacy a span {
				display:block;
				height:30px;
				border:1px solid #6d6468;
				border-radius:5px;
				background:#91898d;
				line-height:30px;
			}
	footer.Footer p.copyright {
		margin:10px 0 0 0;
	}

/* Main */
/* Notice */
ul.tabs_notice {
	overflow:hidden;
	border:1px solid #ccc;
	border-bottom:0;
}
	ul.tabs_notice li {
		float:left;
		width:50%;
	}
		ul.tabs_notice li a {
			display:block;
			height:40px;
			background:#e6e6e6;
			color:#595959;
			font-size:16px;
			text-align:center;
			line-height:40px;
		}
		ul.tabs_notice li.selected a {
			background:#fff;
			color:#285b9e;
		}
ul.notice li {
	line-height:24px;
}
	ul.notice li a {
		position:relative;
		display:block;
		overflow:hidden;
		padding:0 80px 0 9px;
		color:#333;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
		ul.notice li a:before{
			content:'';
			position:absolute;
			top:7px;
			left:0;
			width:4px;
			height:4px;
			background:#285b9e;
		}
		ul.notice li span {
			position:absolute;
			top:0;
			right:0;
		}
#notice,
#safety {
	padding:15px;
	border:1px solid #ccc;
	border-top:0;
	background:#fff;
}

/* Service - Menu */
ul.service_menu {
	position:relative;
	margin:20px 0 0 0;
}
	ul.service_menu li {
		width:50%;
	}
	ul.service_menu li.service4 {
		position:absolute;
		top:0;
		right:0;
		border-bottom:1px solid #486cc2;
	}
	ul.service_menu li.service5 {
		position:absolute;
		bottom:0;
		right:0;
	}
		ul.service_menu li a {
			display:block;
			line-height:0;
		}
			ul.service_menu li a img {
				width:100%;
				min-height:85px;
			}
			ul.service_menu li.service4 a img {
				min-height:170px;
			}
ul.service_menu2 {
	min-height:80px;
	margin:20px 0 0 0;
	overflow:hidden;
}
	ul.service_menu2 li {
		float:left;
		width:25%;
		background:url('/m/images/main/bg_passport_permission.png') no-repeat 50% 0;
		background-size:40px auto;
		text-align:center;
	}
	ul.service_menu2 li:nth-child(2) {
		background:url('/m/images/main/bg_walking.png') no-repeat 50% 0;
		background-size:40px auto;
	}
	ul.service_menu2 li:nth-child(3) {
		background:url('/m/images/main/bg_schedule.png') no-repeat 50% 0;
		background-size:40px auto;
	}
	ul.service_menu2 li:nth-child(4) {
		background:url('/m/images/main/bg_link.png') no-repeat 50% 0;
		background-size:40px auto;
	}
		ul.service_menu2 li a {
			display:block;
			padding:50px 0 0 0;
		}