@charset "UTF-8";
/* CSS Document */
video, embed, object, .videocontent {max-width:100% !important;}
* {list-style: none outside none;  margin: 0; outline: 0 auto; padding: 0;}
body { background-color: #ffffff; border: 0 none; color: #000000; font: 12px/16px Arial,Helvetica,sans-serif;}
img {vertical-align: middle; border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
.video-clicktoplay-max {max-width:100% !important;}
.video-clicktoplay-inner {position:relative; padding-bottom:50%; padding-top:30px; height:0; overflow: hidden; background:#000;}
.video-clicktoplay-inner iframe, .video-clicktoplay-inner object, .video-clicktoplay-inner embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
input, select {font-family:Arial,Helvetica,sans-serif;}
a {color:#000000; text-decoration:none;}
a:hover {color:#f20000; text-decoration:none; transition:color 0.1s ease-out; -webkit-transition:color 0.1s ease-out; -moz-transition:color 0.1s ease-out; -ms-transition:color 0.1s ease-out;}
a:hover img {-webkit-box-shadow:1px 1px 1px 1px #afb7bc; box-shadow:1px 1px 1px 1px #afb7bc;}

.imageLeft {float:left; margin-right:15px;}
.imageRight {float:right; margin-left:15px;}
.imageBox {text-align:center;margin:0 auto;}
.caption {text-align:left; color:#7f7f7f; font:12px/16px Arial, Helvetica, sans-serif;}

.no-border { border: 0 none !important;}
.no-margin {margin: 0 !important;}
.no-bg { background: none repeat scroll 0 0 transparent !important;}
.no-pad-top { padding-top: 0 !important;}
.no-pad-bt { padding-bottom: 0 !important;}
.container {margin: 0 auto; position: relative; width:1025px;}

.main_cont {float: left; width:58.6%;}
.sidebar {float: right; width:39.1%;}
.fl {float: left;}
.fr {float: right;}
.clr {clear:both;}
.ma { margin: 0 auto;}
.ac {text-align: center;}
.mt20 {margin-top: 20px;}
.mt15 {margin-top: 15px;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb15 {margin-bottom: 15px;}
.mb10 {margin-bottom: 10px;}
.mb5 {margin-bottom: 5px;}
.mb50 {margin-bottom: 50px;}
.mr20 {margin-right: 20px;}
.mr5{margin-right: 5px;}
.mr15 {margin-right: 15px;}
.mr10 {margin-right: 10px;}
.ml20 {margin-left: 20px;}
.ml15 {margin-left: 15px;}
.ml10 {margin-left: 10px;}
.mtb30 {margin: 30px 0;}
.pt12 {padding-top: 12px;}
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}
.pl5 {padding-left: 5px;}
.pb10 { padding-bottom:10px;}
.pb5 { padding-bottom:5px;}
.pl30 { padding-left:30px;}

.doff {display:none;}
.don {display:block;}

.br_bw { border-bottom:1px solid #ffff;}
.tit_green {height:28px; font:16px/28px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-indent:12px;
background: #f87474; /* Old browsers */
background: -moz-linear-gradient(top,  #f87474 50%, #f53d3d 51%, #f20000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f87474), color-stop(51%,#f53d3d), color-stop(100%,#f20000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f87474 50%,#f53d3d 51%,#f20000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f87474 50%,#f53d3d 51%,#f20000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f87474 50%,#f53d3d 51%,#f20000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f87474 50%,#f53d3d 51%,#f20000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87474', endColorstr='#f20000',GradientType=0 ); /* IE6-9 */}
.tit_black {background:url(../images/bg_tit_gry.gif) repeat-x top left; font-size:15px; font-weight:bold; color:#00411c; text-transform:uppercase; padding:12px 10px 0; clear:both;}
.tit_red {font-size:15px; font-weight:bold; text-transform:uppercase; color:#fff; padding:4px 10px; clear:both;
background: #6c6c6c; /* Old browsers */
background: -moz-linear-gradient(top,  #6c6c6c 0%, #4c4c4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6c6c6c 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6c6c6c 0%,#4c4c4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6c6c6c 0%,#4c4c4c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6c6c6c 0%,#4c4c4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */}
.tit01 {font-size:14px; font-weight:bold; color:#FFFFFF;}
.tit_m1 {font-size:15px; text-transform:uppercase; font-weight:bold; padding:5px 0 10px; display:block;}

.mlb{ border:2px solid #ef2f24; margin-bottom:20px; background:#f6f5f0; clear:both;}
.tit-mlb{ background:#ef2f24; text-align:center; padding:12px 0px; margin-bottom:0px;}
.mlb-arrow{ text-align:center; margin-bottom:10px; margin-top:-5px;}
.mlb .box03-last{ border-bottom:none; margin-bottom:10px;}
.mlb .box03{ padding:5px 15px; border-bottom:none; }

.header {background:url(../images/bg_header.gif) repeat-x top left; height:95px;}
.top_heaer {font-size:10px; text-transform:uppercase; color:#c8c8c8; height:23px; line-height:23px; margin-left:3px;}
.inner_header { background:url(../images/header.gif) no-repeat top left; width:1005px; height:72px; position:relative;}
.inner_header .hd_T { position:absolute; top:34px; left:480px; color:#c8c8c8; font-size:12px; width:300px; text-transform:uppercase;}
.inner_header .logo { position:absolute; top:18px; left:0;}
.logo a:hover img {box-shadow:none;}

/* top_sns */
.top_heaer ul li {float:left; margin-right:6px;}
.top_heaer ul li a { display:block; text-indent:-9999px; width:16px; height:16px;}
.top_heaer .fb { background:url(../images/top_sns.gif) no-repeat 0 0 ;  margin-top:3px; }
.top_heaer .tw { background:url(../images/top_sns.gif) no-repeat -22px 0 ; margin-top:3px; }
.top_heaer .gl { background:url(../images/top_sns.gif) no-repeat -44px 0 ;  margin-top:3px; }
.top_heaer .rss { background:url(../images/top_sns.gif) no-repeat -66px 0 ;  margin-top:3px; }
.top_heaer .fb:hover { background:url(../images/top_sns.gif) no-repeat 0 -16px;  }
.top_heaer .tw:hover { background:url(../images/top_sns.gif) no-repeat -22px -16px; }
.top_heaer .gl:hover { background:url(../images/top_sns.gif) no-repeat -44px -16px; }
.top_heaer .rss:hover { background:url(../images/top_sns.gif) no-repeat -66px -16px; }

.en-share a {font-size:15px; padding:0 5px;}
.en-share .icon-facebook{color:#4469c1;}
.en-share .icon-twitter{color:#03adfb;}
.en-share .icon-google-plus{color:#cd4633;}
.en-share .icon-youtube{color:#df2f2f;}
.en-share .icon-instagram{color:#437097;}
.en-share .icon-pinterest{color:#cb2028;}
.en-share .icon-bookmark{color:#999999;}
.en-share .icon-rss{color:#e88f29;}

.form-table {margin:20px 0}
.form-table li {padding-top:6px;line-height:18px; clear:both}
.cellspacing {float: left;width:150px;}
.checkbox-table { float:left}
.checkbox { float:left; width:18px;}
.checkbox-letter { width:150px;}
.form-type {line-height: 18px; border:#e8e8e8 3px solid; width:60%; padding:5px;}
.form-button { background:#111111; text-align:center; height:38px; line-height:38px; color:#ffffff; border:none; width:88.5%; margin:10px 0 0 0}

/*search */
.inner_header .search { position:absolute; top:20px; right:0; width:294px; height:25px; background-color:#606060; padding:3px;}
.header .input { border:0; color:#fff; width:262px; height:25px; background-color:#606060; }
.header .btn { background:url(../images/btn_search.gif) no-repeat top left; width:28px; height:25px; position:absolute; right:3px; top:3px; cursor:pointer; border:0;}

/* nav */
.nav {width:100%; height:38px; overflow:hidden; clear:both; background:#303030;}
.nav li {float:left;}
.nav li a {font-size:15px; line-height:38px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:0 15px; color:#ffffff;}
.nav li a:hover {color:#f20000;}
.nav2 {width:100%; height:38px; overflow:hidden; clear:both; background:#000000;}
.nav2 li {float:left;}
.nav2 li a {font:17px/38px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:0 15px;}
.nav2 li a:hover {color:#00959a;}

.main_box {background:#000000; height:424px; overflow:hidden;}
.bg_graphic {height:424px;}

/* headlines */
.hdline-l {float: left; width:68.6%;}
.hdline-r {float: right; width:30%;}
.headlines {float:left; width:35.5%;}
.headlines ul {padding:5px 12px; background:#2c2c2c; height:369px; overflow:hidden;}
.headlines li {font-size:12px; line-height:15px; border-bottom:1px dotted #797979; padding:7px 0;}
.headlines a {color:#dadada;}
.headlines a:hover {color:#f20000;}
.main_photo {float:right; width:62%; background-color:#000;}
.main_photo a:hover img {box-shadow:none;}
.main_photo h1 a {color:#fff; font-size:18px; line-height:21px;}
.main_photo h1 a:hover {color:#f20000;}
.main_photo p a { color:#fff;}
.main_photo ul {position:relative;}
.main_photo ul li {float:left;}
.main_photo ul li a { padding-top:15px;}
.main_photo .img:hover {border:3px solid #f20000; overflow:hidden;}
.main_photo .img:hover img {margin:-3px;}
.main_photo .current {background:url(../images/arr_red.png) no-repeat 0 0; width:19px; height:11px; display:block; position:absolute;}
.main_photo .on {border:3px solid #f20000; overflow:hidden;}
.main_photo .on img {margin:-3px;}

/*olympic */
.olympic {background-color:rgba(56, 56, 56, 0.6); padding:3px 10px; color:#fff; border:1px solid #5d5d5d; text-align:center;}
.oly_tit {font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
.wl { padding:3px 0; border-bottom:1px solid #fff; }
.gold { background:url(../images/m_gold.png) no-repeat 50% 50%; text-indent:-9999px;}
.silver { background:url(../images/m_silver.png) no-repeat 50% 50%; text-indent:-9999px;}
.bronze { background:url(../images/m_bronze.png) no-repeat 50% 50%; text-indent:-9999px;}

/* main_cont */
.main_content { padding-top:10px;}

.box01 {width:100%; float:left; clear:both; margin-bottom:10px;}
.box01 li {width:23%; float:left;}
.box01 img {width:100%;}
.box01 .mr {margin-right:2.5%;}
.tit_red_s {font-size:12px; color:#f20000; font-weight:bold; text-transform:uppercase; padding:5px 0;}
.box01 h3 {font:15px/17px Arial, Helvetica, sans-serif; padding:10px 5px; font-weight:bold;}
.box02 {width:49%; font:13px/17px Arial, Helvetica, sans-serif;}
.box02 img {float:left; margin-right:15px; margin-bottom:15px;}
.box02 h3 {font:15px/18px Arial, Helvetica, sans-serif; padding:0 5px; margin-bottom:5px; font-weight:bold;}
.box02 ul {clear:both;}
.box02 ul li {font-weight:bold; background:url(../images/dot_gray.gif) no-repeat 0 5px; padding-left:10px; margin-bottom:10px;}
.box03 {clear:both; overflow:hidden; border-bottom:1px dotted #282828; padding:15px 0 10px;}
.box03 img {float:left; margin-right:15px; margin-bottom:5px;}
.box03 h3 {font-size:14px; line-height:16px; margin-bottom:5px; font-weight:bold;}
.box03 p {font:12px/16px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.box04 {width:96%; padding:0 2%; float:left; clear:both;}
.box04 li {float:left; width:46%; margin:0 2%;}
.box04 img {float:left; width:100%; margin-bottom:10px;}
.box04  h4 {font:14px/16px Arial, Helvetica, sans-serif; margin-bottom:15px; font-weight:normal;}
.m_col {width:100%; float:left; display:block;}
.m_col .right {width:29%; float:right;}
.m_col .left {width:68%; float:left;}
.m_col .left img {width:100%;}
.m_col .ttl {font-size:14px; text-transform:uppercase; font-weight:bold; background:#a3a6aa; color:#ffffff; padding:3px 10px;}
.m_col .list {background:#edeff0; padding:13px 8px;}
.m_col .ttl2 {font-size:14px; font-weight:bold; padding-bottom:8px;}
.m_col .date {font-size:12px; color:#666666; padding-bottom:8px;}
.m_col .col1 {width:100%; clear:both;}
.m_col .col2 {width:48%; float:left; margin-bottom:15px;}
.m_col .col3 {width:48%; float:right; margin-bottom:15px;}
.m_col .col4 {width:100%; float:left; clear:both; margin-bottom:25px;}
.m_col .ttl3 {font-size:20px; line-height:23px; width:260px; padding:10px 5px 5px; background:#ffffff; display:inline-block; position:absolute; bottom:0; left:0;}
.m_col .ttl4 {font-size:17px; line-height:20px; font-weight:bold; padding:10px 5px 0;}
.m_col .ttl5 {font-size:17px; line-height:20px; font-weight:bold; padding:0 5px;}
.m_col .txt {padding:10px 5px; font-size:14px; line-height:18px;}
.m_col .photo {position:relative; line-height:0;}
.m_col .photo2 {width:30%; float:left; margin-right:20px;}

/* sns_box */
.sns_box {width:92%; float:left; padding:10px 4%; background-color:rgba(56, 56, 56, 0.8);}
.sns_box a:hover img {box-shadow:none;}
.sns_box a{ color:#FFF;}
.sns li {float:left; line-height:21px; height:21px; margin-right:5px; font-size:10px; padding-bottom:15px;}
.sns li img {margin-right:5px;}
.nwletter {padding-top:7px; border-top:1px solid #7f7f7f;}
.nw_form { height:25px; border:1px solid #cccccc; width:180px; padding:0 3px;}
.nw_btn { background-color:#545454; height:27px; color:#fff; padding:0 10px; border:none; cursor:pointer; font-size:12px; font-weight:bold;}

.sns_box .nw_comment:before {border-bottom: 8px solid #EAEAEA; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: 100%; content: "";  height: 0; left: 30px; position: absolute; z-index:10;
width: 0;}
.sns_box .nw_comment { background: none repeat scroll 0 0 #EAEAEA; border-radius: 6px 6px 6px 6px; clear: both; color: #777777; float: left; margin-top:5px; padding: 5px 4%; position: relative; width:90%; font-size:12px;}
.comment { margin-top:30px;}
.footer {background:url(../images/bg_footer.gif) repeat-x top left; clear:both;}
.footer img {width:185px; float:left; margin-top:40px; margin-right:20px; margin-bottom:70px; background:#000;}
.footer_info {color:#fff;}
.fr_link01 {padding:20px 0 10px 0; color:#393939; border-bottom:1px solid #393939;}
.fr_link01  a {color:#fcd400; padding:0 5px;}
.fr_link02 {padding:10px 0 10px 0; color:#393939; position:relative;}
.fr_link02 a {color:#d1d1d1; padding:0 5px; }

/* top_sns */
.fr_sns { position:absolute; left:650px; top:10px;}
.fr_sns li {float:left;}
.fr_sns  li a { display:block; text-indent:-9999px; height:16px;}
.fr_sns .fb:hover { background:url(../images/top_sns.gif) no-repeat 0 0 ;  width:16px; }
.fr_sns .tw:hover { background:url(../images/top_sns.gif) no-repeat -22px 0 ; width:16px; }
.fr_sns .gl:hover  { background:url(../images/top_sns.gif) no-repeat -44px 0 ; width:16px; }
.fr_sns .rss:hover { background:url(../images/top_sns.gif) no-repeat -66px 0 ;  width:16px; }
.fr_sns .fb { background:url(../images/top_sns.gif) no-repeat 0 -16px;  width:16px; margin-right:6px;}
.fr_sns .tw { background:url(../images/top_sns.gif) no-repeat -22px -16px; width:16px;  margin-right:6px;}
.fr_sns .gl{ background:url(../images/top_sns.gif) no-repeat -44px -16px; width:16px;  margin-right:6px; }
.fr_sns .rss { background:url(../images/top_sns.gif) no-repeat -66px -16px; width:16px; }
.copyright { padding:15px 0 20px 0;}

/* groupdiv */
.groupdiv { width:160px; position:absolute; right:0px; top:0px;}
.tab_group{
    background: url("http://www.33universal.com/images/arr_group_down.png") no-repeat scroll 127px 2px #000000;
    border: medium none;
    color: #AAAAAA;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
	margin:10px 0;
    padding: 2px 0 2px 10px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;}
.tab_group:hover{background: url("http://www.33universal.com/images/arr_group_down.png") no-repeat scroll 127px 2px #1c1915;}
.tab_group span {  color: #FFFFFF; font-size: 12px; line-height: 26px;}
.tab_hidden {display: none;  left: 0; margin-left: 20px; position: absolute; width: 231px; z-index: 2000;}
.tab_hidden li {background: none repeat scroll 0 0 #000000; border-top: 1px solid #202020; font-size: 11px; text-indent: 10px;}
.tab_hidden li a{ color:#fff;}

/* sub */
.bg_black {width:100%; float:left; text-align:center; overflow:hidden; clear:both;}

.sub_box01 { clear:both; padding:20px 0; border-bottom:1px solid #b6b6b6; overflow:auto;}
.sub_box01 img {float:left; overflow:auto; margin-right:15px;}
.sub_box01 p {font:12px/18px Arial, Helvetica, sans-serif; color:#404040;}
.sub_box01 h2 {font:28px/34px Arial, Helvetica, sans-serif; font-weight:bold;}
.date {font-size:11px; color:#575757;}
.sub_box01 .art_txt01 {font:14px/21px Arial, Helvetica, sans-serif; letter-spacing:0.05em; color:#000000;}
.sub_box02 {clear:both;  overflow:auto; padding:20px 0; border-bottom:1px solid #b6b6b6;}
.sub_box02 img { float:left; margin-right:15px;}
.sub_box02 h3 {font:21px/26px Arial, Helvetica, sans-serif; font-weight:bold;}
.sub_box02 .art_txt02 {font:14px/21px Arial, Helvetica, sans-serif; letter-spacing:0.05em; color:#000000;}
.sub_box03 {overflow:auto;}
.sub_box03 img { float:left; margin-right:15px; margin-bottom:15px;}
.sub_box03  h4 {font:16px/20px Arial, Helvetica, sans-serif; font-weight:bold; }
.sub_box03  h4 a {color:#303030;}
.sub_box03  p {font:12px/18px Arial, Helvetica, sans-serif; color:#404040;}
.sub_box04 li {background:url(../images/dot_black.gif) no-repeat 5px 5px; padding-left:15px; margin-bottom:10px; }
.sub_box04 li a {font:16px/20px Arial, Helvetica, sans-serif; font-weight:bold;}
.btn_more {margin:30px 0; clear:both;}
.btn_more a{
	*background:#FBFBFB; /* IE 7 and below */
   	_background:#FBFBFB; /* IE 6 and below */
	background: #FBFBFB; /* all browsers including Mac IE */
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 9%, #e6e6e6 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#fbfbfb), color-stop(98%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 9%,#e6e6e6 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 9%,#e6e6e6 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 9%,#e6e6e6 98%); /* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 9%,#e6e6e6 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	border-color: #DADADA #B9B9B9 #B9B9B9 #DADADA;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 1px 0 #E4E4E4;
    color: #555555;
    display: block;
    height: 35px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
	text-transform:uppercase;
	font:14px/35px UbuntuMedium, Helvetica, Arial, sans-serif;
}
.btn_more a:hover {
	*background:#FBFBFB; /* IE 7 and below */
   	_background:#FBFBFB; /* IE 6 and below */
	background: #FBFBFB; /* all browsers including Mac IE */
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top, #e6e6e6 4%, #fbfbfb 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#e6e6e6), color-stop(96%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6e6e6 4%,#fbfbfb 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6e6e6 4%,#fbfbfb 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6e6e6 4%,#fbfbfb 96%); /* IE10+ */
	background: linear-gradient(to bottom, #e6e6e6 4%,#fbfbfb 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
    border-color: #E4E4E4 #CBCBCB #CBCBCB #E4E4E4;
    border-style: solid;
    border-width: 1px;
    color: #333;
    text-decoration: none;}

.at_share {width:96%; float:left; background:#eeeeee; clear:both; padding:7px 2% 9px; margin-bottom:10px;}
.at_share .col1 {float:left; margin-top:5px;}
.at_share .col1 li {float:left; font-weight:bold; font-size:14px; text-align:center; padding:0 5px;}
.at_share .col1 li a {color:#000; text-decoration:none; display:inline-block;} .at_share .col1 li a:hover {opacity:0.8;}
.at_share .col2 {float:right;}
.at_share .t1 {color:#f3261d; margin-top:8px;}
.at_share .t2 {font-size:9px; font-weight:normal; text-transform:uppercase;}
.at_share .t3 {color:#f3261d; font-weight:bold; font-size:13px; margin-bottom:3px;}
.at_share .ic_fb {background:url(../images/top_sns.gif) no-repeat 0 -42px; width:9px; height:16px; display:inline-block; vertical-align:middle; margin-right:4px;}
.at_share .ic_tw {background:url(../images/top_sns.gif) no-repeat -14px -42px; width:15px; height:16px; display:inline-block; vertical-align:middle; margin-right:4px;}
.at_share .ic_coment {background:url(../images/top_sns.gif) no-repeat -34px -42px; width:18px; height:16px; display:inline-block; vertical-align:middle; margin-right:4px;}
.at_share .ic_mail {background:url(../images/top_sns.gif) no-repeat -57px -42px; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:4px;}
.at_share .input {width:170px; border:#303030 1px solid; padding:4px 6px; font-size:12px; color:#888888; vertical-align:middle;}
.at_share .btn {border:none; padding:5px 10px 6px; font-size:11px; font-weight:bold; background:#222; color:#fff; vertical-align:middle; cursor:pointer;}
.at_share .btn:hover {opacity:0.8;}
.at_cont {width:100%; float:left; color:#fff; clear:both; margin-bottom:20px;}
.at_cont a {color:#fff;}
.at_cont .col1 {width:31%; float:left; background:#f3261d; font-size:14px; font-weight:bold; padding:8px 2%;}
.at_cont .col2 {width:61%; float:left; background:#303030; font-size:12px; padding:8px 2%;}

/**** contribute ****/
.cb_wp {width:100%; height:100%; z-index:102; background:rgba(0,0,0,0.6);}
.cb_con_wp {width:410px; padding:7px; background:rgba(255,255,255,0.3); border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; margin:0 auto; position:relative;}
.cb_con {width:100%; background:#ffffff;}
.cb_con .close {background:url(../images/icons.png) no-repeat 0 0; width:37px; height:37px; display:inline-block; position:absolute; top:-10px; right:-10px; cursor:pointer;}
.cb_wp .ttl {font-size:15px; font-weight:bold; color:#fff; letter-spacing:-0.04em; clear:both; padding:20px 20px; background:#303030; margin-bottom:10px;}
.cb_wp .red { color:#ed1c24;}
.cb_wp .input {border:#cccccc 1px solid; padding:3px 8px; font-size:14px; color:#888888; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; vertical-align:middle;}
.cb_wp .ttl2 {padding:5px 20px; clear:both; font-size:14px; font-weight:bold;}
.cb_wp .txt {padding:5px 20px; clear:both;}
.cb_wp .txt2 {padding:10px 20px; text-align:center;}
.cb_wp .btn {border:none; padding:6px 20px; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; vertical-align:middle; cursor:pointer; background:#000;}
.cb_wp .btn:hover {color:#666666;}
.cb_wp .btn2 {border:#cccccc 1px solid; padding:4px 10px; font-size:12px; color:#888888; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; vertical-align:middle; cursor:pointer;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */}

/* pagenum */
.pagenum {color:#1d1d1d; text-align:center;  margin:40px 0;}
.pagenum a {color:#1d1d1d; margin:0 6px;}
.pagenum a:hover {color:#00959a; font-weight:bold;}
.pagenum .current {color:#00959a; font-weight:bold;}
.or_btn {background-color:#00959a; padding:3px 7px; color:#fff; cursor:pointer;}
.or_btn:hover {background-color:#00959a; padding:3px 7px; color:#fff;}

.article h2 {font:27px/32px Arial, Helvetica, sans-serif; color:#303030; font-weight:bold; margin-bottom:20px;}
.article p {font:16px/24px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.article p a{color:#00959a;}
.article .posted {width:100%; font-size:14px; color:#575757; padding:10px 0; clear:both;}
.article .reporter {width:100%; float:left; clear:both; margin-bottom:20px; font-size:12px; line-height:20px;}
.article .reporter a {color:#555;}
.article .reporter .gray {color:#00a8e8;}
.article .reporter .photo {float:left; margin-right:20px;}
.ic-tw {background:url(../images/ic-twitter.png) no-repeat top left; width:17px; height:12px; display:inline-block; margin-left:5px; vertical-align:middle;}

.article .at_sns {width:100%; clear:both; text-align:center; margin-bottom:20px;}
.article .at_sns span {height:30px; padding-right: 3px;}
.left_social {position:absolute; top:200px; left:-100px; width:70px; }
.left_social li {padding-bottom:12px;}
.left_social .number {width:70px; height:53px; text-align:center; background:url(../images/bg_social.gif) no-repeat left top; display:block;font-size: 18px; color: #9e9e9e;line-height: 45px; font-weight:bold;}

.user_interface {padding:10px 0; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; clear:both;}
.user_interface ul { float:left;}
.top_article { border-bottom:1px solid #b7b7b7; padding-bottom:10px;}
.top_article li { float:left; width:30%; padding-right:3%; font:13px/16px Arial, Helvetica, sans-serif; font-weight:bold;}
.top_article img {float:left; margin-right:10px;}

.user_sns {overflow:hidden;}
.user_sns li {float: left;}
.user_tool {overflow:hidden;}
.user_tool li {float: left;}

.at_nwletters {width:100%; float:left; clear:both; margin-bottom:20px; font-weight:bold; font-size:14px; line-height:17px;}
.at_nwletters .t1 {margin-bottom:8px; clear:both;}
.at_nwletters .input {border:#222 1px solid; color:#555; font-size:12px; line-height:15px; padding:8px 10px; height:15px; width:180px; vertical-align:middle;}
.at_nwletters .btn {background:#f20000; border:none; font-size:12px; line-height:15px; color:#fff; padding:9px 15px; display:inline-block; cursor:pointer; margin-left:-1px; -webkit-appearance:none;}
.at_nwletters .btn:hover {background:#222;}
.at_nwletters .t2 {display:inline-block;}
.at_nwletters .comt {font-size:12px; line-height:15px; font-weight:normal; color:#666; margin-top:5px; clear:both;}

/* tags */
.tags {width:100%; overflow:hidden; clear:both; margin-bottom:20px;}
.tags .label {font-size:14px; line-height:18px;  margin-right:5px; text-transform: uppercase; font-weight:bold; color:#f40000;}
.tags a {color: #171717; font-style:italic; padding:2px 5px; text-decoration: none;}
.tags a:hover {background-color: #9fa5ad; color: #FFFFFF;}
.tags .current {background-color: #999; color: #FFFFFF;}

/*gallery_box*/
.gallery_box {overflow:hidden; position:relative; height:91px; background-color:#e8e8e8;}
.gallery .img:hover {border:3px solid #f20000; overflow:hidden;}
.gallery .img:hover img {margin:-3px;}
.gallery .on {border:3px solid #f20000; overflow:hidden;}
.gallery .on img {margin:-3px;}
.gallery li {float:left; margin-right:12px;}
.gallery ul {left: 77px; position: absolute; top: 10px;}
.slide_arrl {background: url("../images/slide_arr.gif") no-repeat scroll 0 0 transparent; cursor: pointer; height:91px; width: 23px; left:0px; position: absolute; text-indent: -9999px;}
.slide_arrr {background: url("../images/slide_arr.gif") no-repeat scroll -22px 0 transparent; cursor: pointer;  height:91px; width: 23px; position: absolute; right:0px; text-indent: -9999px;}
.slide_arrl:hover {background: url("../images/slide_arr.gif") no-repeat scroll 0 -91px transparent; cursor: pointer; height:91px; width: 23px; left:0px; position: absolute; text-indent: -9999px;}
.slide_arrr:hover {background: url("../images/slide_arr.gif") no-repeat scroll -22px -91px transparent; cursor: pointer;  height:91px; width: 23px; position: absolute; right:0px; text-indent: -9999px;}

.img_article { width:auto;}
.moving { overflow:hidden; color:#2d2d2d; padding:15px 0;}
.moving li {float:left; width:30%;}
.moving li a {font:13pxx/18px Arial, Helvetica, sans-serif; padding:15px 0;}
.moving_pre {background:url(../images/arr_cl.png) no-repeat 0 0; display:block; width:23px; height:23px; padding-left:30px; line-height:23px; cursor:pointer;}
.moving_pre:hover {background:url(../images/arr_cl.png) no-repeat 0 -23px;}
.moving .moving_c { text-align:center;}
.moving_next {background:url(../images/arr_cr.png) no-repeat top right; display:block; width:23px; height:23px; text-align:right; padding-right:30px; line-height:23px; cursor:pointer;}
.moving_next:hover {background:url(../images/arr_cr.png) no-repeat  right -23px ;}

/* 2014worldcup */
.wc-wp {width:100%; float:left; clear:both;}
.wc-wp .topimg {clear:both;}
.wc-wp .toplink {width:97%; float:left; padding:0 1.5%; background:#f2f2f2; clear:both; margin-bottom:10px;}
.wc-wp .toplink img {width:100%;}
.wc-wp .toplink a:hover img {-webkit-box-shadow:none; box-shadow:none;}
.wc-wp .toplink li {width:2.7%; float:left; padding:10px 0.2%;}
.wc-wp .hdline {width:100%; float:left; clear:both; margin-bottom:20px; background:#000; position:relative;}
.wc-wp .hdline img {width:100%;}
.wc-wp .hdline .con {width:100%; float:left;}
.wc-wp .hdline .con li {float:left;}
.wc-wp .hdline .photo {float:left; width:70.8%; line-height:0;}
.wc-wp .hdline .txt {float:right; width:23%; margin-top:35px; margin-right:2.5%;}
.wc-wp .hdline .t1 {font-size:24px; line-height:30px; font-weight:bold; color:#fff;}
.wc-wp .hdline .t1 a {color:#fff;} .wc-wp .hdline .t1 a:hover {text-decoration:underline;}
.wc-wp .hdline .date {margin:10px 0;}
.wc-wp .hdline .t2 {font-size:14px; line-height:20px; color:#888888;}
.wc-wp .hdline .thumb {width:70.8%; float:left; height:60px; overflow:hidden;}
.wc-wp .hdline .thumb li {width:25%; float:left; position:relative;}
.wc-wp .hdline .thumb a .bd {background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;}
.wc-wp .hdline .thumb a:hover .bd {background:rgba(0,0,0,0); border:#fff 4px solid;}
.wc-wp .hdline .thumb .on .bd, .wc-wp .hdline .thumb .on:hover .bd {background:rgba(0,0,0,0); border:#ffdf43 4px solid;}
.wc-wp .hdline .prev {position:absolute; bottom:60px; right:348px; width:38px; height:38px; display:inline-block; background:#ffdf43 url(../images/2014wc/ic-prev.png) no-repeat center center; text-indent:-9999px; cursor:pointer;}
.wc-wp .hdline .prev:before {content:""; border-top:#ffdf43 38px solid; border-right:transparent 8px solid; left:100%; top:0; position:absolute;}
.wc-wp .hdline .next {position:absolute; bottom:60px; right:300px; width:38px; height:38px; display:inline-block; background:#ffdf43 url(../images/2014wc/ic-next.png) no-repeat center center; text-indent:-9999px; cursor:pointer;}
.wc-wp .hdline .next:before {content:""; border-bottom:#ffdf43 38px solid; border-left:transparent 8px solid; right:100%; top:0; position:absolute;}
.wc-wp .hdline .prev:hover, .wc-wp .hdline .next:hover {opacity:0.9;}

.wc-wp .wc-body {width:67.9%; float:left;}
.wc-wp .wc-side {width:29.2%; float:right;}
.wc-wp .wc-con {width:100%; float:left; clear:both;}
.wc-wp .wc-con .list {width:31%; float:left; margin-right:3%; margin-bottom:15px;}
.wc-wp .wc-con .list:nth-of-type(3n) {margin-right:0;}
.wc-wp .wc-con .list img {width:100%;}
.wc-wp .wc-con .list .photo {position:relative;}
.wc-wp .wc-con .list .ic-slide {background:rgba(0,0,0,0.7) url(../images/2014wc/ic-slide.png) no-repeat center center; width:40px; height:40px; display:inline-block; position:absolute; bottom:0; right:0; z-index:5;}
.wc-wp .wc-con .list h3 {font-size:18px; line-height:22px; margin:8px 0;}
.wc-wp .wc-con .list h3 em {color:#008428; font-size:14px; font-style:normal; margin-left:5px;}
.wc-wp .more {width:100%; float:left; text-align:right; clear:both; margin-bottom:15px;}
.wc-wp .more a {height:38px; padding:0 15px; display:inline-block; background:#ffdf43; cursor:pointer; font-size:12px; line-height:38px; color:#008428; position:relative;}
.wc-wp .more a:before {content:""; border-bottom:#ffdf43 38px solid; border-left:transparent 8px solid; right:100%; top:0; position:absolute;}
.wc-wp .more a:hover {color:#fff;}
.wc-wp .wc-con2 {width:100%; float:left; clear:both; padding:15px 0; border-top:#ddd 1px solid;}
.wc-wp .wc-con2 img {width:100%;}
.wc-wp .wc-con2 .photo {width:32%; float:left; margin-right:20px;}
.wc-wp .wc-con2 h3 {font-size:18px; line-height:22px;}
.wc-wp .wc-con2 .date {margin:8px 0;}
.wc-wp .wc-con2 .summary {font-size:14px; line-height:20px;}
.wc-wp .wc-con3 {width:100%; float:left; clear:both; margin-bottom:20px;}
.wc-wp .wc-con3 img {width:100%;}
.wc-wp .wc-con3 h1 {font-size:28px; line-height:34px; margin:8px 0;}
.wc-wp .wc-scon {width:100%; float:left; clear:both; margin-bottom:20px;}
.wc-wp .wc-scon h3 {width:100%; padding:8px 0; border-bottom:#eee 1px solid; font-size:14px; line-height:20px; font-weight:normal;}
.wc-wp .wc-scon2 {width:100%; float:left; clear:both; margin-bottom:10px;}
.wc-wp .wc-scon2 .ttl {font-size:14px; font-weight:bold; margin-bottom:8px;}
.wc-wp .wc-scon2 .td1 {font-weight:bold; font-size:11px; padding:3px 5px; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; background:#f8fafc;}
.wc-wp .wc-scon2 .td2 {font-weight:bold; font-size:11px; padding:3px 5px; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; background:#f8fafc; text-align:center;}
.wc-wp .wc-scon2 .td3 {padding:3px 5px;}
.wc-wp .wc-scon2 .td4 {padding:3px 5px; text-align:center; color:#888;}
.wc-wp .wc-scon2 .img img {width:20px; height:20px; display:inline-block; border:#eee 1px solid; -webkit-border-radius:20px; -moz--border-radius:20px; -ms-border-radius:20px; border-radius:20px; margin-right:8px;}
.wc-wp .wc-secttl {width:100%; float:left; clear:both; margin-bottom:15px; font-size:15px; text-transform:uppercase;}
.wc-wp .wc-secttl img {width:40px; border:#eee 1px solid; margin-right:10px;}

.wc-scon3 {width:100%; float:left; clear:both; margin-bottom:15px; color:#fff;}
.wc-scon3 a {color:#fff;}
.wc-scon3 a:hover img {-webkit-box-shadow:none; box-shadow:none;}
.wc-scon3 .photo img {width:100%;}
.wc-scon3 .ttl {background:#000; clear:both; padding:5px 10px 7px;}
.wc-scon3 .con {width:100%; position:relative; clear:both;}
.wc-scon3 .con2 {position:relative; width:50%; float:left;}
.wc-scon3 h3 {position:absolute; bottom:0; left:0; padding:10px; z-index:2;}
.wc-scon3 a:hover h3 {color:#f31919;}
.wc-scon3 .con h3 {font-size:16px; line-height:20px;}
.wc-scon3 .con2 h3 {font-size:14px; line-height:15px;}
.wc-scon3 .bg {background:url(../images/2014wc/bg-ttl.png) repeat-x bottom left; width:100%; height:100%; display:block; position:absolute; left:0; bottom:0; z-index:1;}

/* rss */
.rss_ttl {font-size:20px; letter-spacing:-0.04em; font-weight:bold; padding:10px 0;}
.rss_ttl2 {font-size:15px; letter-spacing:-0.04em; font-weight:bold; padding:10px 0; color:#000;}
.rss_txt {font-size:12px; padding:10px 0 20px; border-bottom:#eaeaea 3px solid; margin-bottom:5px;}
.rss_list {float:left; margin-right:40px; margin-bottom:20px;}
.rss_list li {padding:5px 0;}
.rss_list .ic_rss {background:url(../images/top_sns.gif) no-repeat -83px -42px; width:13px; height:13px; display:inline-block; vertical-align:middle; margin-right:5px;}
.rss_list a:hover .ic_rss {opacity:0.7;}
.rss_faq {width:100%; float:left; clear:both; border-top:#eaeaea 3px solid; padding:5px 0; color:#888;}
.rss_faq strong {color:#555;}

/* info_com */
.info_com h2 {
    clear: both;
    font-size: 32px;
    letter-spacing: -0.05em;
    padding: 30px 0 20px;
    text-transform: uppercase;
}
.info_com .photo {float:left; margin-right:20px; margin-bottom:10px;}
.info_com .txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 15px 12px;
}
.info_com .tit {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 12px;
    text-transform: uppercase;
}
.info_com .s_tit {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 30px;
}
.info_com .s_txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 15px 30px;
}
.info_com .ss_txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 10px 60px;
}

/* video */
.video-wp {width:100%; float:left;}
.v-con {width:100%; float:left; background:#000; text-align:center; padding:20px 0;}
.v-con .mv {clear:both; margin-bottom:15px;}
.v-con .ttl {width:80%; padding:0 10%; float:left; font-size:20px; line-height:21px; color:#fff; clear:both;}
.v-con2 {width:100%; float:left; clear:both; padding:20px 0;}
.v-con2 .col {width:67.8%; float:left;}
.v-con2 .col2 {width:29.3%; float:right;}
.v-con2 .col img {width:100%;}
.v-con2 .ttl {font-size:12px; line-height:15px; font-weight:normal;}
.v-con2 .list {width:23.1%; float:left; margin-right:2.5%; margin-bottom:10px; margin-top:10px;}
.v-con2 .list2 {width:23.1%; float:right; margin-bottom:10px; margin-top:10px;}
.v-con2 .mv {margin-bottom:7px; position:relative;}
.v-con2 .over {width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/ico-play.png) no-repeat center center;}
.v-con2 .over:hover {background:rgba(0,0,0,0.4) url(../images/ico-play-on.png) no-repeat center center;}

.ad-sample { width: 100%; clear: both;}
.ad-sample:before, .ad-sample:after { content: ""; display: table; }
.ad-sample:after { clear: both; }
.ad-sample span {text-align: center; font-size: 0.688em; text-transform: uppercase; color: #ddd; margin-bottom: 0.625em; display: block; clear: both; }

@media screen and (max-width:1024px) {
.container {width:1000px;}
.headlines {width:34%;}
.main_photo {width:63.5%;}
.wc-wp .topimg img {width:100%;}
}