@charset "utf-8";

/*===========================================
default
===========================================*/
body {-webkit-text-size-adjust: 100%;}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

header, footer, nav, section, article, figure, aside {
	display:block;
	margin: 0;
	padding: 0;
}

.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}
.pt50{padding-top: 50px!important;}

.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}

.mr10{margin-right: 10px!important;}
.mr20{margin-right: 20px!important;}
.mr30{margin-right: 30px!important;}
.mr40{margin-right: 40px!important;}
.mr50{margin-right: 50px!important;}
.pr10{padding-right: 10px!important;}
.pr20{padding-right: 20px!important;}
.pr30{padding-right: 30px!important;}
.pr40{padding-right: 40px!important;}
.pr50{padding-right: 50px!important;}

.ml10{margin-left: 10px!important;}
.ml20{margin-left: 20px!important;}
.ml30{margin-left: 30px!important;}
.ml40{margin-left: 40px!important;}
.ml50{margin-left: 50px!important;}
.pl10{padding-left: 10px!important;}
.pl20{padding-left: 20px!important;}
.pl30{padding-left: 30px!important;}
.pl40{padding-left: 40px!important;}
.pl50{padding-left: 50px!important;}

.w350{width:350px;}
.w450{width:450px;}
.w880{width:880px;}
.w882{width:882px;}
.w933{width:933px;}
.w950{width:950px;}
.w960{width:960px!important;}
.w1280{width:1280px;}

img{vertical-align: bottom;}

a{text-decoration: none;}

.flt-r{float: right;}
.flt-l{float: left;}

.center{text-align: center;}


/*===========================================
layout
===========================================*/
html{
  width: 100%;
  background: url(../img/bg.gif) left center;
}

body{
  position: relative;
  width: 100%;
  background: url(../img/bg_footer.png) repeat-x center bottom;
}

#wrapper{
  position: relative;
  background: url(../img/bg_header.png) center top repeat-x;
}

#header{
  position: relative;
}

#header-inner{
  position: relative;
  width: 1120px;
  margin: 0 auto;
}
#content{
  position: relative;
  
}

#content-inner{
  position: relative;
  width: 950px;
  margin: 0 auto;
}

#footer{
  position: relative;
  height: 100px;
}

#footer-inner{
  text-align: center;
}

/*===========================================
common
===========================================*/
#logo{
  
}

#header-ad{
  
}

#gnav{
  
}

#back-top{
  
}

#relational{
  
}

.copyright{
  position: absolute;
  width: 736px;
  left: 50%;
  bottom: 15px;
  margin-left: -369px;
}

/*===========================================
home
===========================================*/
.home .home-header{
  position: relative;
  width: 950px;
  margin: 0 auto;
}

.home .home-header h1{
  display: inline;
}

.home #header-inner{
  position: relative;
  background: url(../../img/bg_title.png) no-repeat center top;
  height: 880px;
}

.home #gnav{
  width: 1120px;
  margin: 5px auto 0 auto;
}

.home #gnav ul{
  display: table;
  margin: 0 auto;
}

.home #gnav li{
  display: table-cell;
}

.home #gnav li.normal{
  width: 158px;
}

.home #gnav li.wide{
  width: 159px;
}

.home #gnav li a{
  display: block;
  height: 93px;
}

.home #gnav li.normal a{
  width: 158px;
}

.home #gnav li.wide a{
  width: 159px;
}

.home #gnav .gn-news a{
  background: url(../img/gnav_news_on.png) no-repeat center top;
}

.home #gnav .gn-pcp a{
  background: url(../img/gnav_pcp_on.png) no-repeat center top;
}

.home #gnav .gn-xyz a{
  background: url(../img/gnav_xyz_on.png) no-repeat center top;
}

.home #gnav .gn-room a{
  background: url(../img/gnav_room_on.png) no-repeat center top;
}

.home #gnav .gn-producer a{
  background: url(../img/gnav_producer_on.png) no-repeat center top;
}

.home #gnav .gn-coming a{
  background: url(../img/gnav_coming_on.png) no-repeat center top;
}

.pcp-logo{
  position: absolute;
  top: 210px;
  left: 350px;
}

#home-character div{
  position: absolute;
}

.home-satoshi{
  opacity: 0;
  top: 204px;
  left: 523px;
  z-index: 3;
}

.home-gekkouga{
  opacity: 0;
  top: 204px;
  left: 823px;
  z-index: 1;
}

.home-gekkouga-flash{
  opacity: 0;
  top: 204px;
  left: 723px;
  z-index: 2;
}

.home-satoshigekkouga{
  opacity: 0;
  top: 204px;
  left: 723px;
  z-index: 0;
}

#slide{
  position: absolute;
  width: 951px;
  top:590px;
  left: 50%;
  margin-left: -475px;
  z-index: 3;
}

.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: none;
}

.slide-container{
  position: relative;
}

.slide-container a{
  display: block;
  width: 951px;
  height: 247px;
}

#home-news{
  position: relative;
  float: left;
  background: url(../../img/bg_news.png) no-repeat center top;
  width: 461px;
  height: 281px;
  margin: 0 0 35px 0;
}

.home-news-list{
  position: absolute;
  width: 428px;
  height: 195px;
  top:68px;
  left:26px;
  overflow-y: auto;
  overflow-x: hidden;
}

.home-news-list ul{
  width: 100%;
}

.home-news-list li{
  margin: 0 0 3px 0;
}

.home-news-list .hn-date{
  display: block;
  color: #d70017;
  font-size: 20px;
  line-height: 1.38;
}

.home-news-list .hn-text{
  color: #340dff;
  font-size: 20px;
  line-height: 1.38;
}

#home-youtube{
  position: relative;
  float: right;
  width: 450px;
  height: 258px;
  background: url(../../img/bg_youtube.png) no-repeat center bottom;
  padding: 23px 0 0 0;
  margin: 0px 0;
}

.home-youtube-iframe{
  position: absolute;
  top:30px;
  left: 7px;
}

#home-about-pcp{
  clear: both;
  position: relative;
  text-align: center;
  margin: 0 0 30px 0;
}

#home-about-xyz{
  position: relative;
  text-align: center;
}

#home-about-xyz a{
  position: absolute;
  display: block;
/*
  background: #CCC;
  opacity: 0.5;
*/
  width: 180px;
  height: 35px;
  top: 426px;
  left: 594px;
}

.home-backtop{
  position: relative;
  text-align: center;
  margin: 40px auto 15px auto;
}

.home-backtop a{
  display: block;
  width: 206px;
  height: 95px;
  margin: 0 auto;
  background: url(../img/btn_backtop_on.png) no-repeat center top;
}

#home-relation{
  width: 950px;
  margin: 0 auto;
}

.home-relation-box{
  width: 933px;
  margin: 0 auto;
  background: url(../../img/bg_relation.png) no-repeat center top;
  height: 216px;
}

.home-relation-box ul{
  padding: 61px 0 0 53px;
}

.home-relation-box ul li{
  float: left;
  margin: 0 0 6px 10px;
}

/*===========================================
second common
===========================================*/
.second .sec-header{
  position: relative;
  width: 950px;
  margin: 0 auto;
}

.second .sec-header #logo{
  margin: 10px 0 0 0;
}

.second #gnav{
  position: absolute;
  top: 12px;
  left: 262px;
  margin: 5px auto 0 auto;
}

.second #gnav ul{
  display: table;
  margin: 0 auto;
}

.second #gnav li{
  display: table-cell;
  width: 130px;
}

.second #gnav li a{
  display: block;
  width: 130px;
  height: 75px;
}

.second #gnav li a img{
  width: 130px;
  height: 75px;
}


.second #gnav .gn-news a{
  background: url(../img/gnav_sec_news_on.png) no-repeat left top;
}

.second #gnav .gn-pcp a{
  background: url(../img/gnav_sec_pcp_on.png) no-repeat center top;
}

.second #gnav .gn-xyz a{
  background: url(../img/gnav_sec_xyz_on.png) no-repeat center top;
}

.second #gnav .gn-room a{
  background: url(../img/gnav_sec_room_on.png) no-repeat center top;
}

.second #gnav .gn-producer a{
  background: url(../img/gnav_sec_producer_on.png) no-repeat center top;
}

.second #gnav .gn-coming a{
  background: url(../img/gnav_sec_coming_on.png) no-repeat center top;
}

.second .room-list li{
  position: relative;
  float: left;
  width: 320px;
  height: 355px;
}

.second .room-list li a{
  width: 320px!important;
  height: 355px!important;
  overflow:inherit!important;
}

.second .room-list li a.no-link{
  cursor: default;
}

.second .cd-box{
  position: relative;
}

.cd-box .pv{
  position: absolute;
  top: 203px;
  left: 458px;
}

.second .cd-dl{
  position: absolute;
  top: 566px;
  left: 285px;
}

.second .cd-dl li{
  float: left;
  margin: 0 20px 0 0;
}

.second .cd-buy{
  position: absolute;
  top: 652px;
  left: 285px;
  margin: 0 10px 0 0;
}

.second #footer{
  height: 170px;
}

.second .mailService{
  text-align: right;
  font-size: 16px;
  color: #FFF;
  margin: 10px 0 20px 0;
}

.second .mailService a{
  display: block;
  font-size: 16px;
  color: #FFF;
}

.second .news-box{
  background: #babbfd;
  background: rgba(0,0,255,0.6);
  padding: 30px 40px 20px 40px;
  border-radius: 10px;
}

.second .news-box{
  position: relative;
  font-size: 20px;
  color: #FFF;
  line-height: 1.5;
  margin: 0 0 20px 0;
}

.second .news-box .news-date{
  display: block;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.second .news-box .news-ttl{
  display: block;
  color: #FFF;
}

.second .news-box p{
  margin: 0 0 20px 0;
  font-weight: bold;
}

.second .news-box.new:before{
  position: absolute;
  content:"";
  width: 80px;
  height: 80px;
  right: 5px;
  top: 5px;
  background: url(../../news/img/img_news_new.png) no-repeat center center;
}

.aipBtnMoreL,#nothingItems{
  padding: 20px 35px 20px 35px;
  border-radius: 10px;
  background: rgba(255, 234, 0, 0.8);
  text-align: center;
  cursor: pointer;
  font-size: 20px;
}

.aipBtnMoreL #moreTxt{
  font-weight: bold;
  color: #0000ff;
}

.second .infoMore a{
  display: block;
  margin: 0 0 10px 0;
  color: #00ffff;
  font-weight: bold;
}

.second .news-paging{
  text-align: center;
  margin: 20px 0 40px 0;
}

.second .news-paging li{
  display: inline-block;
  margin: 0 5px;
}

#infoDetailTitle{
  color: #ffff00;
  font-weight: bold;
  border-bottom: 1px dashed #ffff00;
  margin: 0 0 20px 0;
}

#infoCaption{
  margin: 0 0 5px 0;
}

.second .news-box p.infoDate{
  margin: 0 0 15px 0;
}

#snsArea{
  margin: 30px 0 15px 0;
}

#snsArea div{
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: middle;
}

#snsArea div.fb-like{
  margin: 0 0 0 0;
}

.news-archive #mainContentsBody{
 margin: 0 0 300px 0; 
}

#recentInfo{
  background: #babbfd;
  background: rgba(0,0,255,0.6);
  padding: 0px 0 20px 0;
  border-radius: 10px;
  font-size: 20px;
  color: #FFF;
}

#recentInfoHead{
  border-radius: 10px 10px 0 0;
  background: #0000ff;
  padding: 15px 25px;
  color: #ffff00;
  font-weight: bold;
}

#recentInfoBody{
  padding: 15px 25px 0 25px;
  line-height: 1.2;
  font-weight: bold;
}

.infoTitle a{
  color: #FFF;
}

.producer-list{
  position: relative;
  width: 1002px;
  text-align: center;
  margin: 0 auto;
}

.producer-box{
  position: relative;
  margin: 0 0 20px 0;
  min-height: 105px;
  padding-top: 125px;
}

.producer-box h3{
  position: absolute;
  top:0;
  left: 0;
  z-index: 10; 
}

.producer-box .producer-detail{
  position: relative;
  z-index: 1;
  text-align: center;
  display: none;
}

.producer-box .producer-detail.pd-1b{
  background: url(../../producer/img/btn_producer_1b.png) center bottom no-repeat;
  height: 598px;
}

.producer-box .producer-detail.pd-2b{
  background: url(../../producer/img/btn_producer_2b.png) center bottom no-repeat;
  height: 610px;
}

.producer-box .producer-detail.pd-3b{
  background: url(../../producer/img/btn_producer_3b.png) center bottom no-repeat;
  height: 829px;
}

.producer-box .pd-3b a{
  position: absolute;
  display: block;
  height: 398px;
  width: 272px;
}

.producer-box .pd-3b-1{
  top: 230px;
  left: 77px;
}

.producer-box .pd-3b-2{
  top: 230px;
  left: 362px;
}

.producer-box .pd-3b-3{
  top: 230px;
  left: 646px;
}