@charset "UTF-8";
/*
 ____    ____    ______  ______  ______  ____     _____    __    __  ____
/\  _`\ /\  _`\ /\__  _\/\__  _\/\__  _\/\  _`\  /\  __`\ /\ \  /\ \/\  _`\
\ \ \L\ \ \ \L\_\/_/\ \/\/_/\ \/\/_/\ \/\ \ \L\ \\ \ \/\ \\ `\`\\/'/\ \,\L\_\
 \ \ ,__/\ \  _\L  \ \ \   \ \ \   \ \ \ \ \  _ <'\ \ \ \ \`\ `\ /'  \/_\__ \
  \ \ \/  \ \ \L\ \ \ \ \   \_\ \__ \ \ \ \ \ \L\ \\ \ \_\ \ `\ \ \    /\ \L\ \
   \ \_\   \ \____/  \ \_\  /\_____\ \ \_\ \ \____/ \ \_____\  \ \_\   \ `\____\
    \/_/    \/___/    \/_/  \/_____/  \/_/  \/___/   \/_____/   \/_/    \/_____/
*/


/*==============================================
global
==============================================*/
html {
	overflow-y:scroll;
	-webkit-text-size-adjust:none;
	background:#fff;
}

body {
	margin:0;
	line-height:1.6;
	color:#333;
	font-size:16px;
}

article,
aside,
details,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section {
	display:block;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, button {
	padding: 0;
	margin: 0;
}

li { list-style-type:none; }
li img { vertical-align:top!important; }
img { border:none; vertical-align:bottom!important;}

::-moz-selection {
	background-color:#000000;
	color:#fece00;
}

::selection {
	background-color:#000000;
	color:#fece00;
}


/*==============================================
links
==============================================*/
a {
	color:#222;
	text-decoration:none;
}
a:visited {
	color:#222;
	text-decoration:none;
}
a:hover {
	color:#dc0000;
}
a:active {
	color:#dc0000;
	text-decoration:none;
}


/*==============================================
clearfix
==============================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* End hide from IE mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}
/* End hide from IE mac */

#imgBox,
#about,
#spot,
#flight,
#price,
#contact,
#footer
 {
	width:940px;
	margin:0 auto;
}

/*==============================================
pagetop
==============================================*/
#pageTopBox {
     position: fixed;
     bottom: 15px;
     right: 15px;
     _position:absolute;
     _width:70px;
	 z-index:99999;
	 width:70px;
}

#pageTopBox a {
     background:rgba(102,102,102,0.8);
     text-decoration: none;
     color: #fff;
     padding: 5px;
     text-align: center;
     display: block;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     position:relative;
     behavior:url(common/css/PIE.htc);
}

#pageTopBox a:hover {
     text-decoration: none;
     background: #999;
}

#cloudfont {
     position: fixed;
	 z-index:99999;
     bottom: 50%;
     right: 15px;
	 background:rgba(255,255,255,0.8);
	 font-size:10px;
	 text-align:center;
     padding: 5px;
	 width:60px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     behavior:url(common/css/PIE.htc);
}

#cloudfont a:hover img {
     opacity:0.7;
     filter: alpha(opacity=70); /*IE6*/
}



/*==============================================
header
==============================================*/
#headerBg {
	background:#fff;
	height:50px;
	padding:25px 30px 5px 30px;
	 z-index:999999;
}

#header {
	position:relative;
}

#navMobileBtn {
	display:none;
}

#navMobile {
	display:none;
}

#header h1 {
	width:20%;
	float:left;
	font-size:22px;
	letter-spacing:-0.1em;
	color:#dc0000;
	font-style:italic;
	line-height:1;
}

#header #nav {
	width:80%;
	float:right;
	text-align:right;
	color:#ccc;
}

#header ul li {
	display:inline;
}


/*==============================================
img
==============================================*/
#imgBg {
	background:#000;
	width:100%;
	color:#fff;
	position:relative;
}

#imgEn {
	position:absolute;
	top:30px;
	right:30px;
	z-index:999;
	font-size:30px;
	color:#dc0000;
}

#imgMaru {
	background:#FF0;
	color:#222;
	height: 150px;
	width: 150px;
	border-radius:75px;
	-moz-border-radius:75px;
	-webkit-border-radius: 75px;
	position:absolute;
	bottom:100px;
	right:200px;
	z-index:999;
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	behavior:url(common/css/PIE.htc);
}


p#imgMaruText {
	padding-top:25px;
	color:#dc0000;
}

p#imgMaruVol {
	font-size:54px;
	line-height:1.0;
}

p#imgMaruDate {
	font-size:22px;
	line-height:1.1;
}

#img {
	height:550px;
}

#imgBox  {
	padding-top:100px;
}

#imgBox h2  {
	font-size:72px;
	line-height:1.3;
	letter-spacing:-0.07em;
	text-shadow: 0 0 7px #000000;
	position:relative;
	behavior:url(common/css/PIE.htc);
}

#imgBox #imgLead  {
	font-size:26px;
	display:block;
	letter-spacing:normal!important;
	text-shadow: 0 0 7px #000000;
	color:#fece00;
	letter-spacing:-0.1em!important;
	position:relative;
	behavior:url(common/css/PIE.htc);
}

#imgBox h3  {
	font-size:38px;
	line-height:1.3;
	letter-spacing:-0.07em;
	text-shadow: 0 0 7px #000000;
}

#imgBox  p {
	text-shadow: 0 0 7px #000000;
	position:relative;
	behavior:url(common/css/PIE.htc);
}

#imgCopy {
	letter-spacing:0.1em;
}


/*==============================================
about
==============================================*/
#aboutBg {
	background:#e7ebed;
	padding:30px 0;
	position:relative;
}

#about {
	z-index:99;
	position:relative;
}

#aboutText {
	font-size:220px;
	position:absolute;
	right:50px;
	top:-50px;
	color:#dbe0e3;
}

#aboutL {
	width:450px;
	float:left;
	font-size:16px;
	letter-spacing:-0.05em;
	text-align:justify;
}

#aboutR {
	width:450px;
	float:right;
	font-size:15px;
	letter-spacing:-0.05em;
	text-align:justify;
}

#about h2 {
	margin-bottom:15px;
	font-size:28px;
	letter-spacing:-0.05em;
}


/*==============================================
spot
==============================================*/
#spotBg {
	background:#fece00;
	padding:30px 0;
	position:relative;
}

#spotText {
	font-size:220px;
	position:absolute;
	right:50px;
	top:-50px;
	color:#e6bb00;
}

#spot {
	z-index:99;
	position:relative;
}

.spotBox {
	width:460px;
	float:left;
	font-size:14px;
	line-height:1.4;
	margin-bottom:40px;
}

.spotBoxL {
	width:200px;
	float:left;
	webkit-box-shadow: 0px 0px 5px #555;
	-moz-box-shadow: 0px 0px 5px #555;
	box-shadow: 0px 0px 5px #555;
	position:relative;
	behavior:url(common/css/PIE.htc);
}

.spotBoxR {
	width:240px;
	float:right;
}

#spot h2 {
	margin-bottom:20px;
	font-size:28px;
}

.spotBox h3 {
	font-size:17px;
	line-height:1.35;
	margin-bottom:3px;
}

.spotBox h4 {
	color:#b50204;
	font-size:14px;
	line-height:1.35;
	margin-bottom:5px;
}

.spotLink a {
    background: none repeat scroll 0 0 #b50204;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
	*display: inline;
    *zoom: 1;
	margin-top:10px;
    padding: 5px 10px;
    position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.41);
	box-shadow: 0 4px 0 #7a0001;
	text-shadow: 0 -1px #930002;
	position:relative;
	behavior:url(common/css/PIE.htc);
}

.spotLink a:hover {
    background:#000;
	color:#fece00;
	box-shadow: 0 4px 0 #333;
	text-shadow:none;
	position:relative;
	top:2px;
	behavior:url(common/css/PIE.htc);
}

#spotNight {
	clear:both;
}

/*==============================================
flight
==============================================*/
#flightboardMobile {
	display:none;
}

#flightBg {
	background:#333;
	color:#fff;
	padding:30px 0;
	position:relative;
}

#flightText {
	font-size:220px;
	position:absolute;
	right:50px;
	top:-20px;
	color:#000;
}

#flight {
	z-index:99;
	position:relative;
}

#flight h2 {
	margin-bottom:10px;
	font-size:28px;
	text-shadow: 0 1px #000000;
	color:#fece00;
}

#flightBoradTit {
	margin-top:20px;
}

#flightBoard {
	line-height:1.3;
}

#flightTitTime {
	width:70px;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:14px;
}

#flightTitDep
 {
	width:175px;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:14px;
}

#flightTitVia {
	width:170px;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:14px;
}

#flightTitNo {
	width:120px;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:14px;
}

#flightTitAirline {
	width:285px;
	float:left;
	padding:5px 10px;
	font-size:14px;
}

#flightTitTime span,
#flightTitDep span,
#flightTitVia span,
#flightTitNo span,
#flightTitAirline span {
	color:#999;
}

.flightSet {
	height:40px;
	color:#ddd;
}

.flightSet div {
	margin-bottom:1px;
	font-size:20px;
}

.flightSetTimeE ,
.flightSetTimeJ
{
	width:70px;
	background:#4c4c4c;
	float:left;
	margin-right:5px;
	padding:5px 10px;
}


.flightSetDepE,
.flightSetDepJ
 {
	width:175px;
	background:#4c4c4c;
	float:left;
	margin-right:5px;
	padding:5px 10px;
}

.flightSetViaE,
.flightSetViaJ
 {
	width:170px;
	background:#4c4c4c;
	float:left;
	margin-right:5px;
	padding:5px 10px;
}

.flightSetNoE,
.flightSetNoJ
 {
	width:120px;
	background:#4c4c4c;
	float:left;
	margin-right:5px;
	padding:5px 10px;
}

.flightSetAirlineE,
.flightSetAirlineJ
 {
	width:285px;
	background:#4c4c4c;
	float:left;
	padding:5px 10px;
}

/*==============================================
price
==============================================*/
#priceBg {
	background:#dc0000;
	color:#fff;
	padding:30px 0;
	position:relative;
}

#priceText {
	font-size:220px;
	position:absolute;
	right:50px;
	top:-20px;
	color:#b80000;
}

#price {
	z-index:99;
	position:relative;
}

#price h2 {
	margin-bottom:10px;
	font-size:28px;
	color:#fffec9;
	text-shadow: 0 -1px #b10101;
}


#prices {
	font-size:70px;
	line-height:1;
	margin-top:10px;
	text-shadow: 0 3px #b10101;
	width: 1100px;
}

#priceNotice {
	font-size:20px;
	margin-bottom:30px;
}

#price ul {
	border:1px solid #fff;
	padding:15px;
}

#price ul li {
	font-size:14px;
	list-style-type:none;
}

#priceBtn a {
    background: none repeat scroll 0 0 #57c556;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
	*display: inline;
    *zoom: 1;
    padding: 10px 20px;
    position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.41);
	box-shadow: 0 8px 0 #329731;
	text-shadow: 0 -1px #43a342;
	font-size:32px;
	margin-bottom:30px;
	position:relative;
	behavior:url(common/css/PIE.htc);
}

#priceBtn a:hover {
	color:#57c556;
    background:#fff;
	box-shadow: 0 8px 0 #ddd;
	text-shadow:none;
	position:relative;
	top:2px;
	behavior:url(common/css/PIE.htc);
}


/*==============================================
contact
==============================================*/
#contactBg {
	background:#000;
	color:#fff;
	padding:30px 0;
	font-size:14px;
}

#contact h4 {
	font-size:16px;
}

#contact a {
	color:#dc0000;
}

#contact a:hover {
	color:#fece00;
}

/*==============================================
footer
==============================================*/
#footerBg {
	padding:20px;
	color:#222;
	background:#ddd;
}

#footer {
	text-align:center;
}

#footer small {
	font-size:20px;
}


/*==============================================
padding margin
==============================================*/
.mt0 {margin-top:0px!important;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;}
.mr0 {margin-right:0!important;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr35 {margin-right:35px;} .mr40 {margin-right:40px;}
.mb0 {margin-bottom:0px!important;} .mb5 {margin-bottom:5px!important;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb35 {margin-bottom:35px;} .mb40 {margin-bottom:40px!important;} .mb45 {margin-bottom:45px!important;} .mb50 {margin-bottom:50px!important;}
.ml0 {margin-left:0px!important;}.ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml35 {margin-left:35px;} .ml40 {margin-left:40px;}
.pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;}
.pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr25 {padding-right:25px;} .pr30 {padding-right:30px;} .pr35 {padding-right:35px;} .pr40 {padding-right:40px;}
.pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;}
.pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;}