/* header */
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active{background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0}


#logo a{background: url('/upload_data/board_data/BBS_0000016/177742804837749.png') no-repeat 0 0;background-size:80%;width:193px;height:51px;line-height:5000;overflow:hidden;display:block;}

.header_container{margin-top:46px; background:url(/youth/images/common/line_gray.gif) repeat-x; padding:20px 25px;}

.header_top{overflow:hidden; position:absolute; top:0; right:0;}
.header_top li{float:left;}
.header_top li:nth-child(2){padding-left:0;}
@media all and (max-width:767px){
.header_top li:nth-child(2){position:absolute; top:0; left:0; background:#fff; width:100%; display:none;}
.header_top li:nth-child(2).on{display:block;}
.header_top li:nth-child(2) input{padding:15px 0; width:calc(100% - 70px)}
}

#header .btn_search, #header .btn_login, #header .btn_logout, #header .btn_mypage{display:inline-block; padding:12px 20px; border-left:1px solid #ddd;}

#header .btn_menu{background:#003796 url(/youth/images/common/icon_menu.png) no-repeat center; -moz-border-radius:44px; -webkit-border-radius:44px; border-radius:44px; width:44px; height:44px; line-height:5000; overflow:hidden; display:inline-block; position:absolute; right:25px; top:66px;}
#header .btn_x a{color:#fff; display:inline-block; width:58px; height:58px; position:absolute; top:0; right:0; text-align:center; font-size:25px; line-height:50px; font-weight:bold;}

#header:after{display:block; content:""; clear:both;}

#menu{position:fixed; background:url(/youth/images/common/bg_black_O.png); width:100%; z-index:5; height:100%; top:0; left:0; display:none}
#menu h2{position:absolute; width:calc(70% - 30px);; right:0; top:0; font-size:18px; padding:15px; background:#003796; color:#fff; text-align:center;}
#menu>ul{background:#fff; width:70%; position:fixed; right:0; height:100%; z-index:-1; margin-top:58px; overflow-y:auto;}
#menu>ul>li{border-bottom:1px solid #ddd;}
#menu>ul>li>a{display:block; padding:20px 15px; text-align:center;}
#menu>ul>li.on>a{font-size:17px;}
#menu>ul>li.on>div>ul{display:block;}
#menu>ul>li.on>div>ul:after{display:block; content:""; position:absolute; top:0px; left:0; right:0; margin:auto; background:#003796; width:40%; height:3px;}
#menu div>ul{display:none; padding:15px 15px 30px 15px; position:relative;}
#menu div>ul>li:first-child>a{border-top:0;}
#menu div>ul>li>a{display:block;padding: 10px 8px;border-top:dashed #ddd 1px;}
#menu div>ul ul{background:#f4f4f4;padding: 8px;}
#menu div>ul ul li a{font-size:13px;background:url(/youth/images/common/bullet_blue.jpg) no-repeat 8px 16px;padding: 5px 10px 5px 13px;display:block;}
#menu div>ul ul ul {padding: 5px;}
#menu div>ul ul ul a {color: #555;}
#menu .icon_leaf{background:url(/youth/images/common/icon_leaf.png) no-repeat; width:9px; height:11px; overflow:hidden; display:inline-block; line-height:5000; margin:4px 0 0 3px;}

.menu_open{display:block !important;}

/* footer */
#footer{border-top:1px solid #ddd; background:url(/youth/images/common/line_gray.gif) repeat-x 0 50px;}
.foot_menu{overflow:hidden; padding-bottom:35px;}
.foot_menu li{float:left; display:inline-block; padding:0 15px; border-left:1px solid #ddd;}
.foot_menu a{color:#777;}
.foot_menu li:first-child{border-left:0; padding-left:0;}
#foot_logo{background:url(/youth/images/common/logo_foot.gif) no-repeat; width:128px; height:47px; overflow:hidden; line-height:5000; padding-bottom:25px;}
.foot_container{padding:15px; position:relative}
#footer p, #footer span{color:#777;}
#footer address{display:inline-block; font-style:normal; padding-right:20px; color:#777;}
#footer h2+p{padding-top:10px;}
.banner_government{background:url(/youth/images/common/banner_government.gif) no-repeat right 0; overflow:hidden; display:block; position:absolute; top:70px; right:25px; line-height:5000; width:64px; height:64px;}

.time_info{margin:10px 0}
.time_info li{font-size:14px;}
/* contents layout */
#contents_container{border-top:1px solid #ddd;}
.contents_menu{display:none;}

.icon_home{background:url(/youth/images/common/icon_home.png) no-repeat center 0px; width:20px; height:15px; overflow:hidden; display:inline-block; line-height:5000; vertical-align:middle; background-size:80%}
.arrow_right_double{background:url(/youth/images/common/arrow_double_gray.png) no-repeat center 1px; width:14px; height:12px; vertical-align:middle; display:inline-block; line-height:5000; overflow:hidden; background-size:60%;}

/*#contents_menu .on ul{display:block}*/
#contents_menu ul ul a{font-size:14px;}
#contents_menu .on:after{display:block; content:""; width:auto; height:7px; background:#f79420; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; bottom:-33px;}
#contents_menu:after{display:block; content:""; overflow:hidden; clear:both;}
.icon_home{background:url(/youth/images/common/icon_home.png) no-repeat; width:20px; height:15px; overflow:hidden; display:inline-block; line-height:5000; vertical-align:middle;}
.arrow_right_double{background:url(/youth/images/common/arrow_double_gray.png) no-repeat; width:14px; height:12px; vertical-align:middle; display:inline-block; line-height:5000; overflow:hidden}

.contents_tit{padding-top:0; position:relative; background:#f4f4f4; padding-bottom:25px}
.contents_navi{padding:35px 25px 10px 25px; text-align:center;}
.contents_tit h2{font-size:200%; color:#222; padding-bottom:10px; text-align:center; font-weight:700}
.contents_tit ul{display:block; border:1px solid #ddd; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; padding:0 10px; overflow:hidden; margin:0 auto; width:80px;}
.contents_tit li{float:left;}
.contents_tit li a{width:40px; height:40px; display:block; line-height:5000; overflow:hidden;}
.icon_facebook{background:url(/youth/images/common/icon_facebook.png) no-repeat center;}
.icon_twitter{background:url(/youth/images/common/icon_twitter.png) no-repeat center;}
.icon_print{background:url(/youth/images/common/icon_print.png) no-repeat center;}

.contents_wrap{position:relative; padding:35px;}

/* tab menu */
.mobile_select{padding-bottom:25px;}
.mobile_select p{display:block; border:1px solid #ddd; padding:15px}
.mobile_select a{background:url(/youth/images/common/icon_arrow_top_gray.png) no-repeat right center; display:block;}
.tab_menu{position:relative;}
.tab_menu ul{display:none; position:absolute; top:54px; left:0; background:#fafafa; width:calc(100% - 2px); border:1px solid #ddd;}
.tab_menu ul.menu_open{display:block;}
.tab_menu li a{display:block; padding:15px; border-top:1px solid #ddd;}
.tab_menu_open ul{display:block; z-index:5}
.tab_menu_open .mobile_select a{background:url(/youth/images/common/icon_arrow_bottom_gray.png) no-repeat right center;}


@media all and (min-width:768px){

.mobile_only{display:none;}

/* header */
#header{padding:0;}

#logo a{padding:25px; background-position:center;}
	
#header .btn_menu, #header .btn_x, #menu h2{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}

.header_container{margin-top:0; background:none; padding:0;}

.header_top{top:25px; right:25px;}
.header_top li{padding-left:0;}
.header_top input{border-bottom:1px solid #ddd; padding:13px 44px 13px 15px; color:#777; display:inline-block}

#header .btn_search{background:#003796 url(/youth/images/common/icon_search.png) no-repeat center; -moz-border-radius:44px; -webkit-border-radius:44px; border-radius:44px; width:44px; height:44px; line-height:5000; overflow:hidden; border:0; padding:0; margin-left:-25px;}
#header .container_search{margin-right:15px;}
#header .btn_login, #header .btn_logout, #header .btn_mypage{border:none;color:#7e7e7e;padding: 12px 6px;font-size: 16px;}
#header .btn_login{}
#header .btn_logout{}
#header .btn_mypage{position: relative;}
#header .btn_mypage:before{display: inline-block;content:'';width:1px;height: 14px;background: #d8d8d8;margin-right: 10px;vertical-align: middle;}


/* menu */
#menu{position:relative; background:none; width:auto; height:auto; display:block;}
#menu>ul{width:100%; background:none; position:relative; border-top:1px solid #ddd; overflow:visible; margin-top:0; height:auto;}
#menu>ul>li{float:left;width: 25%;border:0;}
#menu>ul>li>a{height:58px; padding:20px 0 0 0; font-size:20px; font-weight:bold; color:#444; text-align:center;}
#menu>ul>li:first-child{/* width:20%; */}
#menu>ul>li.on>div>ul{display:block;}
#menu>ul>li.on>a, #menu>ul>li>a:hover, #menu>ul>li>a:focus{border-bottom:3px solid #003796; color:#003796; font-size:20px; height:55px;}
#menu>ul>li>a:hover ul{display:block;}
#menu>ul>li.on>div>ul:after{display:none;}
#menu div{width:100%; position:absolute; top:78px; left:0; background:#fff; border-top:1px solid #003796; padding:0;}
#menu div>ul{padding:0;}
#menu>ul>li:nth-child(2)>div>ul{padding-left:20%;}
#menu>ul>li:nth-child(3)>div>ul{padding-left: 17%;}
#menu>ul>li:nth-child(4)>div>ul, #menu>ul>li:nth-child(5)>div>ul, #menu>ul>li:nth-child(6)>div>ul{float:right;}
#menu div>ul>li{float:left; border:0;}
#menu div>ul>li>a{border:0; background:url(/youth/images/common/bullet_blue.jpg) no-repeat 10px 25px;}
#menu div>ul ul{display:none;}
#menu>ul:after{content:""; display:none; clear:both;}

/* footer */
#footer{background:none; font-size:90%}
.foot_menu{padding-bottom:7px; display:inline-block; font-size:100%}
#footer .copy{font-size:80%}
#foot_logo{float:left;padding-right:50px;padding-bottom:0;height: 120px;background-position: 0 50%;}
.banner_government{top:23px}

/* contents layout */
.contents_tit h2{font-size:270%;}
.contents_tit ul{position:absolute; top:76px; right:25px}

/* tab menu */
.mobile_select{display:none;}
.tab_menu ul{display:block; position:relative; top:0; background:none; border:0; margin:0 auto; max-width:1200px; text-align:center; margin-bottom:35px}
.tab_menu li{display:inline-block;}
.tab_menu a{inline-block; border:1px solid #ddd;}
.tab_menu .on a{background:#003796 url(/youth/images/common/icon_arrow_bottom.png) no-repeat 88% center; border:1px solid #003796; color:#fff; padding:15px 45px 15px 25px;}
	
}

@media all and (min-width:1200px){
	
/* header */
.header_container{width:1200px; margin:0 auto; padding:0; position:relative; height:131px}

#logo{position:absolute; top:0; left:0; z-index:10}
#logo a{ background-size:auto; padding:40px 0;}

.header_top{top:15px; right:0; z-index:10}

/* menu */
#menu{width:100%; padding-top:48px; position:absolute;}
#menu>ul{width:1200px;margin:0 auto;border:0;}
#menu>ul>li{float:left;width: calc(78% / 4);}
#menu>ul>li:first-child{padding-left: 22%;/* width: 13%; */}
#menu>ul>li>a{font-size: 20px;font-weight:bold;color:#444;text-align:center;height:auto;padding:30px 0 0 0;height:53px;}
#menu>ul>li>a:hover{height:50px;}
#menu div{position:relative;top:0;border-right:1px solid #ddd;width:calc(100% - 1px);height:100%;height: 420px; display:none; }
#menu li:first-child div{border-left:1px solid #ddd; width:calc(100% - 2px)}
#menu>ul>li.on>a, #menu>ul>li>a:hover, #menu>ul>li>a:focus{height:50px;}
#menu div>ul{display:none; position:relative; border:0; background:none; float:none !important; padding:0 !important}
#menu div>ul>li{float:none;}
#menu div>ul>li>a{background:none;font-size: 17px;}
#menu div>ul>li>a:hover, #menu div>ul>li>a:focus{font-weight:bold; text-decoration:underline; color:#003796}
#menu div ul ul a:hover, #menu div ul ul a:focus{text-decoration:underline;}
.menu_open{background:#fff url(/youth/images/common/line_gray.gif) repeat-x 0 131px !important;background-size:1px;overflow:hidden;height: auto;border-bottom:1px solid #ddd;}
.menu_open div, .menu_open div>ul, .menu_open div>ul ul{display:block !important;}

/* footer */
.foot_container{width:1200px; margin:0 auto; padding:20px 0}

/* contents layout */
#contents_container{background:#fafafa; border-top:3px solid #003796;}
#contents{background:#fff; border-top:1px solid #ddd;}

.contents_menu{display: flex;flex-wrap: wrap;width:1200px;margin:0 auto;padding:35px 0 40px 0;position:relative;}
.contents_menu h2{font-size:25px;line-height:34px;padding-right:30px;font-weight:600;padding-left:50px;/* float:left; */}
.contents_menu h2.h_policy{background:url(/youth/images/common/icon_policy.png) no-repeat;}
.contents_menu h2.h_job{background:url(/youth/images/common/icon_job.png) no-repeat;}
.contents_menu h2.h_dwelling{background:url(/youth/images/common/icon_dwelling.png) no-repeat;}
.contents_menu h2.h_participation{background:url(/youth/images/common/icon_participation.png) no-repeat;}
.contents_menu h2.h_culture{background:url(/youth/images/common/icon_culture.png) no-repeat;}
.contents_menu h2.h_education{background:url(/youth/images/common/icon_education.png) no-repeat;}
.contents_menu h2.h_mypage{background:url(/youth/images/common/h_mypage.png) no-repeat;}
.contents_menu h2.h_useguide{background:url(/youth/images/common/icon_useguide.png) no-repeat;}
.contents_menu h2 span{margin-left:20px; height:18px}
.contents_menu .menu_container>ul{padding: 5px 0 0 0;}
.contents_menu .menu_container>ul>li{float:left;padding: 0 25px 20px;position:relative;background:url(/youth/images/common/line_double.png) no-repeat 0 6px;}
.contents_menu .menu_container>ul>li:first-child{background:none;padding-left: 0 !important;}
.contents_menu .menu_container>ul>li.last_child{padding-right:0;}
.contents_menu .menu_container>ul>li.on>a:after{display:block;content:"";width:100%;background:#f79420;height:6px;border-radius:5px;position:absolute;bottom: 10px;left:0;right:0;margin:0 auto;z-index:2}
.contents_menu .menu_container>ul>li:first-child>a:after{left:-19%;}
.contents_menu .menu_container>ul>li.last_child>a:after{right:-19%;}
.contents_menu .menu_container>ul>li a{font-size: 1rem;float:left;}
.contents_menu .menu_container>ul ul{padding:5px 20px 5px 25px; float:left;}
.contents_menu .menu_container>ul ul li{float:left;}
.contents_menu .h_dwelling+nav .menu_container ul li{padding: 0 15px 20px;}
.contents_menu .h_dwelling+nav .menu_container ul li:last-child{padding-right:0}
.contents_menu .h_dwelling+nav .menu_container ul li:first-child a:after{left:0}
.contents_menu .menu_container>ul ul li a{font-size:13px; display:block; padding:0 20px; border-left:1px solid #eee; color:#555; line-height:14px;}
.contents_menu .menu_container>ul ul li a:hover, .contents_menu .menu_container>ul ul li a:focus{background:url(/youth/images/common/bullet_square_blue02.gif) no-repeat 8px 4px;}
.contents_menu .menu_container>ul ul li:first-child{padding-left:0;}
.contents_menu .menu_container>ul ul li:first-child a{border-top:0; border-left:0;}
.contents_menu .menu_container>ul ul li:last-child a{padding-right:0;}
.contents_menu .menu_container>ul li:last-child ul{padding-right:0;}
.contents_menu .menu_container>ul:after{content:""; display:block; clear:both;}

.contents_tit{background:none; width:1200px; margin:0 auto; padding-bottom:0;}
.contents_tit ul{right:0;}
.contents_tit h2{font-size: 32px;padding-bottom:40px}
.contents_navi{padding-top:45px;}

.contents_wrap{width:1200px; margin:0 auto; padding:0 0 45px 0}
}                                                                                                     
/*center_btn*/
#menu div>ul ul li a.center_btn {position: relative; display: inline-block}
#menu div>ul ul li a.center_btn:after {content: ''; width: 10px; height: 10px; background: url("/upload_data/board_data/teste/163408401160735.png"); position: absolute; right: -4px; top: 0; bottom: 0; margin: auto;}
.contents_menu .menu_container>ul ul li a.center_btn {color: #456bb1}