@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,img,form,table,th,td{ margin:0; padding:0;}
img{vertical-align:top;border:0}
ol, ul {list-style:none}
html {-webkit-font-smoothing: antialiased;}
html, body{color:#fff;font-size: 14px;line-height: 1.7;-ms-word-break:break-all;word-break:break-all;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;background: #000;}
:hover {
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
a {
    color: #fff;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    text-decoration: none;
}
a:hover,a.selected {
    color: #666;
}
.grey-link {color: #666;}
.grey-link:hover, .grey-link.selected {color: #fff;}
.clear {clear: both;}
.more {float: right;background: url(../images/more.png) right no-repeat;padding-right: 20px;}
.container {width: 1000px;margin: 50px auto;}
.container-left {width: 220px;float: left;}
.container-left a {color: #999;}
.container-left a:hover, .grey-link.selected {color: #fff;}
.container-right {width: 700px;margin-left: 40px;padding-left: 39px;border-left: 1px solid #333;float: left;}

#gotop{
    display:block;
    width:49px;
    height:49px;
    position:fixed;
    bottom:60px;
    right:40px;
    text-decoration:none;
    display:none;
}

/* top */
.top {width: 100%;height: 73px;background: url(../images/top-bg.jpg);margin-bottom: 25px;}
.header {width: 1000px;height: 73px;margin: 0 auto;position: relative;}
.logo {width: 74px;height: 74px;margin-top: 0;float: left;position:relative;}
.logo a {display:block;position:absolute;width:108px;height:140px;top:0;right:0;z-index:9999;}
.nav {font-weight: bold;float: left;margin-left: 20px;margin-top: 45px;width: 900px;}
.nav a{margin: 0 10px;}
.header-right {position: absolute;top: 5px;right: 20px;font-size: 12px;float: left;width: 100px;}
.header-right a{font-size: 12px;}
.top-sitemap {background: url(../images/sitemap.png) no-repeat;height: 15px;padding-left: 30px;margin-right: 15px;}

/* footer */
.footer {width: 100%;position: relative;}
.links-icon {position: absolute;left: 40px;top: 30px;}
.links-icon dl{position: absolute;left: -10px;top: -20px;color: #999}
.footer-links {background: #3c3c3c;height: 80px;}
.links {text-align: center;padding-top: 50px;color: #999;}
.links a{margin: 0 10px;font-size: 12px;color: #999;}
.links a:hover{color: #ddd;}
.sns {position: absolute;right: 100px;top: 58px;}
.sns a{float: left;margin-left: 1px;}
.sns a:hover{-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50);}
.footer-copyright {background: #fff;color: #bbb;text-align: center;padding: 10px 0;}

/* home */
.home-banner {max-width: 1920px;height: 780px;position: relative;overflow: hidden;margin: 0 auto;}
#banner-left {width: 26px;height: 46px;background: url(../images/banner-left.png);position: absolute;top: 367px;left: 100px;cursor: pointer;}
#banner-right {width: 26px;height: 46px;background: url(../images/banner-right.png);position: absolute;top: 367px;right: 100px;cursor: pointer;}
#banner-left:hover, #banner-right:hover {-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50);}
.banner-image {width: 100%;height: 780px;overflow: hidden;float: left;position: absolute;}
.banner1 {background: url(../images/ono.jpg) center no-repeat;}
.banner2 {background: url(../images/banner1.jpg) center no-repeat;}
.banner3 {background: url(../images/banner3.jpg) center no-repeat;}
.banner4 {background: url(../images/yuya.jpg) center no-repeat;}
.banner5 {background: url(../images/minamino.jpg) center no-repeat;}
.home-container {width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.8);}
.home-container-inner {width: 1000px;margin: 0 auto;}
.home-news {width: 450px;float: left;height: 115px;}
.home-news dt{width: 80px;float: left;margin-top: 10px;}
.home-news dd{width: 370px;float: left;margin-top: 10px;}
.home-news dd li{width: 350px;border-bottom: 1px solid #333;line-height: 26px;height: 26px;overflow: hidden;}
.home-news dd li span{color: #999;}
.home-news dd li a{margin-left: 5px;}
.home-players {width: 500px;float: left;height: 115px;margin-left: 50px;}
.home-players dt{width: 200px;float: left;}
.home-players dt img{width: 200px;height: 115px;}
.home-players dd{width: 300px;float: left;}
.home-players .name{margin: 10px 20px; font-size: 16px;font-weight: bold;display: block;}
.home-players .description{margin: 0px 20px;height: 45px; color: #999;overflow: hidden;}

/* player */
.banner {width: 100%;height: 317px;background: url(../images/banner-common.jpg) center no-repeat;position: relative;}
.about-banner {background: url(../images/banner-about.jpg) center no-repeat;}
.news-banner {background: url(../images/banner-news.jpg) center no-repeat;}
.players-banner {background: url(../images/banner-players.jpg) center no-repeat;}
.concept-banner {background: url(../images/banner-concept.jpg) center no-repeat;}
.gm-banner {background: url(../images/banner-GM2.jpg) center no-repeat;}
.urhere {width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.8);}
.urhere-links {width: 1000px;margin: 0 auto;font-size: 12px;color: #666;line-height: 30px;}
.urhere-links a{margin: 0 5px;}
.urhere-links strong{margin: 0 5px;color: #bbb;}
.player-position dl{width: 220px;border-top: 1px dotted #666;color: #666;line-height: 36px;text-align: center;font-weight: bold;cursor: pointer;}
.player-position dl:hover {color: #fff;}
.player-position dl.selected{background: #333;border: 1px solid #666;line-height: 24px;color: #fff;}
.player-position a{color: #666;width: 100%;display: block;}
.player-position a:hover, .player-position dl.selected a{color: #fff;}
.player-name-left, .player-name-right {font-size: 12px;display: none;width: 5px;float: left;}
.player-position-list {display: none;}
.player-position-list li {width: 160px;text-align; center;margin: 10px 0 10px 30px;}
.player-position-list li a {margin: 0 auto;width: 160px;text-align: center;}
.player-position-list li.selected .player-name-left, .player-position-list li.selected .player-name-right {display: inline;}
.player-position-list li.selected a {width: 150px;float: left;text-align: center;color: #fff;}
.player-item {float: left;margin: 0 0 20px 60px;width: 191px;height: 300px;background: url(../images/player-item-bg.jpg) no-repeat;}
.player-item.first {margin-left: 6px;}
.player-item .photo {margin: 0 0 0 12px;}
.player-item .photo img{width: 155px;height: 170px;}
.player-item .en-name {margin-left: 12px;font-size: 16px;font-weight: bold;}
.player-item .birthday {margin-left: 12px;font-size: 12px;color: #666;}
.player-item .jp-name {margin: 20px 22px 10px 0;color: #cfa84a;text-align: right;}
.player-item .learn-more {margin-right: 12px;font-size: 12px;color: #666;text-align: right;}
.player-detail {background: url(../images/player-detail.png) no-repeat center 60px;min-height: 500px;padding: 0 0 50px 20px;}
.player-detail .player-name {font-size: 24px;}
.player-profile {margin-top: 50px;}
.player-info {width: 300px;height: 220px;margin: 55px 0 0 10px;float: left;}
.player-info dl {height: 24px;border-bottom: 1px dotted #333;line-height: 24px;}
.player-info dt {float: left;width: 105px;font-size: 12px;color: #999;}
.player-info dd {float: left;width: 195px;overflow: hidden;}
.player-photo-large {width: 220px;height: 300px;margin: 0 0 0 25px;float: left;}
.player-photo-large img {width: 220px;height: 300px;}
.player-photo-thumb {width: 90px;height: 300px;margin: 5px 0 0 20px;float: left;}
.player-photo-thumb dl{height: 95px;margin-bottom: 8px;float: left;padding-left: 15px;}
.player-photo-thumb dl.selected{background: url(../images/player-thumb-arrow.png) left no-repeat;}
.player-photo-thumb dl img{width: 70px;height: 95px;border: 2px solid #333;cursor: pointer;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50);}
.player-photo-thumb dl img:hover,.player-photo-thumb dl.selected img {-moz-opacity: 1;opacity:1;filter: alpha(opacity=100);}
.detail-title {margin: 40px 0 10px;font-weight: bold;background: url(../images/detail-title-bg1.png) no-repeat;line-height: 40px;padding-left: 10px;}
.detail-subtitle {color: #666;margin: 10px 0;font-weight: bold;}
.detail-content {color: #666;}
.player-detail-table th{border-bottom: 1px solid #666;}
.player-detail-table td{border-left: 1px solid #666;border-top: 1px solid #666;border-right: 1px solid #666;text-align: center;color: #fff}
.player-detail-table td.first{border-left: none;}
.player-detail-table td.last{border-right: none;}
.player-detail-table td .grey-line{background: #1f1f1f;}

/* news */
.news-list {width: 920px;margin: 50px 40px;}
.news-list dl {border-bottom: 1px dotted #333;padding: 5px 0;}
.news-list dl.selected {background: #333;border: 1px solid #666;color: #fff;}
.news-list dt {font-size: 18px;float: left;background: url(../images/news-icon.jpg) 10px 6px no-repeat;padding-left: 30px;}
.news-list dl.selected dt{background: url(../images/news-icon2.jpg) 10px 6px no-repeat;}
.news-list dd {margin-top: 5px;float: right;margin-right: 10px;}
.news-content {padding: 30px;color: #666;display: none;}

/* single page */
.singlepage {width: 900px;margin: 50px 50px 100px 80px;}
.singlepage .title{font-size: 26px;margin: 40px 0 20px 0;background: url(../images/detail-title-bg2.png) no-repeat;line-height: 50px;padding-left: 10px;}
.about dl {border-bottom: 1px dotted #666;line-height: 32px;padding: 5px 0;}
.about dl dt{float: left;width: 140px;padding-left: 15px;}
.about dl dd{float: left;color: #666;}
.about dl dd .arrow{margin-right: 15px;color: #999;background: url(../images/arrow.jpg) left no-repeat;}
.about .representative dt{background: url(../images/about-icon.jpg) left no-repeat;padding-left: 20px;font-size: 18px;width: 120px;float: left;}
.about .representative dt span{height: 30px;float: left;}
.about .representative dt .arrow{width: 20px;height: 30px;margin-left: 10px;font-size: 14px;color: #999;background: url(../images/arrow.jpg) left no-repeat;}
.about .representative dd{color: #999;line-height: 26px;float: left;}
.concept-info {color: #999;border-bottom: 1px dotted #666;padding-bottom: 60px;}
.concept-menu {margin-top: 30px;}
.concept-menu li {width: 140px;height: 180px;float: left;margin-left: 30px;text-align: center;}
.concept-menu li div{width: 120px;height: 120px;text-align: center;color: #000;font-weight: bold;font-size: 18px;line-height: 120px;border: none;border-radius: 50%;margin-bottom: 15px;margin: 15px auto;cursor: pointer;}
.concept-menu li div:hover{color: #999;}
.concept-menu li .menu-btn1{border-color: #666;}
.concept-menu li .menu-btn2{border-color: #009900;}
.concept-menu li .menu-btn3{border-color: #fe9102;}
.concept-menu li .menu-btn4{border-color: #fd0303;}
.concept-menu li .menu-btn5{border-color: #0e92be;}
.concept-menu li a{font-size: 12px;color: #999;}
.concept-menu li a:hover{color: #fff;}
.concept-menu li.selected div{border: none;}
.concept-menu li.selected a{color: #fff;}
.concept-content {color: #999;}
/* .concept-cat-content {display: none;} */