@charset "utf-8";  .sub_visual{ width:100%; height:197px;}
 .sub_visual_01{ background:url(/images/www/sub/visual_01.jpg) center top no-repeat;}
  .sub_visual_02{ background:url(/images/www/sub/visual_02.jpg) center top no-repeat;}
  .sub_visual_03{ background:url(/images/www/sub/visual_06.jpg) center top no-repeat;}
  .sub_visual_04{ background:url(/images/www/sub/visual_08.jpg) center top no-repeat;}
  .sub_visual_05{ background:url(/images/www/sub/visual_09.jpg) center top no-repeat;}
  .sub_visual_06{ background:url(/images/www/sub/visual_05.jpg) center top no-repeat;}
  .sub_visual_07{ background:url(/images/www/sub/visual_07.jpg) center top no-repeat;}
  .sub_visual_08{ background:url(/images/www/sub/visual_08.jpg) center top no-repeat;}
  .sub_visual_{ background:url(/images/www/sub/visual_08.jpg) center top no-repeat;}
 #container{ width:1200px; margin:0 auto; overflow:hidden; background:url(/images/www/sub/bg_left.gif) left top repeat-y; }
 #left{ width:215px; float:left;}
 .submenu_title{ background:url(/images/www/sub/bg_title.gif) left top no-repeat; width:215px; height:88px;}
 .submenu_title h2{font-size:27px; color:#ffffff; font-weight:500; line-height:27px; padding-top:27px; padding-left:24px;}
 .snb{ margin-top:20px;}
 .snbA{ border-bottom:1px solid #d2d2d2; font-size:15px; font-weight:500;}
 .snbA a{ padding-left:15px; display:block;line-height:41px;; color:#716151;}
 .snbA a:hover{color:#9e7d5d; font-weight:600;}
 .snbA.on a{ background:#f8a82b; color:#FFF; font-weight:600;}
 .snbB { padding:20px 0;background:#f8faf9; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
 .snbB a{ display:block; font-size:13px; color:#707070 !important;line-height:26px !important; background:url(/images/www/sub/ico_3depth.gif) left 12px no-repeat !important; padding-left:20px; margin-left:15px;}
 .snbB a:hover{background:url(/images/www/sub/ico_3depth.gif) left 12px no-repeat;color:#000;}
 .snbB .on a{ color:#000 !important;}
 #right{ float:left; margin-left:45px; width:940px; }
 .right_top{ margin-top:30px; padding-bottom:30px; border-bottom:1px solid #d2d2d2; position:relative}
 .right_top h2{ font-size:25px; font-weight:500; line-height:25px;}
 .path{ font-size:13px; line-height:13px; color:#707070; margin-top:10px; max-width:720px}
 #content{ margin:40px 0 0 0; position:relative; line-height:1.7em; padding-bottom:70px}
  .contents_tools { display: block; margin: 0; padding: 0; position: absolute; right: 0; top:5px; z-index:49; text-align:left !important; }
 .contents_tools ul.box { background-color:#fff; border:3px solid #f8a82b;  font-size: 13px; padding: 10px 10px 11px 10px; position: absolute; left:6px; top: 53px; width:145px; z-index: 3; }
 .st_qr { background-color:#fff; border:3px solid #f8a82b;  font-size: 13px; padding: 10px 10px 11px 10px; position: absolute; left:-17px; top: 53px; width:170px; z-index: 3; }
 .contents_tools ul.box li:hover { background-color: #eeeeee; }
 .contents_tools ul > li { display: block; float: left; margin: 0 0 0 6px; padding: 0; }
 .contents_tools li span { float: left; margin: -5px 0 0; padding: 0; }
 .contents_tools li.share > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -39px; display: block; height: 39px; padding: 0; text-indent: -5000px; width:39px; }
 .contents_tools li.download > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -78px; display: block; height: 39px; padding-left: 0; text-indent: -5000px; width:39px; }
 .contents_tools li.icon_qr > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0 -117px; display: block; height: 39px; padding-left: 0; text-indent: -5000px; width: 39px; }
 .contents_tools .icon_view_option > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0 0px; display: block; height: 39px; margin-right: 0; width: 39px; }
 .contents_tools .icon_view_bookmark > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0 -198px; display: block; height: 34px; margin-right: 0; width: 39px; }
 .contents_tools .icon_fontplus, .contents_tools .icon_fontminus, .contents_tools .icon_view_option > a, .contents_tools .icon_view_bookmark > a { margin-left: 0; margin-right: 0; padding-left: 0; text-indent: -5000px; }
 /*.contents_tools .download ul { background: #fff url("/images/www/sub/icon_view_download_top.gif") no-repeat scroll 0 top; }
*/ .contents_tools .download ul li { float: none; font-size: 11px; margin: 2px 0; padding: 4px 8px 4px 4px; }
 .contents_tools .download li a { background: url("/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;}
 .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;}
 /*.contents_tools .share ul { background: #fff url("/images/www/sub/icon_view_share_top.gif") no-repeat scroll 0 top;}
*/ .contents_tools .share ul li { float: none; font-size: 11px; margin: 2px 0; padding: 4px 8px 4px 4px; }
 .contents_tools .share ul li.close, .contents_tools .download ul li.close { background-color: #f8a82b; bottom: -39px; left: -3px; position: absolute; width: 159px; height:28px; }
 .contents_tools .share ul li.close a, .contents_tools .download ul li.close a { background: url("/images/www/sub/tools_close.png") no-repeat scroll 28px 2px; color: #fff; cursor: pointer; margin: 0 0 0 60px; padding: 0 15px 0 0; font-size:13px; }
 .contents_tools .download ul li.close a {background: url("/images/www/sub/tools_close.png") no-repeat scroll 28px 7px; height:26px;}
 .contents_tools .share li.sns a { background: url("/images/www/sub/sns_list2.gif") no-repeat scroll 0 0; display: block; height: 16px; margin: 0; overflow: hidden; padding-left: 21px; }
 .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 .opt_box { background-color: #fff; display: none; outline: medium none; overflow: hidden; position: absolute; left:6px; top: 53px; width: 165px; z-index: 100; border:3px solid #f8a82b;  }
 /*.contents_tools .icon_view_option .opt_box { background: url("/images/www/sub/icon_view_option_top.gif") no-repeat scroll 0 top #fff;}
*/ .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; }
 .contents_tools .opt_box .opt_box_bd .opt_line { border-bottom:1px solid #d2d2d2; padding:4px 0 12px 0;}
 .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_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_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 #716151; padding:3px 0; }
 .contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 43px; 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:165px; height:39px; background-color:#f8a82b; }
 .contents_tools .opt_box .opt_close { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 19px -630px; cursor: pointer; font-size: 13px; color:#fff; line-height:39px; padding:0 15px 0 0; margin:0 0 0 60px; }
 .opt_lineh_small a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -238px; text-indent: -5000px; }
 .opt_lineh_normal a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -216px; text-indent: -5000px; }
 .opt_lineh_wide a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 0px -197px; text-indent: -5000px; }
 .opt_font_normal a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 1px -383px; text-indent: -5000px; }
 .opt_font_big a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll -3px -364px; text-indent: -5000px; }
 .opt_mouse a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 3px -261px; text-indent: -5000px; }
 .opt_touch a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 5px -300px; text-indent: -5000px; }
 .opt_btn.opt_mouse.select > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll -36px -261px; text-indent: -5000px; }
 .opt_btn.opt_touch.select > a { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll -34px -300px; text-indent: -5000px; }
 .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; }
 .qr_area { margin-top: 1px; z-index: 100; }
 .st_qr { height: 270px;  }
 .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 .ly_p_dsc { color: #666666; left: 13px; line-height: 150%; overflow: hidden; position: absolute; text-align: left; top: 20px; width:170px; }
 .st_qr img { text-align:center; margin:55px 0 0 8px; width:150px;}
 .st_qr .opt_cl { position:absolute; bottom:-39px; left:-3px; background-color:#f8a82b; width:196px;}
 .st_qr .btn_close { background: url("/images/www/sub/contents_tool_new.png") no-repeat scroll 20px -629px; color: #fff; cursor: pointer; line-height: 39px; margin: 0 0 0 80px; padding: 0 15px 0 0; }
 .st_qr .btn_close img { border: 0 none; }
  .sns-section-hash > h3 { color: #333; font-size: 22px; font-weight: bold; letter-spacing: -1px; margin-bottom: 20px; border-bottom:1px solid #d2d2d2; height:51px;}
 .sns-section-hash > h3 em { color: #113184; font-style: normal;}
 .sns-section-hash .nav-wrap { position: absolute; right:0; top:-72px;}
 .sns-section-hash .nav-list { overflow: hidden;}
 .sns-section-hash .nav-list li { float: left; background:none !important; padding:0 !important;}
 .sns-section-hash .nav-list li a { background-color:#f8f9fb; border:1px solid #d2d2d2; display: block; padding: 8px 30px;}
 .sns-section-hash .nav-list li.active a { border: 1px solid #113184; color: #fff; background-color:#113184;}
 .sns-list { display:block;}
 #sns_wrap #search_view {margin-left:-10px; }
 .sns-section-hash .sns-list { margin:30px 0 0 0; clear:both; overflow:hidden; margin-left:-10px;margin-bottom:50px;}
 .sns-section-hash .sns-list li:after { clear: both; background-color:#fff;}
 .sns-section-hash .sns-list li { border:1px solid #c0cdd2; float: left; letter-spacing: -1px; position: relative; width: 23%; margin-left: 1.5%; margin-bottom:10px; background: url("/images/common/search_view_name_bg.gif") repeat-x scroll 0 bottom transparent !important; height:267px;}
 .sns-section-hash .sns-list li.mar0 { margin-right:0 !important;}
 .sns-section-hash .sns-list li > a { display: block; height: 195px; padding: 15px 18px 50px;}
 .sns-section-hash .sns-list li .badge { height: 32px; position: absolute; right: 12px; text-indent: -9999px; bottom:0; width: 40px; z-index: 30;}
 .sns-section-hash .sns-list li h3 { width: 85%; margin:0 auto 12px; }
 .sns-section-hash .sns-list li h3 > a { color: #323232; font-size: 15px; height: 43px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; background:none; line-height:22px; display:block; margin-top:20px;}
 .sns-section-hash .sns-list li .name { bottom: 5px; color: #707070; font-size: 12px; position: absolute; left: 12px;}
 .sns-section-hash .sns-list li.blog .badge { background: url("/images/common/icon-sns2.png") no-repeat scroll 0 -64px; width:24px;}
 .sns-section-hash .sns-list li.instagram .badge { background: url("/images/common/icon-sns2.png") no-repeat scroll 0 0px; width:59px;}
 .sns-section-hash .sns-list li.youtube .badge { background: url("/images/common/icon-sns2.png") no-repeat scroll 0 -32px; width:53px;}
 .sns-section-hash .sns-list li.flickr .badge { background: url("/images/common/icon-sns2.png") no-repeat scroll 0 -96px; width:40px;}
 .sns-section-hash .sns-list .desc { line-height: 120%; word-break: break-all; width:85%; margin:0 auto; font-size:12px;}
 .sns-section-hash .sns-list .desc a {color:#707070;}
 .sns-section-hash .sns-list li.blog .desc a { line-height: 160% !important; margin-top:5px; word-break: break-all; font-size:13px; color:#707070;}
 .sns-section-hash .sns-list .desc .play_btn { left: 100px; position: absolute; top: 113px;}
 .sns-section-hash .sns-list .desc .img { display: block; height: 110px; background-repeat: no-repeat !important; background-position:center center !important; }
 .sns-section-hash .sns-list li.flickr .desc .img { display: block; height: 180px; width: 100%;background-size: cover !important;}
 .sns-section-hash .sns-list li.flickr .desc {margin-top: -49px;}
 .sns-section-hash .sns-list .desc span { display: block; font-size: 12px; margin-top: 6px; overflow:hidden; color:#707070; height:34px; overflow:hidden; line-height:17px;}