@charset "UTF-8";

/*///////////////////////////////////////////////////////////

	サイト共通CSS

///////////////////////////////////////////////////////////*/


/*======================================================================================
    タグ初期化設定
======================================================================================*/

html {
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-style: normal;
	color: #000000;
	line-height: 1.6;
	text-align: left;
	font-size: 13px;
}
* html body { font-size: 81%; }

div#main {
	line-height: 131%;
}
div#main p {
	font-size: 100%;
	line-height: 131%;
}
/* 見出し
----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd,li,blockquote {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	font-size: 100%;
	font-weight: normal;
}

/* リスト
----------------------------------------------------------------------------------*/
li li { margin-left: 20px; }

ol {
	margin: 5px 0;
	padding-left: 36px;
}
* html ol {
	margin: 5px 0 5px 36px;
	padding-left: 0;
}
ol li {	list-style: decimal; }

/* 行
----------------------------------------------------------------------------------*/
p {
	font-size: 93%;
	padding-left: 15px;
}

/* リンク
----------------------------------------------------------------------------------*/
a {
	color: #1828c9;
	text-decoration: none;
	font-size: 100%;
}
a:hover { text-decoration: underline; }
a:visited { color: #9518c9; }
a img { border: none; }

/* 画像
----------------------------------------------------------------------------------*/
img {
	vertical-align: bottom;
}

/* テーブル重なり線
----------------------------------------------------------------------------------*/
table {
	border-collapse:collapse;
	width: 500px;
}

/* サイドバー
----------------------------------------------------------------------------------*/
div#sidebar {
	width: 177px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* お得なきっぷ */
#sidebar .ticket {
	width: 175px;
	margin-left: 2px;
}
#sidebar .ticket dt {
	background-color: #999999;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#sidebar .ticket img {
	margin-bottom: 7px;
}


/*======================================================================================
    汎用クラス
======================================================================================*/

/* 文字サイズ 
----------------------------------------------------------------------------------*/
.fs10 { font-size:    77% !important; }  /* size 10px */
.fs11 { font-size:    85% !important; }  /* size 11px */
.fs12 { font-size:    93% !important; }  /* size 12px */
.fs13 { font-size:   100% !important; }  /* size 13px */
.fs14 { font-size:   108% !important; }  /* size 14px */
.fs15 { font-size:   116% !important; }  /* size 15px */
.fs16 { font-size: 123.1% !important; }  /* size 16px */
.fs17 { font-size:   131% !important; }  /* size 17px */
.fs18 { font-size: 138.5% !important; }  /* size 18px */
.fs19 { font-size: 146.5% !important; }  /* size 19px */
.fs20 { font-size: 153.9% !important; }  /* size 20px */
.fs21 { font-size: 161.6% !important; }  /* size 21px */
.fs22 { font-size:   167% !important; }  /* size 22px */
.fs23 { font-size:   174% !important; }  /* size 23px */
.fs24 { font-size:   182% !important; }  /* size 24px */
.fs25 { font-size:   189% !important; }  /* size 25px */
.fs26 { font-size:   197% !important; }  /* size 26px */

/* 文字指定 
----------------------------------------------------------------------------*/
.oblique { font-style: oblique !important; }
.bold { font-weight: bold !important; }
.ul { text-decoration: underline !important; }

.textR { text-align: right  !important; }
.textC { text-align: center !important; }
.textL { text-align: left   !important; }

.lh25 { line-height: 1.25 !important; }
.va-m { vertical-align: middle !important; }

.blue   { color: #121e94 !important; }/* ラピートブルー */
.orange { color: #ed6d1e !important; }/* ロゴオレンジ */
.red    { color: #c00 !important; }/* 赤 */


/* 幅設定 
----------------------------------------------------------------------------*/
.w100 { width: 100% !important; }
.w90 {  width:  90% !important; }
.w80 {  width:  80% !important; }
.w70 {  width:  70% !important; }
.w60 {  width:  60% !important; }
.w50 {  width:  50% !important; }
.w40 {  width:  40% !important; }
.w30 {  width:  30% !important; }

/* 余白設定 
---------------------------------------------------------------------------*/

/* margin */
.mAuto {
	margin-right: auto !important;
	margin-left:  auto !important;
}
.m0  { margin:  0px !important; }
.m5  { margin:  5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }

.mt0  { margin-top:  0px !important; }
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }

.mr0  { margin-right:  0px !important; }
.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

.mb0  { margin-bottom:  0px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

.ml0  { margin-left:  0px !important; }
.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

/* padding */
.p0  { padding:  0px !important; }
.p5  { padding:  5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }

.pt0  { padding-top:  0px !important; }
.pt5  { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

.pr0  { padding-right:  0px !important; }
.pr5  { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }

.pb0  { padding-bottom:  0px !important; }
.pb5  { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

.pl0  { padding-left:  0px !important; }
.pl5  { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }

/* フロート設定 
----------------------------------------------------------------------------*/
.floatR { float: right; }
.floatL { float:  left; }
.clear { clear: both; }

/* クリアフィックス 
----------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* no ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* clearfix END */

/* リンク・アイコン 
-----------------------------------------------------------------------------*/
/*a.link {
	padding-left: 16px;
	background: url(../images/common/icon_link-disc.gif) no-repeat 0 1px;
}*/

a.link {
	padding-left: 16px;
	background-image: url(../images/common/icon_link-disc.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* リンク小 */
a.link-s {
	padding-left: 16px;
	background: url(../images/common/icon_link-tri.gif) no-repeat 2px 1px;
}
/* リンク（鉄道情報） */
a.arrow {
	padding-left: 16px;
	background: url(../images/common/icon_link-arrow.gif) no-repeat 0 1px;
}
/* 外部リンク */
a.exLink {
	padding-left: 16px;
	background: url(../images/common/icon_link-external.gif) no-repeat 0 1px;
}
/* PDFリンク */
a.pdf {
	padding-left: 16px;
	background: url(../images/common/icon_link-pdf.gif) no-repeat 0 1px;
}
/* 下向き矢印 */
a.page-d {
	padding-left: 16px;
	background: url(../images/common/icon_link-page-d.gif) no-repeat 0 1px;
}


/* ページ内リンク */
a.pLink {
	padding-left: 16px;
	background: url(../images/common/icon_link-page.gif) no-repeat 0 50%;
}

/* m1内にMore informationボタンが有る場合の設定 */
h2.m1 a {
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	right: 7px;
	top: 0px;
	font-size: 79%;
	text-align: right;
}

/* リンクボタン-アイコンと文字の高さの調整
----------------------------------------------------------------------------------*/
div#main dt a {
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 108%;
}
div#main dd a {
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
}


/* パンくずリンク
----------------------------------------------------------------------------------*/
div#topic-path {
	line-height: 30px;
	height: 30px;
	width: 780px;
	font-size: 93%;
}
div#topic-path a {
	background-image: url(../images/common/icon_link-pankuzu.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
	margin-right: 6px;
	
}


/* 見出し
----------------------------------------------------------------------------------*/
.m1 {
	background-image: url(../images/common/title-bar-m1.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 575px;
	line-height: 28px;
	color: #000000;
	padding-left: 10px;
	display: block;
	clear: both;
	position: relative;
	font-size: 123.1%;
	font-weight: bold;
}
.m2 {
	background-image: url(../images/common/title-bar-m2.gif);
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 27px;
	height: 28px;
	padding-left: 10px;
	clear: both;
	line-height: 28px;
	color: #000000;
	font-size: 123.1%;
	font-weight: bold;
	padding-top: 5px;
}
.m3 {
	background-image: url(../images/common/title-bar-m2.gif);
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 7px;
	height: 28px;
	padding-left: 10px;
	clear: both;
	line-height: 28px;
	color: #000000;
	font-size: 123.1%;
	font-weight: bold;
	padding-top: 5px;
}
.m4 {
	font-size: 116%;
	font-weight: bold;
}


/* テーブルセル内の線を非表示 */
.border_off {
	border-bottom-style: none
 !important;}
 
 
/*========================================================================================
   @ コンテンツ大枠
========================================================================================*/

#container {
	width: 780px;
	margin: 0 auto;
}

/*========================================================================================
   @ ヘッダー
========================================================================================*/

div#header {
	position: relative;
}
div#logo {
	padding-top: 10px;
}
/*言語選択ボタン*/
ul#global-button li {
	float: left;
	height: 12px;
}
ul#global-button {
	position: absolute;
	top: 17px;
	right: 0px;
	height: 12px;
	width: 315px;
}
ul#global-button a {
	display: block;
	margin-right: 12px;
}
ul#global-button  li.button-Korean a {
	margin: 0px;
	padding: 0px;
}
/*グローバルナビ*/
ul#gnavi {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 780px;
	background-position: 0px -29px;
	margin-top: 10px;
}
ul#gnavi li {
	line-height: 29px;
	float: left;
}
ul#gnavi li a {
	display: block;
	height: 29px;
	width: 114px;
	text-indent: -9999px;
	overflow: hidden;
}
ul#gnavi li.home a {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul#gnavi .home a:hover {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -29px;
}
ul#gnavi li.traffic a {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: -114px 0px;
	width: 185px;
}
ul#gnavi .traffic a:hover {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: -114px -29px;
}
ul#gnavi li.sightseeing a {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: -299px 0px;
	width: 240px;
}
ul#gnavi .sightseeing a:hover {
	background-image: url(../images/common/header/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: -299px -29px;
}

/*=========================================================================================
   @ フッター
=========================================================================================*/

div#footer {
	width: 100%;
	color: #000000;
	font-size: 93%;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #999999;
	padding-top: 5px;
	height: 30px;
	clear: both;
}
div#footer ul li {
	float: left;
}
div#footer p {
	float: right;
	line-height: 15px;
}

div#footer a {
	display: block;
	margin-right: 20px;
	margin-top: 2px;
}

/* ページ先頭へ戻るボタン */
#pagetop-button {
	padding-top: 20px;
	clear: both;
	text-align: right;
}
#pagetop-button-l {
	padding-top: 20px;
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}


/*=========================================================================================
   @ 汎用スタイル
=========================================================================================*/

/* よくある質問
----------------------------------------------------------------------------------*/
h2.faq-ttl {
	border-top:1px solid #3A5AA7;
	font-size:116%;
	font-weight:bold;
	padding: 3px 0px 10px;
	margin-top: 30px;
}
.faq-box {
	width: 770px;
	margin-bottom: 20px;
	margin: 0 0 5px 10px;
}
.faq-box dt {
	font-weight: bold;
	border-bottom:1px dotted #000000;
	margin: 0px 0px 10px 0px;
}
.faq-box dt span {
	font-weight: bold;
	color: #3A5AA7;
	padding: 0px 5px 0px 0px;
}
.faq-box dd span {
	font-weight: bold;
	color: #CC0000;
	padding: 0px 5px 0px 0px;
}
.faq-box dd { width: 760px; 
}
.faq-box dd img { float: right; }
.faq-box dd p {
	width: 550px;
	float: left;
	padding-left:1.5em;
	text-indent:-1.5em;
}