@charset "UTF-8";

@import "http://travel.willer.co.jp/css/alert-kirikae.css";
@import "/st/3/en/pc/include/css/header_bus.css";

/* =========================================================
 	Style: Base/layout Style(Header, Footer)
 -----------------------------------------------------------
 1-1.Reset
 1-2.Layout Box
 1-3.Header
 1-4.Footer
 1-5.Hyper Text Module
 1-6.Common class
 1-7.IE Hack
 1-8.Social button
 1-9.Icons
 1-10.Titles
========================================================= */


/* 1-1.Reset
--------------------------------------------------------- */


/* 1-2.Layout Box
--------------------------------------------------------- */
.head-en,
.foot-en {
	width: 100%;
}
	.head-en > div,
	.foot-en > div {
		width: 960px;
		margin: 0 auto;
		clear: both;
	}
	.foot-en > div {
		padding-top: 23px;
	}
	.head-en,
	.head-en > div {
		height: 94px;
	}

/* 1-3.Header
--------------------------------------------------------- */
.head-en {
	background: url(/st/share/pc/img/bg-header-blueline.png) repeat-x left top;
	line-height: 1;
	text-align: left;
	margin-bottom: 15px;
}
.head-en.mypage {
	text-align: left!important;
}
	.head-en > div {
		background: url(/st/share/pc/img/bg-header-bus.png) no-repeat 460px top;
		padding-top: 9px;
	}
	
	.head-en ul,
	.head-en li {
		float: left;
	}
	.lang ul,
	.lang ul li,
	.menu div li {
		float: none;
	}
		.head-en nav li {
			text-align: center;
			list-style: none;
		}
		.head-en nav div {
			text-align: left;
		}
		
		/* Old CSS対策 */
		.head-en .brandcatch {
			margin-bottom: 0;
		}

/* ----- Willer Express Logo, Lead, My Page(txt) ----- */
/* Willer Express Logo */
.head-en h1,
.head-en h1 span {
	width: 152px;
	height: 37px;
}
/* My Page */
.head-en h2,
.head-en h2 span {
	width: 90px;
	height: 37px;
}
/* Lead Txt */

.head-en h2 {
	margin-left: 20px;
}
/*
.head-en p,
.head-en p span {
	width: 233px;
	height: 37px;
}
.head-en p {
	margin-left: 30px;
}
.head-en h1,
.head-en h2,
.head-en p {
	position: relative;
	float: left;
	overflow: hidden;

}*/

.head-en .brandcatch,
.head-en .brandcatch span {
	width: 233px;
	height: 37px;
}
.head-en .brandcatch {
	margin-left: 30px;
}

.head-en h1,
.head-en h2,
.head-en .brandcatch {
	position: relative;
	float: left;
	overflow: hidden;
}
	.head-en h1 span,
	.head-en h2 span,
	.head-en p span{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background: no-repeat left top;
	}
	.head-en h1 span {
		background-image: url(/st/share/pc/img/logo-willerx.png);
	}
	.head-en h2 span {
		background: url(/st/share/pc/img/tit-mypage.png) no-repeat 0 -40px;
	}
	.head-en p span {
		background-image: url(/st/3/en/pc/img/tit-en-lead.png);
	}


/* ----- Utility Nav ----- */
.utility {
	display: inline;
	float: right;
	padding-top: 6px;

	height: 30px;
}
.utility ul + ul {
	margin-left: 20px;
}


/* ----- SP + Global Nav ----- */
.sp2,
.gnav {
	margin-top: 10px;
}
.head-en.mypage .sp2,
.head-en.mypage .gnav {
	margin-top: 7px;
}
	.sp2 li,
	.gnav li {
		padding: 10px 0 0 24px;
	}
	/* ----- SP ----- */
	.sp2 {
		float: right;
		/* Mac版Chrome用 */
		display:table;
	}
		.sp2 li {
			text-indent: 25px;
			padding-left: 0;
			background: url(/st/share/pc/img/ico-cart.png) no-repeat left 8px;
		}

	/* ----- Global Nav ----- */
	.gnav {
		height: 39px;
		display: inline;
		float:left;
	}
	.gnav li {
		display: inline;
		border-right: 1px solid #d6d6d6;
		border-left: 1px solid #d6d6d6;
		padding-right: 24px;
		text-indent: 20px;
	}
	.gnav li + li {
		border-left: none;
	}
	/* Icon: HOME */
	.gnav li {
		background: url(/st/share/pc/img/ico-home-gray.png) no-repeat 20px center;
	}
	/* Icon: ▼ */
	.gnav li + li {
		background: url(/st/share/pc/img/ico-arrow-r-gray.png) no-repeat 22px center;
		text-indent: 10px;
	}
	
	.gnav a {
		width: auto;
		height: 23px;
		display: block;
		line-height:1.1em!important;/* for IE cut-text bug */
	}


		
/* ----- Dropdown Menu (Utility Nav + Sub Nav) ----- */
.guide,
.lang {
	position: relative;
	list-style: none;
}

/* ◎Utility Nav: Guide */

.guide {
	padding-bottom: 6px;
}
	.guide > li {
		padding: 6px 0 6px 13px;
		height: 19px;
	}
	.guide > li + li {
		margin-left: 12px;
	}

	/* FAQ */
	.guide .lnk-3 {
		background: url(/st/share/pc/img/ico-question.png) no-repeat left 20%;
	}
	/* Contact Us */
	.guide .lnk-4 {
		background: url(/st/share/pc/img/ico-arrow-r-gray.png) no-repeat 10px 30%;
		padding-left: 20px;
	}
	/* ▼アイコン */
	.guide .lnk-1:after,
	.guide .lnk-2:after {
		content: url(/st/share/pc/img/ico-arrow-d-gray.png);
		vertical-align: middle;
		margin-left: -3px;
	}

/* ◎Utility Nav: Lang */
.lang {
	background: #fafafa;
	color: #999;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	.lang > li {
		width: 75px;
		height: 18px;
		padding-top: 5px;
		text-align: center;
	}
	.lang > li + li {
		width: 70px;
		border-left: 1px solid #d6d6d6;
	}
	.lang div ul {
		padding: 5px;
	}
		.lang div li {
			padding: 5px;
			width: 80px;
			text-indent: 15px;
			text-align: left;
		}
			.lang div li a {
				display: block;
			}
		.lang div li {
			background: url(/st/share/pc/img/ico-arrow-r-gray.png) no-repeat 10px 50%;
		}
		.lang div li + li {
			border-top: 1px dotted #ccc;
		}

	
/* ----- Dropdown Menu用 Div ----- */
.lang li > div {
	width: 100px;
}

.lang li > div {
	position: absolute;
	left: 35px;
	top: 28px;
	display: none;
	background: #FFF;
	border: 1px solid #1672B1;
	z-index: 1000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

	/* Fukidashi Img */
	.lang li > span {
		position: absolute;
		left: 65px;
		top: 26px;
		display: none;
		background: transparent url(/st/share/pc/img/angle_blue.png) no-repeat left top;
		width: 35px;
		height: 11px;
		border: none;
		z-index: 1001;
	}
	/* Fukidashi Img Position(.lang) */
		.lang li > span {
			left: 90px;
			top: 18px;
		}
		
		.lang li:hover > div,
		.lang li:hover > span {
			display: block;
		}
		
	
		
/* 1-4.Footer
--------------------------------------------------------- */
/* ----- Bus, Ferry Illust/ W Mark ----- */
.sct-foot {
	width: 960px;
	line-height: 0;
	margin: 10px auto 0;
	position: relative;
	text-align: center;
	clear: both;
}
	.sct-foot span {
		position: absolute;
		right: 17px;
		bottom: -41px;
		display: block;
		background: url(/st/share/pc/img/item-w-mark.png) no-repeat left bottom;
		width: 50px;
		height: 41px;
	}
	
/* ----- Footer ----- */
	.foot-en .w-group a {
		color: #666;
		text-decoration: none;
	}
	.foot-en .w-group a:hover {
		text-decoration: underline;
	}

.foot-en {
	background: #f5f5f5 url(/st/share/pc/img/bg-footer-blueline.png) repeat-x left top;
	padding-bottom: 30px;
	text-align: left;
}

	/* ----- Willer Group List ----- */
	.w-group {
		background: url(/st/share/pc/img/logo-w.png) no-repeat left top;
		padding: 0 0 0 66px;
		display: inline-block;
		height: 41px;
		font-size: 11px;
	}
		.w-group ul {
			padding-top: 2px;
		}
			.w-group li {
				float: left;
				padding-right: 1.1em;
				margin-bottom: 10px;
			}
			.w-group li + li {
				padding-left: 1.1em;
				border-left: 1px solid #666;
			}


/* 1-5.Hyper Text Module
--------------------------------------------------------- */
a {
	overflow: hidden;
	outline: none;
}
a:link,
a:visited {
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}
.head-en a:link,
a:link {
	color: #333399;
}
.head-en a:visited,
a:visited {
	color: #800080;
}
	
.foot-en .w-group a {
	color: #666;
	text-decoration: none;
}
.foot-en .w-group a:hover {
	text-decoration: underline;
}


/*
header a:hover,
header a:active {
	text-decoration: none!important;
}
*/


/* 1-6.Common class
--------------------------------------------------------- */
hr.cl-both {
	clear: both;
	height: 0px;
	border: none;
	padding-top: 0;
	overflow: hidden;
	font-size: 0;
}
#to-top {
	position: fixed;
	width: 30px;
	height: 30px;
	background: url(/st/share/pc/img/ico-to-top.png) no-repeat right 50%;
	right: 20px;
	bottom: 20px;
}
	a#to-top {
		text-decoration: none;
		color: #fff;
		font-weight: normal;
		font-size: 12px;
		text-shadow: none;
		line-height: 140%;
	}


/* 1-7.IE Hack
--------------------------------------------------------- */
/* ----- ハックTest用 ----- */
.example { /background: orange; }/* IE6・IE7 */
.example2 { _background: green; }/* IE6 */

/* ----- IE7+IE6 ----- */
/* ----- Header ----- */
.guide li > div,
.menu li > div {
	/display: none;
	/visibility: hidden;
}
.gnav {
	/clear: both;
	/float: none;
	/display: inline-block;
}
.sp2 {
	/margin-top: -38px;
}


/* IE7のみ言語SELECT無 */
	.head-bus .utility,
	.head-ferry .utility,
	.head-tour .utility,
	.head-common .utility,
	.head-mypage .utility {
		/width: auto;
	}

/* IE8のみ　\9 */


/* ----- Footer ----- */
footer > div {
	/padding-top: 38px;
}

/* ----- Common Class ----- */
hr.cl-both {
	/visibility: hidden;
}


/* ----- IE6用 ----- */
body {
	_text-align: center;
	_zoom: 1;
}
header,
footer,
aside,
article {
	_text-align: left;
}

ol,
ul,
li {
	_zoom: normal;
}

hr.cl-both {
	_display: none;
}
/* ----- IE10用 ----- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.head-en {
	}
}


/* 1-8 Social button En
--------------------------------------------------------- */
#social_btn {
	float: right;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 325px;
}
.socialadd {
	width: 195px!important;
}

ul#social_btn li#facebook_like {
	padding: 0 0 0 10px;
	width: 72px;
}

#social_btn li {
	float: right;
}
#social_btn li#twitter {
	margin-right: 22px;
	width: 90px;
	overflow:hidden;
}
#social_btn li#google_plusone {
	margin-right: 6px;
	width: 72px;
	overflow:hidden;
}
.social-area{
	width:200px;
}
/* 1-9.Icons
--------------------------------------------------------- */
a.popup:after{
	content: url(/st/share/pc/img/ico-window.png);
	vertical-align: middle;
	margin: 0 2px;
}
.mark-arrow, .mark-disc, .mark-note, .mark-dark, .mark-pages {
	line-height: 1.4em;
}
h2.mark-arrow, h3.mark-arrow, h4.mark-arrow, h5.mark-arrow, p.mark-arrow, a.mark-arrow, span.mark-arrow, .mark-arrow li, .mark-arrow dd {
	background: url("/st/share/pc/img/ico-arrow-r-pink.png") no-repeat scroll 0.2em 0.45em rgba(0, 0, 0, 0);
	list-style: none outside none;
	padding-left: 15px;
}
.mark-arrow li + li, .mark-arrow dd, .mark-arrow dd + dt {
	margin-top: 0.5em;
}
a.mark-arrow {
	background-position: 0.2em 0.2em;
}
.mark-disc {
	margin: 1em 0;
}
.mark-disc li, .mark-disc dd {
	list-style: disc outside none;
	margin-left: 1.3em;
}
.mark-disc li + li, .mark-disc dd + dd {
	margin-top: 0.5em;
}
.mark-note {
	margin-left: 1em;
	text-indent: -1em;
}

h2.mark-dark, h3.mark-dark, h4.mark-dark, h5.mark-dark, p.mark-dark, a.mark-dark, span.mark-dark, .mark-dark li, .mark-dark dd {
	background: url("/st/3/en/pc/img/ico_arrow_rdarkg.png") no-repeat scroll 0.0em 0.0em rgba(0, 0, 0, 0);
	list-style: none outside none;
	padding-left: 15px;
}
.mark-dark li + li, .mark-dark dd, .mark-dark dd + dt {
	margin-top: 0.5em;
}
a.mark-dark {
	background-position: 0.0em 0.0em;
}

.mark-darkf {
	text-indent: -1.4em;
	margin-left:1.4em;
}
.mark-darkf span{
	list-style: none outside none;
}
.darkfdotzone{
}
.darkflinkzone{
}


.mark-pages{
	background: url("/st/3/en/pc/img/ico_arrow_rdarkg.png") no-repeat scroll 0.0em 0.0em rgba(0, 0, 0, 0);
	list-style: none outside none;
	padding-left: 17px;
}
.mark-pages li + li, .mark-pages dd, .mark-pages dd + dt {
	margin-top: 0.5em;
}
.mark-pages {
	background-position: 0.0em 0.0em;
}

.mark-pages-down{
	background: url("/st/3/en/pc/img/ico_arrow_rdarkg_down.png") no-repeat scroll 0.0em 0.0em rgba(0, 0, 0, 0);
	list-style: none outside none;
	padding-left: 17px;
}
.mark-pages-down li + li, ..mark-pages-down dd, ..mark-pages-down dd + dt {
	margin-top: 0.5em;
}
.mark-pages-down {
	background-position: 0.0em 0.0em;
}

/*
css version of absmiddle image vertical style
http://code2design.com/forums/another_way_to_do_absmiddle_with_css
*/
.absmid { 
	vertical-align: middle;
	margin-bottom: .25em;
}

/* 1-10.Titles
--------------------------------------------------------- */

/* ----- Title Lv.1 ～ Lv.5----- */
.tit-lv1,
.tit-lv2,
.tit-lv3,
.tit-lv4,
.tit-lv5 {
	line-height: 1.4em;
}
/* ----- Title Lv.1 ----- */
.tit-lv1 {/* height: +padding + border +box-shadow = 56px(1行時) */
	padding: 12px 7px 11px 16px;
	margin: 3px 3px 1.5em;
	color: #6c1044;
	font-size: 18px;
	font-weight: bold;
	background: #FCFAFA url(/st/share/pc/img/tit-lv1-angle.png) no-repeat 1px 1px;
	border: solid 1px #e0e0e0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	-moz-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	-o-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	-ms-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
}
	/* IE7/IE6用 */
	.tit-lv1 {
		/border: 4px solid #eee;
		/margin-left: 0;
		/margin-right: 0;
		/background-position: 5px 5px;
	}
	/* IE8用 */
	.tit-lv1 {
		border-width: 4px\9;
		border-style: solid\9;
		border-color: #eee\9;
		margin-top: 0\9;
		margin-left: 0\9;
		margin-right: 0\9;
	}
	/* IE9用 */
	.tit-lv1:not(:target) {
		border-width: 1px\9;
		border-style: solid\9;
		border-color: #e0e0e0\9;
		margin-top: 3px\9;
		margin-left: 3px\9;
		margin-right: 3px\9;
	}
	/* IE10用 */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.tit-lv1 {
			border: solid 1px #e0e0e0;
			margin-left: 3px;
			margin-right: 3px;
		}
	}

	
/* ----- Title Lv.2 ----- */
.tit-lv2 {
	/* height: +padding +border =28px(1行時) */
	margin: 1.5em 0;
	padding: 4px 5px 7px 12px;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	font-size: 15px;
	color: #6c1044;
	/*
	letter-spacing: 0.1em;
	*/
	background: url(/st/share/pc/img/tit-bar-pink.png) no-repeat left bottom;
}

/* ----- Title Lv.3～5 ----- */
.tit-lv3,
.tit-lv4,
.tit-lv5 {
	padding: 2px 6px 2px 16px;
	background: url(/st/share/pc/img/ico-square-pink.png) no-repeat left 6px;
	font-size: 13px;
	margin: 1.5em 0 0.5em;
	color: #6c1044;
}
.tit-lv3 {
	/* height: +padding =17px(1行時) */
	border-bottom: 1px dotted #999;
	height: auto;
}
.tit-lv4 {
	padding-bottom: 0;
}
.tit-lv5 {
	padding: 6px 6px 6px 24px;
	background-color: #f3f3f3;
	background-position: 8px 10px;
	font-weight: bold;
}
/* tagengo blue edition 2015*/
.tit-lv0-categ{
	color:#1672b1;
	font-size:28px;
	border-bottom:#1672b1 3px solid;
	padding-bottom:9px;
	margin-top:20px;
	margin-bottom:25px;
	font-weight:bold;
}
.tit-lv1-mainfo{
	color:#1672b1;
	font-size:24px;
	border-bottom:#cccccc 2px solid;
	padding-bottom:10px;
	margin-top:8px;
	margin-bottom:30px;
	font-weight:bold;
	line-height: 1.2em;
}
.tit-lv2-mainfo{
	color:#1672b1;
	font-size:18px;
	margin-top:8px;
	margin-bottom:20px;
	font-weight:bold;
}
.tit-lv2-mainfo-bar{
	color:#1672b1;
	font-size:18px;
	margin-top:8px;
	margin-bottom:20px;
	font-weight:bold;
	border-left:#1672b1 6px solid;
	padding-left:15px;
	line-height:27px;
}
.tit-lv2-mainfo-bar-b{
	color:#333333;
	font-size:16px;
	margin-top:8px;
	margin-bottom:20px;
	font-weight:bold;
	border-left:#666666 3px solid;
	border-bottom:#666666 1px solid;
	padding-left:10px;
	padding-bottom:7px;
	line-height:27px;
}
.tit-lv2-mainfo-dark{
	color:#333333;
	font-size:18px;
	margin-top:8px;
	margin-bottom:20px;
	font-weight:bold;
	line-height:27px;
}
.tit-lv2-mainfo-darkline{
	color:#333333;
	font-size:18px;
	margin-top:8px;
	margin-bottom:20px;
	font-weight:bold;
	padding-bottom:13px;
	border-bottom:#666666 1px solid;
	line-height:27px;
}

.tit-lv3-mainfo{
	color:#333333;
	font-size:14px;
	margin-top:8px;
	margin-bottom:15px;
	font-weight:bold;
}
.tit-lv3-mainfo-line{
	color:#333333;
	font-size:14px;
	margin-top:8px;
	padding-bottom:13px;
	border-bottom:#ccc 1px solid;
	margin-bottom:15px;
	font-weight:bold;
}
/* side menu */
.snav{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	display:block;
	width:198px;
	float:left;
	margin-bottom:30px;
}
.snav li a {
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 12px;
	font-weight:bold;
	padding: 14px 14px 14px 14px;
	background: url("/st/3/en/pc/img/ico_navarrow.png") no-repeat 180px center;
	color: #333333;
	text-decoration: none;
}
.snav li a:hover, .snav li.activemn a {
	background-color: #e7efff;
	color: #333333;
	text-decoration: none;
}
.main-inform {
	float: right;
	width: 740px;
	line-height:22px;
	margin-bottom:35px;
	font-size: 14px;
}
.main-single{
	width: 100%;
	line-height:22px;
	margin-bottom:35px;
	font-size: 14px;
}
.dark-more-btn {
	/*width:138px;
	margin:0 auto 0 auto;*/
	text-align:center;
	margin-bottom:10px;
}
.dark-more-btn a{
	background: #666666;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #666666 0%, #343434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#343434));
background: -webkit-linear-gradient(top,  #666666 0%,#343434 100%);
background: -o-linear-gradient(top,  #666666 0%,#343434 100%);
background: -ms-linear-gradient(top,  #666666 0%,#343434 100%);
background: linear-gradient(to bottom,  #666666 0%,#343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#343434',GradientType=0 );
	display:table;
	color:#ffffff!important;
	font-size:14px;
	font-weight:bold;
	padding:9px 11px;
	text-decoration:none!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.orange-res-btn {
	/*width:138px;
	margin:0 auto 0 auto;*/
	text-align:center;
	margin-bottom:10px;
}
.orange-res-btn a{
	display:block;
	background: #faae3d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhYWUzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgzMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #faae3d 1%, #f58325 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #faae3d), color-stop(100%, #f58325));
	background: -webkit-linear-gradient(top, #faae3d 1%, #f58325 100%);
	background: -o-linear-gradient(top, #faae3d 1%, #f58325 100%);
	background: -ms-linear-gradient(top, #faae3d 1%, #f58325 100%);
	background: linear-gradient(to bottom, #faae3d 1%, #f58325 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae3d', endColorstr='#f58325', GradientType=0 );
	border:1px solid #cccccc;
	display:table;
	color:#ffffff!important;
	font-size:18px;
	font-weight:bold;
	padding:11px 18px;
	text-decoration:none!important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:-10px;
}
.mlefticon {
	margin-left:12px;
}
.mlefticon2 {
	margin-left:15px;
}
.mrighticon {
	margin-right:10px;
}
.mrighticon2 {
	margin-right:15px;
}
.rilink{
	text-align:right;
}
.disclist li{
	list-style: disc outside none;
	margin-left: 1.3em;
}
.ordlist li{
	list-style: decimal outside none;
	margin-left: 1.3em;
}
.box-d0{
	margin-bottom:10px;
}
.box-d1{
	margin-bottom:15px;
}
.box-d2{
	margin-bottom:20px;
}
.box-d3{
	margin-bottom:25px;
}
.box-d4{
	margin-bottom:30px;
}
.box-d5{
	margin-bottom:40px;
}

.btn2 {
/*background-color:#FFF;*/
}
.btn2:hover {
	-ms-filter: "alpha( opacity=70 )";/* for IE 8 & 9 (filter works too) should come BEFORE "filter:" */
	filter:alpha(opacity=70);/*IE 9 8 7 6 5 */
	-moz-opacity:0.7;/* Older than Firefox 0.9 */
	-khtml-opacity: 0.7;/* Safari 1.x (pre WebKit!) */
	opacity:0.7;/* Firefox 0.9+, Safari 2?, Chrome Opera 9+, IE 9+ */
}
/* 1-7.Table Module
--------------------------------------------------------- */
/*┌──────────────────────────┐
　│.tbl_basic …左列にthパターン　　　　　　　　　　　 │
　│.tbl_basic2…上段にthパターン(＆ 左列にもthパターン)│
　│#inside　　…入れ子Tableパターン　　　　　　　　　　│
　│.one-column　…列が一つしかないパターン　　　　　　 │
　│.one-row 　…行が一つしかないパターン　　　　　　　 │
　│.row-union …行は一つ以上で、最下段が合体の時　　　 │
　└──────────────────────────┘*/
.tbl_basic,
.tbl_basic2 {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #cdcdcd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
	.tbl_basic th,
	.tbl_basic2 th {
		color:#6d1044;	
		padding: 16px;
		vertical-align: top;
		font-weight: bold;
	}
	.tbl_basic td,
	.tbl_basic2 td {
		vertical-align:top;
		padding: 16px;
	}
	.tbl_basic th,
	.tbl_basic td,
	.tbl_basic2 th,
	.tbl_basic2 thead tr:first-child th:first-child,
	.tbl_basic2 td {
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px dotted #cdcdcd;
		background-color: #fff;/* IE対策 */
	}
	.tbl_basic th,
	.tbl_basic2 th,
	.tbl_basic2 thead tr:first-child th:first-child {
		background-color: #fcfafa;
	}
	
/*┌──────────────────────────┐
　│.tbl_basic …左列にthパターン　　　　　　　　　　　 │
　└──────────────────────────┘*/
	.tbl_basic tr:last-child td,
	.tbl_basic tr:last-child th {
		border-bottom: none;
	}
	.tbl_basic td:last-child {
		border-right: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic tr:first-child th {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic tr:first-child td:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic tr:last-child th {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}

/*┌──────────────────────────┐
　│.tbl_basic2…上段にthパターン　　　　　　　　　　　 │
　└──────────────────────────┘*/
	.tbl_basic2 th {
		text-align: center;
	}
	.tbl_basic2.txt-left th {
		text-align: left;
	}
	.tbl_basic2 tr:last-child td {
		border-bottom: none;
	}
	.tbl_basic2 th:last-child,
	.tbl_basic2 td:last-child {
		border-right: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic2 tr:first-child td:first-child,/* 旅行条件書一覧のようなtdパターン */
	.tbl_basic2 tr:first-child th:first-child,
	.tbl_basic2 thead tr:first-child th:first-child {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic2 tr:first-child td:last-child,/* 旅行条件書一覧のようなtdパターン */
	.tbl_basic2 tr:first-child th:last-child,
	.tbl_basic2 thead tr:first-child th:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic2 tr:last-child td:first-child,
	.tbl_basic2 thead + tbody tr:last-child td:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic2 tr:last-child td:last-child,
	.tbl_basic2 thead + tbody tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}
	/* ===== 上段th以外に、左列にもthある場合 ===== */
	.tbl_basic2 tr:last-child th:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		border-bottom: none;
	}


/*┌──────────────────────────┐
　│#inside　　…入れ子Tableパターン　　　　　　　　　　│
　│*入れ子側の.tbl_basic、.tbl_basic2にこのidを追加　 │
　└──────────────────────────┘*/
	.tbl_basic#inside th,
	.tbl_basic2#inside th {
		background-color: #f7f7f7;
		color: #333;
	}
	.tbl_basic#inside th,
	.tbl_basic#inside td,
	.tbl_basic2#inside th,
	.tbl_basic2#inside td {
		border-bottom: 1px dotted #cdcdcd;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
	.tbl_basic#inside tr:last-child th,
	.tbl_basic#inside tr:last-child td,
	.tbl_basic2#inside tr:last-child th,
	.tbl_basic2#inside tr:last-child td {
		border-bottom: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic#inside tr:first-child th:first-child,
	.tbl_basic2#inside tr:first-child th:first-child {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic#inside tr:first-child td:last-child,
	.tbl_basic#inside tr:first-child th:last-child,
	.tbl_basic2#inside tr:first-child th:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic#inside tr:last-child th:first-child,
	.tbl_basic#inside tr:last-child td:first-child,
	.tbl_basic2#inside tr:last-child td:first-child,
	.tbl_basic2#inside tr:last-child th:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic#inside tr:last-child th:last-child,
	.tbl_basic#inside tr:last-child td:last-child,
	.tbl_basic2#inside tr:last-child th:last-child,
	.tbl_basic2#inside tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}

/*┌──────────────────────────┐
　│.one-column　…列が一つしかないパターン　　　　　　 │
　│*そのth、tdにこのclassを追加　　　　　　　　　　　 │
　└──────────────────────────┘*/
/* ----- cell（上）1つパターン ----- */
	.tbl_basic tr:first-child th.one-column,
	.tbl_basic tr:first-child td.one-column,
	.tbl_basic2 tr:first-child th.one-column,
	.tbl_basic2 tr:first-child td.one-column,
	.tbl_basic#inside tr:first-child th.one-column,
	.tbl_basic#inside tr:first-child td.one-column,
	.tbl_basic2#inside tr:first-child th.one-column,
	.tbl_basic2#inside tr:first-child td.one-column {
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-o-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
/* ----- cell（下）1つパターン ----- */
	.tbl_basic tr:last-child th.one-column,
	.tbl_basic tr:last-child td.one-column,
	.tbl_basic2 tr:last-child th.one-column,
	.tbl_basic2 tr:last-child td.one-column,
	.tbl_basic#inside tr:last-child th.one-column,
	.tbl_basic#inside tr:last-child td.one-column,
	.tbl_basic2#inside tr:last-child th.one-column,
	.tbl_basic2#inside tr:last-child td.one-column {
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-o-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}
/* ----- cell（上・中・下）1つパターン ----- */
	th.one-column,
	td.one-column {
		border-right: none;
		text-align: center;
	}
	th.one-column.txt-left,
	td.one-column.txt-left {
		border-right: none;
		text-align: left;
	}
	
/*┌──────────────────────────┐
　│.one-row 　…行が一つしかないパターン　　　　　　　 │
　│*そのtableにこのclassを追加　　　　　　　　　　　  │
　└──────────────────────────┘*/
/* テーブル全列の行が一つ */
.tbl_basic.one-row tr:last-child th:first-child {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border-bottom: none;
}
.tbl_basic.one-row tr:last-child td:last-child {
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

/* 特定の行が一つ */
	th.one-row,
	td.one-row {
		border-bottom: none;
	}
	/*左下 */
	.tbl_basic tr:first-child th:first-child.one-row,
	.tbl_basic tr:first-child td:first-child.one-row,
	.tbl_basic2 tr:first-child th:first-child.one-row,

	.tbl_basic2 tr:first-child td:first-child.one-row,
	.tbl_basic#inside tr:first-child th:first-child.one-row,
	.tbl_basic#inside tr:first-child td:first-child.one-row,
	.tbl_basic2#inside tr:first-child th:first-child.one-row,
	.tbl_basic2#inside tr:first-child td:first-child.one-row {
		-webkit-border-radius: 6px 0 0 6px;
		-moz-border-radius: 6px 0 0 6px;
		-o-border-radius: 6px 0 0 6px;
		border-radius: 6px 0 0 6px;
	}
	/*右下 */
	.tbl_basic tr:first-child td:last-child.one-row,
	.tbl_basic tr:first-child th:last-child.one-row,
	.tbl_basic2 tr:first-child td:last-child.one-row,
	.tbl_basic2 tr:first-child th:last-child.one-row,
	.tbl_basic#inside tr:first-child td:last-child.one-row,
	.tbl_basic#inside tr:first-child th:last-child.one-row,
	.tbl_basic2#inside tr:first-child td:last-child.one-row,
	.tbl_basic2#inside tr:first-child th:last-child.one-row{
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		-o-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
		border-right: none;
	}

/*┌──────────────────────────┐
　│.row-union …行は一つ以上で、最下段が合体の時　　　 │
　│*そのthまたはtdにこのclassを追加　　　　　　　　 　│
　└──────────────────────────┘*/
/* ===== 下段、左列rowが合体している場合 ===== */
	.tbl_basic .row-union,
	.tbl_basic2 .row-union {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		border-bottom: none;
	}
	
/* ===== 下段、右列rowが合体している場合 ===== */
	.tbl_basic .row-union2,
	.tbl_basic2 .row-union2 {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
		border-right: none;
		border-bottom: none;
	}

/*OTHER TABLES*/
.bluebasic01-tbl{
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}
.bluebasic01-tbl td{
	vertical-align:top;
	text-align:left;
	padding:15px;
	border:#ccc 1px solid;
}
.bluebasic01-tbl th{
	width:22%;
	font-weight:bold;
	background-color:#f8f8f8;
	vertical-align:top;
	text-align:left;
	padding:15px;
	border:#ccc 1px solid;
}

.bluebasic01{
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}


.becenter{
	text-align:center!important;
}

/* Responsive layout 2015-7
--------------------------------------------------------- */



/* 2-1.info pages style titles
--------------------------------------------------------- */

.bli-tit{
	background-color:#1672b1;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	margin-bottom:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}

/* 2-2.layout, menu + contents
---------------------------------------------------------*/

/*------------------------------------*/
/*TOP MAIN MENU 
---------------------------------------*/
.g_navi {
    display: inline;
    float: left;
	margin-top: 10px;
    height: 38px;
}
.g_navi .toggle {
	display: none;
}
.g_navi .close {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.g_menu {
	/*border-left: 1px solid #dddddd;*/
	/*background: url("/recruit/img/common/menubar.png") no-repeat center left;*/
	overflow: hidden;
}

.g_menu > li {
	/*width: 125px;*/
	float: left;
	border-right: 1px solid #d6d6d6;
	padding-left:15px;
	padding-right:25px;
	cursor:pointer;
}

.g_menu > li dl {
/*	position: relative;*/
}

.g_menu > li{
	/*background: url("/recruit/img/common/menubar.png") no-repeat center right;*/
}
.g_menu > li:first-child{
	border-left:#d6d6d6 1px solid;
	padding-left:30px;
	/*background: url("/recruit/img/common/menubar.png") no-repeat center right;*/
}
.g_menu > li dt {
	/*border-right: 1px solid #dddddd;*/
	/*text-indent: -9999px;*/
	/*width: 130px;*/
	/*height: 36px;*/
	padding-top:10px;
	padding-bottom:10px;
	padding-left:22px;
	padding-right:10px;
	
}

.g_menu > li dd {
	position: absolute;
	display: none;
	margin-left:-15px;/*compensa li 15px */
	/*padding-top: 9px;*/
}

.g_menu > li dd .submenu {
	padding: 0px 0px 0px 0px;
	background-color: #ececec;
	width: 260px;
	position: relative;
	border:#CCC 1px solid;
	-moz-box-shadow:2px 2px 2px #999999;
	-webkit-box-shadow: 2px 2px 2px #999999;
	-o-box-shadow: 2px 2px 2px #999999;
	-ms-box-shadow: 2px 2px 2px #999999;
	box-shadow: 2px 2px 2px #999999;
	z-index:999;

}
.g_menu > li dd .submenu li {
	/*padding: 10px 0;*/
	display:block;
	width:100%;

}

.g_menu > li dd .submenu li:hover {
	background-color:#FFF;
}

.g_menu > li dd .submenu li a.coming_soon {
	color: #666666;
	position: relative;
	z-index: 0;
	pointer-events:none;
}
.g_menu > li dd .submenu li a.coming_soon {
	cursor: default;
	text-decoration: none;
}

.g_menu > li dd a {
	color: #000000;
	text-decoration: none;
	padding:10px 0;
	display:block;
	padding-left:15px;
	padding-right:25px;
	white-space:nowrap;
}
.g_menu > li dd a:hover {
	text-decoration: underline;
}

.g_menu > li .menu01 dt {
	/*background: url("/recruit/img/common/gnavi_menu01.png") no-repeat center 15px;*/
}
.g_menu > li .menu01:hover dt {
	/*background: url("/recruit/img/common/gnavi_menu01_on.png") no-repeat center 15px;*/
}
.g_menu > li .menu01 dt.mcurrent {
	/*background: url("/recruit/img/common/gnavi_menu01_on.png") no-repeat center 15px;*/
}

.g_menu > li .menu02 dt {
	/*background: url("/recruit/img/common/gnavi_menu02.png") no-repeat center 15px;*/
}
.g_menu > li .menu02:hover dt {
	/*background: url("/recruit/img/common/gnavi_menu02_on.png") no-repeat center 15px;*/
}
.g_menu > li .menu02 dt.mcurrent {
	/*background: url("/recruit/img/common/gnavi_menu02_on.png") no-repeat center 15px;*/
}

.g_menu > li .menu03 dt {
	/*background: url("/recruit/img/common/gnavi_menu03.png") no-repeat center 15px;*/
}
.g_menu > li .menu03:hover dt {
	/*background: url("/recruit/img/common/gnavi_menu03_on.png") no-repeat center 15px;*/
}
.g_menu > li .menu03 dt.mcurrent {
	/*background: url("/recruit/img/common/gnavi_menu03_on.png") no-repeat center 15px;*/
}
.gnav li + li {
		border-left: none;
	}
	/* Icon: HOME */
	.g_menu .menu01 dt {
		background: url(/st/share/pc/img/ico-home-gray.png) no-repeat 0px center;
	}
	/* Icon: ▼ */
	.g_menu .menu02 dt,
	.g_menu .menu03 dt,
	.g_menu .menu04 dt {
		background: url(/st/share/pc/img/ico-arrow-r-gray.png) no-repeat 10px center;
		/*text-indent: 10px;*/
	}

/*hide the menu with link already in the footer */
.gmenu-voice5{
	display:none;
}
/*hide the language menu */
.gmenu-voice6{
	display:none;
}
/*hide the mobile footer (c) line */
.footercopy{
	display:none;
}
/*------------------------------------*/
/*TOP MAIN MENU END*/
	
/*Hide the mobile header inserted for responsive only pages */
.mobile-header-resp{
	display:none;
}


.generic-pc-only{
	display:block;
}
.generic-mb-only{
	display:none!important;
}
.generic-pc-only-inline{
	display:inline-block;
}
.generic-mb-only-inline{
	display:none!important;
}

.smlcaps { font-variant: small-caps; }

/**/

/************* ENDING CAMPAIGN ADVICE *****************/
.cam-final{
	border:#EF3263  1px solid;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#EF3263;
	margin-bottom:12px;
}

.cam-final a:link{
	color:#EF3263;
	text-decoration:none;
	
}
.cam-final a:visited{
	color:#EF3263;
	text-decoration:none;
	
}
.cam-final a:hover{
	color:#EF3263;
	text-decoration:underline;
}

.cam-final-top{
	background-color:#EF3263;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
}
/************* ENDING CAMPAIGN ADVICE (end) *************/
.txt-center{
	text-align:center;
}