@charset "utf-8";

/*-- header --*/
article > h1 {
	line-height: 2em;
	font-size: 1.5em;
	color: #c33;
}

/*-- block --*/
div.blockHeader {
	position: relative;
	width: 100%;
}
div.blockHeader h4 {
	line-height: 1.8em;
	font-size: 1.3em;
	/*font-weight: normal;*/
}
div.blockHeader em {
	color: #c00;
	font-style: normal;
}
div.blockHeader > p {
	position: absolute;
	bottom: 0;
	right: 0;
}

.block h3 {
	width: 100%;
	height: 31px;
	line-height: 31px;
	margin-bottom: 10px;
	background: url("/common/images/bg_tit_sub_2.png") left center repeat-x;
}
.block h3 span {
	padding-left: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}


section.primary {
	margin-bottom: 10px:
}
section.primary ul.lineupNote {
	margin-bottom: 10px;
	padding: 0 10px;
}
section.primary ul.lineupNote li {
	color: #c00;
}
section.primary ul.lineupNote li:before {
	content: "*";
}
section.primary ul.lineupNote li span {
	color: #333;
}

section.primary p.lgr {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
}

section.primary .right {text-align: right}
section.primary .term {margin-bottom:10px}


/*-- hide & show --*/
article > section.area {
	display: none;
}
article > section.active {
	display: block;
}


/*-- area tab --*/
div.areaTab {
	margin-bottom: 10px;
}
div.areaTab ul {
	display: block;
	width: 100%;
	*zoom: 1;
}
div.areaTab ul:before,
div.areaTab ul:after {
	content: " ";
	display: table;
}
div.areaTab ul:after {
	clear: both;
}
div.areaTab ul li {
	display: list-item;
	float: left;
	width: 245px;
	height: 48px;
	margin-right: 5px;
}
div.areaTab ul li a {
	display: block;
	width: 245px;
	height: 48px;
	background-image: url("/visa/images/bg_area_tab.png");
	background-repeat: no-repeat;
	background-size: 700%;
}
div.areaTab ul li a span {display:none}

div.areaTab ul li.asia a {
	background-position: 0px 0px;
}
div.areaTab ul li.asia.active a ,
div.areaTab ul li.asia a:hover {
	background-position: 0px -48px;
}
div.areaTab ul li.europe a {
	background-position: -245px 0px;
}
div.areaTab ul li.europe.active a ,
div.areaTab ul li.europe a:hover {
	background-position: -245px -48px;
}
div.areaTab ul li.middleEast a {
	background-position: -490px 0px;
}
div.areaTab ul li.middleEast.active a ,
div.areaTab ul li.middleEast a:hover {
	background-position: -490px -48px;
}
div.areaTab ul li.northAmerica a {
	background-position: -735px 0px;
}
div.areaTab ul li.northAmerica.active a ,
div.areaTab ul li.northAmerica a:hover {
	background-position: -735px -48px;
}
div.areaTab ul li.latinAmerica a {
	background-position: -980px 0px;
}
div.areaTab ul li.latinAmerica.active a ,
div.areaTab ul li.latinAmerica a:hover {
	background-position: -980px -48px;
}
div.areaTab ul li.oceania a {
	background-position: -1225px 0px;
}
div.areaTab ul li.oceania.active a ,
div.areaTab ul li.oceania a:hover {
	background-position: -1225px -48px;
}
div.areaTab ul li.africa a {
	background-position: -1470px 0px;
}
div.areaTab ul li.africa.active a ,
div.areaTab ul li.africa a:hover {
	background-position: -1470px -48px;
}


/*-- table --*/
table.visaTable {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
	background-color: #dfdfd0;
	text-align: center;
	margin-bottom: 10px;
}
table.visaTable th, table.visaTable td {
	vertical-align: middle;
}

table.visaTable th ,.visaTable td {
	/*padding: .5em 0;*/
	padding: 0 10px;
	text-align: left;
}
table.visaTable thead th {
	/*width: 11%;*/
	font-weight: normal;
	background-color: #f0f0e1;
	padding: 0 10px;
	text-align: left;
}
table.visaTable thead th:nth-child(1) {
	/*width: 24%;*/
}
table.visaTable tbody th {
	width: 25%;
	font-weight: normal;
	background-color: #f0f0e1;
}
table.visaTable tbody td {
	background-color: #fff;
	padding: 0 10px;
	text-align: left;
}

/*-- font color--*/
.bb {color:#039}
.rb {color:#c00}

/*-- inquiry button --*/
article p.btn {
	text-align: right;
	margin-bottom: 10px;
}
article p.btn a {
	display: inline-block;
	padding: 0.5em 2em;
	font-size: 1.4em;
	color: #fff;
	border-radius: 6px;
	background-color: #c00;
}
article p.btn a:hover {
	text-decoration: none;
	opacity: 0.75;
}

article p.btn a span {
	padding-left: 40px;
	background: url("/common/images/ico_inquiry.png") left center no-repeat;
}