@charset "utf-8";

/* CSS初期設定 */
#bgWrap {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    margin:0;
    padding:0;
}
#bgWrap img {
    border:0;
    vertical-align:bottom;
}
#bgWrap ul {
	list-style:none;
	margin:0;
}
#bgWrap a {
	overflow: hidden;
}
#bgWrap .clear {
	clear: both;
}

/*clearfix*/
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearfix { 
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end of for macIE */
.clearfix {
	overflow:hidden;
}


/* 基本レイアウト・フォント装飾関連 */
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-dred { font-weight: bold ; color: #CC3300}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #009900}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}
.f-dred { color: #CC3300}
.f-blue { color: #0066CC}
.f-green { color: #009900}

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t11b { font-size: 11px; line-height: 12px}
.t12b { font-size: 12px ; font-weight: bold ; color: #666666}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}
.t12_12 { font-size: 12px; line-height: 12px}
.t12_14 { font-size: 12px; line-height: 14px}
.t12_16 { font-size: 12px; line-height: 16px}
.e10 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 10px}
.e12 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px}
.e12b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold}
.e14b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold}
.e14pink { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold ; color: #FF3399}
.e12w { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold ; color: #FFFFFF}

/* テキストサイズ */
.size10 {font-size: 10px;}
.size12 {font-size: 12px;}
.size14 {font-size: 14px;}
.size20 {font-size: 20px;}
.size24 {font-size: 24px;}
.size25 {font-size: 25px;}
.size28 {font-size: 28px;}
.size32 {font-size: 32px;}
.size38 {font-size: 38px;}

/*余白*/
.mgT5{margin-top:5px;}
.mgT10{margin-top:10px;}
.mgT15{margin-top:15px;}
.mgT20{margin-top:20px;}

.mgB5{margin-bottom:5px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB20{margin-bottom:20px;}

.mgL5{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL35{margin-left:35px;}

.mgR5{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}

/*テキスト色*/
.cLBlue {color: #4c88f5;}
.cRed {color: #ff0000;}

/*英数字*/
.eFont{
	font-family: Arial, Helvetica, sans-serif;
}


/*IE用印刷*/
@media print{
body {
_zoom: 68%; /*WinIE only */
}
}

.arrow {
	vertical-align: middle;
	margin-right: 5px;
}


/* ●●●JRセットプランかんたん検索●●● */
/*
#boxKensaku {
	float:left;
	background-image: url(images/box_kensaku.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 325px;
	width: 541px;
	margin:0px 10px 15px 0px;
}
#boxKensakuIn {
	padding:8px 0px 0px 12px;
}
#boxKensaku h3 {
	margin:0;
}
*/

/* タイトル
---------------------------------*/
/*
#title h1 {
	margin:0;
	padding:0;
	font-size: 12px;
}

#title {
	height: 222px;
	width: 950px;
	position: relative;
	overflow: hidden;
	border-bottom: 10px solid #1a67f1;
}
#title p {
	margin:0;
	padding:0;
}
*/
#lead {
	height: 65px;
	width: 360px;
	position: absolute;
	left: 370px;
	top: 140px;
	/top: 150px;
	font-size: 15px;
}
#lead dt {
	font-weight: bold;
	margin-bottom: 2px;
}
#lead dd {
	line-height:1;
	margin:0;
}

/* ナビゲーション
---------------------------------*/
/* #navi {
	width: 950px;
	height: 40px;
	overflow: hidden;
	padding: 0px 0px 15px 10px;
}
#navi li {
	float: left;
	margin-right: 10px;
}
*/
/* 区間検索
---------------------------------*/
#boxAreaSearch {
	height: 325px;
	width: 399px;
	float: left;
	overflow: hidden;
	margin:0;
}
#boxAreaSearch h2 {
	margin: 0;
}
/*首都圏発*/
.areaTokyo{
	height: 315px;
	width: 399px;
	background: url(images/bg_area_tokyo.jpg) no-repeat left bottom;
}
/*関西発*/
.areaKansai{
	height: 315px;
	width: 399px;
	background: url(images/bg_area_kansai.jpg) no-repeat left bottom;
}
/*九州発*/
.areaKyushu{
	height: 315px;
	width: 399px;
	background: url(images/bg_area_kyushu.jpg) no-repeat left bottom;
}

#boxAreaSearch ul {
	margin: 10px 0px 0px -25px;
	/margin: 10px 0px 0px 15px;
}
#boxAreaSearch ul li {
	margin-bottom: 5px;
	height: 36px;
	width: 330px;
	position: relative;
}
#boxAreaSearch ul li p {
	font-size: 16px;
	position: absolute;
	left: 35px;
	top: 6px;
	margin:0;
}


/* 一押しボックス
---------------------------------*/

#boxIchioshi {
	background-image: url(images/box_ichioshi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 950px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
#boxIchioshi dl {
	width:900px;
	margin:0px 0px 5px 9px;
}
#boxIchioshi dt {
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:14px;
	padding-left:18px;
	margin:0;
	width: 900px;
}
#boxIchioshi dd {
	color:#555556;
	padding-left:18px;
	margin: 3px 0 0;
}


/* リンクボックス
---------------------------------*/
#linkContena {
	clear: both;
}
.boxLink {
	height: 210px;
	width: 950px;
	margin-bottom: 10px;
	background: url(images/bg_obi.jpg) no-repeat left top;
	position: relative;
}

.hover{
	cursor: pointer;
	height: 210px;
	width: 950px;
	margin-bottom: 10px;
	background: url(images/bg_obi.jpg) no-repeat left bottom;
}
.boxLink h3 {
	font-size: 38px;
	font-weight: bold;
	position: absolute;
	left: 25px;
	top: 10px;
	line-height:1.2;
	word-wrap: normal;
	width: 175px;
	margin:0;
}
.boxLink .ticket {
	position: absolute;
	left: 258px;
	top: 15px;
	font-size: 20px;
	margin:0;
}
.boxLink .ticket span {
	font-size: 22px;
}
.boxLink .ticketTxt {
	position: absolute;
	left: 525px;
	top: 50px;
	font-size: 15px;
	margin:0;
}
.boxLink dl {
	position: absolute;
	left: 210px;
	top: 72px;
	width: 540px;
	text-align: center;
	margin:0;
}
.boxLink dl dt {
	font-size: 24px;
	font-weight: bold;
	background: #F00;
	padding: 6px 0px;
	color: #FFF;
	margin-bottom: 2px;
}
#linkContena dl .plan {
	font-size: 14px;
	margin-top: -5px;
}

/* Safari and Chrome */
body:nth-of-type(1) .boxLink dl dt { letter-spacing:-1px; }

.boxLink dl .nanto {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-left: 80px;
	margin:0;
}
.boxLink dl .price {
	font-size: 20px;
	font-weight: bold;
	color:#F00;
	margin: -2.2em 0px 0px 50px;
}

/* Safari and Chrome */
body:nth-of-type(1) .boxLink dl .price { margin: -1.8em 0px 0px 50px; }

.boxLink .link {
	position: absolute;
	left: 814px;
	top: 76px;
	margin:0;
}
	.boxLink .link a:link , .boxLink .link a:visited , .boxLink .link a:hover {
		color:#FFF;
		text-decoration:none;
	}



/* テキストシャドウ
-----------------------------*/
.textshadow {
	text-shadow: 2px 2px #ccc;　/* CSS3 */
}
/* ie7only */
*:first-child+html .boxLink dl .nanto.textshadow { text-shadow: 2px -2px #ccc; }
*:first-child+html .boxLink dl .price.textshadow { text-shadow: 2px -2px #ccc; }

/* ie9 */
:root .boxLink h3 span.textshadow {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 32px;
	text-shadow: 2px 8px #ccc\0/IE9;
}



/* ページ下部
---------------------------------*/
.message {
	float: left;
	margin: 30px 18px 0px 0px;
}
.btnNTA {
	margin-top: 30px;
	float: left;
}
#bottomContentsBnr {
	clear: both;
	overflow: hidden;
	padding-top: 40px;
	margin:0;
}
#bottomContentsBnr ul li {
	margin-right: 10px;
	float: left;
	list-style: none;
}
#bottomContentsBnr ul li span {
	background: url(images/arrow.gif) no-repeat;
	background-position: left center;
	padding-left: 8px;
}
#bottomContentsBnr ul {
	margin: 15px 0px 0px 115px;
	padding:0;
}

/* ●●●リンク設定●●● */
#bottomLink{
	width:930px;
	height:auto;
	padding:20px 10px 10px 10px;
	margin:20px 0 0 0;
	border-top:1px dotted #999;
}

#bottomLink p{
	display:block;
	margin:0 0 15px 0;
	padding:0;
	line-height:1.8em;
	font-size:10px;
}

#bottomLink h3{
	display:block;
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
}


.hint{
	width:930px;
	padding:10px;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	background:#000;
	color:#FFF;
	clear:both;
	margin:10px auto 0;
}

.hint span{
	text-align:right;
	display:block;
}

.hint a:link { color: #fff; }

.hint a:hover{
	text-decoration:none;
}