@font-face {
font-family: keyfont;
src: url(./font/key02.ttf);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: keyfont;
src: url(./font/key02.ttf) format("truetype");
}

@font-face {
font-family: keyfont02;
src: url(./font/key01.ttf);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: keyfont02;
src: url(./font/key01.ttf) format("truetype");
}


.caption{
	font-size:80%;
}

.disnon{
	display:none;
}

#WRAPPER{
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#336699;
}

#HEADER,#CONTENT,#FOOTER{
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}


#HEADER{
	height:115px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:15px 55px;
	-webkit-background-position:15px 55px;
	-moz-background-position:15px 55px;
	overflow:visible;
}


#header_subheader {
    color: #FFFFFF;
    height: 30px;
    line-height: 31px;
    width: 100%;
}

#HEADER h1{
	float:left;
	text-indent:10px;
}


.common_title {
    left: 10px;
    overflow: hidden;
    position: absolute;
    top: 11px;
    width: 240px;
}

.common_title img{
	width:100%;
}

#login_navi {
    position: absolute;
    right: 0;
    top: 35px;
}

#login_navi ul li {
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 110px;
	font-weight:bold;
}

#login_navi ul li#login_navi_new {
    width: 190px;
}

#login_navi ul li a{
	
}

#login_navi_new,
#login_navi_try,
#login_navi_login{
	border-left:#666 dotted 1px;
}

.title_text {
    left: 250px;
    position: absolute;
    top: 32px;
}

#header_ad{
	position:absolute;
	right:0px;
	bottom:43px;
}

#GLOBALNAVI {
	background-image:url(/img/common/globalmenu_bg.png);
	background-repeat:repeat-x;
    border-top:1px solid #292929;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

#GLOBALNAVI li{
	width:200px;
	float:left;
	position:relative;
}


#GLOBALNAVI li a {
    border-right: 1px dotted #333333;
    display: block;
    height: 45px;
    line-height: 45px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;

}

#GLOBALNAVI li a:hover{
	background-color:#1a1a1a;
}

#GLOBALNAVI li .caption{
	margin-left:10px;
	color:#ABABAB;
	font-weight:normal;
}

.GLOBALNAVI_child {
    background-color: #171717;
    display: block;
    position: absolute;
    top: 45px;
    z-index: 10;
	display:none;
}

.GLOBALNAVI_child a {
    border-top: 1px dotted #282828;
    height: 35px !important;
    line-height: 35px !important;
    text-align: left !important;
    text-indent: 15px !important;
	background-image:url(/img/common/icon_arrow_white.png);
	background-repeat:no-repeat;
	background-position:185px center;
}

.GLOBALNAVI_text {
    background-repeat: no-repeat;
    display: inline-block;
	font-family: keyfont;
	letter-spacing:0.05em;
	font-size:110%;
    height: 20px;
    line-height: 19px;
    padding-left: 25px;
}

#GLOBALNAVI_home .GLOBALNAVI_text{
	background-image:url(/img/common/icon_top_globalnavi_home.png);
}

#GLOBALNAVI_digest .GLOBALNAVI_text{
	background-image:url(/img/common/icon_top_globalnavi_digest.png);
}

#GLOBALNAVI_news .GLOBALNAVI_text{
	background-image:url(/img/common/icon_top_globalnavi_news.png);
}

#GLOBALNAVI_special .GLOBALNAVI_text{
	background-image:url(/img/common/icon_top_globalnavi_special.png);
}

#GLOBALNAVI_serviceguide .GLOBALNAVI_text{
	background-image:url(/img/common/icon_top_globalnavi_serviceguide.png);
}
#GLOBALNAVI_account .GLOBALNAVI_text{
	background-image:url(/img/common/icon_top_globalnavi_account.png);
}


#CONTENT{
	overflow:visible;
}

#topcontent_head {
    height: 330px;
    margin-top: 15px;
}

#topcontent_head_left{
	width:300px;
}

#topcontent_head_login{
	margin-bottom:10px;
	height:120px;
}

#topcontent_head_live {
    background-color: #000000;
    height: 200px;
	position:relative;
}

#topcontent_head_live_text {
    height: 150px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 280px;
    z-index: 9999;
}

#topcontent_head_live_text h3 {
    background-image: url("/img/common/icon_top_live.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: keyfont;
    font-size: 110%;
    height: 20px;
    left: -5px;
    line-height: 20px;
    padding-left: 19px;
    position: absolute;
    top: -5px;
	letter-spacing:0.05em;
}

#topcontent_head_live_text h3 span {
    bottom: 2px;
    font-size: 70%;
    margin-left: 10px;
    position: relative;
}

#topcontent_head_live_text dl{
	position:absolute;
	bottom:0px;
	opacity:0.7;
}

#topcontent_head_live_text dt{
	margin-top:10px;
	font-family:keyfont02;
}

#topcontent_head_live_text dd{
	font-size:250%;
	font-family:keyfont02;
}



#topcontent_head_login h2{
	font-size:130%;
	margin-bottom:7px;
}


#topcontent_head_login_btn_container{
	margin-top:10px;
}

#topcontent_head_login_btn_container li{
	float: left;
}

#topcontent_head_login_btn_container li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 35px;
    line-height: 36px;
    text-align: center;
    text-indent: 13px;
    width: 145px;
}

#topcontent_head_login_btn_login{
	margin-right:10px;
	background-image:url(/img/common/btn_login.png);
}

#topcontent_head_login_btn_login a{
	color:#2c2c2c!important;
}

#topcontent_head_login_btn_new{
	background-image:url(/img/common/btn_signup.png);
}

#topcontent_head_headline{
	background:#333;
	height:330px;
	overflow:hidden;
}

#topcontent_head_headline nav {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

#topcontent_head_headline nav li{
	float:left;
}

#topcontent_head_headline nav li a {
    display: block;
    height: 20px;
    line-height: 23px;
    margin: 10px 0;
    padding: 0 10px 0 25px;
	color:#555555;
	background-repeat:no-repeat;
	margin: 10px 5px;
}

#topcontent_head_headline nav li a:hover{
	background-position: 0 -20px;
	-webkit-background-position: 0 -20px;
	-moz-background-position: 0 -20px;
	color:#FFFFFF;
}

.common_content_head_tub_active a{
	color:#FFFFFF!important;
	background-position: 0 -20px;
	-webkit-background-position: 0 -20px;
	-moz-background-position: 0 -20px;
}


#topcontent_head_left{
	float:left;
}

#topcontent_head_right{
	float:right;
	width:690px;
}

.topcontent_head_headline_container_mainimg{
	float:left;
	width:440px;
}

.topcontent_head_headline_container_text {
    color: #FFFFFF;
    float: left;
    height: 260px;
    padding: 15px;
    position: relative;
    width: 220px;
}

#topcontent_head_headline_pickup a{
	background-image:url(/img/common/icon_top_headline_pickup.png);
}

#topcontent_head_headline_contest a{
	background-image:url(/img/common/icon_top_headline_contest.png);
}

#topcontent_head_headline_culture a{
	background-image:url(/img/common/icon_top_headline_culture.png);
}

#topcontent_head_headline_fashion a{
	background-image:url(/img/common/icon_top_headline_fashion.png);
}

#topcontent_head_headline_gear a{
	background-image:url(/img/common/icon_top_headline_gear.png);
}

#topcontent_head_headline_bluer a{
	background-image:url(/img/common/icon_top_headline_bluer.png);
}

#topcontent_head_headline_features a{
	background-image:url(/img/common/icon_top_headline_features.png);
}

.topcontent_head_headline_container_text h1 {
    font-size: 150%;
    line-height: 1.3em;
    margin-bottom: 3px;
    position: relative;
    top: -5px;
}

.topcontent_head_headline_container_text ul{
	margin:10px 0px;
}

.topcontent_head_headline_container_text li{
	padding-left:20px;
	line-height:1.3em;
	margin-top:8px;
	background-position: 0 2px;
	background-image:url(/img/common/icon_common_icatcharrow.png);
	background-repeat:no-repeat;
}

.topcontent_head_headline_container_text li a{
	text-decoration:underline;
	color:#ababab;
}

.topcontent_head_headline_container_text li a:hover{
	color:#FFFFFF;
}

.common_content_head {
	background-image:url(/img/common/h2_bg.png);
	background-repeat:repeat-x;
    background-color: #000000;
    padding:5px 5px 5px 8px;
	overflow:hidden;
	position:relative;
}


.common_content_head h2 {
    border-left: 3px solid #0080CB;
    color: #FFFFFF;
    font-size: 120%;
	letter-spacing:0.05em;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
	font-family: keyfont;
}

.common_content_head h2 > span {
    color: #ABABAB;
    font-size: 60%;
    font-weight: normal;
    margin-left: 10px;
}

.common_btn_readmore{
	height:30px;
	width:100px;
	background-image:url(/img/common/btn_readmore.png);
}


.common_btn_readmore a {
    display: block;
    height: 30px;
    line-height: 31px;
    padding-left: 25px;
    text-align: left;
	text-indent:5px;
	color:#FFF;
}

.common_link_gotoarchive {
    bottom: 15px;
    float: right;
    padding-right: 15px;
    position: absolute;
    right: 15px;
	background-image:url(/img/common/icon_arrow_white.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.common_link_gotoarchive a{
	color:#FFFFFF;
	text-decoration: underline;
	float:right;
}


#topcontent_body{
	clear:both;
	margin-top:15px;
}

#topcontent_body_left{
	width:250px;
	float:left;
	padding-bottom:999999px;
	margin-bottom:-999999px;
}

#top_wave_navi{
}

#top_wave_navi_head h3 {
    background-color: #000000;
    color: #999999;
    float: left;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 50%;
	cursor:pointer;
}

.top_wave_navi_head_active {
    color: #FFFFFF !important;
    font-weight: bold !important;
	background-color:#1a1a1a !important;
}

#top_wave_navi_head_today{
}

#topcontent_body_right {
    float: left;
    margin-left: 15px;
    width: 735px;
}


#top_features_container{
	overflow:hidden;
}

#top_features_container ul{
	width:740px;
	overflow:hidden;
	margin-top:5px;
}

#top_features_container li{
	float:left;
	margin-right:5px;
}

#top_features_container li a{
	width:180px;
	height:100px;
	display:block;
	position:relative;
}

#top_features_container li a > span{
	position:absolute;
	bottom:0px;
	left:0px;
	padding:5px;
	background-image:url(/img/common/bg_alpha_black.png);
	color:#FFFFFF;
	line-height:1.3em;
	height:25px;
}

#top_features .common_link_gotoarchive{
	position:absolute;
	top:13px;
	right:15px;
}

.ad_section {
    background-color: #000000;
    margin: 15px 0 0;
    padding: 0px;
	width:735px;
	height:90px;
}


#top_timeline{
	margin-top:15px;
}

#top_timeline_container{
	margin-top:5px;
	width:750px;
}


#timeline_colmore {
    color: #FFFFFF;
    height: 55px;
    margin: 0 auto;
    text-align: center;
    width: 300px;
	background-image:url(/img/common/icon_arrow_seemore.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

#timeline_colmore a{
	font-size:220%;
	font-family: keyfont;
}

#top_timeline_container article {
    background-color: #FFFFFF;
    overflow: visible;
    width: 360px;
	position:relative;
	margin:0px 15px 15px 0px;
}

.top_timeline_img{
    display: block;
    height: 180px;
    overflow: hidden;
}

.top_timeline_img_wave{
	height:180px;
	position:relative;
}

.top_timeline_img_wave img{
	float:left;
	width:50%;
}



.top_timeline_img_wave_capwave,
.top_timeline_img_wave_capwind{
	font-size:80%;
	color:#FFFFFF;
	background-image:url(/img/common/bg_alpha_black.png);
	position:absolute;
	top:0px;
	height:18px;
	line-height:18px;
	padding:0 5px;
}

.top_timeline_img_wave_capwave{
	left:0px;
}

.top_timeline_img_wave_capwind{
	left:180px;
}

.top_timeline_text{
	margin:15px;
}

.top_timeline_footer {
    border-top: 1px dotted #DBDBDB;
    padding: 5px;
    position: relative;
}

#top_timeline_container article h1 {
    color: #000000;
    font-size: 120%;
    line-height: 1.3em;
	margin:5px 0px 10px 0px;
}
#top_timeline_container article p{
	line-height:1.3em;
	color:#818181;
}

.timeline_sns_container{
	position:absolute;
	bottom:8px;
	right:2px;
}

.timeline_sns_container > div{
	float:left;
	margin:0 5px;
}

.timeline_sns_facebook_hatena{
	width:60px;
	overflow:hidden;
}

.top_timeline_cat {
    display: block;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
}

.top_timeline_date{
	margin-left:5px;
	font-weight:normal;
}

#FOOTER {
    background-color: #101010;
    margin-top: 15px;
}

#footer_sitemap{
	margin:30px;
	overflow:hidden;
}

.footer_sitemap_container{
	float:left;
	width:235px;
}

.footer_sitemap_container h2{
	margin-bottom:20px;
	color:#FFFFFF;
}
.footer_sitemap_container ul{
	margin-bottom:30px;
}

.footer_sitemap_container li{
	margin-top:8px;
	color:#ABABAB;
}

.footer_sitemap_container li a:hover{
	color:#FFFFFF;
}

.fb-like-box {
    height: 235px;
    width:1000px;
	margin:0 auto;
}

.child_link {
    bottom: 10px;
    position: absolute;
}

.child_link li{
	float:left;
	margin-left:10px;
}

.child_link li a{
    height: 30px;
    line-height: 31px;
	display:block;
}

.child_link li a img{
	width:70%;
}



#footer_copyright {
    border-top: 1px solid #333333;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    width: 100%;
}


#footer_copyright p {
    float: right;
    margin-right: 20px;
}




#top_wave_navi_head{
	margin-top:5px;
}


#sidenavi {
    float: left;
    margin-bottom: -9999px;
    overflow: hidden;
    padding-bottom: 9999px;
    width: 250px;
	background-color:#000;
}
.menu {
    border-bottom: 1px dotted #393939;
}
.sidenavi_head {
    background-color: #E7E7E7;
    border-top: 1px solid #CFCFCF;
    font-weight: bold;
    padding: 7px 0;
    text-indent: 10px;
}

#zone {
    background-color: #000000;
}
#zone > li {
    border-top: 1px dotted #393939;
    clear: both;
}
#zone li > div > a > strong {
    font-weight: normal;
    line-height: 30px;
}
ul.acode2 a, #zone > .parent {
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-indent: 10px;
}
ul.acode2 a:hover {
    background-color: #0080CB;
    color: #FFFFFF !important;
}
.navi_children_style {
    background-color: #FFFFFF;
    border-top: 1px dotted #CCCCCC;
}
.navi_children_style > a {
    color: #000000 !important;
}
.sidenavi_icon_area {
    float: left;
    height: 30px;
    margin-right: -5px;
}
.sidenavi_topicon_area {
    position: absolute;
    right: 7px;
}
.sidenavi_country_area {
    float: left;
}
.sidenavi_title {
    background-color: #000000;
    border-top: medium none !important;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 30px;
    letter-spacing: 0.2em;
    line-height: 30px;
    text-align: center;
}
.sidenavi_title img {
    position: relative;
    top: 2px;
}
#zone li > a > div > strong {
    color: #FFFFFF;
    display: block;
    padding-left: 10px;
}
ul.menuy12117 li {
    float: left;
}
ul.menuy12117 li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 120px;
}
ul.sub {
    height: 88px;
    padding-top: 4px;
    position: absolute;
    right: 0 !important;
    text-align: center;
    top: 20px !important;
    width: 100px;
    z-index: 9999;
}
ul.sub li {
    background-color: #FFFFFF;
    float: left;
    text-align: center;
}
ul.sub li > a {
    background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #000000 !important;
    display: block;
    height: 28px !important;
    line-height: 25px !important;
    margin-left: 0 !important;
    width: 98px !important;
}
ul.sub li > a:hover {
    color: #0080CB !important;
}
ul.sub li ul.sub {
    left: 130px;
    position: absolute;
    top: 0;
}
ul.menuy12117 {
}
ul.menuy12117:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
ul.sub {
    display: none;
}
* html ul.menuy12117 li {
    display: inline;
}
* + html ul.menuy12117 li {
    display: inline;
}
* html ul.sub {
    position: relative;
}
* + html ul.sub {
    position: relative;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position:relative;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '<'; }
.flex-direction-nav a.flex-next:before  { content: '>'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */

.flex-control-nav {
    left: 5px;
    position: absolute;
    top: 8px;
	z-index:3;
}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

.slides a{
	display:block;
	position:relative;
	height:290px;
}

.slides_title {
	background-image:url(/img/common/bg_alpha_black.png);
    bottom: -40px;
    color: #FFFFFF;
    display: block;
    font-size: 120%;
    font-weight: bold;
    left: 0;
    padding: 15px;
    position: absolute;
    width: 100%;
}


.slides_title .caption {
    display: block;
    font-size: 70%;
    font-weight: normal;
    line-height: 0;
    margin-top: 15px;
}

#sns_add{
	position:fixed;
	width:30px;
	height:230px;
	left:0px;
	top:250px;
	background-image:url(/img/common/sns_bg.png);
	background-repeat:no-repeat;
	padding-top:80px;
}

#sns_add li a {
    display: block;
    height: 25px;
    margin: 10px auto;
    width: 25px;
}

.menu_active {
	background-color: #1A1A1A !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}
.menu_non_active {
	background-color: #000000 !important;
	color: #999999 !important;
	font-weight: normal !important;
}