/* jbs.css - Copyright (c) Jorudan Co.,Ltd. All Rights Reserved */


.jbs_sp_only{
	display:none;
}

/* 色関連 */

div#header_j{
	background-color: #ffffff;
}

ul#top_menu li{
	background-color: #36c;
	background-image: -moz-linear-gradient(top, #777de8, #161c8c);
	background-image: -ms-linear-gradient(top, #777de8, #161c8c);
	background-image: -webkit-linear-gradient(top, #777de8, #161c8c);
	background-image: linear-gradient(top, #777de8, #161c8c);
}

ul#top_menu li a{
	color: #fff;
}
ul#top_menu li.active a{
	color: #36c;
	background-color: #d5e0f4;
	
}

ul#top_menu li.enable a:hover{
	color: #36c;
	background-color: #d5e0f4;
}

div#content{
	margin: 0 auto;
	background-color: #ffffff;
}

div#d ul.d_sel_menu li,
div#k ul.k_sel_menu li{
	background-color: #d5e0f4;
}
div#d ul.d_sel_menu li.active,
div#k ul.k_sel_menu li.active{
	background-color: #36c;
	color: #fff;
	background-image: -moz-linear-gradient(top, #777de8, #161c8c);
	background-image: -ms-linear-gradient(top, #777de8, #161c8c);
	background-image: -webkit-linear-gradient(top, #777de8, #161c8c);
	background-image: linear-gradient(top, #777de8, #161c8c);

}
div#d ul.d_sel_menu li:hover,
div#k ul.k_sel_menu li:hover{
	background-color: #36c;
	color: #fff;
	background-image: -moz-linear-gradient(top, #777de8, #161c8c);
	background-image: -ms-linear-gradient(top, #777de8, #161c8c);
	background-image: -webkit-linear-gradient(top, #777de8, #161c8c);
	background-image: linear-gradient(top, #777de8, #161c8c);

}


h1#k_0_h1,
h1#d_0_h1{
	border-width: 0px 0px 2px 0px;
	border-color: #36c;
	border-style: solid;
	padding-left: 1em;
}

ul#d_0_rirekiTab{
	display: none;
}
ul#d_0_rirekiTab li{
	display: inline-block;
	width: 15em;
	height: 2em;
	padding: 1em 1em 0 2em;
	cursor: pointer;
}

div#d_0_rireki.rireki1,
div#d_0_rireki.rireki2{
	padding-top: 1em;
}

div#d_0 .rireki1{
	background: #e0f8ff;
}
div#d_0 .rireki2{
	background: #a0ffa0;
}

dl#k_0_menu,
dl#d_0_menu{
	margin-left: 4em;
	width: 20em;
} 
dl#k_0_menu dt,
dl#d_0_menu dt{
/*	border-color: #36c;
	border-width: 1px;
	border-style: solid;
*/
	color: #fff;
	background : #36c;
	padding: 0.2em 0.2em 0.2em 1em;
	font-size: medium;
	background-image: -moz-linear-gradient(top, #777de8, #161c8c);
	background-image: -ms-linear-gradient(top, #777de8, #161c8c);
	background-image: -webkit-linear-gradient(top, #777de8, #161c8c);
	background-image: linear-gradient(top, #777de8, #161c8c);

}
dl#k_0_menu dt:hover,
dl#d_0_menu dt:hover{
/*	background : #d5e0f4;
	color: #000;
*/
	color: #f60;
}
dl#k_0_menu dd,
dl#d_0_menu dd{
	display: none;
	padding-bottom: 1em;
}

div#k input.button,
div#d input.button{
	background-color:#d5e0f4;
	color: #000;
}
div#k input.button:hover,
div#d input.button:hover{
	background-color: #36c;
	color: #fff;
}
div#k input#k_submit.button,
div#d input#d_submit.button{
	background-color: #a0c0ff;
}
div#k input#k_submit.button:hover,
div#d input#d_submit.button:hover{
	background-color: #36c;
	color: #fff;
}


div#k_a_route input.keiroResultButton{
	background-color:#d5e0f4;
	color: #000;
}
div#k_a_route input.keiroResultButton:hover{
	background-color: #36c;
	color: #fff;
}



div#d_a_2{
	margin-left: 2em;
}

div#d_a_2 h1{
	font-size: medium;
	font-weight: bold;
}
div#d_a_2 table{
	border-collapse: collapse;
}

div#d_a_2 th{
	background: #d5e0f4;
	font-weight: bold;
}

div#d_a_2 th,
div#d_a_2 td{
	padding: 0.3em 1em 0.3em 1em;
	border: 1px solid;
}
div#d_a_2 td.pole,
div#d_a_2 td.hyotyu{
	text-align: center;
	width: 3em;
}

div#d_a_2 th.pole,
div#d_a_2 td.pole{
	display: none;
}



div#d_a_2 td.dest,
div#d_a_2 td.rosen{
	/*width: 300px;*/
}

div#d_a_2 td a:hover{
	color: #f60;
}

div#d_b_1 h1{
	font-size: medium;
	font-weight: bold;
}

div#d_b_1 table.info{
	border-collapse: collapse;
}
div#d_b_1 table.info th{
	background: #ffffb8;
	border: 1px solid #a0a0a0;
	padding: 0.2em 0.5em;
}
div#d_b_1 table.info td{
	padding: 0.2em 0.5em;
}


div#d_b_2 div.tbl{
	margin: 10px;
	width: 320px;
	float: left;
}

div#d_b_2 div.tbl h1{
	font-weight: bold;
	text-align: center;
}
div#d_b_2 div.tbl h1.hei{
}
div#d_b_2 div.tbl h1.kyu{
}

div#d_b_2 div.tbl table{
	border-collapse: collapse;
	width: 100%;
}

div#d_b_2 div.tbl th{
	width: 2em;
	font-weight: bold;
}

div#d_b_2 div.tbl th,
div#d_b_2 div.tbl td{
	padding: 0.3em 0.3em 0.3em 0.5em;
	font-size: medium;
}
div#d_b_2 div.tbl span.min{
	margin: 0.3em 0.3em 0.3em 0;
	font-size: medium;
}

div#d_b_2 div.tbl table span.sign{
	font-size: x-small;
	color: #0000ff;
}
div#d_b_2 div.tbl table span.notes{
	font-size: x-small;
	color: #ff0000;
}

div#d_b_2 div.tbl ul{
	margin-top: 1em;
	list-style-type: none;
}
div#d_b_2 div.tbl ul span.sign{
	color: #0000ff;
}
div#d_b_2 div.tbl ul span.notes{
	color: #ff0000;
}

div#d_b_2 div.ndiatbl{
}

div#d_b_2 div.ndiatbl table{
	border-collapse: collapse;
	border: 1px solid #000;
	margin-bottom: 2em;
	width: 95%;
}

div#d_b_2 div.ndiatbl th{
	width: 2em;
	font-weight: bold;
}

div#d_b_2 div.ndiatbl th,
div#d_b_2 div.ndiatbl td{
	padding: 0.3em 0.3em 0.3em 0.5em;
	font-size: medium;
	border: 1px solid #000;
}

div#d_b_2 div.ndiatbl tr.youbi th,
div#d_b_2 div.ndiatbl tr.ikisaki th,
div#d_b_2 div.ndiatbl tr.keiyu th{
	background-color: #fdffc0;
}
div#d_b_2 div.ndiatbl tr.youbi td{
	text-align: center;
	font-size: large;
	font-weight: bold;
}
div#d_b_2 div.ndiatbl tr.ikisaki td{
	text-align: center;
	font-weight: bold;
}
div#d_b_2 div.ndiatbl tr.keiyu td{
	text-align: center;
}

div#d_b_2 div.ndiatbl span.min{
	margin: 0.3em 0.5em 0.3em 0;
	font-size: medium;
}

div#d_b_2 div.ndiatbl table span.kigou{
	font-size: small;
	color: #ff0000;
}

div#d_b_2 div.ndiatbl tr.bikou span.kigou{
	font-size: medium;
	color: #ff0000;
}
div#d_b_2 div.ndiatbl tr.bikou td{
	border-width: 0px 1px;
}




div#d_b_2 table.hei tr.even th{
	background:#83cacd;
}
div#d_b_2 table.hei tr.even td{
	background:#edf8f8;
}

div#d_b_2 table.hei tr.odd th{
	background:#5cb8bc
}
div#d_b_2 table.hei tr.odd td{
	background:#d3eced
}

div#d_b_2 table.kyu tr.even th{
	background:#f795af
	
}
div#d_b_2 table.kyu tr.even td{
	background:#fef1f4 
}

div#d_b_2 table.kyu tr.odd th{
	background:#f58fa9;
}
div#d_b_2 table.kyu tr.odd td{
	background:#fde1e9;
}




h1.ctHead{
	border-width: 0px 0px 2px 0px;
	border-color: #36c;
	border-style: solid;
	padding-left: 1em;
	font-size: large;
}

div#k_a_route span.flMark{
	color: #ffa000;
}
div#k_a_route span.keiyuMark{
	color: #ffa000;
}

body, div, p, ul, li{
	margin: 0;
	padding: 0;
}

div.top{
	width: 100%;
	margin: 0 auto;
}

div.content{
	display: none;
}
div.sub{
	margin-left: 200px;
	width: 760px;
}

hr.clear{
	margin: 0;
	padding: 0;
	/*clear: both;*/
	visibility: hidden;
}
p.wait{
	display: none;
}
p.ctDesc{
	margin: 0.5em 2em;
}
p.subDesc{
	padding: 0.5em;
}

table.kana50{
	margin-left: 0em;
	margin-top : 0.7em;
}
table.kana50 td{
	padding: 0.3em;
}



input.kana{
	width: 3em;
	height: 2.7em;
	font-size: large;
	font-weight: bold;
/* iOS で非表示のかなボタンがなぜかhover状態になってしまい、PCのスタイルが適用されるため、safari用のスタイルを解除しておく */
	-webkit-appearance: none;
	border-radius: 2px;

}

input.kana.invalid{
	font-weight: normal;
}
input.kana:hover{
	background-color: #36c;
	color: #fff;
}
input.kana.invalid:hover{
	background-color: #f0f0f0;
	color: #808080;
}


div#header_j{
	width: 960px;
	margin: 0 auto;
}

div#header_j div.navi{float: right; height: 2em; padding:1em 1em 0 0;}
div#header_j div.clear{ clear: both;}
div#header_j a{ margin-right: 1em;}
div#header_j a:hover{ color: #f60; }

div#header_menu{
	height: 40px;
}
ul#top_menu{
	list-style-type: none;
	height: 40px;
	width: 960px;
	margin: 0 auto;
}
ul#top_menu li{
	float: left;
	text-align: center;
	list-style-type: none;
}

ul#top_menu li a{
	width: 96px;
	height: 40px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

ul#top_menu li.enable a{width: 239px;}
li#menu_t{border-right: 1px solid #fff;}
li#menu_d{border-right: 1px solid #fff;}
li#menu_k{border-right: 1px solid #fff;}


ul#top_menu li.active a{
}
ul#top_menu li.enable a{
	cursor: pointer;
}
ul#top_menu li.enable a:hover{
}


div#content_guide {
	padding: 0.5em;
	margin-left: 1em;
}
ul#guide_menu{
	width: 100%;
	list-style-type: none;
}
ul#guide_menu li{
	display: inline;
}

ul#guide_menu li span.link{
	cursor: pointer;
	text-decoration: underline;
	color : #0000ff;
}

input.text{
	display: block;
}
input.button{
	display: block;
}

div#content{
	clear: both;
	width: 960px;
}


div#t_0.sub{ margin-left: 4em; }
table#t_0_t { border-spacing: 1em; }
table#t_0_t tr{ margin-bottom: 1em; }
/*table#t_0_t th{ background: #d5e0f4; width: 160px; padding: 0.5em; font-size: large; border: 1px solid; border-radius: 5px; }*/

table#t_0_t th{
	width: 160px; padding: 0.5em; font-size: large; font-weight: normal; border: 1px solid; border-radius: 5px; color: #fff;
	background-color: #36c;
	background-image: -moz-linear-gradient(top, #777de8, #161c8c);
	background-image: -ms-linear-gradient(top, #777de8, #161c8c);
	background-image: -webkit-linear-gradient(top, #777de8, #161c8c);
	background-image: linear-gradient(top, #777de8, #161c8c);
}
table#t_0_t th.link:hover{ color: #f60; cursor: pointer; }
/*table#t_0_t th.link:hover{ background: #36c; color: #fff; cursor: pointer; }*/

table#t_0_t a{ margin-right: 1em; font-size: small;}
table#t_0_t a:hover{ color: #f60; }


div#d__{
	float: left;
	width: 200px;
}

h1#d_0_h1{
	font-size: medium;
}

dl#d_0_menu dt{ display: none; }
dl#d_0_menu dd{ display: none; }
dl#d_0_menu dt.enable{
	display: block;
	cursor: pointer;
}
dl#d_0_menu dd.enable{
	display: block;
}


div#d ul.d_sel_menu{
	width: 100%;
	text-align: center;
	list-style-type: none;
	padding: 1em;
	text-align: left;
}
div#d ul.d_sel_menu li{
	margin-left: 0.5em;
	display: inline-block;
	padding: 0.5em;
	cursor: pointer;
}
div#d ul.d_sel_menu li.active{
}
div#d ul.d_sel_menu li:hover{
}
div#d ul.d_sel_menu li.hide{
	display: none;
}

div#d_1_1{
	display: none;
}

p#d_1_1_p2{
	margin-top: 0.5em;
}

div#k__{
	float: left;
	width: 200px;
}
h1#k_0_h1{
	font-size: medium;
}





dl#k_0_menu dt{ display: none; }
dl#k_0_menu dd{ display: none; }
dl#k_0_menu dt.enable{
	display: block;
	cursor: pointer;
}
dl#k_0_menu dd.enable{
	display: block;
}

div#k input.text,
div#d input.text{
	width: 160px;
	margin: 0.5em auto;
}

div#k input.text.current{
	background-color: #ffffa0;
}

div#k input.button,
div#d input.button{
	width: 160px;
	margin: 0.5em auto;
	border: 1px solid;
	border-radius: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}
div#inputDateK,
div#inputTimeK,
div#inputTypeK{
	margin: 0.5em auto;
	width: 160px;
	text-align: right;
}

div#k ul.k_sel_menu{
	width: 100%;
	text-align: center;
	list-style-type: none;
	padding: 1em;
	text-align: left;
}
div#k ul.k_sel_menu li{
	margin-left: 0.5em;
	display: inline-block;
	padding: 0.5em;
	cursor: pointer;
}
div#k ul.k_sel_menu li.active{
}
div#k ul.k_sel_menu li:hover{
}
div#k ul.k_sel_menu li.hide{
	display: none;
}

div#k_1_1,
div#k_1_2{
	display: none;
	float: left;
	padding: 0.5em;
}

p#k_1_1_p1,
p#k_1_2_p1{
	text-align: center;
	font-weight: bold;
}
p#k_1_1_p2,
p#k_1_2_p2{
	text-align: center;
}

div#k_1_1 select,
div#k_1_2 select{
	width: 16em;
}

/* 50音 */

div#k_2_1,
div#d_2_1{
	display: none;
	padding: 0.5em;
}

div#k_2_1 p,
div#d_2_1 p{
	padding: 0.2em;
}

p#k_2_1_w,
p#d_2_1_w{
	padding: 5em;
}

span#k_2_1_p1_s2,
span#d_2_1_p1_s2{
	color: #ff0000;
	font-weight: bold;
	font-size: large;
	margin: 0.4em;
}

select#k_2_1_s,
select#d_2_1_s{
	margin: 1em;
}

/* 駅から */

div#k_3 table,
div#d_3 table{
	margin: 1em;
}


div#k_3 th,
div#d_3 th{
	display: none;
}

div#k_3 td,
div#d_3 td{
	padding-left: 1em;
}

span#k_3_tsp2,
span#d_3_tsp2{
	display: none;
}

/* ランドマークから */

div#k_4 table,
div#d_4 table{
	margin: 1em;
}
div#k_4 td,
div#d_4 td{
	padding-left: 1em;
}


div#k_4 th,
div#d_4 th{
	display: none;
}


td#k_4_td2,
td#k_4_td3,
td#d_4_td2,
td#d_4_td3{
	display: none;
}

div#k_4 td span,
div#d_4 td span{

}

select#k_4_s3,
select#d_4_s3{
	font-family : monospace;
}

/* 地図から */
p#k_5_2,
p#d_5_2{
	margin-left: 1em;
	margin-bottom: 0.5em;
}
span#k_5_1_sp1 img,
span#d_5_1_sp1 img{
	height: 1.5em;
}
p#d_5_2 ul,
p#k_5_2 ul{
	list-style-type: none;
	padding: 0.5em;
	line-height: 150%;
}
p#d_5_2 li,
p#k_5_2 li{
	margin-left: 1em;
	display: inline;
	text-decoration: underline;
	color: #0000ff;
	cursor: pointer;
}

p#d_5_2 li:hover,
p#k_5_2 li:hover{
	color: #f60;
}



div#k_a_hyouka table{
	border-collapse: collapse;
	margin: 1em;
}

div#k_a_hyouka tr.hyouka.active{
	background: #ffffb0;
}

div#k_a_hyouka tr.hyouka:hover{
	background: #d5e0f4;
	cursor: pointer;
}

div#k_a_hyouka tr.hyouka.active span.num{
	background: #5050f0;
}

div#k_a_hyouka span.num{
	border-radius: 0.5em;
	width: 1.2em;
	height: 1.2em;
	padding: 0.3em;
	background: #40e040;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-family: monospace;
	margin-left: 1em;
	color: #fff;
}

div#k_a_hyouka td.hyouka{
	padding: 0.2em 0.5em;
}

div#k_a_hyouka td.hyouka.active span{
	background: #E2E2E2;
}

div#k_a_hyouka td.hyouka span{
	border-radius: 0.5em;
	width: 1.2em;
	height: 1.2em;
	padding: 0.3em;
	background: #E2E2E2;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-family: monospace;
	color: #eee;
}

div#k_a_hyouka td.hyouka span.hayai.on{
	background: #ff4040;
}
div#k_a_hyouka td.hyouka span.yasui.on{
	background: #4040ff;
}
div#k_a_hyouka td.hyouka span.raku.on{
	background: #40e040;
}

div#k_a_hyouka td.time,
div#k_a_hyouka td.kippu,
div#k_a_hyouka td.ic,
div#k_a_hyouka td.nori,
div#k_a_hyouka td.kyori{
	text-align: right;
	padding: 0.3em;
}
div#k_a_hyouka td.kyori{
	padding-right: 1em;
}


div#k_a_header h1{
	margin: 0.5em 0;
	padding-left: 1em;
	font-size: medium;
	border-bottom: 2px solid #36c;
}
div#k_a_route h1{
	margin: 0.5em 0;
	padding-left: 1em;
	font-size: medium;
	border-bottom: 1px solid #36c;
}

div#k_a_route table{
	border-collapse: collapse;
	margin: 1em;
}

div#k_a_route tr.line{
	height: 3em;
}
div#k_a_route tr.bs{
	background-color: #eee;
	border-style: solid;
	border-width: 1px;
	height: 3em;
}

div#k_a th.ic,
div#k_a td.ic{
	/* display: none; */
}

div#k_a_route td.time{
	text-align: center;
	padding: 0 1em;
	vertical-align: middle;
}
div#k_a_route td.button{
	text-align: right;
}
div#k_a_route td.line{
	background-color: #36c;
	width: 0.2em;
}
div#k_a_route td.rosen{
	padding-right: 0.5em;
}
div#k_a_route td.kippu,
div#k_a_route td.ic{
	padding: 0 1em;
	white-space: nowrap;
}
div#k_a_route td.kyori{
	padding: 0 1em;
}
div#k_a_route input.keiroResultButton{
	border: 1px solid;
	border-radius: 5px;
	padding: 0.2em 0.4em;
	margin: 0.4em 0.2em;
	cursor: pointer;
}

div#k_a_route span.bsname,
div#k_a_route span.rname{
	display: inline-block;
	padding: 1em 0;
}
div#k_a_route span.button{
	display: inline-block;
	float: right;
}
div#k_a_route span.sp{
	display: none;
}
div#k_a_route span.addToho{
	padding-left: 1em;
}

div#footer{
	clear: both;
}

div#footer_j{
	background-color: #e0e0e0;
}

p#copyright{
	background-color: #e0e0e0;
	text-align: right;
	padding: 0.3em;
}



div#p_d_w{
	margin: 5em auto;
	width: 80px;
	text-align: center;
}

div#p_d_c{
	background: #fff;
	padding: 5px 5px 40px 5px;
}

div#p_d_c h1{
	margin: 0.5em 0;
	padding-left: 1em;
	font-size: medium;
	border-bottom: 2px solid #36c;
}
div#p_d_c h2{
	margin: 0.5em 0;
	padding-left: 2em;
	font-size: small;
	border-bottom: 1px solid #36c;
}
div#p_d_c p{
	margin-left: 3em;
}

div#p_d_c table.gld,
div#p_d_c table.ged{
	margin-left: 3em;
	border-collapse: collapse;
}

div#p_d_c table.gld tr:nth-child(even){
	background:#eee;
}
div#p_d_c table.gld tr:nth-child(odd) {
	background:#dde8ff;
}

div#p_d_c table.gld tr.fr,
div#p_d_c table.gld tr.to{
	/*color: #ff0000;*/
	font-weight: bold;
}

div#p_d_c table.gld td,
div#p_d_c table.ged td{
	padding: 0.5em;
}

div#p_d_c table.ged th{
	width: 2em;
	font-weight: bold;
}
div#p_d_c table.ged th,
div#p_d_c table.ged td{
	padding: 0.3em 0.3em 0.3em 0.5em;
	font-size: medium;
}

div#p_d_c table.ged tr.even th{
	background: #ceb;
}
div#p_d_c table.ged tr.odd th{
	background: #ada;
}
div#p_d_c table.ged tr.even td{
	background: #e8ffe0;
}
div#p_d_c table.ged tr.odd td{
	background: #BEF2BE;
}

div#p_d_c table.ged td span{
	margin: 0.3em;
	font-size: medium;
}
div#p_d_c table.ged td.diaFooter{
	text-align: right;
	font-size: small; 
}


/* customize start */
body {
	position: relative;
	z-index: auto;
	min-width: 980px;
	background: #f2f2f2;
	color: #1a1a1a;
	font-size: 75%;
}
div#header_c {width: 960px; margin: 10px auto; }
div#header_c h1{ margin: 0; }
#footer_c{ width: 960px; margin: 0 auto; }
#footer div.wrapper.copyright{ background: #666666; text-align: right; line-height: 18px; font-size: 13px; color: #ffffff;}
p.clearboth{ height: 1em; clear: both; }
a:link { color: #000; }
a:hover { text-decoration: none; }
img{ border: none; }




/* customize end */