@charset "Shift_JIS";

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

 JRおでかけネット　トップページ用スタイル

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


/* /////////////////////////////////////////////////////////////////////////// BaseSet */

body#home{
	background:#FFF url(img/spring_home.jpg) no-repeat center top;
	color:#4d4d4d;
}

/* ==

 wrapper

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

/* ///////////////////////////////// wrapper */

#home div#wrapperAll{
	/*background:url(img/footer.jpg) no-repeat center bottom;*/
}
* html div#wrapperAll{
	margin-bottom:-33px;
}

*:first-child + html div#wrapperAll{
	margin-bottom:-33px;
}

div#globalNaviWrap {
/*  background: url(img/gnavi_top.png) repeat-x left bottom;*/
	background: none;
	position: relative;
}


/* ==

 header

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

#home .headWrap {
	background: rgba(255,255,255,.6);
	margin-bottom: 15px;
	width: 100%;
}

#home h1{
	float:left;
	background:url(/img/logo.png) no-repeat 16px 27px;
	width:277px;
	height:76px;
	text-indent:-999em;
}

#home p#kokunai a{
	float:left;
	width:89px;
	height:76px;
	text-indent:-999em;
	background:url(/img/logo_kokunai.png) no-repeat left 18px;
}

	#home p#kokunai a{
		display:block;
	}

#home div#utilityArea{
	padding-top:27px;
	padding-right:73px;
	float:right;
	position:relative;
	/*width:487px;*//*415px*/
	/*width:487px;*//*405px*/
	width: 541px;
	box-sizing: border-box;
}


/* ///////////////////////////////// ユーティリティメニュー */

#home ul#utilityMenu{
	margin-bottom:3px;
	/*width:516px;*//*428px*/
	/*width:500px;*//*416px*/
	float:none;
	height:21px !important;
	width: 471px;
}
#home div#utilityArea ul#utilityMenu li a{
	display:block;
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-999em;
	zoom:1;
}

	#home div#utilityArea ul#utilityMenu li a:hover{
		background-position:left bottom;
	}

#home div#utilityArea ul#utilityMenu li#barrierfree,
#home div#utilityArea ul#utilityMenu li#faq {
	/*margin-right:2px;
	padding-right:7px;*/
	background:url(img/line_home_utility.gif) no-repeat right center;
}
#home div#utilityArea ul#utilityMenu li#barrierfree a{
	width:129px;
	background-image:url(img/home_headtxt01.png);
}

#home div#utilityArea ul#utilityMenu li#info a{
	width:103px;
	width:117px;
	background-image:url(img/home_headtxt02.png);
}

#home div#utilityArea ul#utilityMenu li#faq a{
	width:88px;
	background-image:url(img/home_headtxt03.png);
}

#home div#utilityArea ul#utilityMenu li#cjw{
	margin-left:2px;
}
#home div#utilityArea ul#utilityMenu li#cjw a{
	width:130px;
	height:20px !important;
	background-image:url(img/home_headbtn01.png);
	zoom:1;
}

	#home div#utilityArea ul#utilityMenu li#cjw a:hover{
		background-position:left -20px;
		height:20px !important;
	}

	* html #home div#utilityArea ul#utilityMenu li#cjw a:hover{
		background-position:left -20px;
	}

#home p#westjrLogo{
	position:absolute;
	right:12px;
	top:31px;
}


/* ///////////////////////////////// 検索フォーム */

#home div#search{
	padding:0;
	margin-left:268px;
	float:none;
	background:none;
	width: 200px;
}

#home #search_form {
	width: 200px;
	background:url(img/home_search_input.gif) no-repeat left top;
	display: block;
	height: 21px;
	position: relative;
}
#home #search_form #suggestboxhead{
	width: 161px;
	position: absolute;
	top: 2px;
	left: 7px;
	border: 1px solid #FFF;
	color:#6e6e6e;
	background-color:#FFF;
}

	#home #search_form input#suggestboxhead:focus,
	#home #search_form input#suggestboxhead.focused { color: #000; background-color:#FFF; }


#home #search_form #btnSearch{
	position: absolute;
	top: 3px;
	left: 181px;
}


/* ==

 mainArea

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

#mainAreaWrap {
	background: url(img/home_main_glass.png) no-repeat center top;
/*  margin-top: 4px;*/
	position: relative;
	top: -1px;
}

#mainAreaWrap:after {
	background: url(img/gnavi_top.png) repeat-x left bottom;
	top: -15px;
	content: '';
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	width: 100%;
}

div#mainArea{
/*  margin:0 auto 27px;*/
	margin: 0 auto;
	/*width:972px;*/
	width: 952px;
	height:360px;
	float:none;
	position:relative;
}

div#mainVisual{
	width:953px;
}

div#infoArea{
	width:286px;
	position:absolute;
	left:0;
	top:14px;
}

/* 列車を予約する */
.infoAreaReserve {
	margin-bottom: 12px;
}

.reserveMain {
	background: url(img/home_reserve_main.png) no-repeat left top;
	box-sizing: border-box;
	height: 325px;
	width: 671px;
	padding: 28px 20px 18px 38px;
	position: absolute;
	left: 281px;
	top: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .1s linear;
	transition: opacity .1s linear;
}

.reserveMain.open {
	opacity: 1;
	visibility: visible;
}

.reserveMainClose {
	position: absolute;
	right: -2px;
	top: -5px;
}

.reserveBoxCopy {
	margin-bottom: 13px;
	text-align: center;
}

.reserveBoxLogo {
	margin-bottom: 10px;
}

.reserveBoxTxt{
	margin-bottom: 9px;
}

.reserveBoxLogin {
	margin-bottom: 6px;

}

.reserveBoxNote {
	margin-bottom: 8px;
}

.reserveBoxBtn {
	margin-bottom: 7px;
}

.reserveBoxAbout {
	text-align: right;
}

div#infoArea form img{ vertical-align:middle; }

div.infoArea{
	/*padding:13px 12px 16px 11px;*/
	padding:8px 11px 0;
}

/* for Firefox3.6 swf */
html, #mozfixflash, x:-moz-any-link, x:default { position:relative; left:-0.1px; }

/* Flash代替 */

/*div#mainMenu{
	margin-top:62px;
	margin-left:271px;
	/display:inline;
	width:663px;
	position:relative;
	float:left;
}

	div#mainMenu ul{
		margin-right:-3px;
		margin-bottom:3px;
		width:669px;
	}

	div#mainMenu ul li{
		margin-right:3px;
	}

	div#mainMenu p#bnrFlash{
		position:absolute;
		right:16px;
		bottom:12px;
	}*/

/* js */

div#mainMenu{
	margin-top:14px;
	margin-left:298px;
	/display:inline;
	float:left;
	width:654px;
	position:relative;
}

	div#mainMenu ul.slideBnr{
		margin:0 auto;
		width:600px;
		height:266px;
		position:relative;
		z-index:2;
		overflow:hidden;
	}

ul.slideBnr a {
	display: block;
}

	div#mainMenu div.scripton{
		display:none;
	}

	div#mainMenu ul.slideArrow{
		position:absolute;
		left:0;
		top:0;
		width:654px;
		display:none;
	}

		div#mainMenu ul.slideArrow li{
			width:22px;
			height:323px;
			cursor:pointer;
		}

		div#mainMenu ul li.slideL{ float:left; }
		div#mainMenu ul li.slideR{ float:right; }

div#mainMenu div.switchWrap{
	/*margin-top:4px;*/
	text-align:center;
	display:none;
}
* html div#mainMenu div.switchWrap{
	height:18px;
	overflow:hidden;
}
div#mainMenu div.switchWrapInner{
	margin-top:4px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-right:10px;
	/*background:url(img/home_switch_right.png) no-repeat right top;*/
}
div#mainMenu ul.slideSwitch{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:12px;
	/*background:url(img/home_switch_left.png) no-repeat left top;*/
}

	div#mainMenu ul.slideSwitch li{
		padding-right:3px;
		height:5px;
		/*background:url(img/home_switch_center.png) repeat-x left top;*/
		cursor:pointer;
	}

div#mainMenu ul.slideSwitch li img {
	vertical-align: top;
}

/* メイン動画 */

div#mainMenu .mainMenuMovie {
	border-radius: 5px;
	position: relative;
	text-align: center;
	width: 654px;
	height: 323px;
	overflow: hidden;
}

div#mainMenu .mainMenuMovie a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}

div#mainMenu .mainMenuMovie a:hover img{
	opacity: .8;
}

div#mainMenu .mainMenuMovie img {
	max-width: 100%;
	height: auto;
}

#colorbox {
	background-color: #2a2a2a;
}

#cboxWrapper,
#cboxContent,
.cboxIframe {
	background: #303030 !important;
	border: none;
}

.colorbox-html {
	background-color: #303030;
	overflow: hidden;
}

.colorbox-html .inner-colorbox {
	background-color: #303030;
	padding: 0 10px;
}

.colorbox-html .inner-colorbox-bnr li {
	padding-top: 20px;
}

.colorbox-html .inner-colorbox-bnr a {
	background-color: #fff;
	display: block;
	height: 100%;
	width: 100%;
}

.colorbox-html .inner-colorbox-bnr a:hover img{
	opacity: .9;
}



/* ///////////////////////////////// 時刻・運賃検索（マイ・ダイヤ） */

#searchdiaArea {
	background: url(img/home_search.png) no-repeat left top;
	box-sizing: border-box;
	height: 204px;
	padding: 16px 15px 13px;
	width: 286px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	border-radius: 4px;
}

#searchdiaHead {
	padding-bottom: 17px;
	position: relative;
}

.searchdiaQuestion {
	position: absolute;
	right: 0;
	top: 0;
}

/* 検索条件設定 */
#searchdiaBody {
	padding-bottom: 13px;
	padding-top: 16px;
	position: relative;
}

.searchdiaInput {
	position: relative;
}

.searchdiaInput:after {
	content: '';
	display: block;
	border: 4px solid transparent;
	border-top: 4px solid #959595;
	box-sizing: border-box;
	height: 4px;
	position: absolute;
	top: 35px;
	left: 15px;
	width: 4px;
}

.searchdiaInput li{
	font-size: 108%;
	margin-bottom: 6px;
	position: relative;
}

.searchdiaInput li:last-child {
	margin-bottom: 0;
}

.searchdiaInput label {
	display: inline-block;
	width: 40px;
}

.mydiaSearch {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-sizing: border-box;
	-webkit-box-shadow:inset 1px 1px 3px 0 rgba(124,124,124,.1);
	box-shadow:inset 1px 1px 3px 0 rgba(124,124,124,1);
	border-radius: 5px;
	color: #555;
	margin-left: 5px;
	padding: 9px 23px 9px 10px;
	width: 206px;
}

.searchdiaTxt {
	position: absolute;
	right: 10px;
	top: 11px;
}

/* マイルート検索とご利用案内 */
.searchdiaLinks {
	margin-top: 10px;
}

.searchdiaLinks a {
	color: #eaeaea;
	text-decoration: none;
}

.searchdiaLinks li {
	margin-bottom: 5px;
	padding-left: 19px;
}

.searchMyroute {
	background: url(img/home_icon_myroute.png) no-repeat left top;
}

.searchAbout {
	background: url(img/home_icon_about.png) no-repeat left top;
}

/* 検索ボタン */
.searchdiaBtn {
	position: absolute;
	right: -2px;
	bottom: 13px;
}


/*重要なお知らせが入る場合*/
/*p.myroot{
	margin-top:8px;
	/margin-top:6px;
	padding-left:0;
	padding-bottom:9px;
	width:135px;
	height:26px;
	line-height:1;
}

p.myroot{
	padding-top:2px;
}
*html p.myroot a{
	margin:0 !important;
	padding:0 !important;
	line-height:0 !important;
}
*html p.myroot img{
	margin:0 !important;
	padding:0 !important;
	line-height:0 !important;
}*/


/*通常
input.searchBtn{
	position:absolute;
	right:12px;
	bottom:13px;
}

p.myroot{
	padding-left:46px;
}
*/

/* ///////////////////////////////// JR西日本列車運行情報 */

.trafficArea {
	background-color: #FFF;
	border-radius: 0 0 5px 5px;
	margin: 0 auto;
	position: relative;
	width: 970px;
}

.trafficArea:before {
	background-color: #1c67c3;
	content: '';
	display: block;
	height: 3px;
	left: 25px;
	position: absolute;
	width: 920px;
}

.trafficAreaHead {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 auto;
	padding-bottom: 6px;
	padding-top: 12px;
	position: relative;
	width: 950px;
}

.trafficTtl,
.trafficNotes{
	display: inline-block;
	vertical-align: middle;
}
.trafficTtl {
	padding-left: 4px;
}

.trafficNotes {
	letter-spacing: -.4em;
	margin-left: 34px;
}

.trafficNotes li {
	display: inline-block;
	font-size: 78%;
	letter-spacing: normal;
	vertical-align: middle;
}

.trafficReadme {
	position: absolute;
	right: 9px;
	top: 15px;
}

#trafficListWrap {
	border-bottom: 1px solid #d9d9d9;
	margin: 0 auto;
	padding-bottom: 7px;
	padding-top: 7px;
	position: relative;
	width: 950px;
	z-index: 2;
}

#trafficList {
	display: inline-table;
	padding: 4px 0 3px 9px;
}

#trafficList li {
	border-right: 1px solid #e5e5e5;
	display: table-cell;
	line-height: 1;
	padding: 1px 20px 2px;
}
#trafficList li:last-child {
	border-right: none;
}
#trafficList li img {
	vertical-align: middle;
}
.trafficAreaIcon {
	padding-right: 7px;
}

/*  提供時間外*/
.trafficNotService  {

}

/* 遅延証明書について */
#trafficDelay {
	position: absolute;
	right: 3px;
	top: 7px;
}

/* 長期間運転見合わせ */
#trafficSuspend {
	background-color: #f2f2f2;
	border-radius: 0 0 5px 5px;
	font-weight: bold;
	margin-top: -1px;
	padding: 7px 0 6px 13px;
}

#trafficSuspend dt,
#trafficSuspend dd {
	display: inline-block;
	font-weight: normal;
}

#trafficSuspend a{
	color: #bd5203;
}

/* ==

 global navigation

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

#home div#globalNaviWrap {
	margin-top: 17px;
	padding-bottom: 0;
}

div#globalNavi.index{
	margin:0 auto;
	width:970px;
}

div.index ul#gnavi{
	float:left;
	width:574px;
}

div.index ul#subGnavi{
	float:right;
	width:380px;
}

/* HPR対応のためPNGは使用せず、角丸で対応 */
div.index ul#gnavi li:first-child {
	border-radius: 8px 0 0 0;
	overflow: hidden;
}

div.index ul#gnavi li:last-child {
	border-radius: 0 8px 0 0;
	overflow: hidden;
}


div.index ul#subGnavi li:first-child {
	border-radius: 8px 0 0 0;
	overflow: hidden;
}

div.index ul#subGnavi li:last-child {
	border-radius: 0 8px 0 0;
	overflow: hidden;
}



/* for IE6 */

/** html div.index ul#gnavi li{
	background-position:left bottom;
	background-repeat:no-repeat;
}
* html div.index ul#gnavi li a{
	display:block;
	width:212px;
	height:55px;
}

	* html div.index ul#gnavi li a:hover img{ display:none;}

* html div.index ul#gnavi li#gnavi01{ background-image:url(/img/gnavi01_on.png); }
* html div.index ul#gnavi li#gnavi02{ background-image:url(/img/gnavi02_on.png); }
* html div.index ul#gnavi li#gnavi03{ background-image:url(/img/gnavi03_on.png); }

* html div.index ul#subGnavi li#subGnavi01{ background-image:url(/img/sub_gnavi01_on.png); }
* html div.index ul#subGnavi li#subGnavi02{ background-image:url(/img/sub_gnavi02_on.png); }*/

/* for IE6 end */

/* CSS sprites */

/*
ul#gnavi{
}

	ul#gnavi li a,
	ul#subGnavi li a{
		background-image:url(img/gnavi.png);
		background-repeat:no-repeat;
	}
		ul#gnavi li a,
		ul#subGnavi li a{
			width:187px;
			height:55px;
			display:block;
			text-indent:-999em;
			zoom:1;
		}
		ul#gnavi li#gnavi01 a{ background-position:left top; }
			ul#gnavi li#gnavi01 a:hover{ background-position:left -60px; }
		ul#gnavi li#gnavi02 a{ background-position:-189px top; }
			ul#gnavi li#gnavi02 a:hover{ background-position:-189px -60px; }
		ul#gnavi li#gnavi03 a{ background-position:-378px top; }
			ul#gnavi li#gnavi03 a:hover{ background-position:-378px -60px; }

		ul#subGnavi li a{
			width:120px;
			height:55px;
		}
		ul#subGnavi li#subGnavi01 a{ background-position:-581px top; }
			ul#subGnavi li#subGnavi01 a:hover{ background-position:-581px -60px; }
		ul#subGnavi li#subGnavi02 a{ background-position:-703px top; width:125px; }
			ul#subGnavi li#subGnavi02 a:hover{ background-position:-703px -60px; }
		ul#subGnavi li#subGnavi03 a{ background-position:-830px top; }
			ul#subGnavi li#subGnavi03 a:hover{ background-position:-830px -60px; }
*/


/* CSS sprites end */

/* ==

 contents

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

#odekakeContentsWrap {
	background: url(img/home_cont_glass.png) no-repeat center top;
	margin-top: 22px;
	padding-top: 14px;
}

div#odekakeContents{
	background-color: #FFF;
	padding:3px 5px 0;
	width:950px;
	margin:0 auto;
}

div#odekakeContents p,
div#odekakeContents li,
div#odekakeContents dt,
div#odekakeContents dd,
div#odekakeContents th,
div#odekakeContents td{
	line-height:1.67;
}


div.boxDetail{
	margin-top:14px;
	padding-left:7px;
}

	div.boxDetail h3{
		margin-bottom:7px;
	}

	div.boxDetail p.detail{
		margin-top:3px;
	}

/* ///////////////////////////////// 鉄道関連情報 */

div#railroadArea{
	float:left;
	width:190px;
}

div#railroadArea h2{
	margin-bottom:1px;
}

div#shinkansen{
	background:url(img/home_shinkansen.jpg) no-repeat right top;
}

div#railroadArea .recommendBox{
	padding: 18px;
}
/* ///////////////////////////////// おすすめ情報 */

div#recommendArea{
	margin-left:20px;
	margin-right:20px;
	float:left;
	display:inline;
	width:530px;
}


/*div#boxRecommend{
	margin-top:11px;
	padding-left:15px;
}

	div#boxRecommend dl{
		margin-right:9px;
		float:left;
		display:inline;
		width:160px;
	}

		div#boxRecommend dl dt a{
			text-decoration:none;
			color:#4d9309;
			background-color:#FFF;
			font-weight:bold;
		}

		div#boxRecommend dl dt span{
			margin-top:5px;
			padding-left:17px;
			padding-bottom:1px;
			display:block;
			background:url(img/arrow_green.gif) no-repeat 1px 0.25em;
			text-decoration:underline;
		}

			div#boxRecommend dl dt a:hover span{
				text-decoration:none;
			}

		div#boxRecommend dl dd{
			margin-top:3px;
		}*/

/* js用 */

div#boxRecommend{
	margin-top:11px;
	/*padding-left:15px;*//* 20111219 */
	position:relative;/* 20111219 */
}

	div#boxRecommend dl{
		margin-right:9px;
		float:left;
		display:inline;
		width:154px;/* 20111219 */
	}

		div#boxRecommend dl dt a{
			text-decoration:none;
			color:#4d9309;
			background-color:#FFF;
			font-weight:bold;
		}

		div#boxRecommend dl dt span{
			margin-top:5px;
			padding-left:17px;
			padding-bottom:1px;
			display:block;
			background:url(img/arrow_green.gif) no-repeat 1px 0.25em;
			text-decoration:underline;
		}

			div#boxRecommend dl dt a:hover span{
				text-decoration:none;
			}

		div#boxRecommend dl dd{
			margin-top:3px;
		}

/* js用追加 */

div#recommendWrap{
	position:relative;
	width:505px;
	overflow:hidden;
}
div#boxRecommend{
	/*padding-right:25px;*/
}

/*
div#recommendIn{
	margin-right:-9px;
	padding-left:25px;
	width:489px;
	width:10000px;
}
*/

div#recommendIn{
	margin:0 auto;
	margin-left:25px;
	width:505px;
	width:10000px;
	position:relative;
	z-index:2;
	overflow:hidden;
}

div#recommendIn div.scripton{
	display:none;
}

div#recommendIn div.recommendPage{
	width:490px;
}

	div#boxRecommend ul.slideArrow{
		position:absolute;
		left:0;
		top:0;
		width:530px;
		display:none;
	}

		div#boxRecommend ul.slideArrow li{
			width:15px;
			height:88px;
			cursor:pointer;
		}

		div#boxRecommend ul li.slideL{ float:left; }
		div#boxRecommend ul li.slideR{ float:right; }

div#boxRecommend div.switchWrap{
	margin-top:4px;
	text-align:center;
	display:none;
}
div#boxRecommend ul.slideSwitch{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:8px;
}
	div#boxRecommend ul.slideSwitch li{
		padding-right:3px;
		height:18px;
		cursor:pointer;
	}

	div#boxRecommend ul.slideSwitch li img{
		vertical-align:middle;
	}

/* js用追加 end */

/* 新着情報 */

div#whatsnewArea{
	margin-top:25px;
	margin-bottom:25px;
}

div.ttl{
	position:relative;
}

	div.ttl p.gotoList01{
		position:absolute;
		top:5px;
		right:123px;
	}

	div.ttl p.gotoList02{
		position:absolute;
		top:5px;
		right:7px;
	}

div#whatsnewArea ul{
	margin:11px auto 0;
	width:497px;
}

	div#whatsnewArea ul li{
		margin-top:5px;
		padding-left:166px;
		padding-left:14.1em;/*13.54*/
		position:relative;
		zoom:1;
	}

	div#whatsnewArea ul li a{
		/*zoom:1;*/
	}

	div#whatsnewArea ul li span.category{
		position:absolute;
		left:0;
		top:0;
	}

		div#whatsnewArea ul li span img{
			padding-right:6px;
			vertical-align:middle;
		}

	div#whatsnewArea ul li span.linkTxt{
		padding-left:17px;
		background:url(img/arrow_gray.gif) no-repeat left 3px;
		display:inline-block;
		/display:inline;
		/zoom:1;
	}

	*html div#whatsnewArea ul li span.linkTxt{
		background:url(img/arrow_gray.gif) no-repeat left 0px;
		zoom:1;
	}

	*html div#whatsnewArea ul li{
		margin-top:10px;
	}



/* 重要 */

div#whatsnewArea ul li.important{
	margin-top:10px;
	padding-top:11px;
	color:#9a2414;
	background:#FFF url(img/line_dot.gif) repeat-x left top;
}

	div#whatsnewArea ul li.important span.category{ top:10px; }
	div#whatsnewArea ul li.important span.linkTxt{ background:#FFF url(img/arrow_red.gif) no-repeat left 3px; }
	*html div#whatsnewArea ul li.important span.linkTxt{ background:#FFF url(img/arrow_red.gif) no-repeat left 0px; }

	div#whatsnewArea ul li.important a,
	div#whatsnewArea ul li.important a:visited{
		color:#9a2414;
		background-color:#FFF;
		border:1px solid #FFF;
	}

/* 関連情報 */

div#relatedArea{
	/*margin-top:25px;*/
	margin:0 auto;
	padding-top:25px;
	width:950px;
}

div#announce {
	padding:8px 30px;
	border:1px solid #e5e5e5;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
p#security {
	padding:8px 30px;
	border:1px solid #e5e5e5;
	width:auto;
	margin-left:auto;
	margin-right:auto;
/*  text-align:center;*/
}
p#security span{
/*
	padding-left:17px;
	background:url(img/arrow_gray.gif) no-repeat left 3px;
	display:inline-block;
	/display:inline;
	/zoom:1;  */
}

/* ///////////////////////////////// 新幹線・特急の予約、会員サポート */

div#supportArea{
	float:left;
	width:190px;
}

/* 新幹線・特急の予約 */

div#goyoyakuArea {
	margin-top: 34px;
}

div#goyoyakuArea p.beginner{
	margin-top:5px;
	text-align:right;
}

div#goyoyakuArea p.e5489plus{
	margin-top:5px;
	text-align:right;
}

	div#goyoyakuArea p.e5489plus a{
		padding:1px 0 2px 12px;
		color:#be5304;
	}

	div#goyoyakuArea p.beginner a{
		padding:1px 0 2px 12px;
		background:#FFF url(img/icon_beginner.gif) no-repeat left 2px;
		color:#be5304;
	}

	div#goyoyakuArea ul li.express{
		background:url(/img/goyoyaku_bnr_ex.gif) no-repeat left bottom;
		height:85px;
	}
		div#goyoyakuArea ul li.express ul{
			text-align:right;
			margin-right:8px;
			padding-top:12px;
		}
			div#goyoyakuArea ul li.express ul li {
				margin-bottom:2px;
			}

			div#goyoyakuArea ul li.express ul li#smart {
				margin-top:4px;
				text-align:left;
				margin-left:9px;
			}

	div#goyoyakuArea ul li.e5489{
		background:url(/img/goyoyaku_bnr_e5489.gif) no-repeat left -25px;
		border-bottom: 1px solid #dadada;
/*    height:120px;*/
	}
		div#goyoyakuArea ul li.e5489 ul{
			text-align:right;
			margin-right:8px;
			padding-top:12px;
		}
			div#goyoyakuArea ul li.e5489 ul li{
				margin-bottom:2px;
			}

	div#goyoyakuArea ul li a:link{ color:#be5304; }
	div#goyoyakuArea ul li a:visited{ color:#be5304; }

	div#goyoyakuArea ul li.express ul li a.arrow01,
	div#goyoyakuArea ul li.e5489 ul li a.arrow01{
			margin-top:6px;
			background:url(/goyoyaku/css/img/icon_arrow01.gif) no-repeat left 0.45em;
			line-height:1.5;
			padding-left:7px;
		}

.e5489Smt {
	margin-top: 17px;
	margin-left: 9px;
}

/* 会員サポート */

div#cjwArea{
/*  margin-top:27px;*/
}

div.cjwAreaIn{
	padding:10px 9px 12px;
	border-bottom:1px solid #d9d9d9;
}

	div.cjwAreaIn h3{
		margin-bottom:6px;
	}

	div.cjwAreaIn ul{
		margin-bottom:8px;
	}
div.cjwAreaIn ul li{
	margin-bottom: 7px;
}

div.cjwAreaIn ul li:last-child {
	margin-bottom: 0;
}

div#aboutcjw{
	background:url(img/home_aboutcjw.jpg) no-repeat right top;
}

.cjwKiyaku {
	margin-top: -5px;
}

/* おでかけ関連情報 */

#relatedArea h3{
	padding-bottom: 19px;
	background:url(img/relatedbox_top_w950.gif) no-repeat left bottom;
}
div#relatedAreaIn{
	padding-bottom: 13px;
	background:url(img/relatedbox_btm_w950.gif) no-repeat left bottom;
}

div#relatedArea p#dislay{
	/*margin-top:-15px;
	padding-bottom: 13px;
	padding-right:9px;
	text-align:right;
	background:url(img/relatedbox_top.gif) no-repeat left bottom;
	cursor:pointer;*/
}

div#boxRelated {
	/*width: 529px;
	height: 55px;*/
	/*position: relative;
	overflow: hidden;*/
}
	div#boxRelated ul {
		/*padding-left:4px;*/
		/*width: 525px;*/
		background:url(img/relatedbox_mdl_w950.gif) repeat-y left top;
		padding-top:12px;
		/*overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;*/
	}

	div#boxRelated ul.boxheight{
	}
		div#boxRelated ul li {
			/*margin-left:9px;
			margin-bottom:9px;*/
			margin-bottom:11px;
			margin-left:23px;
			width: 162px;
			height: 55px;
			float:left;
			display:inline;
		}



/* オプション用 */
div.BoxOption {
	background:url(img/line_dot.gif) repeat-x left top;
	margin-top:5px;
	padding-top:7px;
}

	div.BoxOption p{
/*    margin-left:8px;*/
		text-align:right;
		}

		div.BoxOption p.arrowIndex a{
			background:url(../../../railroad/css/img/icon_arrow01.gif) no-repeat left 5px;
			padding-left:8px;
		}

div#railroadArea div.BoxOption p a,
div#cjwArea div.BoxOption p a{
	color:#1c67c3;
}

p.noteRed{
	color:#9a2414;
	text-align:right;

}
	p.noteRed span{
		background:url(img/icon_explanatory_note_red.gif) no-repeat left 1px;
		padding-left:11px;
	}


/* おでかけ関連情報その2 */

#relatedBox {
width:950px;
margin:0 auto; !important;
}

#relatedBoxIn {
background:url(img/bg_relatedbox.gif) repeat-y;
}

#relatedBox h3 {
margin-bottom:10px;
}

#related01,
#related02,
#related03,
#related04 {
float:left;
margin-right:4px;
}

#related01 ul {
padding-left:16px;
padding-bottom:15px;
background:#f7f7f7;
}

#related02 ul,
#related03 ul,
#related04 ul {
padding-left:15px;
padding-bottom:15px;
background:#f7f7f7;
}

#related04 {
margin-right:0 !important;
}

#related01 {
width:362px;
}

#related02,
#related03,
#related04 {
width:192px;
}

#related01 li {
margin-right:5px;
padding-top:5px;
}

#related02 li,
#related03 li,
#related04 li {
padding-top:5px;
}

.b1 {
padding-bottom:60px;
}

.b2 {
padding-bottom:120px;
}

/* ==

 footer

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

#footer{
	margin-top:0px !important;
}


/* ///////////////////////////////// contentInfo */

div#contentInfo{
	padding-top:0;
	background:none !important;
}



/* ==

 infomation.html

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

/* 更新情報 */

div#infonewArea{
	margin:0 auto 30px;
	width:530px;
	color:#4d4d4d;
	font-size:93%;
	line-height:1.5;
}

div#infonewArea ul{
	margin:11px auto 0;
	width:497px;
}

	div#infonewArea ul li{
		margin-top:5px;
		padding-left:166px;
		padding-left:14.1em;/*13.54*/
		padding-bottom:5px;
		position:relative;
		zoom:1;
	}

	div#infonewArea ul li a{
		zoom:1;
	}

	div#infonewArea ul li span.category{
		position:absolute;
		left:0;
		top:0;
	}

		div#infonewArea ul li span img{
			padding-right:6px;
			vertical-align:middle;
			line-height:1;
		}

			div#infonewArea ul li span img.guidance{
				padding-right:0px;
			}

			div#infonewArea ul li span img.external{
				padding-left:5px !important;
			}


	div#infonewArea ul li span.linkTxt{
		padding-left:17px;
		background:url(img/arrow_gray.gif) no-repeat left 3px;
		display:inline-block;
		/display:inline;
		/zoom:1;
	}

	/* ie6 */
	*html div#infonewArea ul li span.linkTxt{
		background:url(img/arrow_gray.gif) no-repeat left 0px;
	}



/* ==

 mainte.html

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

/*サーバーメンテナンス予定*/
div#mainteArea{
	width:470px;
	margin:15px auto 30px;
}

	div#mainteArea div.mainteBox{
		background:url(img/subwin_middle.gif) repeat-y left top;
		margin-bottom:5px;
	}

	div#mainteArea div.mainteSbox{
		background:url(img/subwin_bottom.gif) no-repeat left bottom;
		padding-bottom:13px;
	}

	div#mainteArea h1{
		font-weight:bold;
		text-align:center;
	}

	div#mainteArea h2{
		font-weight:bold;
		width:400px;
		padding:25px 35px 0 !important;
		margin-bottom:5px;
	}

	div#mainteArea h1,
	div#mainteArea .first{
		background:url(img/subwin_top.gif) no-repeat left top;
		padding-top:13px;
	}


	div#mainteArea table.mainteTbl{
		width:400px;
		margin:0 auto;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
	}
		div#mainteArea table.mainteTbl th,
		div#mainteArea table.mainteTbl td{
			border-right:1px solid #cccccc;
			border-bottom:1px solid #cccccc;
		}

		div#mainteArea table.mainteTbl th{
			background:#eeeeee;
			text-align:center;
			padding:5px 0;
			width:50%;
		}

		div#mainteArea table.mainteTbl td{
			padding:10px 15px ;
			vertical-align:top;
			line-height:1.5;
		}

	div#mainteArea div.mainteBox p{ margin:5px 0 0 35px;}
	div#mainteArea div.mainteBox p.pb15{ padding-bottom:15px;}

	/*START カニ仕様*/

	div#mainMenu ul.slideBnr li#slide0,
	div#mainMenu ul.slideBnr li#slide2,
	div#mainMenu ul.slideBnr li#slide3,
	div#mainMenu ul.slideBnr li#slide4,
	div#mainMenu ul.slideBnr li#slide5,
	div#mainMenu ul.slideBnr li#slide6 {
		top:113px;
	}
	div#mainMenu ul.slideBnr li#slide0,
	div#mainMenu ul.slideBnr li#slide1,
	div#mainMenu ul.slideBnr li#slide2,
	div#mainMenu ul.slideBnr li#slide3,
	div#mainMenu ul.slideBnr li#slide4,
	div#mainMenu ul.slideBnr li#slide5,
	div#mainMenu ul.slideBnr li#slide6 {
		display:none;
	}

	div#mainMenu ul.slideBnr {
		margin:-113px auto 0;
		/*width:587px;
		height:379px;*/
		height: 436px;
		position:relative;
		z-index:2;
		width: 600px;
		overflow:hidden;
	}

	.scriptoff ul.slideBnr {
		margin-top:0px !important;
		height:323px !important;
	}

	#home div#header {
		position:relative !important;
		z-index:9999 !important;
	}

	#home div#utilityArea{
		padding-top:28px;
		padding-right:73px;
		position:absolute !important;
		zoom:1;
		/*padding-left:135px;*/
		/*left:270px;
		/left:257px;*/
		left: 429px;
		z-index:9997 !important;
		background:url(/common/img/spacer.gif) repeat;
	}


	#kaniText {
	position:absolute;
	z-index:9992;
	top:-23px;
	left:434px;
	display:none;
	}

	#kaniBtn {
	position:absolute;
	z-index:9991 !important;
	top:310px;
	left:-373px;
	}

	#home #globalNavi {
		position:relative;
		z-index:9990;
	}

	/*END カニ仕様*/

#icocaBox2 {
width:970px;
margin:0 auto;
position:relative;
z-index:9999 !important;
}

#icocaBox {
width:970px;
margin:0 auto;
position:relative;
z-index:0 !important;
}

#icocaBtn {
position:absolute;
top:0;
right:33px;
}

#icoca_ic {
position:absolute;
top:0;
right:33px;
z-index:10 !important;
}

/*icoca2013*/

#icoca-btn {
position:absolute;
top:76px;
left:400px;
z-index:9999;
}