@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

body{
	color:#111;
	text-align:center;
	background:#000;
}
#wrapper{
	background:#fff;
}
/*
fontsize 10px→70%
fontsize 12px→85%
fontsize 14px→100%
fontsize 16px→115%
fontsize 18px→120%
fontsize 20px→130%
*/

/* a */
a{
	color:#111;
	text-decoration:none;
}
a:hover{
	color:#999;
	text-decoration:underline;
}






/*-----------------------------
	header
------------------------------*/

header{
	background:#101D57;
	border-bottom:3px solid #B49B29;
}
header nav{
	width:960px;
	height:100px;
	margin:0px auto;
	padding:20px 0;
	position:relative;
}
header nav h1{
	float:left;
}
header nav ul li{
	display:inline-block;
}
header nav p{
	position:absolute;
	top:15px;
	right:3px;
}






/*-----------------------------
	footer
------------------------------*/

footer{
	background:url(../../common/images/fnav-bg.png) repeat-x center top #000;
}
footer.footer-top{
	background:url(../../common/images/fnav-bg-top.png) repeat-x center top #000;
}
footer ul li{
	display:inline-block;
}
footer #fnav-top{
	padding:5px 0 20px;
}
footer div{
	width:990px;
	margin:0 auto;
	padding:0 15px;
	color:#fff;
	line-height:40px;
}

/* lang */
#lang{
	float:left;
	margin:5px 30px 0 0 ;
	width: 220px; 
	position:relative;
	height:28px;
}
#lang img{vertical-align:sub;}
#lang li{float:left; background:#fff;height:28px;}
#lang li a:hover{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#langbox{ display:none; position:absolute; top:-112px; right:0; z-index:99999; background:#fff;}
#langbox li{ clear:both; height:28px;}

footer div #links{
	float:left;
}
footer div #links a{
	display:inline-block;
	color:#fff;
	padding-left:15px;
	background:url(../../common/images/footer-icon.png) no-repeat left center;
	margin-right:40px;
}
footer div #copy{
	font-size:85%;
	text-align:right;
}






/*--------------------------------------------------------------------------------------------------------------------
	トップ
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	header-top
------------------------------*/

#header-top{
	background:none;
	border-bottom:none;
}
#header-top h1{
	background:url(../../common/images/top-bg.jpg) no-repeat center top #101D57;
}
#header-top nav{
	width:100%;
	height:auto;
}
#header-top ul{
	background:url(../../common/images/top-gnav-bg.jpg) no-repeat center top #B49B29;
}

/*-----------------------------
	contents-top
------------------------------*/

#contents-top{
	min-width:990px;
	line-height:2;
	padding:65px 15px 20px;
	overflow:hidden;
}
#contents-top h2{font-size:36px;}
#contents-top ul{
	width:990px;
	margin:0 auto 70px;
	overflow:hidden;
}
#contents-top ul li{
	float:left;
	text-align:left;
	margin:0 15px;
}
#contents-top ul li img{
	margin-bottom:15px;
}
#contents-top ul li span{
	display:block;
	line-height:1.2;
	padding-left:10px;
	border-left:3px solid #B49B29;
}
#contents-top .kome{
	width:990px;
	margin:0 auto;
	text-align:right;
	font-size:85%;
}










/*--------------------------------------------------------------------------------------------------------------------
	青の交響曲（シンフォニー）とは
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	contents-about
------------------------------*/

#contents-about{
	min-width:960px;
	line-height:2;
	padding:45px 0 20px;
	overflow:hidden;
	background:url(../images/about-bg.jpg) no-repeat center top;
}
#contents-about h2{
	margin-bottom:80px;
}
#contents-about h3{
	margin-bottom:30px;
}
#contents-about .logo{
	height:360px;
	padding:0 15px;
	background:url(../images/about-logo-bg.jpg) no-repeat center bottom;
	margin-bottom:140px;
}
#contents-about .kome{
	width:990px;
	margin:0 auto;
	padding:0 15px;
	text-align:right;
	font-size:85%;
}










/*--------------------------------------------------------------------------------------------------------------------
	車内のご案内
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	contents-guide
------------------------------*/

#contents-guide{
	width:990px;
	margin:0 auto;
	line-height:2;
	padding:60px 15px 20px;
	overflow:hidden;
}
#contents-guide h2{
	margin-bottom:80px;
	font-size:40px;
}
#contents-guide article{
	clear:both;
	overflow:hidden;
	text-align:left;
}
#contents-guide article figure img{
	margin-bottom:10px;
}
#contents-guide article figure figcaption{
	display:block;
	line-height:1.2;
	padding-left:10px;
	border-left:3px solid #B49B29;
}
#contents-guide article h3{
	color:#101D57;
	font-size:24px;
}
#contents-guide article dl{
	clear:both;
	height:418px;
	padding:50px 0 0 40px;
	background:url(../images/service-t2-sv-bg.jpg) no-repeat center top;
}
#contents-guide article dl dt{
	margin-bottom:20px;
}
#contents-guide article dl dd{
	width:430px;
}
#contents-guide article div{
	clear:both;
	text-align:center;
	border:1px solid #ccc;
	overflow:hidden;
}
#servicebox{
	background:url(../images/service-bk.png) no-repeat;
	height:408px;
	width:960px;
	padding:45px 485px 0 45px;
}
#en #servicebox{background:url(../../common/images/service-bk.png) no-repeat;padding:24px 439px 0 31px;}
#cn #servicebox{background:url(../../common/images/service-bk.png) no-repeat;padding:24px 439px 0 31px;}
#tw #servicebox{background:url(../../common/images/service-bk.png) no-repeat;padding:24px 439px 0 31px;}
#ko #servicebox{background:url(../../common/images/service-bk.png) no-repeat;padding:24px 439px 0 31px;}
#servicebox h4{ color:#660000; font-size:20px;}
/* Preload images */
body:after {
  content: url(../../common/images/close.png) url(../../common/images/loading.gif);
  display: none;
}
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.lightbox .lb-image {
  display: block;
	width:980px!important;
	height:auto!important;
  max-width: inherit;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-container {
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
	display:none;
}
.lb-nav a.lb-prev {
	display:none;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
	display:none;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  height: 40px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  height: 40px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 120px;
  height: 40px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#contents-guide .kome{
	width:990px;
	margin:0 auto;
	padding:0 15px;
	text-align:right;
	font-size:85%;
}










/*--------------------------------------------------------------------------------------------------------------------
	車内サービス
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	contents-service
------------------------------*/

#contents-service{
	width:990px;
	margin:0 auto;
	line-height:2;
	padding:60px 15px 20px;
	overflow:hidden;
}
#contents-service article{
	border-bottom:1px solid #000;
	margin-bottom:45px;
}
#contents-service article.bd-none{
	border-bottom:none;
}
#contents-service h2{
	margin-bottom:80px;
}
#contents-service ul#anc-btn{
	clear:both;
	overflow:hidden;
}
#contents-service ul#anc-btn li{
	margin-bottom:18px;
}
#contents-service .kome{
	font-size:12px;
	text-align:center;
	margin-bottom:95px;
}
#contents-service h3{
	margin-bottom:25px;
}
#contents-service .read{
	font-size:16px;
	text-align:center;
}
#contents-service ul#anc-btn2{
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}
#contents-service ul#anc-btn2 li{
	float:left;
	margin:0 12px 12px 0;
	width:308px;
	padding:15px 20px;
	box-sizing:border-box;
	border:1px solid #ccc;
	text-align:left;
}
#contents-service ul#anc-btn2 li.mr0{
	margin-right:0;
}
#contents-service ul#anc-btn2 li dl dt{
	color:#27357A;
	font-size:16px;
	background:url(../images/icon-arrow-btm.png) no-repeat left center;
	padding-left:20px;
	margin-bottom:5px;
}
#contents-service ul#anc-btn2 li dl dt a{
	color:#27357A;
}
#contents-service ul#anc-btn2 li dl dd{
	font-size:12px;
	margin-left:20px;
}
#contents-service .red{
	color:#c00;
}
#contents-service .gray{
	color:#999;
}
#contents-service .blue{
	color:#27357A;
}
#contents-service h4{
	margin-bottom:45px;
}
#contents-service .img-right{
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:left;
}
#contents-service .img-right.mb20{
	margin-bottom:20px;
}
#contents-service .img-right img{
	float:right;
}
#contents-service .img-right .leftcol{
	float:left;
	width:530px;
}
#contents-service .img-right .leftcol dl dt{
	font-weight:bold;
	font-size:16px;
}
#contents-service .img-right .leftcol dl dt em.red{
	display:inline-block;
	color:#fff;
	font-size:14px;
	padding:0 10px;
	background:#B81F20;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#contents-service .img-right .leftcol dl dt em.blue{
	display:inline-block;
	color:#fff;
	font-size:14px;
	padding:0 10px;
	background:#27357A;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#contents-service .img-right .leftcol dl dt small{
	font-size:12px;
	font-weight:normal;
}
#contents-service .img-right .leftcol dl dd{
	font-size:18px;
	position:relative;
	line-height:1.6;
	border-bottom:1px solid #000;
	margin-bottom:15px;
}
#contents-service .img-right .leftcol p#alcohol6{
	font-size:18px;
}
#contents-service .img-right .leftcol dl dd.bb-none{
	border-bottom:none;
	font-size:14px;
}
#contents-service .img-right .leftcol dl dd span{
	font-size:14px;
}
#contents-service .img-right .leftcol dl dd em{
	position:absolute;
	right:0;
	bottom:0;
}
#contents-service .img-right .leftcol div{
	padding:15px 20px;
	background:#EEEEEE;
	font-size:14px;
	line-height:1.6;
	margin-bottom:12px;
}
#contents-service .img-right .leftcol div em{
	font-weight:bold;
}
#contents-service .img-right .leftcol .tyusyaku{
	margin-left:1em;
	font-size:12px;
}

#contents-service .img-right2{
	clear:both;
	overflow:hidden;
	margin-bottom:80px;
	text-align:left;
}
#contents-service .img-right2 .rightcol{
	float:right;
}
#contents-service .img-right2 .rightcol div{
	float:left;
	margin-left:60px;
}
#contents-service .img-right2 .rightcol div img{
	margin-bottom:5px;
}
#contents-service .img-right2 .leftcol{
	width:520px;
}








/*--------------------------------------------------------------------------------------------------------------------
	時刻表
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	contents-timetable
------------------------------*/

#contents-timetable{
	width:990px;
	margin:0 auto;
	line-height:2;
	padding:60px 15px 20px;
	overflow:hidden;
}
#contents-timetable h2{
	margin-bottom:45px;
	font-size:40px;
}
#contents-timetable h3{ font-size:28px; color:#27357A;}
#contents-timetable p em{
	font-size:160%;
	font-weight:bold;
}
#contents-timetable h4{ border:1px solid #ccc; line-height:40px; text-align:left; margin-bottom:10px;}
#contents-timetable h4.orangebk{background:#FFCC66;}
#contents-timetable h4.bluebk{background:#C9E3F5;}


#contents-timetable p strong{
	font-size:120%;
	font-weight:bold;
}
#contents-timetable p a.icon{
	display:inline-block;
	text-decoration:underline;
	padding-left:22px;
	background:url(../images/timetable-icon.png) no-repeat left center;
	margin-left:20px;
}
#contents-timetable p span.goblue{
	display:inline-block;
	width:40px;
	line-height:15px;
	vertical-align:middle;
	background:#DFF7FC;
	border:1px solid #ccc;
	margin-right:5px;
}
#contents-timetable div{
	clear:both;
	overflow:hidden;
	margin:0 auto 70px;
	text-align:center;
	width:auto;
	width:705px;
}
#contents-timetable div table{
	float:left;
	width:330px;
	margin:0 10px;
	border:1px solid #ccc;
	margin-bottom:30px;
}
#contents-timetable div table.last{
	margin-right:0;
}
#contents-timetable div table th.orange{
	padding:5px 15px;
	text-align:left;
	background:#FFCC66;
	border:1px solid #ccc;
}
#contents-timetable div table .gray{background:#EEEEEE;}
#contents-timetable div table .heijitu{background:#B8CDF5;}
#contents-timetable div table .sun{background:#FFCCCC;}

#contents-timetable div table th.blue{
	padding:5px 15px;
	text-align:left;
	background:#C9E3F5;
	border:1px solid #ccc;
}
#contents-timetable div table td{
	padding:5px 15px;
	text-align:right;
	border:1px solid #ccc;
}
#contents-timetable div table td.yellow{
	text-align:left;
	background:#FFFFCC;
	width:10em;
}
#contents-timetable div table td.yellow span{
	display:inline-block;
	width:6.5em;
}
#contents-timetable dl.place{
	border:1px solid #ccc;
	padding:20px;
	margin-bottom:70px;
}
#contents-timetable dl.place dt{
	font-weight:bold;
	margin-bottom:10px;
}
#contents-timetable dl.place dt em{
	font-size:120%;
	font-weight:bold;
}
#contents-timetable .caution{
	color:#900;
	font-weight:bold;
	line-height:1.4;
}










/*--------------------------------------------------------------------------------------------------------------------
	MOVIE
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	contents-movie
------------------------------*/

#contents-movie{
	width:990px;
	margin:0 auto;
	line-height:2;
	padding:60px 15px 20px;
	overflow:hidden;
}
#contents-movie h2{
	margin-bottom:10px;
	font-size:40px;
}
#contents-movie h3{
	text-align:left;
	padding-left:0px;
	margin-bottom:10px;
	font-size:30px;
	color:#27357A;
}
#contents-movie ul{
	float:right;
	padding-top:25px;
}
#contents-movie ul li{
	float:right;
	margin-left:10px;
	vertical-align:top;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
#contents-movie #youtubemovie{
	border:5px solid #27357A;
	margin-bottom:80px;
}










/*--------------------------------------------------------------------------------------------------------------------
	reserve
---------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------
	contents-reserve
------------------------------*/

#contents-reserve{
	width:990px;
	margin:0 auto;
	line-height:1.6;
	padding:90px 15px 20px;
	overflow:hidden;
}
#contents-reserve .f-bold{
	font-weight:bold;
}
#contents-reserve .red{
	color:#900;
}
#contents-reserve h2{
	margin-bottom:45px;
	font-size:40px;
}
#contents-reserve h3{
	margin-bottom:25px;
}
#contents-reserve ul{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0 auto 90px;
}
#contents-reserve ul li{
	float:left;
	margin-left:40px;
}

#contents-reserve .borderbox{border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:20px 0;}
#contents-reserve .borderbox ul{width:560px; margin:0 auto 20px;}
#contents-reserve .borderbox li{padding-left:40px; background:url(../../common/images/cicon.png) no-repeat top left;font-size:18px;float:none; text-align:left; margin-bottom:15px;}
#internet,#window{background:url(../../common/images/tvicon.png) no-repeat left 0px; padding-left:50px; font-size:30px; color:#27357A; text-align:left; width:550px; margin:0 auto 30px; line-height:1; padding-bottom:15px;}
#internet span,#window span{font-size:24px;}
.redbox{border-top:1px solid #990000;border-bottom:1px solid #990000; padding:20px 0;}
.redbox span{font-size:18px;}

#window{background:url(../../common/images/hitoicon.png) no-repeat left 0px; padding-left:70px; font-size:30px; color:#27357A; text-align:left; width:600px; margin:0 auto 30px; line-height:1; padding-bottom:35px;}

.eticket{ display:inline-block; text-align:left; font-weight: bold; padding:0 100px; position:relative;font-size:16px; }
.eticket img{position:absolute; right:0;top:-20px;}
#contents-reserve .kome{
	width:520px;
	margin-right:auto;
	margin-left:255px;
	text-align:left;
	text-indent:-0.9em; padding-left:1em; 
}
#contents-reserve #window-read{
	width:670px;
	margin:0 auto;
	text-align:left;

}