@charset "utf-8";

/* #container .contents
======================================================================= */
#container .contents{
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{
width:960px;
margin:0 auto;
}

#contents_hd h1{display:none;}

/* #container .contents #main_contents
======================================================================= */
#main_contents{
width:960px;
margin:0 auto;
padding: 30px 0 30px 0;
}

#main_contents .sp_only {
display: none;
}

#train_block, #bus_block, #walk_block, #local_block, #parking_block{
background-color:#fff;
text-align:left;
padding:40px;
}

#main_contents .head_area{
padding:0 0 20px 0;
}


/* #container .contents #main_contents .event_info_box
======================================================================= */
#container .contents #main_contents .event_info_box{
padding:0 0 0 0;
}

#container .contents #main_contents .event_info_box ul{
width:880px;
margin:0 auto;
}

#container .contents #main_contents .event_info_box ul li{
border:none;
background:url("../img/bg_info.png") repeat;
margin:0 0 20px 0;
}

#container .contents #main_contents .event_info_box ul li .box{
padding:20px 30px;
}

#container .contents #main_contents .event_info_box ul li h4{
font-weight:bold;
}
/*
#container .contents #main_contents .event_info_box ul li .txt_area i.ph img{
margin:-54px 0 0 50px;
}
*/

/* h2
==================================== */
#main_contents h2{
background:#e8e4c8;
padding:14px 20px;
}

#main_contents h2 .header_box{text-indent:-9999px;background-repeat:no-repeat;}

#main_contents #train_block h2 .header_box{background:url("../img/icon_ttl_train.gif");height:26px;width:255px;}
#main_contents #bus_block h2 .header_box{background:url("../img/icon_ttl_bus.gif?202411");height:26px;width:562px;}
#main_contents #walk_block h2 .header_box{background:url("../img/icon_ttl_walk.gif");height:26px;width:376px;}
#main_contents #local_block h2 .header_box{background:url("../img/icon_ttl_local.gif");height:26px;width:372px;}
#main_contents #parking_block h2 .header_box{background:url("../img/icon_ttl_parking.gif");height:26px;width:214px;}

#main_contents h2 span{
display:inline-block;
}

/* .g_map
==================================== */
#main_contents .g_map{
text-align:center;
line-height:0;
padding:30px 0 0 0;
}

#main_contents .g_map a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:380px;
height:66px;
background:url(../img/g_map_btn_pc.png) no-repeat 0 0;
margin:0 auto;
}

#main_contents .g_map a.hover{
background-color:#fff;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}

/* #m12
==================================== */
#m12 {
	/* padding-top: 50px; */
}

/* #train_block
======================================================================== */
#train_block{
margin:30px 0 0 0;
}

/* #train_block .service_ended */
#train_block .service_ended {
	background:#ffe0e0;
	padding:14px 20px;
}

#train_block .service_ended p {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #ea0000;
	line-height: 1.6em;
}

#train_block .service_ended p .br_sp {
	display: none;
}


/* #train_block .map
==================================== */
#train_block .map dl{padding:10px 0 0 0;}
#train_block .map dl:after{content:""; clear:both; display:block;}
#train_block .map dl dt{
float:left;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:562px;
height:434px;
background:url(../img/bus_train_map_pc.png?202411) no-repeat 0 0;
margin:0 0 0 90px;
}

#train_block .map #route_map {
	margin: 50px 78px 50px 87px;
	width: 715px;
	height: 331px;
	background:url(../img/route_map_pc.png?202411) no-repeat 0 0;
}


/* #train_block .map dl dd.print_qr_box
-------------------------------------------------- */
#train_block .map dl dd.print_qr_box{
float:right;
width:136px;
height:240px;
background:url(../img/print_qr_box_pc.png) no-repeat 0 0;
/*background: url(../img/print_qr_box_pc.png) no-repeat 0 -50px;*/
}

#train_block .map dl dd.print_qr_box p.print_btn a{
display:block;
/*display: none;*/
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
width:136px;
height:45px;
}

#train_block .map dl dd.print_qr_box p.qr_btn a{
margin:149px 0 0 13px;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:136px;
height:45px;
}

#train_block .map dl dd.print_qr_box p a.hover{
background-color:#fff;
opacity:0.2;
filter:alpha(opacity=20);
-ms-filter:"alpha(opacity=20)";
}

/* #train_block .time
==================================== */
#train_block .time dl:after{content:""; clear:both; display:block;}
#train_block .time dl dd:after{content:""; clear:both; display:block;}

#train_block .time dl dd ul.caution{
padding:0 0 0 0;
overflow:hidden;
}

#train_block .time dl dd ul.caution li{
font-size:12px;
line-height:160%;
letter-spacing:0.5px;
color:#322517;
}

#train_block .time dl dd ul.caution a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:410px;
height:55px;
background:url(../img/bus_train_roote_btn_pc.png) no-repeat 0 0;
float:left;
}

#train_block .time dl dd ul.caution a li.roote_btn{
width:410px;
height:55px;
border:2px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#train_block .time dl dd ul.caution a.hover li.roote_btn {
border:2px solid #e70013;
}

#train_block .time dl dd ul.caution li.roote_txt{
float:left;
width:470px;
padding:0 0 0 20px;
}


/* #scroll_block
======================================================================== */
#scroll_block{
margin:70px 40px 0 40px;
overflow:hidden;
zoom:1;
}

#scroll_block #bus_btn{
float: left;
width: 430px;
height: 104px;
background: url("../img/btn_bus_pc.png?202411") no-repeat;
text-indent: -9999px;
cursor: pointer;
}

#scroll_block #walk_btn{
float: right;
width: 430px;
height: 104px;
background: url("../img/btn_walk_pc.png") no-repeat;
text-indent: -9999px;
cursor: pointer;
}

#scroll_block a:hover div{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}


/* #bus_block
======================================================================== */
#bus_block{
margin:15px 0 0 0;
}

/* #bus_block .lead_box
-------------------------------------------------- */
#bus_block .lead_box dl{
padding:10px 0 0 0;
overflow:hidden;
}

#bus_block .lead_box dl:after{content:""; clear:both; display:block;}

#bus_block .lead_box dl dt{float:right;}
#bus_block .lead_box dl dd{float:left;width:480px;}

#bus_block .lead_box dl dt img{
	width: auto;
    height: 137px;
    margin-right: 70px;
}

#bus_block .lead_box dl dd p.txt{
font-size:17px;
line-height:160%;
letter-spacing:0.5px;
color:#000;
}

#bus_block .lead_box p.caution{
font-size:12px;
line-height:160%;
letter-spacing:0.5px;
color:#000;
margin:-40px 0 25px 0;
}


/* #bus_block #bus_root
==================================== */
#bus_block #bus_root{
margin:60px 0;
overflow:hidden;
}

/* #root_info
-------------------------------------------------- */
#bus_block #bus_root #root_info{
float:left;
width:380px;
}

#bus_block #bus_root #root_info h3{
font-size:19px;
font-weight:bold;
color:#64380e;
background:url(../img/bg_bus_root.png) repeat-x 0 bottom;
padding:0 0 15px 0;
margin:0 0 20px 0;
}

#bus_block #bus_root #root_info h3.root span{background:url(../img/icon_bus_pc.png) no-repeat 0 center;padding:0 0 0 35px;}
#bus_block #bus_root #root_info h3.stop span{background:url(../img/icon_bus_stop_pc.png) no-repeat 0 center;padding:20px 0 20px 20px;}

#bus_block #bus_root #root_info dl{
margin:0 0 30px 0;
}

#bus_block #bus_root #root_info dl dt{
display:inline-block;
width:48px;
background:#8c755b;
font-size:15px;
color:#fff;
padding:5px 0;
margin:0 0 5px 0;
text-align:center;
}

#bus_block #bus_root #root_info dl dd{
display:inline-block;
font-size:15px;
color:#64380e;
padding:0 0 0 10px;
}

#bus_block #bus_root #root_info ul li{
font-size:15px;
color:#64380e;
margin:0 0 15px 0;
}

/* #root_map
-------------------------------------------------- */
#bus_block #bus_root #root_map{
float:right;
width:398px;
height:236px;
background:url(../img/bus_map_pc.png?202411) no-repeat 0 28px;
}


/* #bus_block .bus_caution
==================================== */
#bus_block .bus_caution {
	margin-top: 20px;
}

#bus_block .bus_caution ul li {
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.5px;
}


/* #bus_block #bus_schedule
==================================== */
#bus_block #bus_schedule{
border:1px solid #f6d39e;
padding:26px;
background:#fffdf2 url(../img/bg_bus_schedule_img.png) no-repeat right bottom;
}

#bus_schedule h3{
font-size:19px;
font-weight:bold;
color:#64380e;
display:inline;
}
#bus_schedule .caution{
font-size:12px;
color:#ea0000;
margin-left:15px;
}
/* #bus_schedule .month
-------------------------------------------------- */
#bus_block #bus_schedule .month{
margin:20px 0 0 0;
}

#bus_block #bus_schedule .month:last-child{
margin-bottom: 58px;
}

#bus_block #bus_schedule .month:after{content:""; clear:both; display:block;}

#bus_schedule .month .ttl{
margin:0 0 15px 0;
background-color:#fae5c5;
padding:10px 10px 10px 20px;
overflow:hidden;
}

#bus_schedule .month .ttl h4{
float:left;
font-size:22px;
line-height:130%;
color:#64380e;
}

#bus_schedule .month .ttl p{
float:right;
font-size:16px;
color:#000;
line-height:1.8;
}


/* #bus_schedule .month .schedule_block
-------------------------------------------------- */
#bus_schedule .month .schedule_block:after{content:""; clear:both; display:block;}

#bus_schedule .month .schedule_block table{
float:left;
width:342px;
margin:0 0 0 14px;
}

#bus_schedule .month .schedule_block table:first-child{margin-left:0;}

#bus_schedule .month .schedule_block table th{
font-size:18px;
line-height:130%;
letter-spacing:0.5px;
color:#8c755b;
padding:0 0 15px 15px;
border-bottom:1px solid #ad9d88;
text-align:left;
}

#bus_schedule .month .schedule_block table td.spread {
width: 33.3%;
}

#bus_schedule .month .schedule_block table td:first-child{padding-left:0;}

#bus_schedule .month .schedule_block table td h5{
font-size:14px;
line-height:130%;
letter-spacing:0.5px;
color:#64380e;
padding:15px 0 15px 0;
text-align:center;
border-bottom:1px solid #dbc8af;
}

#bus_schedule .month .schedule_block table td ul li{
font-size:14px;
line-height:130%;
letter-spacing:1.5px;
color:#555;
padding:5px 0 5px 0;
text-align:center;
border-bottom:1px solid #dbc8af;
background:url(../img/icon_ar_r_brown.png) no-repeat right center;
}

#bus_schedule .month .schedule_block table td ul li:nth-child(odd){background-color:#f7f1e3;}
#bus_schedule .month .schedule_block table td ul li.friday{background:url(../img/bg_bus_schedule.png) repeat right center;}
#bus_schedule .month .schedule_block table td ul li.friday span{background:url(../img/icon_ar_r_brown.png) no-repeat right center;display:block;}

#bus_schedule .month .schedule_block table td ul.arrival li{background-image:none;}
#bus_schedule .month .schedule_block table td ul.arrival li.friday{background:url(../img/bg_bus_schedule.png) repeat right center;}


/* #bus_schedule .month.weekend
-------------------------------------------------- */
#bus_schedule .month.weekend h4{color:#ba3500;}
#bus_schedule .month.weekend h4 .br_sp{display: none;}
#bus_schedule .month.weekend h4 .txt_s{font-size:18px; padding-left: 1em;}
#bus_schedule .month.weekend .schedule_block table th{color:#ba3500;border-bottom:1px solid #c64c1b;}
#bus_schedule .month.weekend .schedule_block table td h5{color:#ba3500;}
#bus_schedule .month.weekend .schedule_block table td ul li{background:url(../img/icon_ar_r_red.png) no-repeat right center;}
#bus_schedule .month.weekend .schedule_block table td ul li:nth-child(odd){background-color:#f7f1e3;}
#bus_schedule .month.weekend .schedule_block table td ul.arrival li{background-image:none;}


/* #bus_schedule .month .schedule_block table.additional
-------------------------------------------------- */
#bus_schedule .month .schedule_block table.additional{
width: 114px;
}

#bus_schedule .month .schedule_block table.additional th{
border-bottom: #f1ce56 1px solid;
}

#bus_schedule .month .schedule_block table.additional td h5{
color: #64380e;
background: #f1ce56;
border-bottom: #f1ce56 1px solid;
}

#bus_schedule .month .schedule_block table.additional td ul li{
color: #64380e;
background: #fef9d1;
border-bottom: #f1ce56 1px solid;
}

#bus_schedule .month.weekend .schedule_block table.additional td ul li{
background: #fef9d1;
border-bottom: #f1ce56 1px solid;
}

/* #bus_block #bus_schedule .month p.note
-------------------------------------------------- */
#bus_block #bus_schedule .month p.note{
float:right;
font-size:14px;
line-height:160%;
letter-spacing:0.5px;
color:#64380e;
margin:10px 0 0 0;
}

#bus_block #bus_schedule .month p.note:before{
display:block;
background:#ddf6ee url(../img/bg_bus_schedule.png) repeat right center;
content:"";
float:left;
width:30px;
height:20px;
margin:0 3px 0 0;
}

/* #bus_block #bus_schedule .caution
-------------------------------------------------- */
#bus_schedule .caution ul{
margin:20px 0 0 0;
}

#bus_schedule .caution ul li{
font-size:12px;
line-height:160%;
letter-spacing:0.5px;
color:#333;
text-indent:-1em;
margin:0 0 0 1em;
}

#bus_schedule .caution ul li.red{
color:#ea0000;
font-size:14px;
}


/* #walk_block
======================================================================== */
#walk_block{
margin:70px 0 0 0;
}

#walk_block p.txt{
font-size:17px;
line-height:150%;
color:#322517;
margin:0 0 30px 0;
}

/* #walk_block #root_box
-------------------------------------------------- */
#walk_block #root_box{
margin:40px 0 0 0;
}

#walk_block #root_box ul{
overflow:hidden;
}

#walk_block #root_box ul li{
float:left;
width:227px;
background:url("../img/icon_ar_r_yellow_pc.png") no-repeat;
background-position:208px 70px;
}

#walk_block #root_box ul li.last{
width:auto;
background:none;
}

#walk_block #root_box ul li p{
font-size:14px;
line-height:150%;
color:#322517;
width:197px;
margin:10px 0 0 0;
}


/* #local_block
======================================================================== */
#local_block{
margin:70px 0 0 0;
}

#local_block .txt{
font-size:17px;
line-height:150%;
}

#local_block .caution{
font-size:14px;
line-height:150%;
margin:10px 0 0 0;
}

#local_block .caution a{
text-decoration:underline;
}


/* #parking_block
======================================================================== */
#parking_block{
margin:70px 0 70px 0;
color:#322517;
}

#parking_block .txt{
font-size:17px;
font-weight:bold;
line-height:150%;
margin:0 0 5px 0;
}

#parking_block .caution{
font-size:14px;
line-height:150%;
color:#ff0000;
text-indent:-1em;
padding-left:1em;
margin:0 0 30px 0;
}

/* #parking_block #user_list
-------------------------------------------------- */
#parking_block #user_list dl dt{
font-size:17px;
font-weight:bold;
line-height:150%;
margin:0 0 5px 0;
}

#parking_block #user_list dl dd{
font-size:14px;
line-height:150%;
margin:0 0 30px 0;
}

/* #parking_block #car_navigation
-------------------------------------------------- */
#parking_block #car_navigation{
overflow:hidden;
border:3px solid #e60012;
padding:20px;
}

#parking_block #car_navigation dl{
float:left;
width:550px;
margin:20px 0 0 10px;
}

#parking_block #car_navigation dl dt{
font-size:17px;
font-weight:bold;
line-height:150%;
margin:0 0 5px 0;
}

#parking_block #car_navigation dl dd{
font-size:14px;
line-height:150%;
}

#parking_block #car_navigation dl dd span.text_red{
color: red;
font-weight: normal;
}

#parking_block #car_navigation dl dd span{
font-weight:bold;
}

#parking_block #car_navigation div.img_map{
float:right;
}

#parking_block #car_navigation div.img_map img{
width:234px;
}


#container .contents .info_box.info_box2 dl {
        padding-top: 0;
}