@charset "Shift_JIS";

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

　JRおでかけネット　共通レイアウト用スタイル

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

/* ==

　wrapper

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

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

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

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

/* ==

　header

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

div#header{
	margin:0 auto;
	width:970px;
}

	div#header p#logo{
		float:left;
	}
	
div#utilityArea{
	padding-top:18px;
	float:right;
	position:relative;
	width:705px;/*620px*/
}


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

ul#utilityMenu{
	margin-bottom:4px;
	width:486px;/*401px*/
	float:left;
}


div#utilityArea ul#utilityMenu li#barrierfree,
div#utilityArea ul#utilityMenu li#faq{
	padding-right:1px;
	background:url(img/line_utility.gif) no-repeat right center;
}

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


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

div#search{
	padding-left:10px;
	float:left;
	width:150px;
	background:url(img/line_head_search.gif) no-repeat left center;
}

#search_form {
	width: 150px;
	background:url(img/search_input.gif) no-repeat left top;
	display: block;
	height: 21px;
	position: relative;
}
#search_form #suggestboxhead{
	width: 111px;
	position: absolute;
	top: 2px;
	left: 7px;
	border: 1px solid #FFF;
	color:#6e6e6e;
	background-color:#FFF;
	font-size:93%;
}

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


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



/* ==

　global navigation

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

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

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

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


/* common */

div#globalNaviWrap{
	padding-bottom:5px;
	background-position:left bottom;
	background-repeat:repeat-x;
	background-image:url(/common/css/style/img/gnavi_other.gif);
}

/* second */
div#globalNaviWrap.railroad{ background-image:url(img/gnavi_railroad.gif); }
div#globalNaviWrap.navi{ background-image:url(img/gnavi_navi.gif); }
div#globalNaviWrap.goyoyaku{ background-image:url(img/gnavi_goyoyaku.gif); }

/* ==

　topicpath

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


/* /////////////////////////////////////////////////////////////////////////// topicpath */

div#topicpath{
	border-bottom:1px solid #cecece;
}

div#topicpath ul{
	margin:0 auto;
	padding:9px 0 9px 3px;
	width:967px;
}

div#topicpath ul li{
	padding-right:10px;
}

div#topicpath ul li#toppage{
	padding-left:17px;
	background:url(img/icon_home.gif) no-repeat left top;
}


	div#topicpath ul li img{
		vertical-align:middle;
		margin-right:7px;
	}


/* ==

　contents

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


div#odekakeContents{
	margin:10px auto 0;
	width:970px;
}

	div#mainArea{
		width:760px;
		float:left;
	}
	
	div#localNavi{
		width:190px;
		float:right;
	}

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

div#odekakeContents.center div#mainArea{
	margin:0 auto;
	float:none;
}


/* ==

　localNavi

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

div.cateMenu{
	padding-bottom:2px;
	border:1px solid #d9d9d9;
	border-top:none;
	background-color:#ececec;
}

	div.cateMenu ul{
		width:184px;
		margin:0 auto;
		_zoom: 1;
		overflow: hidden;
		background-color:#FFF;
	}
	
	div.cateMenu ul li{
		margin-top:-1px;
		padding:5px 0px 5px 0;
		border-top:1px solid #e6e6e6;
		background:url(img/icon_arrow01.gif) no-repeat 14px 1em;
	}
	
		div.cateMenu ul li a{
			padding-left:23px;
		}
		
		*html div.cateMenu ul li img.external{
			padding:5px 0 5px 3px;
		}
		

/* ローカルナビ（小） */
div.cateMenuC{
	margin-top:6px;
	margin-bottom:20px;
	padding:2px;
	border:1px solid #d9d9d9;
	background-color:#ececec;
}

	div.cateMenuC ul{
		margin-top:0;
		padding:10px 15px 12px;
		background-color:#FFF;
	}
	
		div.cateMenuC ul li{
			margin-top:0 !important;
			padding-top:2px;
			padding-bottom:2px;
			background-position:left 9px !important;
		}

div.cateMenuC p.alignRight{
	padding:5px 10px 4px;
}

div.cateMenuC p.lnavThumb{
	padding:15px 0 0;
	background-color:#FFF;
	text-align:center;
}

/* 既に会員の方はこちら */

div#lnvMember{
	margin-top:19px;
	margin-bottom:19px;
	background:url(img/lnv_member_mdl.gif) repeat-y left top;
	border-bottom:1px solid #d9d9d9;
}

	div.lnvMemberIn{
		border-bottom:1px solid #d9d9d9;
		padding-bottom:10px;
	}
	
	div.lnvMemberIn ul.yoyakuBtnBox{
		text-align:right;
		margin-right:8px;
	}
		
		div.lnvMemberIn ul.yoyakuBtnBox li{
			margin-bottom:2px;
		}
		
		div.lnvMemberIn ul.yoyakuBtnBox li a.arrow01{
			padding-left:7px;
		}
		
		div.lnvMemberIn ul.yoyakuBtnBox li#smart {
			margin-top:4px;
			text-align:left;
			margin-left:12px;
		}
	
	div.lnvMemberIn dl{
		margin:0 auto;
		width:158px;
	}
	
		div.lnvMemberIn dl dt{
			font-size:85%;
			font-weight:bold;
			padding-left:9px;
			background:url(img/icon_arrow01.gif) no-repeat left 3px;
		}
		
		div.lnvMemberIn dl dd{
			margin-top:2px;
			padding-left:9px;
			font-size:77%;
			line-height:1.4;
		}
	

div#lnvEx{
	padding-top:12px;
	
}
	div#lnvEx.lnvMemberIn{
		background:url(/goyoyaku/img/lnv_reserve_ex.gif) no-repeat 7px 9px;
	}

	div#lnvEx dl{
		margin-top:13px;
	}
	
div#lnvE5489{
	padding-top:12px;
}
	
	div#lnvE5489.lnvMemberIn{
		background:url(/goyoyaku/img/lnv_reserve_e5489.gif) no-repeat 7px 25px;
	}
	
	div#lnvE5489 dl{
		margin-top:8px;
	}

div.lnvOther ul li{
	margin-left:10px;
	margin-top:10px;
	text-indent:-7px;
	padding-left:7px;
}

div#lnvEoyado{
	padding-top:14px;
	border-bottom:none;
	/*background:url(img/lnv_member_btm.gif) no-repeat left bottom;*/
}

/* 関連情報 */

div#lnvRelated{
	margin-top:19px;
	padding-top:16px;
	background:#FFF url(img/lnv_related_top.gif) no-repeat left top;
}

	/*div#lnvRelated h2{
		padding-bottom:23px;
		background:#FFF url(img/lnv_related_top.gif) no-repeat left bottom;
	}*/
	
	div#lnvRelated ul{
		padding-bottom:11px;
		background:url(img/lnv_related_btm.gif) no-repeat left bottom;
	}
	
		div#lnvRelated ul li{
			padding-bottom:5px;
			text-align:center;
			background:url(img/lnv_related_mdl.gif) repeat-y left top;
		}
		
div.lnavLinebox{
	padding:2px;
	border:1px solid #d9d9d9;
	background-color:#e6e6e6;
}

div.lnavLineboxIn{
	padding:12px 5px 13px 8px;
	border:1px solid #fcfcfc;
	background-color:#FFF;
}

/* 既に会員の方はこちら（ボタンだけのとき） */

div#memberSimple{
	margin-top:7px;
	margin-bottom:19px;
	padding:2px;
	border:1px solid #d9d9d9;
	background-color:#e6e6e6;
	zoom:1;
}

div#memberSimple div.lnavLineboxIn{
	padding:0 !important;
	border:none;
	background-color:#FFF;
}

div#memberSimple h3.ttl{
	margin-left:-3px;
}

* html div#memberSimple h3.ttl{
	position:relative;
	z-index:2;
	margin-right:-3px;
}

div#memberSimple ul.yoyakuBtn li,
div#memberSimple p.yoyakuBtn{
	text-align:center;
}

div#memberSimple li.btnEx{
	/*padding-top:18px;
	padding-bottom:16px;*/
	background:url(/cjw/about/img/lnv_reserve_ex.gif) no-repeat 5px 8px;
}
	div#memberSimple li.btnEx ul.yoyakuBtnBox{
			text-align:right;
			margin-right:8px;
			padding-top:8px;
			margin-bottom:8px;
		}
	div#memberSimple li.btnEx ul.yoyakuBtnBox{
		/padding-top:0;
		/margin-top:-5px;
	}
			div#memberSimple li.btnEx ul.yoyakuBtnBox li{
				margin-bottom:2px;
				border-bottom:none !important;
				text-align:right;
			}
			
			div#memberSimple li.btnEx ul.yoyakuBtnBox li#smart {
				margin-top:4px;
				text-align:left;
				margin-left:9px;
			}

div#memberSimple li.btnE5489{
	/*padding-top:11px;
	padding-bottom:11px;*/
	background:url(/cjw/about/img/lnv_reserve_e5489.gif) no-repeat 5px 2px;
}
	div#memberSimple li.btnE5489 ul.yoyakuBtnBox{
			text-align:right;
			margin-right:8px;
			padding-top:8px;
			margin-bottom:8px;
		}
	
	div#memberSimple li.btnE5489 ul.yoyakuBtnBox{
		/padding-top:0;
		/margin-top:-5px;
	}
			div#memberSimple li.btnE5489 ul.yoyakuBtnBox li{
				margin-bottom:2px;
				border-bottom:none !important;
				text-align:right;
			}
	
div#memberSimple p.btnEoyado{
	padding-top:15px;
	padding-bottom:14px;
}

div#memberSimple ul.yoyakuBtn li{
	border-bottom:1px solid #d9d9d9;
}


div#memberSimple li.btnE5489 ul.yoyakuBtnBox li#smart {
    margin: 14px 0 2px 9px;
    text-align: left;
}


/* ///////////////////////////////// J-WESTネット会員登録*/

div#entryBox{
	/*margin-bottom:39px;*/
	background:#e6eed3 url(img/lnv_entry_mdl.gif) no-repeat left bottom;
}

	div#entryBoxIn{
		padding-bottom:5px;
		text-align:center;
		background:url(img/lnv_entry_btm.gif) no-repeat left bottom;
		zoom:1;
	}
	
		div#entryBoxIn ul li{ margin-bottom:5px; }
		div#entryBoxIn ul li+li{ margin-top:5px; }
		
#entryBox .process{
	margin-left:10px;
	text-align:left;
	}
#entryBox li+li{
	padding-top:5px;
}

p.about{ margin-top:2px; }
p.about a{
	padding-left:19px;
	background:url(img/icon_question.gif) no-repeat left center;
	color:#1c67c3 !important;
}

div#entryBox p.arrow02 {
	margin-top: 6px;
	margin-left: 10px;
	padding-left:9px;
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 6px;
	font-size: 83.3% !important;
	text-align: left;
}
div#entryBox p.arrow02 a {
	color: #0177BB !important;
}


/* ==

　footer

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

div#footer{
	padding-top:35px;
	padding-bottom:33px;
	background:url(img/footer.jpg) no-repeat center bottom;
	width:100%;
}

div#footerIn{
	margin:0 auto;
	width:974px;
}

div#fmenu{
	padding-top:21px;
	background:url(img/fmenu_top.png) no-repeat left top;
}

	div#fmenuIn{
		background:url(img/fmenu_mdl.png) repeat-y left top;
	}
	
div.boxFmenu{
	padding-left:15px;
	padding-right:10px;
	/*width:174px;*//*194*/
	width:137px;/*162*/
	float:left;
}

div.boxFmenu h2{
	margin-bottom:9px;
	font-size:93%;
}

div.boxFmenu ul li{
	font-size:77%;
}

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

div#contentInfo{
	padding-top:29px;
	background:url(img/fmenu_btm.png) no-repeat left top;
	text-align:center;
}

	div#contentInfo ul{
		padding-bottom:10px;
		/*border-bottom:1px solid #dddddd;*/
	}
	
		div#contentInfo ul li{
			padding-left:5px;
			padding-right:2px;
			font-size:78%;
			display: -moz-inline-box;
			display: inline-block;
			/display:inline;
			/zoom:1;
			background:url(img/line_solid_cinfo.gif) no-repeat left 2px;
		}
		
		div#contentInfo ul li.first{
			background:none;
			padding-left:0;
		}
		
img.external{
	padding-bottom:2px;
	padding-left:3px;
	vertical-align:middle;
}

div#copyright{
	padding-top:7px;
	border-top:1px solid #b2bed8;
}

/* ///////////////////////////////// マイテイキ用 */

* html div#fmenu{ background:url(img/fmenu_top.jpg) no-repeat left top; }
* html div#fmenuIn{ background:url(img/fmenu_mdl.jpg) repeat-y left top; }
* html div#contentInfo{ background:url(img/fmenu_btm.jpg) no-repeat left top; }