@charset "Shift_JIS";

/*--------------------------
　サイトヘッダー
---------------------------*/
#jreHeader {
	margin-top: 15px;
}

#jreLogo {
	width: 74px;
	height: 70px;
	float: left;
}

.jreHeader-inner {
	width: 842px;
	float: right;
	*zoom:1;
}

#utility {
	float: right;
	margin-bottom: 10px;
}

/*言語選択ナビ
-------------------------------*/
#langNav {
	display: inline-block;	
	*display: inline;
	*zoom:1;
	vertical-align: middle;
}
#langNav li {
	float: left;
}

#langNav a {
	display: block;
	height: 17px;
	background: url(/general/img/header/bg-langnav.png) no-repeat;
	text-indent: -9999px;
}

#langNav .ln-en a {
	width: 70px;
	background-position: 0 0;
}
#langNav .ln-sc a {
	width: 76px;
	background-position: -70px 0;
}
#langNav .ln-tc a {
	width: 76px;
	background-position: -146px 0;
}
#langNav .ln-kr a {
	width: 68px;
	background-position: -222px 0;
}


/*グローバルナビ
-------------------------------*/
#globalNav {
	clear: right;
	float: left;
	width: 530px;
	height: 45px;
}

#globalNav li {
	float: left;
}

#globalNav a {
	display: block;
	height: 45px;
	background: url(/general/img/header/bg-gnav.png) no-repeat;
	text-indent: -9999px;
}

#globalNav .gn-railway a {
	width: 222px;
	background-position: 0 0;
}
#globalNav .gn-info a {
	width: 138px;
	background-position: -222px 0;
}
#globalNav .gn-company a {
	width: 170px;
	background-position: -360px 0;
}

#globalNav .gn-railway a:hover,
.ctgRailway #globalNav .gn-railway a {
	background-position: 0 -45px;
}
#globalNav .gn-info a:hover,
.ctgInfo #globalNav .gn-info a {
	background-position: -222px -45px;
}
#globalNav .gn-company a:hover,
.ctgCompany #globalNav .gn-company a {
	background-position: -360px -45px;
}


/*リンクナビ
-------------------------------*/
#linkNav {
	float: right;
}

#linkNav li {
	float: left;
}

#linkNav a {
	display: block;
	height: 45px;
	background: url(/general/img/header/bg-snav.png) no-repeat;
	text-indent: -9999px;
}

#linkNav .ln-suica a {
	width: 81px;
	background-position: 0 0;
}
#linkNav .ln-otona a {
	width: 157px;
	background-position: -81px 0;
}

#linkNav .ln-suica a:hover,
.ctgSuica #linkNav .ln-suica a {
	background-position: 0 -45px;
}
#linkNav .ln-otona a:hover,
.ctgOtona #linkNav .ln-otona a {
	background-position: -81px -45px;
}

/*Yahoo検索BOX
-------------------------------*/
#srchBox {
	display: inline-block;
	*display: inline;
	*zoom:1;
	width:236px;
	_width:234px;
	height: 26px;
	background-color:#FFFFFF;
	border :#aaaaaa 1px solid;
	border-radius: 2px;
	color:#000000;
	vertical-align: middle;
	overflow: hidden;
}

#srchBox #srchForm {
	white-space:nowrap;
	margin: 0;
	padding: 0;
}

#srchBox #srchInput {
	width:200px;
	height: 24px;
	vertical-align:bottom;
	line-height: 22px;
}

#srchBox #srchBtn {
	width:30px;
	*padding-top: 2px;
}

#srchBox.watermark #srchInput{
	padding:1px 1px 2px 1px;
	border:none;
	background: #fff url(/general/img/header/yjlogo_type4.gif) 5px center no-repeat;
}

#srchBox #srchInput.nomark {
	background: none;
}

div#srchBox img {	/* yahoo serch tracking ID display */
	display: none;
}


/*clearfix
-------------------------------*/
.jreHeader-inner:after,
#langNav:after,
#globalNav:after,
#linkNav:after {
	content:"";
	display: block;
	clear: both;
}

.jreHeader-inner,
#langNav,
#globalNav,
#linkNav {
	*zoom:1;
}

/*--------------------------
　サイトフッター
---------------------------*/
#jreFooter {
	min-width: 950px;
	padding: 18px 0 20px;
	background: url(/general/img/footer/bg-footer.png) center top no-repeat;
	text-align: center;
}

.footLink {
	margin-bottom: 10px;
}

.footLink li {
	display: inline;
	padding: 0 10px;
	border-right: #666 1px solid;
}

.footLink li:first-child {
	border-left: #666 1px solid;
}

/*----------------------------------------------------*/ 
/*----------------------------------------------------*/ 
/* ↓以降、レスポンシブ用に上書き設定↓
  ----------------------------------------------------
------------------------------------------------------*/ 

/*----------------------------------------------------*/ 
/* body
------------------------------------------------------*/ 

html,body {
	height:auto;
}

body {
	background:#FFF;
	min-width:0;
}

/*----------------------------------------------------*/ 
/* jreHeader
------------------------------------------------------*/ 

.headborder_w {
	border-bottom:solid 3px #E7EEE9;
}

#jreHeader {
	width: 930px;
	padding: 0 10px;
	margin: 15px auto 0;
	position: relative;
	font-family:sans-serif;
}

#jreHeader:after {
	content: "";
	display: block;
	clear: both;
}

.jreHeader-inner {
	overflow:hidden;
	padding-left:14px;
	width:auto;
	float:none;
}



/*グローバルナビ
-------------------------------*/

#globalNav a {
	background:none;
}
#globalNav .gn-railway a {
	width: 221px;
	background:url(/general/img/header/rps/bg-gnav-railway.png) no-repeat left bottom;
}
#globalNav .gn-info a {
	width:138px;
	background:url(/general/img/header/rps/bg-gnav-info.png) no-repeat left bottom;
}
#globalNav .gn-company a {
	width:171px;
	background:url(/general/img/header/rps/bg-gnav-company.png) no-repeat left bottom;
}
#globalNav .gn-railway a:hover,
.ctgRailway #globalNav .gn-railway a {
	background-image:url(/general/img/header/rps/bg-gnav-railway-on.png);
	background-position: left bottom;
}
#globalNav .gn-info a:hover,
.ctgInfo #globalNav .gn-info a {
	background-image:url(/general/img/header/rps/bg-gnav-info-on.png);
	background-position: left bottom;
}
#globalNav .gn-company a:hover,
.ctgCompany #globalNav .gn-company a {
	background-image:url(/general/img/header/rps/bg-gnav-company-on.png);
	background-position: left bottom;
}

/*リンクナビ
-------------------------------*/

#linkNav a {
	background:none;
}
#linkNav .ln-suica a {
	width:80px;
	background:url(/general/img/header/rps/bg-snav-suica.png) no-repeat left bottom;
}
#linkNav .ln-otona a {
	width:158px;
	background:url(/general/img/header/rps/bg-snav-otona.png) no-repeat left bottom;
}
#linkNav .ln-suica a:hover,
.ctgSuica #linkNav .ln-suica a {
	background-image:url(/general/img/header/rps/bg-snav-suica-on.png);
	background-position: left bottom;
}
#linkNav .ln-otona a:hover,
.ctgOtona #linkNav .ln-otona a {
	background-image:url(/general/img/header/rps/bg-snav-otona-on.png);
	background-position: left bottom;
}


@media only screen and (max-width: 965px) {

#jreHeader {
	width: auto;
}

#globalNav .gn-railway a,
#globalNav .gn-info a,
#globalNav .gn-company a,
#linkNav .ln-suica a,
#linkNav .ln-otona a {
	width:auto;
	background-size:100% auto;
}

#globalNav {
	width: 63%;
}
#globalNav .gn-railway {
	width: 42%;
}
#globalNav .gn-info {
	width: 26%;
}
#globalNav .gn-company {
	width: 32%;
}
#linkNav {
	width: 29%;
}
#linkNav .ln-suica {
	width: 34%;
}
#linkNav .ln-otona {
	width: 66%;
}


}

@media only screen and (max-width: 750px) {

#utility {
	margin-bottom:0;
}

#srchBox {
	width:210px;
}

#srchBox #srchInput {
	width:174px;
}

}

#jreHeader-sp,
#jreFooter-sp {
	display:none;
}


@media only screen and (max-width: 639px) {
	
.headborder_w {
	border-bottom:none;
}

#jreHeader {
	display:none;
}

#jreHeader-sp {
	display:block;
	padding:7px 0 10px 9px;
	border-bottom:solid 2px #E7EEE9;
}

.jreHeaderblankheight {
	display:none;
}

}


/*----------------------------------------------------*/ 
/* jreFooter
------------------------------------------------------*/ 

#jreFooter {
	min-width:0;
	margin:0 auto;
	color: #333;
	font-family: "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif\9;
}

#jreFooter a:link { text-decoration: underline; }
#jreFooter a:visited { text-decoration: underline; }
#jreFooter a:hover { color: #ff0000; text-decoration: none; }
#jreFooter a:active { color: #ff6600; text-decoration: none; }


@media only screen and (max-width: 965px) {

#jreFooter {
	width: auto;
	padding-left:10px;
	padding-right:10px;
}

}
@media only screen and (max-width: 639px) {

#jreFooter {
	display:none;
}

#jreFooter-sp {
	display:block;
	background:#239B10;
	border-top:solid 1px #145C0A;
	padding:10px;
	text-align:center;
}

#jreFooter-sp .jretop a {
	display:block;
	background:#FFF;
	padding:15px 0 14px;
	font-weight:bold;
	color:#1F1F1F;
	text-decoration:none;
	line-height:1;
	border-radius:3px;
	border:solid 1px #666666;
	font-size:14px;
}

#jreFooter-sp .jretop a:before {
	content:"";
	background:url(/general/img/footer/rps/ico-arrow.png) no-repeat;
	width:6px;
	height:7px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	position:relative;
	top:-2px;
}

#jreFooter-sp .copy {
	color:#FFF;
	font-size:8px;
	margin-top:5px;
}

}