@charset "utf-8";
/* CSS Document */

@import url("/css/basic.css");

body{}
/* */
#wrap{position:relative; width:100%; height:auto; margin:0 auto;}
#canvas{position:relative; width:100%;  margin:0 auto;}
#header{position:relative; width:100%; max-width:640px; height:60px; margin:0 auto; z-index:1000;}
#header h1{position:absolute; top:14px; width:100%; z-index:100; text-align:center;}

#header .top_menu{position:relative; top:14px; padding:13px 0 0 0; z-index:100;}
#header .top_menu li{float:left;}

#header .top_sitemap{position:absolute; left:10px; top:0;}
#header .top_home{position:absolute; left:10px; top:0;}
#header .top_telephone{position:absolute; right:10px; top:14px; z-index:200;}

/* menu */
#navi_wrap{position:relative; width:320px; height:auto; margin:0 auto; background:#faf5f1;}
#navi_wrap .lnb_title{position:relative; width:100%; text-align:center; padding:17px 0;}

/* sub_menu */
#navi_wrap .lnb_ul{position:relative;width:300px; padding:0 0 20px 0; margin:0 auto; overflow:hidden;}
#navi_wrap .lnb_ul li{width:auto; float:left; padding:0; margin:0; text-align:center;}
#navi_wrap .lnb_ul li a{display:block;}
#navi_wrap .lnb_ul li ul{ float:left; list-style:none; margin:0; padding:0; color:#ecfe9f; overflow:hidden;}
#navi_wrap .lnb_ul li ul li{width:auto; margin:0; float:left; height:auto; padding:0 4px 4px 3px; background:url(lnb_line.gif) no-repeat right 6px;}
#navi_wrap .lnb_ul li ul li.last{background:none;}
#navi_wrap .lnb_ul li ul#top-sub-menu1{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu2{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu2 #top-2-1{padding:0 4px 4px 141px;}
#navi_wrap .lnb_ul li ul#top-sub-menu3{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu4{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu4 #top-4-1{padding:0 4px 4px 70px;}
#navi_wrap .lnb_ul li ul#top-sub-menu5{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu6{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu7{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu8{display:none; position:absolute; left:0; top:46px; width:100%;}
#navi_wrap .lnb_ul li ul#top-sub-menu9{display:none; position:absolute; left:0; top:46px; width:100%;}

/* sitemap */
.sitemap{position:relative; top:47px; left:0; width:100%; z-index:1000; background:url(sitemap_bg.png);}
.sitemap .sitemap_cc{width:100%; margin:0 auto; z-index:1000; overflow:hidden;}
.sitemap .sitemap_cc .sitemap_top_ul{width:100%; margin:40px 0 0 0; overflow:hidden; padding:8px 0 0;}
.sitemap .sitemap_cc .sitemap_top_ul li{ border-bottom:1px solid #333; text-align:left;}
.sitemap .sitemap_cc .sitemap_top_ul li p{ }
.sitemap .sitemap_cc .sitemap_top_ul li p img{/*padding:8px 0 8px 10px;*/}
.sitemap .sitemap_cc .sitemap_top_ul li p a{display:block; color:#999; padding:8px 0 8px 20px; font-size:1.2em;}
.sitemap .sitemap_cc .sitemap_top_ul li p a:hover { background:#db6060; color:#fff;}
.sitemap .sitemap_cc .sitemap_top_ul li ul{overflow:hidden;}
.sitemap .sitemap_cc .sitemap_top_ul li ul li {border-bottom:none;}
.sitemap .sitemap_cc .sitemap_top_ul li ul li img{/*padding:6px 0 6px 10px;*/}
.sitemap .sitemap_cc .sitemap_top_ul li ul li a{display:block; padding:4px 0 4px 30px;}
.sitemap .stitle{padding:13px 0 0 20px;}
.sitemap .s_title{position:absolute; top:16px; left:20px; font-size:2em;}
.sitemap .scolse{position:absolute; top:16px; right:10px;}
.sitemap .scolse a{display:block;}
.sitemap .stop{height:7px;}
.sitemap .sbot{height:7px;}

#container {clear:both; position:relative; width:100%; max-width:640px; margin:0 auto; overflow:hidden; background:#f7f7f7;}
#container #content{width:90%; margin:0 auto; padding:8% 5%; overflow:hidden;}
#container #content .cc{clear:both; position:relative; width:300px; min-height:500px; margin:0 auto; overflow:hidden;}

#container #content h3 {font-size:2em; height:50px; border-bottom:1px dashed #d4d4d4; margin-bottom:8%;}
#container #content h5  {font-size:1.4em; text-align:left; height:30px;}

#container #content .img img {width:100%;}

#container #content .intro .title {float:left; width:20%; background:#df4c4c; color:#fff; padding:6px 0;}
#container #content .intro .acc {float:left; width:76%; padding:6px 2%; text-align:left;}

#container #content .map_list {margin-top:30px;}
#container #content .map_list ul.bus {background:url(../img/map_list_bg.png) no-repeat 0 0; height:66px; margin-bottom:15px;}
#container #content .map_list ul.car {background:url(../img/map_list_bg.png) no-repeat 0 -66px; height:66px; }
#container #content .map_list ul li {width:75%; margin-left:75px; text-align:left;}
#container #content .map_list ul li.m_tt {font-size:1.2em; height:20px; padding-top:10px; font-weight:600; color:#d36f6f;}

#container #content .dg_menu {width:100%;}
#container #content .dg_menu ul {clear:both;}
#container #content .dg_menu .menu_photo {width:40%; float:left; background:#f5f5f5; margin-bottom:25px}
#container #content .dg_menu .menu_photo img {width:100%;}
#container #content .dg_menu .menu_name {width:56%; float:left; margin:10px 0 0 4%; font-size:1.6em;}
#container #content .dg_menu .menu_acc {width:56%; float:left; margin:5px 0 0 4%; font-size:1.1em;}
#container #content .dg_menu .menu_prc {width:56%; float:left; margin:10px 0 0 4%; padding-top:10px; border-top:1px dotted #d4d4d4; text-align:right;}

.sub_bottom_icon{clear:both; position:relative; width:320px; min-width:320px; margin:0 auto; padding:10px 0 10px 0; overflow:hidden;background:#faf5f1;}
.sub_bottom_icon .foot_menu{overflow:hidden; position:relative; margin:0 auto; }
.sub_bottom_icon .foot_menu li{float:left; width:23.6%; margin:0 1% 0 0;}
.sub_bottom_icon .foot_menu li.first{margin:0 1% 0 2%;}
.sub_bottom_icon .foot_menu li.last{margin:0;}


/* footer */
#footer{position:relative; width:100%;  margin:0 auto; padding:15px 0 15px 0; clear:both;}
#footer .info {position:relative; margin:0 auto 15px; width:90%; max-width:640px; padding :15px 0; background:#111; text-align:center;}
#footer .info a {font-size:2.3em;}
#footer .info a>span {color:#fff;}
#footer #foot{position:relative; width:90%; max-width:640px; height:auto; margin:0 auto; padding:0; color:#999;}
#footer #foot address {font-style:normal; text-align:left;}