@charset "Shift_JIS";

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

	えきねっと検索モジュール用 CSS

	01. 全体・背景・汎用クラス 
	02. タブ
	03. コンテンツ
	04. 時間外・繁忙期

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

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

	01. 全体・背景・汎用クラス

************************************************************************ */
#es-module {
	width:242px;
	height:310px;
	background:url(/general/img/ekinet/bg_stripe.png) left top;
}

/* 余白 */
#es-module .mb6 {margin-bottom:6px !important;}
#es-module .mb7 {margin-bottom:7px !important;}
#es-module .mb10 {margin-bottom:10px !important;}

/* フォントサイズ */
#es-module .fs10 {font-size:10px !important;}
#es-module .fs11 {font-size:11px !important;}
#es-module .fs12 {font-size:12px !important;}
#es-module .fs13 {font-size:13px !important;}
#es-module .fs14 {font-size:14px !important;}

#es-module .cfx:after {
	content:" ";
	display:block;
	clear:both;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
/* #es-module .cfx {display:inline-block;}  (2014.12.9 コメントアウト) */



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

	02. タブ

************************************************************************ */
#es-module .list-tab {
	padding:5px 0 0 5px;
	width:232px;
}
#es-module .list-tab li {float:left;}
#es-module .list-tab #tab1,
#es-module .list-tab #tab2 {}
#es-module .list-tab a,
#es-module .list-tab span {
	display:block;
	width:116px;
	height:35px;
	background-image:url(/general/img/ekinet/tab_sprite.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}
/* 空席案内 */
#es-module .list-tab #tab1 a {background-position:0 -35px;}
#es-module .list-tab #tab1 a:hover {background-position:0 -70px;}
#es-module .list-tab #tab1 .active {background-position:0 0 !important;}
/* 乗換・運賃案内 */
#es-module .list-tab #tab2 a {background-position:-116px -35px;}
#es-module .list-tab #tab2 a:hover {background-position:-116px -70px;}
#es-module .list-tab #tab2 .active {background-position:-116px 0 !important;}



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

	03. コンテンツ

************************************************************************ */
/* コンテンツ箇所の表示と非表示切り替え */
#es-module .box-tab {display:none;}
#es-module .active {display:block;}

#es-module #contents1, #es-module #contents2 {
	margin-left:5px;
	width:234px;
}

#es-module .shadow-box {
	padding-right:2px;
	width:232px;
	background:url(/general/img/ekinet/bg_shadow.png) right top repeat-y;
}
#es-module .cont-box {
	border:solid #facf00;
	border-width:8px 3px 0;
	padding:8px 7px 9px;
	width:212px;
	min-height:216px;
	background-color:#fcfae2;
}
#es-module .b-box {
	border-bottom:dotted 1px #b2b2b2;
	padding-bottom:10px;
}

#es-module dl.layout1 {}
#es-module dl.layout1 dt {
	float:left;
	width:59px !important;
}
#es-module dl.layout1 dt img {display:block !important;}
#es-module dl.layout1 dd {
	display:block !important;
	margin-left:64px !important;
	line-height:1 !important;
}
#es-module select {
	border:solid 1px #abadb3 !important;
	vertical-align:0px !important;
	height:18px !important;
}
#es-module select.sw1 {width:148px !important;}
#es-module select.sw2 {width:41px;}

/* 空席を調べるボタン */
#es-module input#kuuseki-btn {
	display:block;
	cursor:pointer;
	overflow:hidden;
	border:none;
	width:212px;
	height:29px;
	background:url(/general/img/ekinet/btn_kuuseki.png) 0 0 no-repeat;
	text-indent:-9999px;
}
/* for Firefox */
#es-module input::-moz-focus-inner {border:0;}

#es-module input#kuuseki-btn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#es-module select:focus,
#es-module input:focus,
#es-module #radio-box label.l-focus {outline:solid 2px #06c;}

/* ラジオボタン */
#es-module #radio-box {
	width:212px;
	line-height:1 !important;
}
#es-module #radio-box input {
	position:absolute;
	top:5px;
	left:5px;
	outline:none;
    margin:0 !important;
	padding:0 !important;
    cursor:pointer;
	vertical-align:0 !important;
}
#es-module #radio-box label {
	position:relative;
	float:left;
	display:block;
    border:none;
    border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
    padding:6px 5px 6px 24px;
	width:74px;
    background-color:#e7e7e7;
    cursor:pointer;
}
#es-module #radio-box label#touchaku {float:right !important;}
#es-module #radio-box label.checked {
  background-color:#bff2a5;
}

#es-module input.itw1 {
	margin:0 4px 0 0 !important;
	border:solid 1px #ccc;
	padding:0 0 0 3px !important;
	width:125px !important;
	height:16px !important;
}

/* 乗換・運賃を調べるボタン */
#es-module input#norikae-unchin-btn {
	display:block;
	cursor:pointer;
	overflow:hidden;
	border:none;
	width:212px;
	height:29px;
	background:url(/general/img/ekinet/btn_norikae_unchin.png) 0 0 no-repeat;
	text-indent:-9999px;
}
#es-module input#norikae-unchin-btn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}



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

	04. 時間外・繁忙期

************************************************************************ */
#es-module .cont-box2 {
	border:solid #facf00;
	border-width:8px 3px 0;
	padding:8px 7px 9px;
	width:212px;
	min-height:216px;
	background:url(/general/img/ekinet/bg_whiteout.png) 0 0 no-repeat #fff;
}
#es-module #green-box {
	margin-top:54px;
    border:none;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:12px 12px 12px 15px;
	background-color:#007a52;
	letter-spacing:1px;
	font-weight:bold;
	color:#facf00;
}
#es-module #green-box a {color:#fff;}
#es-module #green-box a.link-window {
	margin-right:3px;
	padding:0 11px 0 0;
	background:url(/general/img/ekinet/icon_win_white.png) right center no-repeat;
}