@charset "utf-8";


/* sec1 */
#access #sec1 { width:1098px; background:#fff; border-top:1px solid #e7e2d1; border-left:1px solid #e7e2d1; border-right:1px solid #e7e2d1; margin-top:30px;}
#access #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#access #sec1 h3 { float:left; width:184px;}
#access #sec1 img.map { float:left; width:914px;}


/* anavi */
#access #anavi { width:1080px; background:url(../../access/img/navi_bg.gif) no-repeat center bottom #fff; border-left:1px solid #e7e2d1; border-right:1px solid #e7e2d1; padding:45px 0 0 17px;}
#access #anavi:after{ content:" " ; clear:both; display:block; height:0;}
#access #anavi li { float:left; width:531px; padding-right:5px;}
#access #anavi li a { display:block; width:531px; height:52px;}

#access.top #anavi li.navi1 img { display:none;}
#access.top #anavi li.navi1 a { background:url(../../access/img/navi1_on.gif) no-repeat;}
#access.hokkaido #anavi li.navi2 img { display:none;}
#access.hokkaido #anavi li.navi2 a { background:url(../../access/img/navi2_on.gif) no-repeat;}


/* #sec2 */
#access #sec2 { background:#fff; border-left:1px solid #e7e2d1; border-right:1px solid #e7e2d1; padding-bottom:50px;}
#access #sec2 div { width:1067px; background:url(../../access/img/bg.gif); text-align:center; padding:40px 0 10px 0; margin-left:17px;}
#access #sec2 div img { padding-bottom:40px;}

#access #sec2 #bus { background:#ffffff; width:1048px; margin:0 auto 40px auto; padding:0 0 38px 0;}
#access #sec2 #bus img { padding-bottom:20px;}
#access #sec2 #bus div { display:inline-block; background:url(../../access/img/1_shuttle_bg.gif) center top; width:922px; margin:0 10px 0 115px; padding:0; border:1px solid #e1e1e1; text-align:left; color:#000000;}
#access #sec2 #bus div div { background:none; width:830px; margin:20px 0 20px 53px; border:none;}
#access #sec2 #bus h3 { display:inline-block; float:left; margin-top:-16px; padding-left:18px;}
#access #sec2 #bus p { display:inline-block; float:left; width:504px; padding:15px 0 0 47px;}
#access #sec2 #bus p.attention { clear:both; display:block; float:none; width:auto; padding:23px 0 0 1em; text-indent:-1em;}
#access #sec2 #bus p span { display:block; padding:8px 0 0 21px;}
#access #sec2 #bus img.photo { display:inline-block; float:right; padding-bottom:0; margin-top:-141px; z-index:999;}
#access #sec2 #bus table { display:inline-block; float:left; font-size:0.9em; width:389px;}
#access #sec2 #bus table.return { float:right;}
#access #sec2 #bus caption { font-weight:bold; text-align:center; padding-bottom:8px;}
#access #sec2 #bus tbody { width:389px;}
#access #sec2 #bus th { background:#f0eadd; padding:5px 12px; border-top:1px solid #b7ab92; border-left:1px solid #b7ab92; border-bottom:3px double #b7ab92; border-right:1px solid #b7ab92; text-align:center;}
#access #sec2 #bus td { background:#fbfbfb; padding:5px 12px; border-left:1px solid #b7ab92; border-bottom:1px solid #b7ab92; border-right:1px solid #b7ab92;}
#access #sec2 #bus .time_col { width:94px; text-align:center; border-left:none;}
#access #sec2 #bus td span { display:block; font-size:0.9em;}


/* #sec4 */
#access #sec4 { background:#fff; border-left:1px solid #e7e2d1; border-right:1px solid #e7e2d1; padding-bottom:75px;}
#access #sec4 div { width:1067px; background:url(../../access/img/sec3_bg.jpg) no-repeat; margin-left:17px; padding-bottom:75px;}
#access #sec4 div h3 { text-align:center; padding:17px 0 45px 0;}
#access #sec4 dl { display: flex; margin: 0 5% ; width:90%; }
#access #sec4 dt { width:25%; font-size:20px; text-align: right; padding:0 2%; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#access #sec4 dd { width:75%; font-size:15px; padding:0 2%;}
#access #sec4 dd li { padding:7px 0;}
#access #sec4 dd li span { display: inline-block; width:30%;}
#access #sec4 dd p { padding:10px 0;}

/* #sec3 */
#access #sec3 { background:#fff; border-left:1px solid #e7e2d1; border-right:1px solid #e7e2d1; border-bottom:1px solid #e7e2d1; padding-bottom:75px;}
#access #sec3 div { width:1067px; background:url(../../access/img/sec3_bg.jpg) no-repeat; margin-left:17px;}
#access #sec3 div:after{ content:" " ; clear:both; display:block; height:0;}
#access #sec3 div h3 { text-align:center; padding:17px 0 45px 0;}
#access #sec3 div dl { float:left; width:335px; padding-left:20px;}
#access #sec3 div dl.border { border-left:1px solid #bbb; border-right:1px solid #bbb;}
#access #sec3 div dt { padding-bottom:15px;}
#access #sec3 div dd { background:url(../../access/img/link_mark.png) no-repeat 15px 50%; padding:5px 20px 5px 30px; }
#access #sec3 div dd a { color:#4e4e4e; }
#access #sec3 div img.photo { padding:10px 0 0 30px; margin-bottom:-5px;}