@charset "shift_jis";

a:link{
  		color: #339900;
  		text-decoration: none;
}
a:visited{
  	color: #339900;
 	 text-decoration: none;
}
  	
a:hover,a:active{
  	color: #CC6600;
 	text-decoration: underline;
}


body {
margin/**/:0px;
padding/**/:0px;
width/**/:100%;
font-size/**/:10pt;
color/**/:#333333;
font-family: "メイリオ", "MS UI GOTHIC", "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", Osaka, sans-serif;
}

img {
border/**/:none;
}

h1,h2,h3,h4,h5,p,ul,ol,li {
font-size/**/:100%;
line-height/**/:1.3;
margin-top/**/:0px;
margin-bottom/**/:0px;
padding-top/**/:0px;
padding-bottom/**/:0px;
}


#header {
margin-bottom/**/:10px;
}

h1 {
background/**/:url(/bybus/shared/images/h1.gif) no-repeat left bottom;
height : 80px;
}

#gnavi {
background/**/:url(/bybus/shared/images/gnavi_bg.gif) repeat-x left top;
width/**/:100%;
}

#gnavi table {
margin-left/**/:auto;
margin-right/**/:auto;
}

#right_side,#left_side {
font-size/**/:100%;
}

#right_side ul,#left_side ul {
list-style/**/:none;
font-size/**/:100%;
margin/**/:5px 0px;
padding/**/:0px;
}

#right_side ul li,#left_side ul li {
background/**/:url(../images/list_icon02.gif) no-repeat 1px 0.4em;
padding-left/**/:15px;
margin-left/**/:10px;
line-height/**/:1.3;
font-size/**/:100%;
}

h3.bl {
padding/**/:5px 0px 5px 15px;
margin/**/:3px 15px 0px 10px;
color/**/:#1671B2;
background/**/:url(../images/h3_icon_blue.gif) no-repeat left 0.7em;
border-bottom/**/:2px solid #1671B2;
}

h3.gr {
padding/**/:5px 0px 5px 15px;
margin/**/:3px 15px 0px 10px;
color/**/:#006600;
background/**/:url(../images/h3_icon_green.gif) no-repeat left 0.7em;
border-bottom/**/:2px solid #4B9000;
}

h3.pi {
padding/**/:5px 0px 5px 15px;
margin/**/:3px 15px 0px 10px;
color/**/:#D88565;
background/**/:url(../images/h3_icon_pink.gif) no-repeat left 0.7em;
border-bottom/**/:2px solid #D88565;
}

table td.sidebg {
background/**/:url(../images/h3_bg.gif) repeat-y left top;
}

table td.sidebg_top {
background/**/:url(../images/h3.gif) no-repeat left top;
height/**/:5px;
}

table td.sidebg_bottom {
background/**/:url(../images/h3_bottom_bg.gif) no-repeat left top;
height/**/:15px;
}


table td.centerbg {
background/**/:url(../images/h3_bg.gif) repeat-x left top;
}

table td.centerbg_top {
background/**/:url(../images/h3.gif) repeat-x left top;
height/**/:5px;
}

table td.centerbg_bottom {
background/**/:url(../images/h3_bottom_bg.gif) repeat-x left top;
height/**/:15px;
}



#map {
height/**/:400px;
border/**/:1px solid green;
margin-top/**/:3px;
}

#contents {
margin-top/**/:15px;
border/**/:1px solid #CCCCCC;
font-size/**/:100%;
background-color:#F0F0F0;
padding : 10px;
}

#busnew {
margin-top/**/:15px;
border/**/:1px solid #CCCCCC;
font-size/**/:100%;
background-color:#F0F0F0;
padding : 10px;	
}

h2.gr {
padding/**/:5px 0px 5px 10px;
color/**/:#FFFFFF;
background/**/:url(../images/h2_bg_gr.gif) repeat-x left top;
font-size/**/:110%;
}

h2.bl {
padding/**/:5px 0px 5px 10px;
color/**/:#FFFFFF;
background/**/:url(../images/h2_bg_bl.gif) repeat-x left top;
font-size/**/:110%;
}

h2.pi {
padding/**/:5px 0px 5px 10px;
color/**/:#FFFFFF;
background/**/:url(../images/h2_bg_pi.gif) repeat-x left top;
font-size/**/:110%;
}

#contents ul {
list-style/**/:none;
margin/**/:5px 0px;
padding/**/:0px;
}

#contents ul li {
background/**/:url(../images/list_icon01.gif) no-repeat 1px 0.5em;
padding-left/**/:15px;
margin-left/**/:20px;
line-height/**/:1.5;
}

#footer {
margin-top/**/:15px;
padding/**/:5px 10px;
border-top/**/:1px solid #CCCCCC;
}

#footer p.copyright {
text-align/**/:right;
font-size/**/:100%;
background-color/**/:#4B9000;
color/**/:#FFFFFF;
padding/**/:5px;
}



.content {
padding/**/:5px;
margin/**/:5px 5px 5px 5px;
}

.content p{
padding/**/:5px;
margin/**/:5px 5px 5px 5px;
}


.photo {
	vartical-align : middle;
	float : left;
}

.photo2 {
	vartical-align : middle;
	margin-top : 15px;	
	float : left;
}

.photo3 {
	vartical-align : middle;
	margin-top : 5px;	
}


.shadow {
    background: url(/bybus/images/shadow.gif) right bottom;
    float: left;
    padding-top  : 5px;
    padding-left  : 5px;
}
 
.shadow img {
    position: relative;
    left: -5px; 
    top: -5px;
    padding: 5px;
    background: #ffffe0;
    border: 1px solid #999999;
}

.copyright {
	clear : both;	
}

.waitdialog {
	position : absolute;
	border-style : solid;
	border-width : 2px;
	border-color : #000;
	top : 100px;
	left : 100px;
	background-color : #fff;
	z-index : 99999;
}

.waitdialog .msg {
	margin : 10px 15px 10px 15px;
	padding: 15px 15px 5px 15px;
	height  : 46px;
	border-style : solid;
	border-width : 2px;
	border-color : #CCC;
	text-align : center;
	text-valign : middle;
}

.overlay {
	position : absolute;
	top : 0px;
	left : 0px;
	-moz-opacity:0.1;
	opacity:.10;
	filter:alpha(opacity=10);
	z-index : 99998;
	background-color: #fff;	
}


div.cursor {
	position:absolute;
	z-index:15000;
	background-color:#66CC00;
	color:#ffff9c;
	height:30px;
	vertical-align:middle;text-align:center;
	white-space: nowrap;
}

div.cursor p {
	color:#ffff9c;
	padding:0px;
	margin-left:1px;
	margin-top:0px;
	margin-right:1px;
	margin-bottom:0px;
}

cursor_p {
	color:#ffff9c;
}


div#map img { 
	cursor: default;
}
div#map a img { 
	cursor: pointer;
}

.optselect {
	font-family: "メイリオ", "MS UI GOTHIC","ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", Osaka, sans-serif;
	font-size: 10pt;
}

table.contentstable {
	font-family: "メイリオ", "MS UI GOTHIC","ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", Osaka, sans-serif;
	font-size: 10pt;
	color: #000;
	background: #eee;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #000000;
	align : center;
	margin-left : 20px;
	margin-right : 20px;
}

table.contentstable th {
	font-size: 12px;
	color: #eee;
	background-color: #669933;
	color:#FFFFFF;
	border: 1px solid #000000;
	text-align:left;
	padding-left : 10px;
	padding:5px;
	
}

table.contentstable td {

	font-size: 12px;
	color: #eee;
	background-color: #eee;
	color:#000000;
	border: 1px solid #000000;
	padding-left : 5px;
	padding-right : 5px;
	padding:5px;
	
}

#busButtonDiv {
	background-color : green;
	background/**/:url(../images/h2_bg_gr.gif) repeat-x left bottom;
	margin : 2px;
	padding : 2px;
	text-align : center;
}

#busButton{
	font-size : 12px;	
}

/*
#right_side div.busrail_div, #left_side div.busrail_div {
	padding-left : 17px;
}
*/

p.busrail {
	padding-left : 17px;
}

p.busdist {
	padding-left : 30px;
}

p.dispRail {
	padding-right : 10px;
}

#weather {
	margin : 0px;
}

#weather_div {
	position : absolute;
	right : 15px;
	top : 5px;
    width : 300px;
    color : #fff;
    text-align : right;
	margin : 0px;
}

#weather_credit
{
	position : absolute;
	right : 15px;
	top : 50px;
	font-family: "メイリオ", "MS UI GOTHIC","ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", Osaka, sans-serif;
    text-align : right;
    font-size : 10pt;
	margin : 0px;
}


#weather_div a:link{
  		color: #fff;
  		text-decoration: none;
}
#weather_div a:visited{
  	color: #fff;
 	 text-decoration: none;
}
  	
#weather_div a:hover,a:active{
  	color: yellow;
 	text-decoration: underline;
}


#subnavi {
margin-top:15px;
width:100%;
}
#subnavi {
margin-top:15px;
width:100%;
}