@charset "utf-8";

#content{margin:20px 0 0 0}

#sub_vis{width:100%;height: 72px; background:url("/layout/images/www/sub/sub_bg.jpg") no-repeat;}
#sub_vis .inner_wrap{position:relative;max-width:1200px;margin:0 auto;}

.spot_157 {background:#f3f3f3 url("/layout/images/www/sub/spot_introduction.jpg") no-repeat; height:72px;}
.spot_164 {background:#f3f3f3 url("/layout/images/www/sub/spot_temporary.jpg") no-repeat; height:72px;}
.spot_170 {background:#f3f3f3 url("/layout/images/www/sub/spot_legislation.jpg") no-repeat; height:72px;}
.spot_174 {background:#f3f3f3 url("/layout/images/www/sub/spot_data.jpg") no-repeat; height:72px;}
.spot_178 {background:#f3f3f3 url("/layout/images/www/sub/spot_community.jpg") no-repeat; height:72px;}
.spot_101 {background:#f3f3f3 url("/layout/images/www/sub/spot_community.jpg") no-repeat; height:72px;}

#container {max-width:1200px; margin:0 auto; background:url("/layout/images/www/sub/container_bg.gif") repeat-y;}
#container .container_wrap {position:relative; width:1200px; min-height:740px;}

#left {position:relative; display: inline; float: left; width: 240px;}

	#left div#SubMenu_Div {position:relative; float: left; width:240px; }
	#left div#SubMenu_Div h2.title {font-size:25px;background:url("/layout/images/www/sub/title_bg.jpg") no-repeat;height: 49px;position:absolute;margin:0; text-align:center;width:240px;padding-top:27px;}

     #SubMenu {margin-top:75px; padding:0px; width:240px;}
    .snb {list-style-type: none; width:240px;}
	.snb li {list-style-type:none;}
	.snb li.on {background-color:#2e5eb2!important; width:239px;}
	.snb li.on > a {color:#fff}
	.snb li.on > a:hover {color:#fff; text-decoration:none;}
	.snb li > a {border-bottom:1px solid #e4e4e4; display:block; padding: 12px 0 12px 20px;}
	.snb li > a:hover {color:#2e5eb2; text-decoration:underline;}
	.snb li > ul.snbB {background-color:#f9f9f9; width:238px;border-left:1px solid #e4e4e4;}
	.snb li > ul.snbB > li {background-color:#f9f9f9; width:237px;border-right:1px solid #e4e4e4;}
	.snb li > ul.snbB > li > a {font-size:14px; padding-left:35px; background: #f9f9f9 url("/layout/images/www/main/main_sprite.png") no-repeat -560px -192px;}
	.snb li > ul.snbB > li.on > a {color:#b2111b; text-decoration:underline; background: #f9f9f9 url("/layout/images/www/main/main_sprite.png") no-repeat -560px -221px;} 
	.snb li.low {background:url("/layout/images/www/main/main_sprite.png") no-repeat -375px -255px; }

	
#right {float:left; display:inline; padding:30px; width:890px; margin-bottom: 75px;}

	#content_top {height:45px; width:890px; margin:0 auto;}	
	#page_title span {font-size:25px;}
	#path {position:absolute; right:40px;}
	#path p {font-size:14px; margin-top:-15px; color:#a5a5a5;}
	#path p a {padding-left:15px; padding-right:15px; color:#a5a5a5}
	#path p a:last-child {padding-right:0px;}
	
/* contents_tools */
.contents_tools {float:right; margin:12px 20px 0 0;z-index:100;  padding: 0 ; text-align:left !important;  }
.contents_tools ul {}
.contents_tools ul > li {float:left;}
.contents_tools ul li.icon_view_option {background:url("/layout/images/www/main/main_sprite.png") 175px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_view_option:hover {background:url("/layout/images/www/main/main_sprite.png") 175px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.share {background:url("/layout/images/www/main/main_sprite.png") 130px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.share:hover {background:url("/layout/images/www/main/main_sprite.png") 130px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.download {background:url("/layout/images/www/main/main_sprite.png") 86px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.download:hover {background:url("/layout/images/www/main/main_sprite.png") 86px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_qr {background:url("/layout/images/www/main/main_sprite.png") 42px -136px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_qr:hover {background:url("/layout/images/www/main/main_sprite.png") 42px -83px; display:block; height:45px;width:44px;}
.contents_tools ul li.icon_view_option > a > span, .contents_tools ul li.share > a > span, .contents_tools ul li.download > a > span,.contents_tools ul li.icon_qr > a > span {display:block;text-indent: -5000px; width:44px; height:45px;}
.contents_tools ul.box {position: absolute; right:20px; top: 70px; width: 165px; z-index: 3; font-size: 13px; padding: 24px 20px 20px 17px; border:2px solid #0064ac; background-color:#fff; border-radius:20px }

.contents_tools ul li .opt_box {position:absolute;border:2px solid #0064AC;background-color:#fff;border-radius:20px;width:170px;margin-top:15px;z-index: 1;}
.contents_tools .opt_box .opt_box_hg { margin: 16px; }
.contents_tools .opt_box .opt_box_htxt { font-size: 17px; font-weight: bold; margin: 0 0 16px; }
.contents_tools .opt_box .opt_box_bd { font-size: 14px; margin-top:30px; padding-left:3px; }
.contents_tools .opt_box .opt_box_bd .opt_line1 {padding: 0px 0 10px; 0px;}
.contents_tools .opt_box .opt_box_bd .opt_line2 { padding:0px 0 0 0px;}
.contents_tools .opt_box .opt_box_bd .opt_line2 .opt_lb{border-top:1px solid #d2d2d2;padding-top:10px}
.contents_tools .opt_box .opt_box_bd .opt_bot{border-top:1px solid #d7d7d7; padding-top:10px; margin-top:20px;}
.contents_tools .opt_box .opt_lb { margin: 8px; }
.contents_tools .opt_box .opt_sl { display: inline-block; list-style: outside none none; margin: 0 2px 0 8px; padding: 0; position: relative; text-decoration: none; vertical-align: middle; }
.contents_tools .opt_box .opt_line_height { margin-bottom:23px;}
.contents_tools .opt_box .opt_sl .opt_btn { border: 1px solid #d2d2d2; box-sizing: border-box; display: inline-block; float: left; margin-right: 4px; padding: 4px 0; position: relative; width: 43px; }
.contents_tools .opt_box .opt_sl .opt_img_low { width:71px;}
.contents_tools .opt_box .opt_sl .opt_img_low a { width:71px !important;}
.contents_tools .opt_box .opt_device .opt_btn { width:51px; padding:5px 0; }
.contents_tools .opt_box .opt_device .select {padding:4px 0 !important;}
.contents_tools .opt_box .opt_sl .select { border: 2px solid #0064ac; padding:3px 0; }
.contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 13px; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 39px; line-height:20px; }
.contents_tools .opt_box .opt_sl .opt_btn_select { border: 2px solid #36c; }
.contents_tools .opt_box .opt_cl { cursor: pointer; width:22px; height:22px; position:absolute; top:9px; right:9px; }
.contents_tools .opt_box .opt_close {display:block;width:22px; height:22px;background:#676767 url("/layout/images/www/sub/content_tool_close.png") no-repeat; border-radius:11px  }

.opt_btn > a{text-indent:-5000px}
.opt_lineh_small a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -238px;  }
.opt_lineh_normal a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -216px;  }
.opt_lineh_wide a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -197px;  }
.opt_font_normal a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 1px -383px;  }
.opt_font_big a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll -3px -364px;  }
.opt_mouse a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 3px -261px;  }
.opt_touch a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll 5px -300px;  }
.opt_btn.opt_mouse.select > a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll -36px -261px;  }
.opt_btn.opt_touch.select > a { background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat scroll -34px -300px;  }
.opt_btn.opt_mouse > a, .opt_btn.opt_touch > a { height: 35px !important; }
.contents_tools .opt_box .opt_btn_line { margin: 13px 16px 0; text-align: right; }
.contents_tools .opt_box .opt_sl .help { color: #999; display: block; font-size: 11px; padding: 5px 0 0 !important; }


.contents_tools .share ul li {position:relative; float: none; font-size: 12px; margin: 2px 0; padding: 4px 8px 4px 4px; line-height:15px }
.contents_tools .share ul li.close, .contents_tools .download ul li.close { position: absolute; width: 22px; height:22px; right:1px; top:3px; }
.contents_tools .share ul li.close a, .contents_tools .download ul li.close a { display:block;width:22px; height:22px;background:#676767 url("/layout/images/www/sub/content_tool_close.png") no-repeat; border-radius:11px }
.contents_tools .download ul li.close a{padding-left:0}
.contents_tools .share li.sns a { background: url("/layout/images/www/sub/sns_list2.png") no-repeat scroll 0 0; display: block; height: 16px; margin: 0; overflow: hidden; padding-left: 23px; }
.contents_tools .share li.fa a { background-position: 0 0; }
.contents_tools .share li.tw a { background-position: 0 -19px; }
.contents_tools .share li.me a { background-position: 0 -38px; }
.contents_tools .share li.yz a { background-position: 0 -57px; }
.contents_tools .share li.cw a { background-position: 0 -76px; }
.contents_tools .share li.cp a { background-position: 0 -94px; }
.contents_tools .share li.bd a { background-position: 0 -133px; }
.contents_tools .share li.gp a { background-position: 0 -114px; }
.contents_tools .share li.ks a { background-position: 0 -152px; }

.contents_tools .download ul li { float: none; font-size: 12px; margin: 2px 0; padding: 4px 8px 4px 4px;line-height:15px }
.contents_tools .download li a { background: url("/layout/images/www/sub/util_list2.png") no-repeat scroll 0 0; display: block; height: 16px; margin: 0; overflow: hidden; padding-left: 21px; }
.contents_tools .download li.icon_printer a { background-position: -11px -19px; }
.contents_tools .download li.icon_jpg a { background-position: -11px -38px;width:120px }
.contents_tools .download li.icon_pdf a { background-position: -11px -59px; }
.contents_tools .download li.icon_rss a { background-position: -11px -80px; }
.contents_tools .download li.icon_atom a { background-position: -11px -80px; }

.qr_area { margin-top: 1px; z-index: 100; }
.st_qr p.tit { left: 10px; margin: 0; padding: 0; position: absolute; top: 5px; }
.st_qr .ly_thumb { float: left; margin: 37px 0 0; padding: 0; }
.st_qr ._img{width: 120%;margin: 9px 0 0 0px;}
.st_qr .opt_cl { position:absolute; top:9px; right:9px; width:22px; height:22px; }
.st_qr .opt_close {display:block;width:22px; height:22px;;background:#676767 url("/layout/images/www/sub/content_tool_close.png") no-repeat; border-radius:11px  }
.st_qr .opt_close img { border: 0 none; }
.st_qr {position: absolute; right:20px; top: 70px; width: 180px; z-index: 4; font-size: 13px; padding: 24px 20px 20px 20px; border:2px solid #0064ac; background-color:#fff; border-radius:20px }
.st_qr .ly_p_dsc {width:165px;margin:15px auto;text-align:center;font-size:13px;color:#0064ac;letter-spacing:-0.7px; line-height:15px;}