@charset "Shift_JIS";

/* =================================================================================

 Common style of tokutoku

================================================================================= */

/* カテゴリごとの設定 */

div#odekakeContents a:link{ color:#0177bb; }
div#odekakeContents a:visited{ color:#0177bb; }

a.arrow01,
span.arrow01{
	margin-top:6px;
	padding-left:9px;
	background:url(img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}

/* ==

　index.html

=============================================================================== */

div#mainIndex{
	/*padding-bottom:20px;*/
	background:#FFF url(img/index_main.jpg) no-repeat left top;
}

div#mainAreaInner{
	background:url(img/index_main_bottom.jpg) no-repeat left bottom;
}

div#ttlArea{
	padding:10px 0;
}

	div#mainIndex div#ttlArea h1{ padding-left:15px;}
	div#mainIndex div#ttlArea h1,
	div#mainIndex div#ttlArea p{ float:left;}




div#boxOsusume{
	margin:0 auto;
	width:752px;
	background:#fff;
	/*background:#FFF url(img/index_main_bottom.jpg) no-repeat left bottom;*/
    position:relative;
}

div#osusumeTtl{
	padding:24px 0 22px 20px;
	height:256px;
	background:url(img/index_osusume_top.jpg) no-repeat left top;
}

/* ///////////////////////////////// トクトクきっぷ検索 */

div#mainSearch {
margin-left:20px;
margin-top:-147px;
width:706px;
}

div#mainSearch h2 {
margin-right:13px;
}

div#mainSearch .lnavLineboxIn {
border:none;
padding:0;
}

#mainSearchTtl {
padding:7px;
border-bottom:1px solid #e7e7e7;
}

#mainSearchTtl p {
margin-top:3px;
}

#mainSearchTtl a {
background-position:0px 4px;
}

#mainSearchBox {
padding:7px 0 7px 7px;
}

#mainSearchBox li {
margin-right:7px;
}

.formTtl {
display:block;
margin-bottom:3px;
}

.formKeyword {
margin-bottom:-1px!important;
}

label img,
label {
	vertical-align:middle !important;
}
select#depArea,
select#arrArea{
	width:125px;
	vertical-align:middle !important;
    height:21px;
}


select.yearSelect,
select.daySelect{
	width:45px;
	margin-right:1px;
	margin-left:1px;
	vertical-align:middle !important;
    height:21px;
}

div.lnavBtn{
margin-top:15px;
text-align:right;
height:22px !important;
}

.input164{
	margin-top:3px;
}

.input146{
	display:inline;
}

img.top{
	vertical-align:top;
}

img.bottom {
	vertical-align:bottom;
}

#searchDetailBtn a {
line-height:1;
display:block;
height:12px;
padding:3px 7px 0;
background:#e5e5e5;
text-align:right;
}

#searchDetail {
position:relative;
display:none;
border-top:3px solid #e5e5e5;
}

#searchDetail .tokutokuPlace {
margin:8px 0 0;
}

#searchDetail .tokutokuPlace li {
margin-right:15px;
}

#searchDetail .tokutokuPlace li label {
margin-left:3px;
}

#searchDetail .fl {
width:130px;
border-top:1px solid #FFF;
}

#searchDetail .fr {
text-align:left;
width:555px;
}

#searchDetail input#konyuStationName{
margin-top:7px;
}

legend {
/margin-left:-7px;
}

#tokutokuUseday{
width:170px;
}

.lnavDetailBtn {
position:absolute;
bottom:10px;
right:13px;
}


/*通常*/
div#osusumeMenu{
	padding:0px 0 0 20px;
	/*background:url(img/index_osusume_btm.gif) no-repeat left bottom;*/
}

div#osusumeMenu div.menubox{
	margin-right:17px;
	width:165px;
	float:left;
	display:inline;
}

	div#osusumeMenu div.menubox dl {
		background:#FFF url(/common/css/style/img/line_dot.gif) repeat-x left bottom;
	}

	div#osusumeMenu div.menubox dl dt{
		padding-left:10px;
		padding-top:7px;
		padding-bottom:3px;
		background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 1.35em;

	}

	div#osusumeMenu div.menubox dl dt a{
		padding-right:5px;
	}

	div#osusumeMenu div.menubox dl dt span img{
		padding-right:2px;
		vertical-align:middle !important;
	}

	div#osusumeMenu div.menubox dl dd{
		margin-top:-2px;
		padding-left:10px;
		padding-bottom:7px;
		font-size:78%;
		line-height:1.5;
	}

div#osusumeMenu div.centermenu{
	width:347px;
}

div#osusumeMenu div.centermenu dl dt,
div#osusumeMenu div.centermenu dl dd{
	width:160px;
}

/*年末年始用スタイル*/
/*
div.osusumeMenu{
	border-top: 1px solid #e5e5e5;
	width:712px;
	margin:0 auto;
}

	div.osusumeMenu.last {
		border-bottom: 1px solid #e5e5e5;
	}

div#exampleBox{
	width:712px;
	margin:7px auto;
}
	div#exampleBox p.fl{ padding-left:10px;}

div.osusumeMenu div.menubox{
	width:712px;
	margin:0 auto;
	padding-top:15px;
}

	div.osusumeMenu div.menubox h3{
		float:left;
		padding-left:10px;
	}

	div.osusumeMenu div.menubox div.menuList{
		width:526px;
		float:right;
	}

	div.osusumeMenu div.menubox div.listIn{
		width:263px;
		float:left;
	}

	div.osusumeMenu div.menubox div.listIn.fnone{
		width:526px;
		float:none;
	}

		div.osusumeMenu div.menubox div.listIn p{
			padding-left:10px;
			background:url(img/icon_arrow01.gif) no-repeat left 0.6em;
		}

		div.osusumeMenu div.menubox div.listIn p.area{
			margin-top:2px;
			margin-bottom:15px;
			/margin-bottom:12px;
			background:none;
			}

			div.osusumeMenu div.menubox p.area span{
				font-size:78%;
				background:#e6e6e6;
				padding:2px 4px;
				margin-right:2px;
			}
			--firefox--
			div.osusumeMenu div.menubox p.area span,  x:-moz-any-link  { font-size:80%; }
			div.osusumeMenu div.menubox p.area span,  x:-moz-any-link, x:default  { font-size:80%; }


			div.osusumeMenu div.menubox p.area img{
				padding-right:2px;
				padding-bottom:1px;
				/margin-top:-1px;
			}

div.osusumeMenu div.bg {
	background:#f2f2e6;
	margin-top:1px !important;
}
*/


/* ///////////////////////////////// その他この冬おすすめのきっぷ */

div#otherBox{
	width:712px;
	margin:20px auto 0;
}
	div#otherBox h3{ margin-bottom:5px;}

	div#otherBox ul{
		width:712px;
		}

		div#otherBox ul li.column-1{
			width:712px;
			padding-bottom:12px;
		}

		div#otherBox ul li{
			width:350px;
		}

		div#otherBox ul li.first{
			padding-right:12px;
		}





/* ///////////////////////////////// 便利でおトクなインターネット限定きっぷ */

div#boxInternet{
	margin:0 auto 0;
	padding-top:12px;
	width:756px;
	background:transparent url(img/index_internet_top.gif) no-repeat center top;
}

	div#boxInternet div#internetIn{
		padding-bottom:12px;
		background:transparent url(img/index_internet_btm.png) no-repeat left bottom;
}

		div#boxInternet div#internetIn div#internetTtl{
			margin-left:15px;
			float:left;
			display:inline;
			width:221px;
		}


	div#boxInternet div.yoyakubox{
		margin-left:18px;
		background:url(img/index_yoyaku_btm.gif) no-repeat left bottom;
		width:492px;
		float:left;
		display:inline;
	}

	div#boxInternet div.yoyakubox ul li{
		padding-right:2px;
	}


p.txtIndent{
	margin-top:0 !important;
	padding-top:0 !important;
	text-indent:-1em;
	padding-left:1em;
}


/* ///////////////////////////////// おトクなプラン */

div#boxPlan{
	margin-top:30px;
}

div#boxPlan ul{
	margin-top:12px;
	padding-left:12px;
}
div#boxPlan ul li{
	margin-left:12px;
}

/* ///////////////////////////////// ローカルナビ */

div#localNavi div#areaMain{
	margin-bottom:20px;
	padding:11px 11px 10px;
	background:url(img/lnv_tokutoku.jpg) no-repeat left top;
}

	div#localNavi div#areaMain ul{
		margin-top:7px;
	}

		div#localNavi div#areaMain ul li{
			margin-top:3px;
		}



/* ==

　比較表ページ（1カラムレイアウト）

=============================================================================== */

div#mainArea.mainSection{
	width:970px;
	float:none;
}

ul#areaMenu{
	margin-right:-6px;
	margin-bottom:20px;
	width:976px;
	background:url(img/bg_tab.gif) repeat-x left bottom;
}

	ul#areaMenu li{
		margin-right:4px;
		width:116px;
	}

		ul#areaMenu li.first{margin-left:13px;}

		ul#areaMenu li.lt{width:115px;margin-right:0;}
		ul#areaMenu li.rt{width:115px;}

table.ticketTbl{
	margin-top:12px;
	width:970px;
	border-top:1px solid #dbd2ae;
}

	table.ticketTbl th,
	table.ticketTbl td{
		color:#000;
	}

	table.ticketTbl td{
		padding:5px;
		border-right:1px solid #e5e5e1;
		border-bottom:1px solid #e5e5e1;
		/*width:11.5%;
		max-width:20%;
		min-width:11.5%;*/
	}

	table.ticketTbl th.head{
		/*padding:5px 10px;*/
		padding:5px 0;
		background:#ece3bf url(img/ticket_th_head.gif) repeat-x left top;
		font-weight:bold;
		text-align:center;
		color:#000;
		border-bottom:1px solid #bab18d;
		border-right:1px solid #bab18d;
	}

	table.ticketTbl th.ticketname{
		border-left:1px solid #bab18d;
		}

	table.ticketTbl th.first,
	table.ticketTbl tr.first td{
		border-bottom:2px solid #333333 !important;
	}

/*
table.ticketTbl td.name{ width:120px; }
table.ticketTbl td.price{ width:80px; }
table.ticketTbl td.kids{ width:80px; }
td.place{ width:95px; }
td.use{ width:94px; }
td.release{ width:105px; }
table.ticketTbl td.other{ width:241px; }
table.ticketTbl td.note{ width:15% !important; }
*/
table.ticketTbl td.txtSmall,
table.ticketTbl td{
	font-size:10px;
	line-height:1.5;
}

.txtNormal{
	font-size:12px !important;
	line-height:1.5 !important;
}

.valignTop{
	vertical-align:top !important;

}

/* for IE6,7 */
/*
* html td.name{ width:151px; }
* html td.price{ width:120px; }
* html td.kids{ width:77px; }
* html td.place{ width:115px; }
* html td.use{ width:114px; }
* html td.release{ width:125px; }
* html td.other{ width:241px; }

*:first-child + html td.name{ width:151px; }
*:first-child + html td.price{ width:120px; }
*:first-child + html td.kids{ width:77px; }
*:first-child + html td.place{ width:115px; }
*:first-child + html td.use{ width:114px; }
*:first-child + html td.release{ width:125px; }
*:first-child + html td.other{ width:241px; }
*/
/* end */

th.vertical{
	padding:10px 5px 0;
	text-align:center;
	vertical-align:top;
}

/* 通常 */
.usually{
	background-color:#cccccc;
	border:1px solid #b3b3b3 !important;
	padding-top:10px;
}

/* おトクなきっぷ */
.otokuticket{
	background-color:#a6d6f1;
	border:1px solid #96c0d9 !important;
	padding-top:10px;
}

.otoku td,
td.otoku{
	background-color:#e5f1f4;
	border-right:1px solid #ced9db;
	border-bottom:1px solid #ced9db;
}

/* インターネット予約 */
.reservation{
	background-color:#f7c86c;
	border:1px solid #d9b05f !important;
	padding:5px 0 !important;
}

.web td,
td.web{
	background-color:#fef4d8;
	border-right:1px solid #e3dac1;
	border-bottom:1px solid #e3dac1;
}

/* テーブル幅指定 */
.ticketname{ width:118px !important;}

.case01 .otoku,
.case01 .web{
	width:95px !important;
	}

.case02 .otoku,
.case02 .web{
	width:132px !important;
	}

.case03 .otoku,
.case03 .web{
	width:132px !important;
	}

.case04 .otoku,
.case04 .web{
	width:160px !important;
	}

.case05 .otoku,
.case05 .web{
	width:274px !important;
	}

.case06 .otoku,
.case06 .web{
	width:274px !important;
	}

.case01 td.widthReset,
.case02 td.widthReset,
.case03 td.widthReset,
.case04 td.widthReset,
.case05 td.widthReset,
.case06 td.widthReset{
	/width:auto !important;
}


/* ==

　この春は、魅力あふれる九州へ！

=============================================================================== */

div#kyushuBox{
	margin:0 auto 20px;
	padding-bottom:15px;
	background-color:#dff2dc;
	width:712px;
}

div#kyushuInWrap{
	margin-right:-16px;
	padding-top:16px;
	padding-bottom:16px;
	width:696px;
}
* html div#kyushuInWrap{
	width:699px;
}

div.kyushuIn{
	margin-left:16px;
	padding:15px;
	background-color:#FFF;
	width:185px;
	float:left;
	/display:inline;
	/zoom:1;
	border-bottom:1px solid #c8e5c1;
	border-right:1px solid #c8e5c1;
}

	div.kyushuIn dl dt{
		padding-left:10px;
		padding-top:7px;
		padding-bottom:3px;
		background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 1.15em;
	}

	div.kyushuIn dl dd{
		padding-left:10px;
		line-height:1.25 !important;
	}
			div.kyushuIn dl dd img{
				padding-right:2px;
				padding-bottom:1px;
				/margin-top:-1px;
			}

ul.bnrList{
	width:712px;
	margin:10px auto 0;
}

/* 109行目でコメントアウトしていたのを復活 */
div.osusumeMenu{
	border-top: 1px solid #e5e5e5;
	width:712px;
	margin:0 auto;
}

	div.osusumeMenu.last {
		border-bottom: 1px solid #e5e5e5;
	}

div#exampleBox{
	width:712px;
	margin:7px auto;
}
	div#exampleBox p.fl{ padding-left:10px;}

div.osusumeMenu div.menubox{
	width:712px;
	margin:0 auto;
	padding-top:15px;
}

	div.osusumeMenu div.menubox h3{
		float:left;
		padding-left:10px;
	}

	div.osusumeMenu div.menubox div.menuList{
		width:526px;
		float:right;
	}

	div.osusumeMenu div.menubox div.listIn{
		width:263px;
		float:left;
	}

	div.osusumeMenu div.menubox div.listIn.fnone{
		width:526px;
		float:none;
	}

		div.osusumeMenu div.menubox div.listIn p{
			padding-left:10px;
			background:url(img/icon_arrow01.gif) no-repeat left 0.6em;
		}

		div.osusumeMenu div.menubox div.listIn p.area{
			margin-top:2px;
			margin-bottom:15px;
			/margin-bottom:12px;
			background:none;
			}

			div.osusumeMenu div.menubox p.area span{
				font-size:78%;
				background:#e6e6e6;
				padding:2px 4px;
				margin-right:2px;
			}

			div.osusumeMenu div.menubox p.area span,  x:-moz-any-link  { font-size:80%; }
			div.osusumeMenu div.menubox p.area span,  x:-moz-any-link, x:default  { font-size:80%; }

			div.osusumeMenu div.menubox p.area img{
				padding-right:2px;
				padding-bottom:1px;
				/margin-top:-1px;
			}

div.osusumeMenu div.bg {
	background:#f2f2e6;
	margin-top:1px !important;
}


/* ==

　新幹線で利用する、旅行・行楽で利用するを2段組みに変更

=============================================================================== */

/* 指定を上書き */
div#osusumeMenu div.centermenu{
	width:530px;
}

div#osusumeMenu div.centermenu dl dt,
div#osusumeMenu div.centermenu dl dd{
	width:155px;
}
/* @end */

div.centerbox{
	padding-left:16px;
}