h2.title_top_pic{
	margin: 0;
	padding: 0;
	text-indent:-1500px;
	display: block;
	overflow: hidden;
	height: 0;
	max-width: 100%;
	max-height: 100%;
	background: #f8f8f8;
	background-image: url(./images/manual_top.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 25%; /* 250 ÷ 1000 x 100 = 25 */

	position:relative;
}
h2.title_top_pic:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0 0.5em rgba(255,255,255,0.6);
}


/********* Package Banner  *********/
div.package_bn_wrap{
	width: 100%;
	padding: 1em;
	margin: 1em 0;
	position: relative;
	background-color: #ecf7fd;
	position: relative;
	border: 4px dashed #8ecdf0;
	text-align: center;
}
	div.package_bn_wrap > div.btn_detail{
		margin-top: 0.6em;
		background-color: rgba(0,127,206, 1);
		color: #fff;
		padding: 0.5em 2em;
		font-size: 130%;
		font-weight: bold;
		text-align: center;
		display: inline-block;
		zoom: 1;
		*display: inline;

		border-radius: 1em; 
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
/*
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg);
*/
	}
		div.package_bn_wrap > div.btn_detail:before{
			font-family: FontAwesome;
			content: "\f0a6";
			font-weight: normal;
			margin-right: 0.6em;
		}

	div.package_bn_wrap > a{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		font-size: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
		div.package_bn_wrap > a:hover{
			background-color: #e6e6e6;
			filter: alpha(opacity=20);
			opacity:0.20;
		}
	div.package_bn_wrap > h5{
		text-align: center;
		margin: 0;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 160%;
		color: #0067b3;
		font-family: Helvetica, sans-serif;
	/*	text-shadow: 
			1px 1px 0 #fff,
			2px 2px 0 #999;
	*/
	}

	div.package_bn_wrap > div.package_cont{
		text-align: center;
		background-color: #d1df9c;
		padding: 0;
		margin: auto;
		overflow: hidden;
		display: block;
		margin-right: 1%;
		margin-left: 1%;

		border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
		div.package_bn_wrap > div.package_cont > div.tit_school_wrap{
			background-color: #fff798;
			margin: 0;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
			position: relative;
		}
		div.package_bn_wrap > div.package_cont > div.tit_school_wrap > p.tit_school{
			position: relative;
			font-size: 140%;
			font-weight: bold;
			color: #0067b3;
			margin: 0;
			display: inline;
		}
		div.package_bn_wrap > div.package_cont > div.tit_school_wrap:after{
				position: absolute;
				bottom: -1em;
				left: 50%;
				font-family: FontAwesome;
				font-size: 200%;
				content: "\f067";
				color: #0067b3;
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				transform: translateX(-50%);
		}

		/*全部無料*/
		div.package_bn_wrap > div.package_cont > p.text_free{
			font-weight: bold;
			color: #ff0000;
			margin: 0;
			text-align: center;
			margin-right: 0.5em;
			margin-left: 0.5em;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}

		div.package_bn_wrap > div.package_cont > ul.services{
			letter-spacing: -.4em;
			overflow: hidden;
			padding: 0;
			padding-top: 30px;
			margin: 0;
			position: relative;
			width: 100%;
			display: block;
		}
/*
			div.package_bn_wrap > div.package_cont > ul.services:before{
				position: absolute;
				top: 0;
				left: 50%;
				font-family: FontAwesome;
				font-size: 200%;
				content: "\f067";
				color: #0067b3;
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				transform: translateX(-50%);

			}
*/
			div.package_bn_wrap > div.package_cont > ul.services > li{
				background-color: #5aad6d;
				letter-spacing: normal;
				list-style-type: none;
				vertical-align: top;
				margin: 0.5em;
				padding: 1em;
				font-size: 100%;
				font-weight: bold;
				color: #fff;
				text-align: center;
/*				border-left: 2px dotted #fff;*/

				display: inline-block;
				zoom: 1;
				*display: inline;

				border-radius: 1em;
				-webkit-border-radius: 1em;
				-moz-border-radius: 1em;
			}
				div.package_bn_wrap > div.package_cont > ul.services > li:first-child{
					border: none;
				}

				div.package_bn_wrap > div.package_cont > ul.services > li > a{
					color: #777777;
					padding: 0.3em 1em;
					text-decoration: none;
					display: block;
					width: 100%;
					height: 100%;
					border-radius: 3em;
					-webkit-border-radius: 3em;
					-moz-border-radius: 3em;
				}
					div.package_bn_wrap > div.package_cont > ul > li > a.on,
					div.package_bn_wrap > div.package_cont > ul > li > a:hover{
						background: #b3b3b3;
						color: #f2f2f2;
					}



/********* index  *********/
div.search_result_text{
	background-color: #f9f9f9;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	border-bottom: 1px solid #ededed;
}
	div.search_result_text p{
		border-bottom: 0 solid #cccccc;
		padding-bottom: 0.3em;
		margin: 0;
		color: #808080;

		display: inline-block;
		zoom: 1;
		*display: inline;
	}
		div.search_result_text p a{
			margin: 0;
			margin-left: 1.5em;
			padding: 0.2em 0.8em;
			background-color: #dddddd;
			color: #fff;
			font-size: 80%;
			text-decoration: none;
			position: relative;
			padding-left: 2.8em;
			border-radius: 2px; 
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;

			display: inline-block;
			zoom: 1;
			*display: inline;
		}
			div.search_result_text p a:before{
				font-family: "FontAwesome";
				font-size: 150%;
				position: absolute;
				margin: auto;
				height: auto;
				left: 0.5em;
				top: 50%;
				transform: translateY(-50%);
				font-weight: normal !important;
				content: "\f021";
				color: #fff;
			}
			div.search_result_text p a:hover{
				filter: alpha(opacity=75);
				opacity:0.75;
			}


/* ############# images ############# */
div.manual_page_top {
	width: 100%;
	height: 180px;
	max-height: auto;
	position: relative;
	overflow: hidden;
}
	div.manual_page_top:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: inset 0 0 0 0.5em rgba(255,255,255,0.6);
	}
	div.manual_page_top img{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	p.update{
		position: absolute;
		top: 0;
		right: 0;
		padding: 0.2em 1em;
		color: #fff;
		background-color: rgba(64,64,64,0.4);

		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;

	}

div.photo{
	width: 100%;
	height: 100%;
	position: relative;
}
	div.photo::before{
		content: "";
		display: block;
		padding-top: 60%;
	}
	div.photo img{
		width: 100%;
		height: auto;
		line-height: 0;
		position: absolute;
		bottom: 0;
	}


/* ############# images ############# */




/* ############# Tab Contents ############# */
div.tab_wrap{
	clear: both;
	margin: 10px 0 0 0;
}
div.tab_wrap ul{
	width: 96%;
	margin: auto;
	padding: 0;
	clear: both;
}

div.tab_wrap ul.tabs li{
	padding: 0.5em 1em;
	text-align: center;
	margin: 0;
	cursor: pointer;
	font-size: 90%;
	background-color: #e6e6e6;
	color: #4d4d4d;
	border-bottom: #0063a4 solid 0px;
	display: inline-block;
	zoom: 1;
	*display: inline;

	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	-webkit-border-top-left-radius: 3px; /* Safari,Google Chrome用 */  
	-webkit-border-top-right-radius: 3px; /* Safari,Google Chrome用 */  
	-moz-border-radius-topleft: 3px; /* Firefox用 */  
	-moz-border-radius-topright: 3px; /* Firefox用 */  

	box-shadow:inset 0px 10px 5px 2px #eaeaea;
	-webkit-box-shadow:inset 0px 10px 5px 2px #eaeaea;
	-moz-box-shadow:inset 0px 10px 5px 2px #eaeaea;
}
div.tab_wrap ul.tabs li a{
	text-decoration: none;
	color: #808080;
}
div.tab_wrap ul.tabs li:hover,
div.tab_wrap ul.tabs li.active{
	background-color: #c1c1c1;
	border-bottom: #c1c1c1 solid 1px;

	box-shadow:inset 0px 10px 5px 2px #cccccc;
	-webkit-box-shadow:inset 0px 10px 5px 2px #cccccc;
	-moz-box-shadow:inset 0px 10px 5px 2px #cccccc;
}
	div.tab_wrap ul.tabs li:hover a,
	div.tab_wrap ul.tabs li.active a{
		color: #ffffff;
	}


div.tabCont{
	display: none;
	border-top: #c1c1c1 solid 3px !important;
	border-left: #e8e8e8 solid 1px !important;
	border-bottom: #e8e8e8 solid 1px !important;
	border-right: #e8e8e8 solid 1px !important;
	margin-top: 0 !important;
	padding: 1em;

	border-top-left-radius: 0 !important; 
	border-top-right-radius: 0 !important; 
	-webkit-border-top-left-radius: 0 !important; /* Safari,Google Chrome用 */  
	-webkit-border-top-right-radius: 0 !important; /* Safari,Google Chrome用 */  
	-moz-border-radius-toptomleft: 0 !important; /* Firefox用 */  
	-moz-border-radius-toptomright: 0 !important; /* Firefox用 */  
}

/* ############# Tab Contents ############# */


/* ############# 滞在先の確保 ############# */
div.accommo_detail_box{
	width: 80%;
	padding: 0.5em;
	margin: 1em 0;
	border: 1px solid #c9ccbf;
	background-color: #edefe0;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}
	div.accommo_detail_box div.graph{
		color: #aa9d00;
		margin: 0.6em 0;
	}
	div.accommo_detail_box div.graph:before{
		background-color: #aa9d00;
		padding: 0.2em 0.5em;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #fff;
	}
	div.accommo_detail_box div.graph.clean:before{
		content: "清潔感";
		margin-right: 0.5em;
	}
	div.accommo_detail_box div.graph.price:before{
		content: "金　額";
		margin-right: 0.5em;
	}




/* ############# 保険への加入 ############# */
/* ecalls banner */

div.ecalls_bn{
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}

	div.ecalls_bn div.ec_header{
		color: #ffffff;
		margin: 0 0 1% 0;
		padding: 1.2% 0 1.2% 2%;
		background-color: #ff6c20;
		font-weight: bold;
		font-size: 130%;
		box-shadow:inset 0em 1.2em 2em 0.1em #ff551a;
		-webkit-box-shadow:inset 0em 1.2em 2em 0.1em ff551a;
		-moz-box-shadow:inset 0em 1.2em 2em 0.1em #ff551a;
	}
	div.ecalls_bn div.ec_cont{
		padding: 0.5em;
	}




	div.ecalls_bn div.ec_cont div.ec_ficon{
		padding: 0;
		padding-left: 2em;
		margin-top: 0.2em;
		margin-right: 2em;
		position: relative;
		font-size: 200%;
		font-weight: bold;

		display: inline-block;
		zoom: 1;
		*display: inline;

	}
		div.ecalls_bn div.ec_cont div.ec_ficon:before {
			font-family: FontAwesome; /* FontAwesome Icon */
			font-size: 110%;
			width: 1.4em;
			height: 1.4em;
			line-height: 1.4em;
			text-align: center;
			display: block;
			position: absolute;
			left: 0;
			top: -0.1em;

			border-radius: 50%; 
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
		}
		div.ecalls_bn div.ec_cont div.ec_ficon.tel {
			color: #ff0000;
		}
			div.ecalls_bn div.ec_cont div.ec_ficon.tel:before {
				content: "\f095";
				color: #fff;
				background-color: #ff0000;
			}
		div.ecalls_bn div.ec_cont div.ec_ficon.email {
			color: #00a0dd;
		}
			div.ecalls_bn div.ec_cont div.ec_ficon.email:before {
				content: "\f0e0";
				color: #fff;
				background-color: #00a0dd;
			}



	div.ecalls_bn div.ec_cont div.ec_txt_wrap{
		margin-top: 1em;
	}
		div.ecalls_bn div.ec_cont div.ec_txt_wrap p.ec_text_s{
			font-size: 80%;
			margin: 0;
			padding: 0;
			line-height: 120%;
		}
		div.ecalls_bn div.ec_cont div.ec_txt_wrap p.ec_text_l{
			font-size: 140%;
			font-weight: bold;
			margin: 0;
			padding: 0;
			line-height: 120%;
		}


	div.ecalls_bn div.ecalls_request_form_button{
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: center;
	}
		div.ecalls_bn div.ecalls_request_form_button a{
			display: inline-block;
			background-color: #b5afa0;
			padding: 12px 20px;
			text-decoration: none;
			color: #fff;
			border-radius: 2px; 
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
		}
			div.ecalls_bn div.ecalls_request_form_button a:hover{
				filter: alpha(opacity=75);
				opacity:0.75;
			}

/* ############# 日本で SIMカードの受け取り ############# */
/* けーたい屋 */

div.ketaiya_ad{
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}

	div.ketaiya_ad h5{
		color: #ffffff;
		margin: 0 0 1% 0;
		padding: 1.2% 0 1.2% 2%;
		background-color: #82af1c;
		font-weight: bold;
		font-size: 130%;
		box-shadow:inset 0em 1.2em 2em 0.1em #8ec220;
		-webkit-box-shadow:inset 0em 1.2em 2em 0.1em 8ec220;
		-moz-box-shadow:inset 0em 1.2em 2em 0.1em #8ec220;
	}
	div.ketaiya_ad h6{
		margin-top: 1em;
		margin-bottom: 0;
	}
	div.ketaiya_ad ul{
		margin-top: 0.5em;
	}
	div.ketaiya_ad div.ad_cont{
		padding: 1em;
	}


	div.ketaiya_ad div.ad_cont p.pic{
		width: 80%;
	}
	div.ketaiya_ad div.ad_cont div.ad_txt_wrap{
		text-align: center;
	}
	div.ketaiya_ad div.ad_cont div.ad_txt{
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1em;
		padding: 0.5em;
		background-color: #ededed;
		border: 1px solid #e8e8e8;
	}
		div.ketaiya_ad div.ad_cont div.ad_txt p.ad_text_s{
			font-size: 80%;
			margin: 0;
			padding: 0;
			line-height: 120%;
		}
		div.ketaiya_ad div.ad_cont div.ad_txt p.ad_text_l{
			font-size: 140%;
			font-weight: bold;
			margin: 0;
			padding: 0;
			line-height: 120%;
		}




div.mailNote{
	margin: 1em 0;
	padding: 1em;
	padding-left: 22%;
	box-sizing: border-box;
	background-color: #f8eeeb;
	position: relative;
	overflow: hidden;

	border-radius: 6px; 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px; /* Firefox用 */  
}
	div.mailNote:before{
		position: absolute;
		left: 1%;
		top: 50%;
		box-sizing: border-box;
		width: 20%;
		display: block;
		content: "";
		margin: 0;
		padding: 0;
		margin-top: -10%;
		display: block;
		overflow: hidden;
		height: 0;
		max-width: 100%;
		max-height: 100%;
		padding-top: 83%;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(./images/icon_order.png);

	}


/* ############# お金の持ち込み ############# */
/* planning */
div.form_plan{
}
	div.form_plan form{
		margin: 0;
		padding: 0;
	}

	div.form_plan form input,
	div.form_plan form select,
	div.form_plan form textarea{
		border: 1px solid #bfbfbf;
		padding: 8px;
		margin: 3px 0;
		width: 100%;

		background-color: #e5eaea;
		color: #696969;
	}
	div.form_plan form select.simplePlan{
		font-weight: bold;
		font-size: 120%;
	}
	div.form_plan form select option[value=""]{
		font-weight: bold;
		font-size: 120%;
	}

	div.form_plan form input[type="text"]{
		width: 50%;
	}



	div.form_plan input[type="button"]{
		cursor: pointer;
		background: #bfbfbf;
		border: 1px solid #8c8c8c;
		color: #4d4d4d;
		padding: 8px;
		text-align: center;
		text-decoration: none;
		margin: 0;
		display: inline-block;
		zoom: 1;
		*display: inline;

		box-shadow:inset 0px 10px 2px 2px #cccccc;
		-webkit-box-shadow:inset 0px 10px 2px 2px #cccccc;
		-moz-box-shadow:inset 0px 10px 2px 2px #cccccc;

		border-radius: 2px; 
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}


/* ############# カナダの基本情報 ############# */

/* 1¢ discontinue */
div.img_wrap ul li.discont{
	position: relative;
}
	div.img_wrap ul li.discont:before{
		position: absolute;
		top: 50%;
		margin-top: -2.5em;
		width: 100%;
		display: block;
		background-color: red;
		padding: 0.5em 0;
		content: "廃止";
		color: #fff;
		text-align: center;
		font-weight: bold;

		filter: alpha(opacity=75);
		opacity:0.75;
	}


/* タイムゾーン */
table.timezone{
}
	table.timezone > caption > span{
		font-weight: normal;
		font-size: 90%;
	}
	table.timezone > caption > span.summertime:before{
		content: '（）';
	}

	table.timezone > caption > span.daybefore:before{
		content: '';
		border: 1px solid #d3d3d3;
		width: 2em;
		height: 1em;
		line-height: 1em;
		background-color: #f9ffd6;
		margin-right: 0.5em;

		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	table.timezone > tbody > tr:nth-child(-n+17) > td:nth-child(2),
	table.timezone > tbody > tr:nth-child(-n+16) > td:nth-child(3),
	table.timezone > tbody > tr:nth-child(-n+15) > td:nth-child(4),
	table.timezone > tbody > tr:nth-child(-n+14) > td:nth-child(5),
	table.timezone > tbody > tr:nth-child(-n+13) > td:nth-child(6){
		background-color: #f9ffd6;
	}

/* 気温 */
table.temperature{
}
	table.temperature > thead > tr > th,
	table.temperature > tbody > tr > td{
		padding-left: 5px;
		padding-right: 5px;
	}
	table.temperature > thead > tr > th:nth-child(1){
		width: 15%;
	}

	table.temperature > tbody > tr > td.stitle{
		width: 15%;
	}
	table.temperature > tbody > tr > td{
		text-align: center;
		font-size: 70%;
	}
	table.temperature > tbody > tr:nth-child(even) > td{
		background-color: #fffff2;
	}

/* タックス */
table.tax{
}
	table.tax > thead > tr > th:nth-child(1){
		width: 30%;
	}

	table.tax > tbody > tr > td{
		font-size: 80%;
	}
	table.tax > tbody > tr > td:not(.stitle){
		text-align: center;
	}


/* ############# ダウンタウンの歩き方 ############# */
table.map_guide{
}
	table.map_guide > tbody > tr:nth-child(2) > td{
		text-align: center;
	}
	table.map_guide > tbody > tr:nth-child(3) > td{
		background-color: #f9f9f9;
	}


/* ############# 公共交通機関 ############# */
dl.table.compass_cards{
}
		dl.table.compass_cards > dt img{
			border: 1px solid #ddd;
			padding: 4px;
			background: #f8f8f8;
			margin: 0.5em auto;

			border-radius: 15px; 
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;

		}
/* ############# ラジオ ############# */
dl.radio_list > dt{
	min-height: 3.8em;
	position: relative;
	padding-left: 8em;
}
dl.radio_list span.freq{
	position: absolute;
	left: 0.5em;
	background-color: #7c7c7c;
	color: #ffffff;
	font-weight: bold;
	padding: 0.5em 1em;
	margin-right: 0.5em;
	text-align: center;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	display: inline-block;
	zoom: 1;
	*display: inline;
}
dl.radio_list span.owner{
	display: block;
	font-size: 80%;
	color: #a0a0a0;
	line-height: 90%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

dl.in_table{
	overflow: auto;
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 0.5rem;
	padding: 0;
	border-top: 0 solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 0;
}
dl.in_table dt,
dl.in_table dd{
	padding: 0;
	margin: 0;
	margin-bottom: 0.1em;
	padding: 0.2em 0.6em;
	font-size: 0.9rem;
	vertical-align: top;

	display: inline-block;
	zoom: 1;
	*display: inline;
}
dl.in_table dt{
	width: 20%;
	background-color: #ededed;
	text-align: center;
}

dl.in_table dd{
	width: 30%;
}


	dl.in_table dd:last-child{
		border-bottom: 0 dotted #ccc;
	}




/* ############# 仕事 ############# */
div.resume_body p{
}

h5.resume_title{
	font-size: 140%;
	margin: 0;
}
div.resume_body div.res_center p,
div.resume_body div.res_cont p{
	margin: 0.1em 0;
}
div.resume_body div.res_center{
	text-align: center;
}
div.resume_body div.res_cont{
	margin: 2em 0;
}
div.resume_body div.cv_cont {
	margin: 4em 0;
}
	div.resume_body div.cv_cont p{
		margin: 1.5em 0;
	}
div.resume_body div.res_indent{
	margin-left: 1em;
}
div.resume_body p.res_b{
	font-weight: bold;
}
div.resume_body p.res_u{
	text-decoration: underline;
}
div.resume_body table{
	width: 100%;
}
div.resume_body table td.w50{
	width: 50%;
}

/* ############# 資格について ############# */

div.tesol_wrap{
	display: block;
	width: 100%;
	margin: 1em 0;
	background-color: #f9e8dd;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	padding: 0.5em;

	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

}
	div.tesol_wrap div.tesol{
		color: #ec9800;
		margin-bottom: 0.5em;

	}
	div.tesol_wrap div.tesl,
	div.tesol_wrap div.tefl{
		display: block;
		color: #f9e8dd;
		width: 45%;
		background-color: #f7b357;
		padding: 1em;
		margin: 0.5em 0;

		display: inline-block;
		zoom: 1;
		*display: inline;


		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}




/* ############# ビザ偏 eTA ############# */
div.loi_eta_sample{
	background-color: #f2f2f2;
	padding: 0.8em 1em;
	position: relative;
}
	div.loi_eta_sample:before,
	div.loi_eta_sample:after{
		text-align: center;
		display: block;
		content: "・・・・・";
		position: absolute;
		left: 50%;
		color: #808080;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	div.loi_eta_sample:before{
		top: 0;
	}
	div.loi_eta_sample:after{
		bottom: 0;
	}
	div.loi_eta_sample > p{
	}
		div.loi_eta_sample > p > span.eta_num,
		div.loi_eta_sample > p > span.exp_date,
		div.loi_eta_sample > p > span.visa_type{
			position: relative;
		}
			div.loi_eta_sample > p > span.eta_num:before,
			div.loi_eta_sample > p > span.exp_date:before,
			div.loi_eta_sample > p > span.visa_type:before{
				white-space: nowrap;
				position: absolute;
				right: 0;
				top: -1rem;
				font-size: 80%;
				display: block;
				color: #fff;
				padding: 0 0.6em;
				border-radius: 3px; 
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}
		div.loi_eta_sample > p > span.eta_num{
			background-color: #a5dbaa;
		}
			div.loi_eta_sample > p > span.eta_num:before{
				content: "eTA番号";
				background-color: rgba(0,135,65,0.8);
			}
		div.loi_eta_sample > p > span.exp_date{
			background-color: #ffcec4;
		}
			div.loi_eta_sample > p > span.exp_date:before{
				content: "有効期限";
				background-color: rgba(255,0,0,0.8);
			}
		div.loi_eta_sample > p > span.visa_type{
			background-color: #fcefd3;
		}
			div.loi_eta_sample > p > span.visa_type:before{
				content: "申請したビザの種類";
				background-color: rgba(236,152,0,0.8);
			}




/* ############# promo-code ############# */
.promo-code{
	background: #e6e6e6;
	border: 1px solid #cccccc;
	color: #b3b3b3 !important;
	padding: 0.1em 0.6em;
	text-decoration: none;
	margin-left: 1em;
	margin-right: 1em;

	font-size: 86%;

	display: inline-block;
	zoom: 1;
	*display: inline;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}