/*-- content.pages.css --*/

article {
	/*margin: 20px auto !important;*/
}

article h1 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 40px;
	margin-bottom: 10px;
	border-bottom: 2px solid #039;
	color: #039;
}

article h1 span {}
article > section {

	margin-bottom: 20px;
}
article > section h2 {
	line-height: 32px;
	font-size: 1.2em;
	background: url("/common/images/bg_tit_sub.png") left center repeat-x;
	margin-bottom: 10px;
}
article > section h2 span {
	padding: 0 20px;
	color: #fff;
}

article .articleWrap {
	position: relative;
	width: 100%;
}
article .articleWrap .left {
	float: left;
}
article .articleWrap .right {
	float: right;
}
article .articleWrap .w400 {width: 400px;}
article .articleWrap .w600 {width: 600px;}
article .articleWrap .w800 {width: 800px;}

.main-nav li {
  position: relative;
}

.main-nav li ul {
  z-index: 999;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 100px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.main-nav li:hover > ul {
  display: block;
}
/*---------
## Paras ##
--------*/
article .articleWrap p {
	margin-bottom: 10px;
}
article p.text-right {
	text-align: right;
}

/*----------
## Lists ##
---------*/
ul.disc {
	list-style: outside disc;
	margin-left: 2em;
	margin-bottom: 10px;
}
ul.disc li {
	list-style: outside disc;
}

ol.decimal {
	list-style: outside decimal;
	margin-left: 2em;
	margin-bottom: 10px;
}
ol.decimal li {
	list-style: outside decimal;
}
dl dt {font-weight:bold;}


/*---------
## table ##
---------*/
table.pageTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #999;
}
table.pageTable th, table.pageTable td {
	box-sizing: border-box;
	padding: 10px 10px;
}
table.pageTable thead th {
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
	background-color: #a6bacc;
	font-weight: normal;
	color: #fff;
}
table.pageTable thead td {
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
	background-color: #efefef;
	font-weight: normal;
}

table.pageTable tbody th {
	vertical-align: middle;
	text-align: center;
	background-color: #d0e8ff;
	font-weight: normal;
}
table.pageTable tbody td {
	background-color: #fff;
}
table.pageTable tbody td ol.decimal {
	margin-bottom: 10px;
}


/*---------------
#### Customs ####
---------------*/
#company section .right p.image {}
#company section .right p.image img {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #003;
}

#aboutus section .right p.image {}
#aboutus section .right p.image img {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #003;
}


#branches span.division {color: #c00;}
#branches a.phone {
	font-size: 1.2em;
	color: #039;
}
#branches a.mail {color: #039;}
#branches table.pageTable tbody td {
	vertical-align: middle;
}
#branches div.map {
	width: 80%;
	min-height: 400px;
	margin: 0 auto 10px;
	border: 1px solid #b3b3b3;
}

#recruit section h3 {
	box-sizing: border-box;
	width: 100%;
	line-height: 40px;
	border: 1px solid #999;
	border-bottom: none;

	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #6db3f2 0%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6db3f2 0%,#1e69de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6db3f2 0%,#1e69de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6db3f2 0%,#1e69de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}
#recruit section h3 span {
	padding: 0 10px;
	color: #fff;
}
#recruit table.pageTable tbody td {
	vertical-align: middle;
}


#jrpass section h3 {
	box-sizing: border-box;
	width: 100%;
	line-height: 40px;
	border: 1px solid #999;
	border-bottom: none;

	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #6db3f2 0%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6db3f2 0%,#1e69de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6db3f2 0%,#1e69de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6db3f2 0%,#1e69de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}
#jrpass section h3 span {
	padding: 0 10px;
	color: #fff;
}
#jrpass .tableContainer {
	margin-bottom: 20px;
}
#jrpass table.pageTable thead th {width: 210px;}
#jrpass table.pageTable tbody td.days {width: 230px;}
#jrpass table.pageTable tbody td.price {
	text-align: right;
	font-weight: bold;
	color: #c00;
}
#jrpass article > p {
	margin-bottom: 20px;
}

/*--------
## visa ##
--------*/

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


#visa article section.primary ul.lineupNote {
	margin-bottom: 20px;
	padding: 0 10px 10px;
	border-bottom: 1px dashed #ccc;
}
#visa article section.primary ul.lineupNote li {
	color: #c00;
}
#visa article section.primary ul.lineupNote li:before {
	content: "*";
}
#visa article section.primary ul.lineupNote li span {
	color: #333;
}

#visa article section.primary p.lgr {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
}
#visa article section.primary p.inquiryButton {}
#visa article section.primary p.inquiryButton a {
	padding: 0.5em 1em;
	font-size: 1.2em;
}
#visa article section.primary .right {text-align: right}
#visa article section.primary .term {margin-bottom:10px}


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


/*-- area tab --*/
#visa article div.areaTab {
	margin: 0;
}
#visa article div.areaTab ul {
	display: table;
	//width: 100%;
	box-sizing: border-box;
}
#visa article div.areaTab ul li {
	display: table-cell;
	box-sizing: border-box;
	text-align: center;
	background-color: #9B9B9B;
	padding: 5px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #dfdfd0;
	border-bottom: none;

}
#visa article div.areaTab ul li.active {
	background-color: #f0f0e1;

}
#visa article div.areaTab ul li a {
	display: block;
	color: #fff;
}
#visa article div.areaTab ul li.active a {
	color: #333;
}

#visa article div.areaTab ul li a span {}


/*-- table --*/
#visa article table.visaTable {
	width: 100%;
	border-spacing: 2px;
	border-collapse: separate;
	background-color: #B0B0A1;
	text-align: center;
	margin-bottom: 10px;
}
#visa article table.visaTable th ,#visa article table.visaTable td {
	box-sizing: border-box;
	padding: 10px;
}
#visa article table.visaTable th, table.visaTable td {
	vertical-align: middle;
}

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


/*-----------
## Inquiry ##
-----------*/

#inquiry sup ,
#contact sup {
	color: #c00;
	font-weight: bold;
}

div.formWrap {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
div.formWrap table {
	width: 100%;
}
div.formWrap table th ,
div.formWrap table td {
	padding: 0.5em 1em;
}
div.formWrap table th {
	width: 25%;
	color: #666;
	vertical-align: middle;
}
div.formWrap table td.confirm {
	background-color: #efefef;
	border-bottom: 2px solid #fff;
}
div.formWrap input[type='text'] ,
div.formWrap select ,
div.formWrap textarea {
	box-sizing: border-box;
	padding: 0.25em 0.5em;
	border: 1px solid #ccc;
	border-radius: 2px;
}
div.formWrap .w5 {width: 5%}
div.formWrap .w10 {width: 10%}
div.formWrap .w15 {width: 15%}
div.formWrap .w20 {width: 20%}
div.formWrap .w30 {width: 30%}
div.formWrap .w40 {width: 40%}
div.formWrap .w50 {width: 50%}
div.formWrap .w60 {width: 60%}
div.formWrap .w70 {width: 70%}
div.formWrap .w80 {width: 80%}
div.formWrap .w90 {width: 90%}
div.formWrap .w100 {width: 100%}

div.formWrap table td span {padding: 0 0.5em}

article p.btn {
	text-align: center;
}
article p.btn input {
	padding: 0.5em 2em;
	background-color: #c90;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}
article p.btn input:hover {
	opacity: 0.75;
}
article p.btn input.back {background-color:#039;}
article p.btn input.submit {background-color:#c00;}


div.formWrap p.result {
	padding: 0 1em;
	margin-bottom: 40px;
}
div.formWrap p.phone {
	padding: 0 1em;
	text-align: center;
	font-size: 1.2em;
}
div.formWrap p.phone strong {
	padding-left: 1em;
	font-weight: bold;
	font-size: 2em;
	font-style: normal;
	color: #060;
}

div.formWrap p.entry {
	margin-bottom: 5px;
}

div.formWrap span.addEntry {
	display: inline-block;
	margin-left: 0.5em;
	border: 1px solid #ccc;
	background-color: #efefef;
	cursor: pointer;
}


/*-------------
## Alert Box ##
-------------*/
div.alertBox {
	display: none;
	position: relative;
	padding: 10px 30px 10px 10px;
	margin: 0 1em;
	margin-bottom: 10px;
	background: #FFC url("../images/ico_alert_l.png") 10px center no-repeat;
	border: 1px solid #c00;
}
div.alertBox p {
	margin-left: 50px;
}
div.alertBox span {
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url("../images/ico_cancel.png") right top no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}