@charset "UTF-8";
/*================================================================================
	Modules
================================================================================*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .inner:before, .inner820:before, #captions:before, .wrap-2nd #captions .copyright-box:before, #footer .ft-banner:before, .page-top .visual-block .news-box .box ol li:before, body#sub-page .sub-inner:before, .page-artist .list-block .artist-list:before, .page-artist .detail-block .song-list ul:before, .page-music .list-block .play-movie:before, .page-music .list-block .music-nav:before, .page-music .list-block .music-list:before, .page-music .detail-block .title-block:before, .page-music .detail-block .song-block:before, .page-music .detail-block .song-block .param-block .details:before, .page-music .detail-block .song-block .param-block .difficulty:before, .page-music .detail-block .screenshot ul:before, .page-special .list-block .movie-list:before, .page-ranking .rank-header .rank-nav:before, .page-ranking .rank-list:before, .page-ranking .rank-table ul li:before, .page-ranking .rank-table .rank-headline:before, .page-material .list-block .material-list:before, .page-index #index-head:before, .page-index .main-block .block-m .news-box:before, .page-index .main-block .block-m .news-box .news-list li:before, .page-index .main-block .block-m .rank-box .one-box:before, .page-index .index-foot:before, .clearfix:after, .inner:after, .inner820:after, #captions:after, .wrap-2nd #captions .copyright-box:after, #footer .ft-banner:after, .page-top .visual-block .news-box .box ol li:after, body#sub-page .sub-inner:after, .page-artist .list-block .artist-list:after, .page-artist .detail-block .song-list ul:after, .page-music .list-block .play-movie:after, .page-music .list-block .music-nav:after, .page-music .list-block .music-list:after, .page-music .detail-block .title-block:after, .page-music .detail-block .song-block:after, .page-music .detail-block .song-block .param-block .details:after, .page-music .detail-block .song-block .param-block .difficulty:after, .page-music .detail-block .screenshot ul:after, .page-special .list-block .movie-list:after, .page-ranking .rank-header .rank-nav:after, .page-ranking .rank-list:after, .page-ranking .rank-table ul li:after, .page-ranking .rank-table .rank-headline:after, .page-material .list-block .material-list:after, .page-index #index-head:after, .page-index .main-block .block-m .news-box:after, .page-index .main-block .block-m .news-box .news-list li:after, .page-index .main-block .block-m .rank-box .one-box:after, .page-index .index-foot:after {
  content: "";
  display: table;
}

.clearfix:after, .inner:after, .inner820:after, #captions:after, .wrap-2nd #captions .copyright-box:after, #footer .ft-banner:after, .page-top .visual-block .news-box .box ol li:after, body#sub-page .sub-inner:after, .page-artist .list-block .artist-list:after, .page-artist .detail-block .song-list ul:after, .page-music .list-block .play-movie:after, .page-music .list-block .music-nav:after, .page-music .list-block .music-list:after, .page-music .detail-block .title-block:after, .page-music .detail-block .song-block:after, .page-music .detail-block .song-block .param-block .details:after, .page-music .detail-block .song-block .param-block .difficulty:after, .page-music .detail-block .screenshot ul:after, .page-special .list-block .movie-list:after, .page-ranking .rank-header .rank-nav:after, .page-ranking .rank-list:after, .page-ranking .rank-table ul li:after, .page-ranking .rank-table .rank-headline:after, .page-material .list-block .material-list:after, .page-index #index-head:after, .page-index .main-block .block-m .news-box:after, .page-index .main-block .block-m .news-box .news-list li:after, .page-index .main-block .block-m .rank-box .one-box:after, .page-index .index-foot:after {
  clear: both;
}

.clearfix, .inner, .inner820, #captions, .wrap-2nd #captions .copyright-box, #footer .ft-banner, .page-top .visual-block .news-box .box ol li, body#sub-page .sub-inner, .page-artist .list-block .artist-list, .page-artist .detail-block .song-list ul, .page-music .list-block .play-movie, .page-music .list-block .music-nav, .page-music .list-block .music-list, .page-music .detail-block .title-block, .page-music .detail-block .song-block, .page-music .detail-block .song-block .param-block .details, .page-music .detail-block .song-block .param-block .difficulty, .page-music .detail-block .screenshot ul, .page-special .list-block .movie-list, .page-ranking .rank-header .rank-nav, .page-ranking .rank-list, .page-ranking .rank-table ul li, .page-ranking .rank-table .rank-headline, .page-material .list-block .material-list, .page-index #index-head, .page-index .main-block .block-m .news-box, .page-index .main-block .block-m .news-box .news-list li, .page-index .main-block .block-m .rank-box .one-box, .page-index .index-foot {
  *zoom: 1;
}

.size10-fix {
  font-size: 10px;
  line-height: 1.5;
}

.size12-fix {
  font-size: 12px !important;
}

.colorGreen {
  color: #48AB35 !important;
}

.colorOrange {
  color: #FF7E00 !important;
}

.center {
  text-align: center !important;
}

.tRight {
  text-align: right !important;
}

.clear {
  clear: both;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt0 {
  margin-bottom: 0px !important;
}

.mt5 {
  margin-bottom: 5px !important;
}

.mt10 {
  margin-bottom: 10px !important;
}

.mt15 {
  margin-bottom: 15px !important;
}

.mt20 {
  margin-bottom: 20px !important;
}

.mt25 {
  margin-bottom: 25px !important;
}

.mt30 {
  margin-bottom: 30px !important;
}

.mt35 {
  margin-bottom: 35px !important;
}

.mt40 {
  margin-bottom: 40px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.tableStyle01 {
  background-color: #666666;
  margin: 0 auto 15px auto;
}

.tableStyle01 th {
  padding: 4px;
}

.tableStyle01 td {
  padding: 4px;
  color: #333333;
}

.tableStyle01 td.cellCap {
  background-color: #FFB93F;
  color: #666666 !important;
  font-weight: bold;
}

.tableStyle01 td.tdCap {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
}

.tableStyle01 tr.trCap td {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
  vertical-align: middle;
  text-align: center !important;
  white-space: nowrap;
}

.none {
  display: none !important;
}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

ul, ol, ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #333333;
}

a:link, a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

a:hover, a:active {
  color: #FFCCE4;
  text-decoration: none;
}

/*================================================================================
	Base Formats
================================================================================*/
html, body {
  width: 100%;
  height: 100%;
}

body {
  background: black url(../img/bg_body.jpg) 50% 0 repeat;
}

.inner {
  width: 980px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  position: relative;
  margin: 0 auto;
}

.inner820 {
  width: 820px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  position: relative;
  margin: 0 auto;
}

.pagetop {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}

div, img {
  margin: 0;
  padding: 0;
  border: none !important;
}

/*
a { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #CCCCCC; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
*/
/*================================================================================
	HEADER
================================================================================*/
#header {
  width: 100%;
  height: 32px;
  text-align: center;
  background-color: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
#header #hd-nav {
  width: 732px;
  float: left;
}
#header #hd-nav li {
  float: left;
}
#header .logo-2nd {
  width: 282px;
  height: 56px;
  position: absolute;
  left: 712px;
  top: 32px;
  z-index: 0;
  background: url(../img/hd_bg_logo.png) 0 0 no-repeat;
}
#header .logo-2nd a {
  display: block;
  margin-left: 22px;
  margin-top: 6px;
}

/*
#header{
	width:100%;
	height:32px;
	text-align:center;
	background-color:#000000;
	@include absolute(0,0,100);
	
	#hd-nav{
		// トップ追加前
		//width:587px;
		width:645px;
		float:left;
		
		li{
			float:left;
		}
	}
	
	.inner{
		//overflow:hidden;
	}
	
	.logo-2nd{
		width:340px;
		height:40px;
		@include absolute(682,32,0);
		background:url(../img/hd_bg_logo.png) 0 0 no-repeat;
		
		a{
			display:block;
			margin-left:42px;
			margin-top:5px;
		}
	}
}
*/
.top-head {
  background: none !important;
}

/*================================================================================
	CAPTIONS
================================================================================*/
#captions {
  width: 100%;
  height: 60px;
  position: absolute;
  margin-top: -20px;
  left: 0;
}
#captions .copyright-box {
  width: 605px;
  float: left;
  color: #FFF;
  color: #CCCCCC;
  font-size: 10px;
}
#captions .copyright-box .taito-logo {
  margin-bottom: 10px;
}
#captions .sns {
  margin-top: 50px;
  float: right;
}
#captions a:link, #captions a:visited {
  color: #CCCCCC;
}
#captions a:hover, #captions a:active {
  color: #999999;
}

/*================================================================================
	CONTAINER
================================================================================*/
#container {
  width: 100%;
  position: relative;
}
#container .block {
  width: 100%;
  text-align: center;
}

.wrap-2nd {
  padding-top: 50px;
  padding-bottom: 150px;
  background: url(../img/bg_title_2nd.jpg) 50% 0 no-repeat;
}
.wrap-2nd .title-2nd {
  margin-bottom: 20px;
}
.wrap-2nd #captions {
  margin-top: 20px;
  height: 160px !important;
}
.wrap-2nd #captions .sns {
  margin: 0 auto 25px auto;
  float: none;
}
.wrap-2nd #captions .copyright-box {
  float: none;
  width: 966px;
  margin: 0 auto;
}
.wrap-2nd #captions .copyright-box .taito-logo {
  width: 80px;
  float: left;
}
.wrap-2nd #captions .copyright-box .copyright {
  float: left;
  width: 400px;
  margin-top: 2px;
  line-height: 1.4em !important;
}
.wrap-2nd #captions .copyright-box .ft-link {
  float: left;
  width: 486px;
  text-align: right;
  margin-top: 8px;
}

/*================================================================================
	FOOTER
================================================================================*/
#footer {
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #000000;
  position: fixed;
  left: 0;
  bottom: -55px;
  z-index: 9999;
}
#footer .ft-banner {
  width: 370px;
  margin: 0 auto;
  padding-top: 8px;
}
#footer .ft-banner p {
  float: left;
  margin: 0 5px;
}

/*================================================================================
	COMMON STYLE
================================================================================*/
#header .sns,
#container .sns {
  float: right;
}

/* PC用ソーシャル関連 */
.pc-share {
  width: 221px;
  height: 23px;
  float: right;
  display: block;
  margin-top: 5px;
}

.pc-share #share {
  width: 118px;
  height: 21px;
  display: block;
  float: left;
  margin-right: 4px;
}

.pc-share #share #socialarea_total {
  width: 55px;
  height: 21px;
  display: block;
  float: left;
  background: url(../img/pc-share-fukidashi.png) center no-repeat;
}

.pc-share #share #socialarea_total #share-count-num,
.pc-share #share #socialarea_total #share-count-num2 {
  color: #fff;
  text-align: center;
  width: 49px;
  height: 21px;
  display: block;
  font-size: 11px;
  line-height: 21px;
}

.pc-share #share a .share-img {
  width: 63px;
  height: 21px;
  float: left;
  background: url(../img/pc-share-share.png) 0 0 no-repeat;
}

#socialarea_fb {
  width: 30px;
  height: 23px;
  float: left;
  margin-right: 4px;
}

#socialarea_tw {
  width: 30px;
  height: 23px;
  float: left;
  margin-right: 4px;
}

#socialarea_ln {
  width: 30px;
  height: 23px;
  float: left;
}

.serch-white select {
  margin-top: 13px;
}

/* ここまで */
.pc-share #share-t-f {
  position: relative;
  top: -65px;
  left: 45px;
  width: 90px;
  height: 70px;
  color: #6c6c6c;
  display: none;
  background: url(../img/sh-fukidashi.png) 0 0 no-repeat;
}

.pc-share .hd-img {
  top: 25px !important;
  background: url(../img/sh-fukidashi2.png) 0 0 no-repeat !important;
}

.pc-share #share-t-f a:link,
.pc-share #share-t-f a:visited {
  color: #6c6c6c;
  text-decoration: none;
}

.pc-share #share-t-f a:hover,
.pc-share #share-t-f a:active {
  color: #999999;
  text-decoration: none;
}

.pc-share #share-t-f #share-t {
  position: absolute;
  top: 27px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f #share-f {
  position: absolute;
  top: 48px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f #share-t2 {
  position: absolute;
  /*
  top: 27px;
  left: 34px;
  */
  top: 27px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f #share-f2 {
  position: absolute;
  /*
  top: 33px;
  left: 35px;
  */
  top: 48px;
  left: 34px;
  width: 49px;
  height: 19px;
  font-size: 11px;
}

.pc-share #share-t-f .share-t-f-close {
  position: absolute;
  top: 5px;
  left: 76px;
  width: 9px;
  height: 9px;
  font-size: 11px;
  cursor: pointer;
}

.pc-share .hd-img .share-t-f-close {
  top: 17px !important;
  left: 71px !important;
}

.pc-share #share-t-f .share-t-f-close a {
  width: 9px;
  height: 9px;
  font-size: 11px;
  display: block;
}

/*================================================================================
	Smart device
================================================================================*/
.iPhone #container,
.iPad #container,
.Android #container {
  width: 980px !important;
}
.iPhone #container .block,
.iPad #container .block,
.Android #container .block {
  width: 980px !important;
}

/*================================================================================
	TOP
================================================================================*/
.page-top .btn-twitter {
  position: fixed;
  right: -10px;
  top: 53px;
  z-index: 9000;
}
.page-top #over140110 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  height: 3000px;
  width: 100%;
  cursor: pointer;
  background: url(../../img/top/bg_over.png) repeat;
}
.page-top #over140110 .over-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.page-top #over140110 .over-inner p {
  position: absolute;
  display: block;
  left: 50%;
  top: 50px;
  margin-left: -350px;
  display: none;
}
.page-top .visual-block {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  height: 770px;
  background: url(../../img/top/img_main.jpg) 50% 0 no-repeat;
  /*
  .movie-box{
  	@include size(288,177);
  	@include absolute(692,290,50);
  	background:url(../../img/top/img_movie.png) 0 0 no-repeat;
  	a{
  		display:block;
  		@include size(259,148);
  		margin:15px 0 0 15px;
  		position:relative;
  	}
  }
  */
  /*
  .movie-box{
  	@include size(288,177);
  	//@include absolute(692,310,50);
  	@include absolute(692,290,50);
  	background:url(../../img/top/img_movie.png) 0 0 no-repeat;
  	
  	a{
  		display:block;
  		@include size(259,148);
  		margin:15px 0 0 15px;
  		position:relative;
  	}
  	span{
  		display:block;
  		@include size(259,148);
  		@include absolute(0,0);
  	}
  	.cap01{ z-index:10; display:none; }
  	.cap02{ z-index:9; display:none; }
  	.cap03{ z-index:8; display:none; }
  	.cap04{ z-index:7; display:none; }
  	.cap05{ z-index:6; display:none; }
  	.cap06{ z-index:5; display:none; }
  	.cap-cover{ z-index:15; display:none; }
  	.icon-play{
  		@include size(69,68);
  		@include absolute(95,40,20);
  		//@include absolute(95,70,20);
  	}
  	.copy-movie{
  		@include size(237,72);
  		@include absolute(0,105,20);
  	}
  }
  */
}
.page-top .visual-block .p-line {
  position: absolute;
  left: 412px;
  top: 300px;
  z-index: 10;
}
.page-top .visual-block .visual-fix {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .visual-block h1 {
  position: absolute;
  left: 0px;
  top: 56px;
  z-index: 30;
  width: 100%;
  text-align: center;
}
.page-top .visual-block .movie-copy {
  position: absolute;
  left: 0px;
  top: 250px;
  z-index: 20;
}
.page-top .visual-block .banner-box {
  width: 288px;
  height: 108px;
  position: absolute;
  left: 692px;
  top: 190px;
  z-index: 20;
  background: url(../../img/top/bg_banner.png) 0 0 no-repeat;
}
.page-top .visual-block .banner-box p {
  display: block;
  margin: 9px 0 0 14px;
}
.page-top .visual-block .movie-box {
  width: 288px;
  height: 177px;
  position: absolute;
  left: 0px;
  top: 330px;
  z-index: 50;
  background: url(../../img/top/img_movie.png) 0 0 no-repeat;
}
.page-top .visual-block .movie-box a {
  display: block;
  width: 259px;
  height: 148px;
  margin: 15px 0 0 15px;
  position: relative;
}
.page-top .visual-block .movie-box span {
  display: block;
  width: 259px;
  height: 148px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .visual-block .movie-box .cap01 {
  z-index: 10;
  display: none;
}
.page-top .visual-block .movie-box .cap02 {
  z-index: 9;
  display: none;
}
.page-top .visual-block .movie-box .cap03 {
  z-index: 8;
  display: none;
}
.page-top .visual-block .movie-box .cap04 {
  z-index: 7;
  display: none;
}
.page-top .visual-block .movie-box .cap05 {
  z-index: 6;
  display: none;
}
.page-top .visual-block .movie-box .cap06 {
  z-index: 5;
  display: none;
}
.page-top .visual-block .movie-box .cap-cover {
  z-index: 15;
  display: none;
}
.page-top .visual-block .movie-box .icon-play {
  width: 69px;
  height: 68px;
  position: absolute;
  left: 95px;
  top: 40px;
  z-index: 20;
}
.page-top .visual-block .news-box {
  width: 288px;
  position: absolute;
  left: 692px;
  top: 455px;
  z-index: 50;
}
.page-top .visual-block .news-box .box {
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  background: url(../../img/top/bg_news_middle.png) 0 0 repeat-y;
}
.page-top .visual-block .news-box .box span {
  display: block;
}
.page-top .visual-block .news-box .box .date {
  font-size: 10px;
  float: left;
  width: 85px;
  margin-right: 3px;
  color: #F09;
  background: url(../../img/top/icon_arrow.png) 100% 0 no-repeat;
}
.page-top .visual-block .news-box .box ol {
  display: block;
  width: 240px;
  margin: 0 auto;
  text-align: left;
}
.page-top .visual-block .news-box .box ol li {
  border-bottom: #FFFFFF dotted 1px;
  padding: 7px 0;
  line-height: 1.4em;
  font-size: 11px;
}
.page-top .visual-block .news-box .box ol li:nth-child(3) {
  border: none;
  padding: 5px 0 0 0;
}
.page-top .visual-block .news-box .box ol img {
  margin-top: -3px;
  margin-left: 3px;
}
.page-top .visual-block .news-box .box ol a:link, .page-top .visual-block .news-box .box ol a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page-top .visual-block .news-box .box ol a:hover, .page-top .visual-block .news-box .box ol a:active {
  color: #CCCCCC;
  text-decoration: none;
}
.page-top .music-block {
  position: absolute;
  left: 0px;
  top: 664px;
  z-index: 0;
  height: 610px;
  overflow: hidden;
}
.page-top .music-block h2 {
  position: absolute;
  left: 189px;
  top: 0px;
  z-index: 80;
}
.page-top .music-block h3 {
  position: absolute;
  left: 88px;
  top: 70px;
  z-index: 80;
}
.page-top .music-block .jacket {
  position: absolute;
  left: -94px;
  top: 110px;
  z-index: 0;
}
.page-top .music-block .btn-artist {
  position: absolute;
  left: 673px;
  top: 470px;
  z-index: 100;
}
.page-top .music-block .artist {
  position: absolute;
  left: -55px;
  top: 182px;
  z-index: 0;
  opacity: 0;
}
.page-top .about-block {
  position: absolute;
  left: 0px;
  top: 1218px;
  z-index: 0;
  height: 504px;
  overflow: hidden;
}
.page-top .about-block .p-line {
  position: absolute;
  left: 234px;
  top: 56px;
  z-index: 10;
}
.page-top .about-block .circle {
  position: absolute;
  left: 742px;
  top: 37px;
  z-index: 0;
}
.page-top .about-block h2 {
  position: absolute;
  left: 337px;
  top: 0px;
  z-index: 10;
}
.page-top .about-block h3 {
  position: absolute;
  left: 240px;
  top: 100px;
  z-index: 30;
}
.page-top .about-block .capture {
  position: absolute;
  left: 72px;
  top: 120px;
  z-index: 10;
}
.page-top .about-block .movie {
  position: absolute;
  left: 430px;
  top: 210px;
  z-index: 50;
}
.page-top .about-block .movie a {
  display: block;
  width: 352px;
  height: 269px;
  position: relative;
}
.page-top .about-block .movie .icon {
  display: block;
  width: 84px;
  height: 86px;
  position: absolute;
  left: 134px;
  top: 100px;
  z-index: 100;
}
.page-top .about-block .movie .ph {
  display: block;
  width: 352px;
  height: 269px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .about-block .movie .abt-cap01 {
  z-index: 10;
}
.page-top .about-block .movie .abt-cap02 {
  z-index: 9;
  display: none;
}
.page-top .about-block .movie .abt-cap03 {
  z-index: 8;
  display: none;
}
.page-top .about-block .movie .abt-cap04 {
  z-index: 7;
  display: none;
}
.page-top .about-block .movie .abt-cap05 {
  z-index: 6;
  display: none;
}
.page-top .play-block {
  position: absolute;
  left: 0px;
  top: 1722px;
  z-index: 0;
  height: 844px;
}
.page-top .play-block .p-line {
  position: absolute;
  left: 16px;
  top: -61px;
  z-index: 0;
}
.page-top .play-block .circle {
  position: absolute;
  left: -22px;
  top: -13px;
  z-index: 0;
}
.page-top .play-block h2 {
  position: absolute;
  left: 190px;
  top: 0px;
  z-index: 10;
}
.page-top .play-block h3 {
  position: absolute;
  left: 197px;
  top: 73px;
  z-index: 10;
}
.page-top .play-block .play01 {
  position: absolute;
  left: 197px;
  top: 179px;
  z-index: 10;
}
.page-top .play-block .play02 {
  position: absolute;
  left: 510px;
  top: 175px;
  z-index: 10;
}
.page-top .play-block .play03 {
  position: absolute;
  left: 274px;
  top: 460px;
  z-index: 50;
}
.page-top .play-block .play-movie {
  width: 241px;
  height: 181px;
  position: absolute;
  left: 620px;
  top: 260px;
  z-index: 100;
}
.page-top .play-block .play-movie a {
  display: block;
  width: 241px;
  height: 181px;
  position: relative;
}
.page-top .play-block .play-movie span {
  display: block;
  width: 241px;
  height: 181px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-top .play-block .play-movie .play-cap01 {
  z-index: 10;
}
.page-top .play-block .play-movie .play-cap02 {
  z-index: 9;
  display: none;
}
.page-top .play-block .play-movie .play-cap03 {
  z-index: 8;
  display: none;
}
.page-top .play-block .play-movie .icon-play {
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 20;
}
.page-top .loc-block {
  position: absolute;
  left: 0px;
  top: 2566px;
  z-index: 0;
  height: 380px;
  overflow: hidden;
}
.page-top .loc-block .circle {
  position: absolute;
  left: 648px;
  top: 23px;
  z-index: 0;
}
.page-top .loc-block h2 {
  position: absolute;
  left: 216px;
  top: 0px;
  z-index: 10;
}
.page-top .loc-block .btn-loc {
  position: absolute;
  left: 210px;
  top: 55px;
  z-index: 10;
}
.page-top .loc-block .btn-dl {
  position: absolute;
  left: 432px;
  top: 140px;
  z-index: 15;
}
.page-top #captions {
  top: 2820px;
}

/*================================================================================
	Smart device
================================================================================*/
/*================================================================================
	Base Formats
================================================================================*/
body#sub-page {
  background-image: none !important;
  color: #FFFFFF;
  margin: 30px 0 30px 0;
}
body#sub-page #sub-wrap {
  text-align: center;
  width: 100%;
}
body#sub-page .sub-inner {
  width: 700px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  border: #0F0 solid 1px;
}
body#sub-page .sub-block {
  margin-bottom: 30px;
}
body#sub-page h1 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}
body#sub-page h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
body#sub-page .cap-list {
  list-style: decimal !important;
  margin-top: 10px;
}
body#sub-page .cap-list li {
  list-style: decimal !important;
  margin-bottom: 5px;
  margin-left: 20px;
}

/*================================================================================
	Base Formats
================================================================================*/
.page-artist .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 5000px;
  height: 490px;
}
.page-artist .list-block .artist-list {
  width: 980px;
  height: 490px;
  overflow: hidden !important;
  position: relative;
}
.page-artist .list-block .artist-list ul {
  width: 980px;
  float: left;
  margin-right: 10px;
}
.page-artist .list-block .artist-list li {
  width: 239px;
  height: 240px;
  position: relative;
  float: left;
  margin: 0 8px 8px 0;
}
.page-artist .list-block .artist-list li a {
  display: block;
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-artist .list-block .artist-list li .new {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 50;
}
.page-artist .list-block .artist-list li .name {
  width: 239px;
  height: 55px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 60;
}
.page-artist .list-block .artist-list li .photo {
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
}
.page-artist .list-block .artist-list li .hover-box {
  width: 239px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  color: #FFFFFF;
  display: none;
  background: url(../../img/artist/bg_list_hover.png) repeat;
}
.page-artist .list-block .artist-list li .hover-box p {
  width: 239px;
  height: 240px;
  display: block;
  position: relative;
}
.page-artist .list-block .artist-list li .hover-box span.music {
  display: block;
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.page-artist .list-block .artist-list li .hover-box span.icon {
  display: block;
  position: absolute;
  left: 48px;
  top: 120px;
}
.page-artist .list-block .artist-list li.last {
  margin-right: 0;
}
.page-artist .list-block .btn-prev {
  width: 77px;
  height: 77px;
  position: absolute;
  left: -80px;
  top: 205px;
  z-index: 100;
}
.page-artist .list-block .btn-next {
  width: 77px;
  height: 77px;
  position: absolute;
  left: 986px;
  top: 205px;
  z-index: 100;
}
.page-artist .detail-block h4 {
  margin-bottom: -7px;
}
.page-artist .detail-block .photo {
  width: 120px;
  float: left;
  margin-top: 15px;
}
.page-artist .detail-block .profile {
  width: 600px;
  float: right;
}
.page-artist .detail-block .profile .profile-txt {
  color: #FFFFFF;
  text-align: center;
  padding-top: 15px;
  background: url(../../img/artist/bg_profile_top.png) 0 0 no-repeat;
}
.page-artist .detail-block .profile .profile-txt p {
  width: 560px;
  margin: 0 auto -8px auto;
  text-align: left;
  min-height: 118px;
}
.page-artist .detail-block .song-list {
  padding-top: 25px;
  background: url(../../img/artist/bg_song_top.png) 0 0 no-repeat;
}
.page-artist .detail-block .song-list ul {
  margin-left: 20px;
  width: 750px;
}
.page-artist .detail-block .song-list ul li {
  float: right;
  width: 120px;
  height: 120px;
  margin-left: 30px;
  position: relative;
}
.page-artist .detail-block .song-list ul li a {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 50;
}
.page-artist .detail-block .song-list ul li .lock {
  width: 22px;
  height: 24px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 25;
}
.page-artist .detail-block .song-list ul li .hover-txt {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  display: none;
  color: #FFFFFF;
  background: url(../../img/artist/bg_list_hover.png) repeat;
}
.page-artist .detail-block .song-list ul li .hover-txt span {
  display: block;
  margin: 8px 0 0 10px;
}
.page-artist .detail-block .song-list ul li .hover-txt a:link, .page-artist .detail-block .song-list ul li .hover-txt a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page-artist .detail-block .song-list ul li .hover-txt a:hover, .page-artist .detail-block .song-list ul li .hover-txt a:active {
  color: #CCCCCC;
  text-decoration: none;
}
.page-artist .btnback-block {
  text-align: center;
}
.page-artist .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}

/*================================================================================
	Base Formats
================================================================================*/
.page-music .list-block .play-movie {
  margin-bottom: 25px;
}
.page-music .list-block .play-movie h3 {
  margin-bottom: 10px !important;
}
.page-music .list-block .play-movie li {
  width: 230px;
  height: 126px;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
}
.page-music .list-block .play-movie li a {
  display: block;
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-music .list-block .play-movie li .title {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 60;
}
.page-music .list-block .play-movie li .frame {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 70;
}
.page-music .list-block .play-movie li .dot {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
.page-music .list-block .play-movie li .photo {
  width: 230px;
  height: 126px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-music .list-block .play-movie li.last {
  margin-right: 0;
}
.page-music .list-block .music-nav {
  width: 980px;
  margin-bottom: 10px;
}
.page-music .list-block .music-nav li {
  width: 196px;
  height: 25px;
  float: left;
}
.page-music .list-block .music-nav .nav-jpop {
  background: url(../../img/music/nav_jpop_on.png) no-repeat;
}
.page-music .list-block .music-nav .nav-vocaloid {
  background: url(../../img/music/nav_vocaloid_on.png) no-repeat;
}
.page-music .list-block .music-nav .nav-game {
  background: url(../../img/music/nav_game_on.png) no-repeat;
}
.page-music .list-block .music-nav .nav-variety {
  background: url(../../img/music/nav_variety_on.png) no-repeat;
}
.page-music .list-block .music-nav .nav-original {
  background: url(../../img/music/nav_original_on.png) no-repeat;
}
.page-music .list-block .music-nav .current a {
  display: none !important;
}
.page-music .list-block .music-nav .default a {
  display: block !important;
}
.page-music .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 5000px;
  height: 307px;
}
.page-music .list-block .music-list {
  width: 980px;
  height: 307px;
  overflow: hidden !important;
  position: relative;
}
.page-music .list-block .music-list ul {
  width: 980px;
  float: left;
  margin-right: 10px;
}
.page-music .list-block .music-list li {
  width: 145px;
  height: 145px;
  position: relative;
  float: left;
  margin: 0 22px 8px 0;
}
.page-music .list-block .music-list li a {
  display: block;
  width: 145px;
  height: 145px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-music .list-block .music-list li .new {
  width: 39px;
  height: 39px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 30;
}
.page-music .list-block .music-list li .lock {
  width: 22px;
  height: 24px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 25;
}
.page-music .list-block .music-list li .photo {
  width: 145px;
  height: 145px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
}
.page-music .list-block .music-list li .hover-box {
  width: 145px;
  height: 145px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  color: #FFFFFF;
  display: none;
  background: url(../../img/music/bg_list_hover.png) repeat;
}
.page-music .list-block .music-list li .hover-box p {
  width: 145px;
  height: 145px;
  display: block;
  position: relative;
}
.page-music .list-block .music-list li .hover-box span.music {
  display: block;
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.page-music .list-block .music-list li .hover-box span.icon {
  display: block;
  position: absolute;
  left: 12px;
  top: 15px;
}
.page-music .list-block .music-list li.last {
  margin-right: 0;
}
.page-music .list-block .music-list #jpop,
.page-music .list-block .music-list #vocaloid,
.page-music .list-block .music-list #game,
.page-music .list-block .music-list #variety,
.page-music .list-block .music-list #original {
  display: none;
}
.page-music .list-block .music-list .current {
  display: block !important;
}
.page-music .list-block .btn-prev {
  width: 66px;
  height: 64px;
  position: absolute;
  left: -80px;
  top: 330px;
  z-index: 100;
  cursor: pointer;
}
.page-music .list-block .btn-next {
  width: 66px;
  height: 64px;
  position: absolute;
  left: 984px;
  top: 330px;
  z-index: 100;
  cursor: pointer;
}
.page-music .detail-block .title-block {
  margin-bottom: 10px;
  /*
  .btn-artist{
  	width:169px;
  	margin-top:18px;
  	float:right;
  }
  */
}
.page-music .detail-block .title-block h3 {
  width: 480px;
  height: 50px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  float: left;
  background: url(../../img/music/bg_title_song.png) 0 0 no-repeat;
}
.page-music .detail-block .title-block h3 span {
  display: block;
  margin-left: 30px;
  padding-top: 18px;
}
.page-music .detail-block .title-block h3.long-title {
  width: 480px;
  height: 70px;
  background: url(../../img/music/bg_title_song02.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block {
  margin-bottom: 10px;
}
.page-music .detail-block .song-block .jacket {
  width: 200px;
  height: 200px;
  position: relative;
  margin-left: 10px;
  float: left;
}
.page-music .detail-block .song-block .jacket a {
  display: block;
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-music .detail-block .song-block .jacket .icon-play {
  width: 69px;
  height: 69px;
  position: absolute;
  left: 65px;
  top: 65px;
  z-index: 60;
}
.page-music .detail-block .song-block .jacket .image {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-music .detail-block .song-block .param-block {
  float: right;
  width: 600px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 25px;
  background: url(../../img/music/bg_profile_top.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .details {
  width: 545px;
  margin: 0 auto 18px auto;
  text-align: left;
  position: relative;
}
.page-music .detail-block .song-block .param-block .details .icon-unlock {
  position: absolute;
  right: 5px;
  top: -3px;
  width: 96px;
  height: 23px;
  display: none;
  cursor: pointer;
}
.page-music .detail-block .song-block .param-block .details .on {
  display: block !important;
}
.page-music .detail-block .song-block .param-block .details .txt-unlock {
  position: absolute;
  right: 5px;
  top: 22px;
  width: 391px;
  height: 32px;
  display: none;
}
.page-music .detail-block .song-block .param-block .details li {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  float: left;
  margin-right: 20px;
}
.page-music .detail-block .song-block .param-block .details .genre {
  text-indent: 78px;
  background: url(../../img/music/title_genre.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .details .bpm {
  text-indent: 52px;
  background: url(../../img/music/title_bpm.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .details .release {
  text-indent: 102px;
  background: url(../../img/music/title_release.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty {
  width: 545px;
  margin: 0 auto 0 auto;
  text-align: left;
}
.page-music .detail-block .song-block .param-block .difficulty h4 {
  margin-bottom: 7px;
}
.page-music .detail-block .song-block .param-block .difficulty li {
  text-indent: 110px;
  height: 25px;
  margin-bottom: 6px;
}
.page-music .detail-block .song-block .param-block .difficulty .simple {
  background: url(../../img/music/title_difficulty_simple.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty .normal {
  background: url(../../img/music/title_difficulty_normal.png) 0 0 no-repeat;
}
.page-music .detail-block .song-block .param-block .difficulty .harder {
  background: url(../../img/music/title_difficulty_hard.png) 0 0 no-repeat;
}
.page-music .detail-block .screenshot {
  width: 535px;
  float: left;
  background: url(../../img/music/bg_screenshot_top.png) 0 25px no-repeat;
}
.page-music .detail-block .screenshot h4 {
  margin-bottom: 20px;
}
.page-music .detail-block .screenshot ul {
  margin-left: 20px;
}
.page-music .detail-block .screenshot ul li {
  float: left;
  width: 146px;
  height: 260px;
  margin: 0 8px;
  position: relative;
}
.page-music .detail-block .artist {
  width: 260px;
  float: right;
  text-align: center;
  background: url(../../img/music/bg_artist_top.png) 0 25px no-repeat;
}
.page-music .detail-block .artist h4 {
  margin-bottom: 20px;
  text-align: left;
}
.page-music .detail-block .artist .detail-box {
  width: 200px;
  margin: 0 auto;
  text-align: left;
  color: #FFFFFF;
  font-size: 13px;
}
.page-music .detail-block .artist .detail-box p {
  margin-bottom: 6px;
}
.page-music .detail-block .artist .detail-box .btn-artist {
  width: 169px;
  margin: -6px 0 0 -8px;
}
.page-music .btnback-block {
  text-align: center;
}
.page-music .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}

/*================================================================================
	Base Formats
================================================================================*/
.page-special .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 5000px;
  height: 400px;
}
.page-special .list-block .movie-list {
  width: 980px;
  height: 400px;
  overflow: hidden !important;
  position: relative;
}
.page-special .list-block .movie-list ul {
  width: 980px;
  float: left;
  margin-right: 10px;
}
.page-special .list-block .movie-list .new .title {
  background: url(../../img/special/icon_new.png) 100% 0 no-repeat;
}
.page-special .list-block .movie-list li {
  width: 314px;
  height: 180px;
  position: relative;
  float: left;
  margin: 0 19px 19px 0;
}
.page-special .list-block .movie-list li a {
  display: block;
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-special .list-block .movie-list li .title {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 60;
}
.page-special .list-block .movie-list li .frame {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 70;
}
.page-special .list-block .movie-list li .dot {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
.page-special .list-block .movie-list li .photo {
  width: 314px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-special .list-block .movie-list li.last {
  margin-right: 0;
}
.page-special .list-block .btn-prev {
  width: 66px;
  height: 64px;
  position: absolute;
  left: -80px;
  top: 150px;
  z-index: 100;
}
.page-special .list-block .btn-next {
  width: 66px;
  height: 64px;
  position: absolute;
  left: 984px;
  top: 150px;
  z-index: 100;
}
.page-special .btnback-block {
  text-align: center;
}
.page-special .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}
.page-special .detail-block {
  text-align: center;
}
.page-special .detail-block .movie-box {
  margin: 0 auto;
  width: 706px;
}

/*================================================================================
	Base Formats
================================================================================*/
.page-location .map-block {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 30px;
}
.page-location .map-block .map-inner {
  width: 548px;
  height: 333px;
  margin: 0 auto;
}
.page-location .btnback-block {
  text-align: center;
}
.page-location .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}
.page-location .search-map-kanto,
.page-location .search-map-kansai,
.page-location .search-map-hokuriku,
.page-location .search-map-hokkaido,
.page-location .search-map-chugoku,
.page-location .search-map-kyushu,
.page-location .search-map-tohoku,
.page-location .search-map-tokai {
  display: none;
}
.page-location .map_img {
  position: absolute;
}
.page-location .map_return {
  width: 141px;
  height: 33px;
  position: relative;
  top: 8px;
  left: 400px;
  background: url(../../img/location_map/map_return_off.png) center no-repeat;
}
.page-location .map_return a {
  width: 141px;
  height: 33px;
  display: block;
}
.page-location div:hover.map_return {
  background: url(../../img/location_map/map_return_ov.png) center no-repeat;
}

/*================================================================================
	Base Formats
================================================================================*/
.page-ranking .const-block {
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
}
.page-ranking .const-block .const-inner {
  width: 296px;
  margin: 0 auto;
  text-align: left;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}
.page-ranking .const-block .const-inner p {
  margin-bottom: 10px;
}
.page-ranking .const-block .const-inner .text {
  margin-left: 5px;
}
.page-ranking .rank-header {
  text-align: center;
  margin-bottom: 35px;
}
.page-ranking .rank-header .rank-nav li {
  float: left;
  width: 222px;
  cursor: pointer;
  position: relative;
}
.page-ranking .rank-header .rank-nav .second {
  position: absolute;
  left: 11px;
  top: 32px;
  z-index: 100;
  display: none;
}
.page-ranking .rank-header .rank-nav .second li {
  float: none;
  width: 206px;
  height: 24px;
  font-size: 16px;
  text-align: center;
  color: #44403f;
  cursor: default;
  background: url(../../img/ranking/btn_bg_off.gif) 0 0 no-repeat;
}
.page-ranking .rank-header .rank-nav .second li a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 206px;
  height: 24px;
}
.page-ranking .rank-header .rank-nav .second .btnover {
  background: url(../../img/ranking/btn_bg_on.gif) 0 0 no-repeat;
}
.page-ranking .rank-header .rank-nav .second .btnover a {
  color: #FFFFFF;
  text-decoration: none;
}
.page-ranking .rank-header .rank-date {
  position: absolute;
  right: 0;
  top: 15px;
  width: 500px;
  text-align: right;
  color: #FFFFFF;
}
.page-ranking .rand-detail {
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 10px;
}
.page-ranking .rand-detail p {
  margin-left: 10px;
}
.page-ranking .rank-list {
  color: #FFFFFF;
  font-size: 11px;
  margin-bottom: 30px;
}
.page-ranking .rank-list a {
  text-decoration: none;
}
.page-ranking .rank-list li {
  float: left;
}
.page-ranking .rank-list .cr {
  color: #22A5D6;
}
.page-ranking .rank-table {
  color: #FFFFFF;
}
.page-ranking .rank-table .loading {
  text-align: center;
  font-size: 18px;
  padding: 200px 0;
  height: 2000px;
}
.page-ranking .rank-table ul {
  border-top: #6B6D71 solid 1px;
  margin-bottom: 40px;
  display: none;
}
.page-ranking .rank-table ul li {
  padding: 8px 0;
  background: url(../../img/ranking/bar_dot.gif) 0 100% repeat-x;
}
.page-ranking .rank-table ul p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.page-ranking .rank-table ul .rank-num {
  width: 66px;
  padding: 0;
  font-size: 15px;
  text-align: center;
}
.page-ranking .rank-table ul .rank-name {
  width: 166px;
}
.page-ranking .rank-table ul .rank-title {
  width: 156px;
}
.page-ranking .rank-table ul .rank-level {
  width: 82px;
  font-size: 16px;
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}
.page-ranking .rank-table ul .rank-score {
  width: 177px;
  font-size: 16px;
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}
.page-ranking .rank-table ul .rank-loc {
  width: 259px;
}
.page-ranking .rank-table .topclass .rank-name {
  font-size: 18px;
}
.page-ranking .rank-table .topclass .rank-level {
  font-size: 18px;
}
.page-ranking .rank-table .topclass .rank-score {
  font-size: 18px;
}
.page-ranking .rank-table .rank-headline {
  margin-bottom: 8px;
}
.page-ranking .rank-table .rank-headline p {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
}
.page-ranking .rank-table .rank-headline .head-num {
  width: 66px;
  padding: 0;
  text-align: center;
}
.page-ranking .rank-table .rank-headline .head-name {
  width: 166px;
}
.page-ranking .rank-table .rank-headline .head-title {
  width: 156px;
}
.page-ranking .rank-table .rank-headline .head-level {
  width: 82px;
}
.page-ranking .rank-table .rank-headline .head-score {
  width: 177px;
}
.page-ranking .rank-table .rank-headline .head-loc {
  width: 259px;
}
.page-ranking .btnback-block {
  text-align: center;
}
.page-ranking .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}

* html .rank-table p {
  /* IE 6 */
  display: inline;
  zoom: 1;
}

*:first-child + html rank-table p {
  /* IE 7 */
  display: inline;
  zoom: 1;
}

/*================================================================================
	Base Formats
================================================================================*/
.page-material .list-block .list-wrap {
  position: absolute;
  left: 0;
  top: 0;
}
.page-material .list-block .captios {
  font-size: 10px;
  color: #FFFFFF;
}
.page-material .list-block .material-list {
  width: 980px;
  height: 1110px;
  position: relative;
  /*
  .new{
  	.title{
  		background:url(../../img/special/icon_new.png) 100% 0 no-repeat;
  	}
  }
  */
}
.page-material .list-block .material-list ul {
  width: 980px;
  margin-right: 10px;
}
.page-material .list-block .material-list li {
  width: 314px;
  height: 90px;
  position: relative;
  float: left;
  margin: 0 19px 19px 0;
}
.page-material .list-block .material-list li a {
  display: block;
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.page-material .list-block .material-list li .title {
  position: absolute;
  left: 15px;
  top: 35px;
  z-index: 60;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0px 0px 15px #000;
  background: url(../img/icon_arw01.png) 0 5px no-repeat;
}
.page-material .list-block .material-list li .title a:link, .page-material .list-block .material-list li .title a:visited {
  color: #FFF;
}
.page-material .list-block .material-list li .title a:hover, .page-material .list-block .material-list li .title a:active {
  color: #FFF !important;
}
.page-material .list-block .material-list li .frame {
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 70;
}
.page-material .list-block .material-list li .dot {
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
.page-material .list-block .material-list li .photo {
  width: 314px;
  height: 90px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.page-material .list-block .material-list li .icon {
  position: absolute;
  right: 0;
  bottom: 2px;
  z-index: 80;
  width: 100px;
  height: 17px;
}
.page-material .list-block .material-list li.last {
  margin-right: 0;
}
.page-material .btnback-block {
  text-align: center;
}
.page-material .btnback-block p {
  display: block;
  width: 98px;
  margin: 0 auto;
}
.page-material .detail-block {
  text-align: center;
}
.page-material .detail-block .movie-box {
  margin: 0 auto;
  width: 706px;
}

/*================================================================================
	INDEX
================================================================================*/
.top-head .inner {
  width: 90% !important;
}

#pop-wrap {
  display: none;
  width: 100%;
}
#pop-wrap .pop-container {
  width: 960px;
  height: 1520px;
  position: relative;
}
#pop-wrap .pop-container .pop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
#pop-wrap .pop-container .pop-close {
  position: absolute;
  right: 43px;
  top: 40px;
  z-index: 1;
}

.page-index {
  text-align: center !important;
}
.page-index #indexContainer {
  width: 92%;
  max-width: 1636px;
  margin: 0 auto 0 auto;
  text-align: left !important;
  position: relative;
}
.page-index #index-head {
  height: 132px;
}
.page-index h1 {
  position: absolute;
  left: -7px;
  top: 22px;
  z-index: 0;
}
.page-index #index-nav {
  width: 715px;
  position: absolute;
  right: 0;
  top: 34px;
  z-index: 1000;
}
.page-index #index-nav .title {
  margin: 0 0 3px 5px;
}
.page-index #index-nav li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}
.page-index #index-nav li .parent {
  margin-bottom: 0;
}
.page-index #index-nav li .nav-child {
  display: none;
}
.page-index #index-nav li li {
  float: none;
  clear: both;
  margin: 0 0 0 0;
}
.page-index #index-nav li a {
  display: block;
}
.page-index #index-nav li .news01 {
  background: url(../../img/index/nav_news_01_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .news02 {
  background: url(../../img/index/nav_news_02_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .about01 {
  background: url(../../img/index/nav_about_01_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .about02 {
  background: url(../../img/index/nav_about_02_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .about03 {
  background: url(../../img/index/nav_about_03_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .about04 {
  background: url(../../img/index/nav_about_04_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .play01 {
  background: url(../../img/index/nav_play_01_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .play02 {
  background: url(../../img/index/nav_play_02_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .song01 {
  background: url(../../img/index/nav_song_01_on.png) 0 0 no-repeat;
}
.page-index #index-nav li .song02 {
  background: url(../../img/index/nav_song_02_on.png) 0 0 no-repeat;
}
.page-index #index-nav-sp {
  display: none;
}
.page-index .main-block {
  color: #FFFFFF;
}
.page-index .main-block a:link, .page-index .main-block a:visited, .page-index .main-block a:hover, .page-index .main-block a:active {
  color: #FFF;
}
.page-index .main-block .sort-matrix {
  display: none;
}
.page-index .main-block .frame {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.page-index .main-block .cover {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}
.page-index .main-block .most-over {
  display: block;
  position: absolute;
  z-index: 100 !important;
}
.page-index .main-block .block-lead {
  position: absolute;
  left: 12px;
  top: 2px;
  z-index: 100;
  font-size: 14px;
}
.page-index .main-block .block-title {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 9;
  display: block;
}
.page-index .main-block .icon-new {
  position: absolute;
  right: 0;
  top: 165px;
  z-index: 100;
}
.page-index .main-block .none {
  display: none;
}
.page-index .main-block .update {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 100;
  font-size: 9px;
  text-indent: 10px;
}
.page-index .main-block .btn-more {
  width: 64px;
  height: 17px;
  position: absolute;
  right: 6px;
  top: 10px;
  display: block;
  z-index: 100;
  font-size: 10px;
}
.page-index .main-block .btn-more span {
  display: block;
  text-indent: 9px;
  margin-left: 8px;
  background: url(../../img/index/white_icon_arrow.png) 0 6px no-repeat;
}
.page-index .main-block .cat-play .update {
  color: #3CC800;
  background: url(../../img/index/play_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .cat-play a.btn-more:link, .page-index .main-block .cat-play a.btn-more:visited {
  background-color: #3CC800;
  text-decoration: none;
}
.page-index .main-block .cat-play a.btn-more:hover, .page-index .main-block .cat-play a.btn-more:active {
  background-color: #8ADE66;
}
.page-index .main-block .cat-about .update {
  color: #009EFF;
  background: url(../../img/index/about_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .cat-song .update {
  color: #E4007F;
  background: url(../../img/index/song_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .cat-song .txt {
  line-height: 1.0em !important;
}
.page-index .main-block .cat-song .txt strong {
  font-weight: normal;
  font-size: 10px;
}
.page-index .main-block .cat-other .update {
  color: #FFFFFF;
  background: url(../../img/index/white_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .block-l {
  position: relative;
  width: 320px;
  height: 506px;
  margin: 0 6px 6px 0;
  display: none;
}
.page-index .main-block .block-l a {
  width: 320px;
  height: 506px;
}
.page-index .main-block .block-l .img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  display: block;
}
.page-index .main-block .block-l .lead {
  position: absolute;
  left: 23px;
  top: 226px;
  z-index: 0;
}
.page-index .main-block .block-l .txt {
  position: absolute;
  left: 32px;
  top: 265px;
  z-index: 0;
  font-weight: bold;
}
.page-index .main-block .block-m {
  position: relative;
  width: 320px;
  height: 250px;
  margin: 0 6px 6px 0;
  display: none;
  background: url(../../img/index/bg_medium.png) no-repeat;
}
.page-index .main-block .block-m .txt {
  width: 300px;
  position: absolute;
  left: 10px;
  top: 175px;
  z-index: 0;
}
.page-index .main-block .block-m .player {
  position: absolute;
  left: 1px;
  top: 28px;
  z-index: 100;
}
.page-index .main-block .block-m .icon-play {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 70px;
  z-index: 100;
}
.page-index .main-block .block-m .lead-about {
  position: absolute;
  left: 0px;
  top: 115px;
  z-index: 100;
  width: 100%;
  text-align: center;
}
.page-index .main-block .block-m .txt-about02 {
  position: absolute;
  left: 45px;
  top: 150px;
  z-index: 100;
  font-weight: bold;
}
.page-index .main-block .block-m .txt-about03 {
  position: absolute;
  left: 55px;
  top: 150px;
  z-index: 100;
  font-weight: bold;
}
.page-index .main-block .block-m .lead-loc {
  position: absolute;
  left: 0px;
  top: 110px;
  z-index: 100;
  width: 100%;
  text-align: center;
}
.page-index .main-block .block-m .txt-loc {
  position: absolute;
  left: 55px;
  top: 145px;
  z-index: 100;
  font-weight: bold;
}
.page-index .main-block .block-m .news-box {
  width: 280px;
  height: 190px;
  position: absolute;
  left: 20px;
  top: 40px;
  z-index: 100;
  position: relative;
}
.page-index .main-block .block-m .news-box a:link, .page-index .main-block .block-m .news-box a:visited {
  color: #FFF !important;
  text-decoration: none;
}
.page-index .main-block .block-m .news-box a:hover, .page-index .main-block .block-m .news-box a:active {
  color: #666666 !important;
  text-decoration: none;
}
.page-index .main-block .block-m .news-box .link-box {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.page-index .main-block .block-m .news-box .box-l {
  width: 160px;
  float: left;
}
.page-index .main-block .block-m .news-box .box-r {
  width: 105px;
  float: right;
  color: #FFF;
  font-size: 14px;
}
.page-index .main-block .block-m .news-box .news-update {
  position: absolute;
  top: 190px;
  left: -7px;
  z-index: 100;
  font-size: 9px;
  text-indent: 10px;
  color: #FFFFFF;
  background: url(../../img/index/white_icon_arrow.png) 0 4px no-repeat;
}
.page-index .main-block .block-m .news-box .news-list li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  background: url(../../img/index/bar_dot01.gif) 0 100% repeat-x;
}
.page-index .main-block .block-m .news-box .news-list li:last-child {
  background: none;
  margin: 0;
  padding: 0;
}
.page-index .main-block .block-m .news-box .news-list .date {
  font-size: 10px;
  display: block;
  float: left;
  width: 55px;
  padding-top: 3px;
}
.page-index .main-block .block-m .news-box .news-list .detail {
  display: block;
  float: right;
  width: 210px;
}
.page-index .main-block .block-m .box-iframe {
  border: none;
}
.page-index .main-block .block-m .tweet-box {
  position: absolute;
  left: 1px;
  top: 28px;
  z-index: 90;
}
.page-index .main-block .block-m .rank-box {
  width: 280px;
  height: 190px;
  position: absolute;
  left: 20px;
  top: 35px;
  z-index: 100;
}
.page-index .main-block .block-m .rank-box .last {
  background: none !important;
}
.page-index .main-block .block-m .rank-box .one-box {
  margin-bottom: 5px;
  padding-bottom: 5px;
  background: url(../../img/index/bar_dot01.gif) 0 100% repeat-x;
}
.page-index .main-block .block-m .rank-box .one-box:last-child {
  background: none;
  margin: 0;
  padding: 0;
}
.page-index .main-block .block-m .rank-box .one-box .num {
  width: 65px;
  float: left;
}
.page-index .main-block .block-m .rank-box .one-box .detail {
  width: 210px;
  float: right;
}
.page-index .main-block .block-m .rank-box .one-box .detail p {
  margin-bottom: 3px !important;
}
.page-index .main-block .block-m .rank-box .one-box .detail .name {
  font-size: 13px;
  font-weight: bold;
}
.page-index .main-block .block-m .rank-box .one-box .detail .nickname {
  font-size: 10px;
  line-height: 1.2 !important;
}
.page-index .main-block .block-m .rank-box .one-box .detail .score {
  font-size: 10px;
  line-height: 1.2 !important;
}
.page-index .main-block .block-s {
  position: relative;
  width: 157px;
  height: 250px;
  margin: 0 6px 6px 0;
  display: none;
  background: url(../../img/index/bg_small.png) no-repeat;
}
.page-index .main-block .block-s .txt {
  width: 137px;
  position: absolute;
  left: 10px;
  top: 175px;
  z-index: 0;
}
.page-index .main-block .block-s .img {
  position: absolute;
  left: 0px;
  top: 9px;
  z-index: 5;
}
.page-index .index-foot {
  margin-top: 50px;
  margin-bottom: 20px;
}
.page-index .index-foot a:link, .page-index .index-foot a:visited {
  color: #CCCCCC;
}
.page-index .index-foot a:hover, .page-index .index-foot a:active {
  color: #999999;
}
.page-index .index-foot .ft-left {
  color: #CCCCCC;
  font-size: 10px;
  float: left;
}
.page-index .index-foot .ft-left .taito-logo {
  margin-bottom: 10px;
}
.page-index .index-foot .ft-right {
  width: 470px;
  float: right;
  padding-top: 50px;
}
.page-index .index-foot .ft-right p {
  float: right;
  margin-left: 10px;
}
.page-index #topnews .block-lead {
  color: #FF0;
}

@media only screen and (max-width: 1290px) {
  .page-index h1 img {
    width: 80% !important;
    height: auto !important;
    margin-top: 7px !important;
  }
}
@media only screen and (max-width: 1170px) {
  .page-index #index-head {
    height: auto !important;
    margin-bottom: 30px !important;
  }
  .page-index h1 img {
    margin: 0 auto !important;
  }
  .page-index #index-nav {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 120px 0 0 0 !important;
  }
  .page-index #index-nav .title {
    display: none !important;
  }
}
/*================================================================================
	Smart device
================================================================================*/
.iPhone .top-head,
.iPad .top-head,
.Android .top-head {
  display: none !important;
}
.iPhone .page-index,
.iPad .page-index,
.Android .page-index {
  width: 100% !important;
}
.iPhone .page-index #indexContainer,
.iPad .page-index #indexContainer,
.Android .page-index #indexContainer {
  width: 100% !important;
}
.iPhone .page-index #index-head,
.iPad .page-index #index-head,
.Android .page-index #index-head {
  height: auto !important;
  margin-bottom: 15px !important;
}
.iPhone .page-index #index-head #index-nav,
.iPad .page-index #index-head #index-nav,
.Android .page-index #index-head #index-nav {
  display: none !important;
}
.iPhone .page-index #index-head #index-nav-sp,
.iPad .page-index #index-head #index-nav-sp,
.Android .page-index #index-head #index-nav-sp {
  display: block !important;
  width: 90% !important;
  margin: 0 auto !important;
}
.iPhone .page-index #index-head #index-nav-sp li,
.iPad .page-index #index-head #index-nav-sp li,
.Android .page-index #index-head #index-nav-sp li {
  margin-bottom: 2px !important;
}
.iPhone .page-index #index-head #index-nav-sp li ul,
.iPad .page-index #index-head #index-nav-sp li ul,
.Android .page-index #index-head #index-nav-sp li ul {
  display: none;
}
.iPhone .page-index #index-head #index-nav-sp li li,
.iPad .page-index #index-head #index-nav-sp li li,
.Android .page-index #index-head #index-nav-sp li li {
  margin-bottom: 0 !important;
}
.iPhone .page-index #index-head h1,
.iPad .page-index #index-head h1,
.Android .page-index #index-head h1 {
  position: relative;
  width: 90% !important;
  left: auto !important;
  top: auto !important;
  margin: 10px auto 15px auto !important;
}
.iPhone .page-index #index-head h1 img,
.iPad .page-index #index-head h1 img,
.Android .page-index #index-head h1 img {
  width: 100% !important;
  height: auto !important;
}
.iPhone .index-foot .ft-left,
.iPad .index-foot .ft-left,
.Android .index-foot .ft-left {
  width: 90% !important;
  margin: 0 auto !important;
  clear: both !important;
  float: none !important;
  text-align: center !important;
}
.iPhone .index-foot .ft-right,
.iPad .index-foot .ft-right,
.Android .index-foot .ft-right {
  clear: both !important;
  float: none !important;
  width: 90% !important;
  margin: 0 auto 20px auto !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}