@media screen and (min-width: 769px){body{font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;background:url(../images/body_bg.jpg)}.layout{width:960px;margin:0 auto;overflow:hidden}#i_wrap{background:url(../images/i_wrap_bg.png) repeat-x}#wrap{background:url(../images/wrap_bg.jpg) repeat-x}#hd{height:100px;position:relative;background:url(../images/hd_bg.jpg) no-repeat}#hd h1{position:absolute;top:30px;left:0px;padding:0px}#hd #lang{position:absolute;right:60px;top:30px}#hd #lang img{-webkit-transition:All 0.5s ease;transition:All 0.5s ease}#hd #lang img:hover,#hd #lang img.current{opacity:0.5}#nav{background:url(../images/nav_bg.png) no-repeat #eee}#nav p{display:none}#nav ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#nav img{-webkit-transition:All 0.5s ease;transition:All 0.5s ease}#nav img:hover,#nav img.current{opacity:0}#menu{display:none}#con{margin-top:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#main{width:720px}#main ol,#main ul{padding:5px 0px 5px 25px}#main ul{list-style-type:disc}#main ol li,#main ul li{padding:5px 0px}#main table{margin:10px 0px}#main table th,#main table td{padding:5px}#main a img{display:inline-block;-webkit-transition:All 0.5s ease;transition:All 0.5s ease}#main a img:hover{opacity:0.7}#main h3{font-size:1.15rem;font-weight:bold;border-bottom:4px solid #00008C;background:0;margin:0.5em 0 0.3em 0}#side{width:220px}#side h2{margin-top:0;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background:url(../images/h2_side_bg.png) 10px center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(1, #CCC), color-stop(0, #FFF));background:url(../images/h2_side_bg.png) 10px center no-repeat,-webkit-linear-gradient(#FFF, #CCC);background:url(../images/h2_side_bg.png) 10px center no-repeat,linear-gradient(#FFF, #CCC)}#side h3{font-size:1.1rem;font-weight:bold;padding:0.0em 0 0.0em 0;margin:0 !important;background:none}#center{width:20px}#sidenav{width:100%;border:1px solid #CCCCCC;border-radius:5px;padding-bottom:8px}#sidenav a{width:100%;padding:8px 6px 8px 35px;display:block;text-decoration:none;background:url(../images/common/sidenav_icon.png) no-repeat 10px center;font-size:12px;color:#333333;border-bottom:dotted 1px #CCC}#bnr{margin-top:20px;width:100%}#bnr li{margin-bottom:4px}#ft{margin-top:20px;padding-top:25px;padding-bottom:25px;border-top:5px solid #00008C;text-align:center;background:#DEDEDE}h1{font-size:24x;text-align:center;color:#fff;padding:28px;font-weight:bold;text-shadow:4px 4px 12px rgba(0,0,0,0.6)}h2{font-size:1.3rem;font-weight:bold;color:#000;text-shadow:1px 1px 2px #fff;margin:0.7em 0 0.4em 0;padding:0.75em 0.8em  0.75em  2.1em;border:1px solid #CCCCCC;border-radius:5px;background:url(../images/h2_bg.png) 10px center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(1, #CCC), color-stop(0, #FFF));background:url(../images/h2_bg.png) 10px center no-repeat,-webkit-linear-gradient(#FFF, #CCC);background:url(../images/h2_bg.png) 10px center no-repeat,linear-gradient(#FFF, #CCC)}h2 span{color:#999999;font-size:0.7em;margin-left:15px}h3{font-size:1.4rem;font-weight:normal;padding:0.0em 0 0.0em 0.6em;margin:20px 0 10px 0;background:url(../images/h3_bg.jpg) left center no-repeat #eee}h4{font-size:1.2rem;font-weight:normal;padding:1px 0 1px 10px;margin:12px 0 8px 0;border-left:4px solid #333}h1.img,h2.img,h3.img,h4.img{margin:0;padding:0;background:none;border:none}#i_img{margin-top:20px;padding:10px;background:#fff;border-radius:4px;border:1px solid #CCCCCC}#i_news{height:300px;overflow:auto}#i_news table{width:100%}#i_news table tr{border-bottom:1px dotted #CCC}#i_news table td{vertical-align:top;font-size:0.9rem;padding:10px}#i_news table td:first-child{width:150px;background:url(../images/common/news_icon.png) 5px center no-repeat;padding-left:25px}#i_contact_box{border:1px solid #CCCCCC;border-radius:5px}#i_contact_box #i_contact{padding:5px}#i_contact_box #i_contact a{font-size:0.4em}#page-top{position:fixed;bottom:10px;right:10px}}@media screen and (max-width: 769px){img{max-width:100%}body{font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;border-top:5px solid #00008C;width:calc(100% - 4px);margin:0 2px}.layout{width:100%;margin:0 auto;overflow:hidden}#hd{padding:15px 0}#hd h1{padding:0px;width:calc(100% - 60px)}#hd h1 img{width:100%}#hd #lang{margin-top:10px}#hd #lang ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#hd #lang img{-webkit-transition:All 0.5s ease;transition:All 0.5s ease}#hd #lang img:hover,#hd #lang img.current{opacity:0.5}#nav{position:fixed;top:0px;right:-200px;height:100%;z-index:100;width:200px;overflow-x:none;overflow-y:auto;font-size:16px;background:url(../images/common/nav_bg.png) top center #000D1C;color:#fff;box-shadow:inset 0 0 5px 5px #222}#nav img{display:none}#nav ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}#nav ul li{display:block;margin:0;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}#nav ul li:hover>a{box-shadow:inset 0 0 15px 3px #222}#nav ul li a{padding:0 15px;display:block;text-decoration:none;color:#fff;text-shadow:2px 2px 0 #000;padding:10px}#nav ul li ul{border-bottom:none;margin:0}#nav ul li ul li{line-height:40px;font-size:13px}#nav ul li ul li:last-child{border-bottom:none}#menu{cursor:pointer;position:fixed;top:0px;right:0px;z-index:1000}#con{margin-top:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#main{-webkit-box-ordinal-group:2 !important;-webkit-order:1 !important;-ms-flex-order:1 !important;order:1 !important;width:100%}#main ol,#main ul{padding:5px 0px 5px 25px}#main ul{list-style-type:disc}#main ol li,#main ul li{padding:5px 0px}#main table{margin:10px 0px}#main table th,#main table td{padding:5px}#main a img{display:inline-block;-webkit-transition:All 0.5s ease;transition:All 0.5s ease}#main a img:hover{opacity:0.7}#main h3{font-size:1.15rem;font-weight:bold;border-bottom:2px solid #00008C;background:0;margin:0.5em 0 0.3em 0}#side{-webkit-box-ordinal-group:3 !important;-webkit-order:2 !important;-ms-flex-order:2 !important;order:2 !important;width:100%}#side h2{margin-top:0;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background:url(../images/h2_side_bg.png) 10px center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(1, #CCC), color-stop(0, #FFF));background:url(../images/h2_side_bg.png) 10px center no-repeat,-webkit-linear-gradient(#FFF, #CCC);background:url(../images/h2_side_bg.png) 10px center no-repeat,linear-gradient(#FFF, #CCC)}#side h3{font-size:1.1rem;font-weight:bold;padding:0.0em 0 0.0em 0;margin:0 !important;background:none}#center{display:none}#sidenav{display:none}#bnr{margin-top:20px;width:100%}#bnr ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#bnr li{width:calc(50% - 10px);margin:5px}#ft{margin-top:20px;padding-top:25px;padding-bottom:25px;border-top:5px solid #00008C;text-align:center;background:#DEDEDE}h1{text-align:left;background:#00008C;color:#fff;padding:14px;font-size:18px;font-weight:bold;text-shadow:4px 4px 12px rgba(0,0,0,0.6)}h2{font-size:1.3rem;font-weight:bold;color:#000;text-shadow:1px 1px 2px #fff;margin:0.7em 0 0.4em 0;padding:0.75em 0.8em  0.75em  2.1em;border:1px solid #CCCCCC;border-radius:5px;background:url(../images/h2_bg.png) 10px center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(1, #CCC), color-stop(0, #FFF));background:url(../images/h2_bg.png) 10px center no-repeat,-webkit-linear-gradient(#FFF, #CCC);background:url(../images/h2_bg.png) 10px center no-repeat,linear-gradient(#FFF, #CCC)}h2 span{color:#999999;font-size:0.7em;margin-left:15px}h3{font-size:1.4rem;font-weight:normal;padding:0.0em 0 0.0em 0.6em;margin:20px 0 10px 0;background:url(../images/h3_bg.jpg) left center no-repeat #eee}h4{font-size:1.2rem;font-weight:normal;padding:1px 0 1px 10px;margin:12px 0 8px 0;border-left:4px solid #333}h1.img,h2.img,h3.img,h4.img{margin:0;padding:0;background:none;border:none}#i_img{margin-top:20px;padding:10px;background:#fff;border-radius:4px;border:1px solid #CCCCCC}#i_news{height:300px;overflow:auto}#i_news table{width:100%}#i_news table tr{border-bottom:1px dotted #CCC}#i_news table td{vertical-align:top;font-size:0.9rem;padding:10px}#i_news table td:first-child{width:150px;background:url(../images/common/news_icon.png) 5px center no-repeat;padding-left:25px}#i_contact_box{border:1px solid #CCCCCC;border-radius:5px}#i_contact_box #i_contact{padding:5px}#i_contact_box #i_contact a{font-size:0.4em}#page-top{position:fixed;bottom:10px;right:10px}}