* {margin: 0;padding: 0;list-style: none;text-decoration: none;box-sizing: border-box}
body{background-image:url(../images/manual/main_bg.png); font-family: "Noto Sans SC", sans-serif; width:100%; overflow-x:hidden;}

#fixTop {position:fixed; z-index:999; right:20px; bottom:40px; background-color:#77a8e9; width:60px; height:22px; font-weight: bold;}
a:link {font-size: 15px; color: #FFF; text-decoration: none; font-weight: bold;}
a:visited {font-size: 15px; color: #FFF; text-decoration: none; font-weight: bold;}
a:hover {font-size: 15px; color: #c5deff; text-decoration: none; font-weight: bold;}

#wrap {width:100%;}
#inner {margin:0px auto; width:1000px; margin-top:50px;}

#manual_left_menu {float:left; width:40px; position:relative; z-index:999}
#manual_left_menu_mobile {display:none; opacity: 0; gap:5px;}
#manual_left_menu_mobile div{margin-bottom:-4px;}
#manual_left_menu_mobile a{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px; background-color: #061b3f; border-radius:5px 5px 0 0; font-size:15px; font-weight: 500; line-height: 1;}

#content {float:left;width:960px;position:relative; z-index:998; margin-left:-25px;}
#content .forMap{ display:none; width: 91%; background: #fff; margin-top: 8px; margin-left: 28px; padding:10px;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap; gap:15px;}
#content .forMap ul{width:145px; padding-bottom:20px;}
#content .forMap ul li{ line-height:1.2;}
#content .forMap ul li a{ font-size: 13px; color:#343434; font-weight:300; display:block;}
#content .forMap ul li a.upperCate{ font-size:15px;color:#033b92; font-weight:500; padding-bottom: 7px;}

#content .forMapD{ display:none; width: 91%; padding: 15px 30px 5px 20px; background: url(../images/manual/manual_back_top.png) repeat top left /105% auto; background-position-x: 0px;}
#content .forMapD ul{ width: 100%; padding: 3px; border-radius: 7px; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap;flex-wrap: wrap;}
#content .forMapD ul li a{ line-height: 1.1; padding: 3px 8px; display:block; letter-spacing: -0.03em; text-align: center;}
.forMapS { margin-bottom: 15px;}
.forMapS ul{ background: #45608b; border:1px solid #244072; }
.forMapS ul a{ text-shadow: 1px 1px 2px #000; font-size: 11px; font-weight:500;}
.forMapSS p{ font-size: 12px; color: #2d4f7f; padding: 2px 4px;}
.forMapSS ul {border: 1px solid #434a55; background: #e8e8e8;}
.forMapSS ul li a{ color: #1f2631; font-size: 10px !important; font-weight: 400;}

@media screen and (max-width: 640px){
	#wrap { max-width: 640px; margin:0 auto; overflow-x:hidden;}
	#wrap #inner{ width:100%; padding:0 ;padding-left: 20px;}
	#wrap #manual_left_menu{ display:none; }
	#wrap #manual_left_menu_mobile{ opacity:1; padding-left:9px; display: -webkit-box;display: -ms-flexbox;display: flex;  -ms-flex-wrap: wrap;flex-wrap: wrap;}
	#wrap {display: -webkit-box;display: -ms-flexbox;display: flex;}
	#wrap #content{ width:calc(100% + 62px); margin-left: -5px; margin-top:2px; margin-bottom:50px; }
	#wrap #content.content {background: url(../images/manual/manual_02_01.png) repeat top left;}
	#wrap #content.content img{ display:none;}
	#wrap #content img{width:100% !important; height:auto !important; }
	#wrap #content map{ display:none}
	#wrap #content .forMap{ display: -webkit-box;display: -ms-flexbox;display: flex;}
	#content .mapD {display:none;}
	#content .forMapD {display:block}
}