@charset "utf-8";
/*
--------------------------------------------------
f(x) (2015.11.16)
author:A
--------------------------------------------------*/

/* All
--------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  font: 12px/1.5em Verdana, Helvetica, Arial, 'ヒラギノ丸ゴ Pro W4', 'ＭＳ Ｐゴシック', sans-serif;
  text-align: center;
  color: #000;
  background: #f6f6f6 url(../images/common/bg.jpg) 50% -394px repeat;
}
#container {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
#mainCol {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  z-index: 10px;
}
#headerCol {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0;
  background: #fff;
  z-index: 800;
}
#header {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
#title {
  position: relative;
  margin: 0 22px 0 0;
  padding: 0;
  width: 150px;
  height: 40px;
  font-size: 100%;
  text-align: left;
  text-indent: -9999px;
  border: none;
  float: left;
}
#title span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/common/logo.png) 0 0 no-repeat;
}
#title span a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 150px;
  height: 40px;
}
#contents {
  position: relative;
  width: 1000px;
  margin: 0 auto 40px;
  padding: 100px 0 0 0;
  text-align: left;
}
h1 {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  font-size: 100%;
  text-align: left;
}
.subject {
  margin: 0 0 14px 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  text-align: left;
}
/*\*/
* html .subject {
  height: 1%;
}
/**/

.subject .date {
  font-size: 70%;
}
.subject h2,
.subject h3 {
  font-size: 160%;
  line-height: 130%;
  margin: 0;
  padding: 0;
  color: #000;
  text-indent: 0;
}
.subject em {
  font-size: 86%;
  font-style: normal;
  font-weight: normal;
  color: #444;
}
h2 {
  font-size: 160%;
  line-height: 130%;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000;
}
h3 {
  font-size: 140%;
  line-height: 130%;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000;
}
h4 {
  font-size: 120%;
  line-height: 130%;
  margin: 0 0 3px 0;
  padding: 0;
  color: #444;
}
.pagetop a {
  float: right;
  width: 174px;
  height: 36px;
  margin: 0 0 0 14px;
  padding: 0;
  display: block;
  background: url(../images/common/pagetop.jpg) 0 0 no-repeat;
}
.pagetop a:hover {
  width: 174px;
  height: 36px;
  cursor: hand;
  opacity: 0.6;
}
.back a {
  float: right;
  width: 174px;
  height: 36px;
  margin: 0 0 0 14px;
  padding: 0;
  display: block;
  background: url(../images/common/back.jpg) 0 0 no-repeat;
}
.back a:hover {
  width: 174px;
  height: 36px;
  cursor: hand;
  opacity: 0.6;
}
.more a {
  width: 174px;
  height: 36px;
  margin: 0;
  padding: 0;
  display: block;
  background: url(../images/common/more.png) 0 0 no-repeat;
}
.more a:hover {
  width: 174px;
  height: 36px;
  opacity: 0.6;
  cursor: hand;
}
.buy a {
  width: 300px;
  height: 44px;
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  background: url(../images/common/buy.jpg) 0 0 no-repeat;
}
.buy a:hover {
  width: 300px;
  height: 44px;
  opacity: 0.6;
  cursor: hand;
}
.dl a {
  float: right;
  width: 200px;
  height: 34px;
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  background: url(../images/navi/dl.png) 0 0 no-repeat;
}
.dl a:hover {
  width: 200px;
  height: 34px;
  cursor: hand;
  background: url(../images/navi/dl.png) 0 -34px no-repeat;
}
/* Footer
--------------------------------------------------*/
#footerCol {
  margin: 0;
  padding: 50px 0;
  font-size: 90%;
  border-top: 1px solid #ccc;
}
#footer {
  width: 1000px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
#footer #logo {
  position: relative;
  margin: 0 auto 25px;
  padding: 0;
  width: 84px;
  height: 81px;
  font-size: 100%;
  line-height: 100%;
  text-align: left;
  text-indent: -9999px;
}
#footer #logo span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/common/logo2.png) no-repeat 50% 0;
}
#footer #logo span a {
  display: block;
  width: 84px;
  height: 81px;
  margin: 0;
}
/*navi
------------------------------------------------*/
#naviCol {
  width: 1000px;
  height: 32px;
  margin: 0 auto;
  padding: 16px 0;
}
#navi {
  width: 1000px;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  font-size: 100%;
}
#navi li {
  display: block;
  margin: 0 3px;
  padding: 0;
  height: 32px;
  text-indent: -9999px;
  float: left;
}
.hover-css a,
.hover-anims a,
.hover-anims span {
  display: block;
  height: 32px;
  position: relative;
  overflow: hidden;
}
.hover-anims span {
  position: absolute;
  left: 0;
  top: 0;
}
.hover-css .top a,
.hover-anims .top a,
.hover-anims .top span {
  width: 71px;
  background: url(../images/navi/top.jpg) no-repeat 0 0;
}
.hover-css .top a:hover,
.hover-anims .top span {
  width: 71px;
  background: url(../images/navi/top_on.jpg) no-repeat 0 0;
}
#top .hover-css .top a,
#top .hover-anims .top a,
#top .hover-anims .top span {
  width: 71px;
  background: url(../images/navi/top_on.jpg) no-repeat 0 0;
}
.hover-css .news a,
.hover-anims .news a,
.hover-anims .news span {
  width: 71px;
  background: url(../images/navi/news.jpg) no-repeat 0 0;
}
.hover-css .news a:hover,
.hover-anims .news span {
  width: 71px;
  background: url(../images/navi/news_on.jpg) no-repeat 0 0;
}
#news .hover-css .news a,
#news .hover-anims .news a,
#news .hover-anims .news span {
  width: 71px;
  background: url(../images/navi/news_on.jpg) no-repeat 0 0;
}
.hover-css .profile a,
.hover-anims .profile a,
.hover-anims .profile span {
  width: 85px;
  background: url(../images/navi/profile.jpg) no-repeat 0 0;
}
.hover-css .profile a:hover,
.hover-anims .profile span {
  width: 85px;
  background: url(../images/navi/profile_on.jpg) no-repeat 0 0;
}
#profile .hover-css .profile a,
#profile .hover-anims .profile a,
#profile .hover-anims .profile span {
  width: 85px;
  background: url(../images/navi/profile_on.jpg) no-repeat 0 0;
}
.hover-css .disc a,
.hover-anims .disc a,
.hover-anims .disc span {
  width: 132px;
  background: url(../images/navi/disc.jpg) no-repeat 0 0;
}
.hover-css .disc a:hover,
.hover-anims .disc span {
  width: 132px;
  background: url(../images/navi/disc_on.jpg) no-repeat 0 0;
}
#disc .hover-css .disc a,
#disc .hover-anims .disc a,
#disc .hover-anims .disc span {
  width: 132px;
  background: url(../images/navi/disc_on.jpg) no-repeat 0 0;
}
.hover-css .live a,
.hover-anims .live a,
.hover-anims .live span {
  width: 61px;
  background: url(../images/navi/live.jpg) no-repeat 0 0;
}
.hover-css .live a:hover,
.hover-anims .live span {
  width: 61px;
  background: url(../images/navi/live_on.jpg) no-repeat 0 0;
}
#live .hover-css .live a,
#live .hover-anims .live a,
#live .hover-anims .live span {
  width: 61px;
  background: url(../images/navi/live_on.jpg) no-repeat 0 0;
}
.hover-css .movie a,
.hover-anims .movie a,
.hover-anims .movie span {
  width: 85px;
  background: url(../images/navi/movie.jpg) no-repeat 0 0;
}
.hover-css .movie a:hover,
.hover-anims .movie span {
  width: 85px;
  background: url(../images/navi/movie_on.jpg) no-repeat 0 0;
}
#movie .hover-css .movie a,
#movie .hover-anims .movie a,
#movie .hover-anims .movie span {
  width: 85px;
  background: url(../images/navi/movie_on.jpg) no-repeat 0 0;
}
.hover-css .photo a,
.hover-anims .photo a,
.hover-anims .photo span {
  width: 90px;
  background: url(../images/navi/photo.jpg) no-repeat 0 0;
}
.hover-css .photo a:hover,
.hover-anims .photo span {
  width: 90px;
  background: url(../images/navi/photo_on.jpg) no-repeat 0 0;
}
#photo .hover-css .photo a,
#photo .hover-anims .photo a,
#photo .hover-anims .photo span {
  width: 90px;
  background: url(../images/navi/photo_on.jpg) no-repeat 0 0;
}
.hover-css .mailmag a,
.hover-anims .mailmag a,
.hover-anims .mailmag span {
  width: 134px;
  background: url(../images/navi/mailmag.jpg) no-repeat 0 0;
}
.hover-css .mailmag a:hover,
.hover-anims .mailmag span {
  width: 134px;
  background: url(../images/navi/mailmag_on.jpg) no-repeat 0 0;
}
#mailmag .hover-css .mailmag a,
#mailmag .hover-anims .mailmag a,
#mailmag .hover-anims .mailmag span {
  width: 134px;
  background: url(../images/navi/mailmag_on.jpg) no-repeat 0 0;
}
.hover-css .fb a,
.hover-anims .fb a,
.hover-anims .fb span {
  width: 104px;
  background: url(../images/navi/fb.jpg) no-repeat 0 0;
}
.hover-css .fb a:hover,
.hover-anims .fb span {
  width: 104px;
  background: url(../images/navi/fb_on.jpg) no-repeat 0 0;
}
#fb .hover-css .fb a,
#fb .hover-anims .fb a,
#fb .hover-anims .fb span {
  width: 104px;
  background: url(../images/navi/fb_on.jpg) no-repeat 0 0;
}

#schedule .hover-css .schedule a,
#schedule .hover-anims .schedule a,
#schedule .hover-anims .schedule span {
  width: 107px;
  background: url(../images/navi/schedule_on.jpg) no-repeat 0 0;
}
.hover-css .schedule a,
.hover-anims .schedule a,
.hover-anims .schedule span {
  width: 107px;
  background: url(../images/navi/schedule.jpg) no-repeat 0 0;
}
.hover-css .schedule a:hover,
.hover-anims .schedule span {
  width: 107px;
  background: url(../images/navi/schedule_on.jpg) no-repeat 0 0;
}

.hover-css .fanclub a,
.hover-anims .fanclub a,
.hover-anims .fanclub span {
  width: 85px;
  background: url(../images/navi/fanclub.jpg) no-repeat 0 0;
}
.hover-css .fanclub a:hover,
.hover-anims .fanclub span {
  width: 85px;
  background: url(../images/navi/fanclub_on.jpg) no-repeat 0 0;
}
#fanclub .hover-css .fanclub a,
#fanclub .hover-anims .fanclub a,
#fanclub .hover-anims .fanclub span {
  width: 85px;
  background: url(../images/navi/fanclub_on.jpg) no-repeat 0 0;
}
/* Top
--------------------------------------------------*/
#top {
  overflow-x: hidden;
}
#toparea .whatsnew {
  height: 58px;
  background: url(../images/top/whatsnewbg.png) 50% 0 no-repeat;
}
#toparea .whatsnew .whatscol {
  width: 892px;
  margin: 0 auto;
  padding: 14px 0 14px 108px;
}
#top h1 {
  position: relative;
  margin: 140px auto;
  padding: 0;
  width: 900px;
  height: 365px;
  font-size: 100%;
  text-align: left;
  text-indent: -9999px;
  border: none;
}
#top h1 span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/top/main.png) 0 0 no-repeat;
}
#newsarea .newscol {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0 0 0;
  background: url(../images/common/line01.jpg) 92px 0 repeat-y;
}
#newsarea .newscol h2 {
  position: relative;
  float: left;
}
#newsarea .newscol .maincol {
  width: 882px;
  margin: 5px 0 0 93px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#newsarea .newscol .maincol .main {
  width: 800px;
  min-height: 320px;
  margin: 5px 0 60px 0;
  padding: 0 41px;
}
#newsarea .newscol .maincol dl {
  width: 164px;
  margin: 0;
  padding: 18px;
  float: left;
}
#newsarea .newscol .maincol dl:nth-child(even) {
  background: #fff;
}
#newsarea .newscol .maincol dl:nth-child(5),
#newsarea .newscol .maincol dl:nth-child(7) {
  background: #fff;
}
#newsarea .newscol .maincol dl:nth-child(6),
#newsarea .newscol .maincol dl:nth-child(8) {
  background: none;
}
#newsarea .newscol .maincol dt {
  margin: 10px 0 15px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
  font-size: 220%;
}
#newsarea .newscol .maincol dt span {
  font-size: 50%;
}
#newsarea .newscol .maincol dd {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}
#newsarea .newscol .maincol .more {
  margin: 0 0 60px 0;
}
#profilearea .profilecol {
  width: 1000px;
  margin: 0 auto;
  padding: 100px 0 0 0;
  background: url(../images/common/line01.jpg) 974px 0 repeat-y;
}
#profilearea .profilecol h2 {
  position: relative;
}
#profilearea .profilecol .maincol {
  width: 1000px;
  margin: 5px 0 0 0;
  padding: 0;
}
#profilearea .profilecol .maincol .main {
  width: 1000px;
  margin: 5px 0 0 0;
  padding: 00;
}
#profilearea .profilecol .maincol .group {
  width: 780px;
  margin: 0 auto 50px;
  padding: 0;
  text-align: center;
}
#profilearea .profilecol .maincol .group img {
  max-width: 780px;
}
#profilearea .profilecol .maincol .member {
  width: 900px;
  margin: 0 0 80px 46px;
  padding: 0;
  text-align: center;
}
#profilearea .profilecol .maincol .member .col {
  width: 180px;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}
#profilearea .profilecol .maincol .member .col .photo {
  width: 180px;
  margin: 0 0 10px 0;
  min-height: 300px;
}
#profilearea .profilecol .maincol .member .col:nth-child(odd) .photo {
  background: #ccc;
}
#profilearea .profilecol .maincol .member .col .name {
  font-size: 140%;
  font-weight: bold;
}
#profilearea .profilecol .maincol .bordercol {
  width: 474px;
  margin: 0 0 0 500px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#discarea .disccol {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
#discarea .disccol h2 {
  position: relative;
  text-align: center;
}
#discarea .disccol .maincol {
  width: 1000px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#discarea .disccol .maincol .bordercol {
  width: 1000px;
  margin: 0 0 20px 0;
  padding: 70px 0 0 0;
  background: url(../images/common/line01.jpg) 50% 0 repeat-y;
}
/*3枚の場合
#discarea .disccol .maincol .main{
	width:1000px;
	min-height:500px;
	margin:30px 0;
	padding:0;
}*/

#discarea .disccol .maincol .main {
  width: 656px;
  min-height: 500px;
  margin: 30px auto;
  padding: 0;
}
#discarea .disccol .maincol .main .col {
  width: 300px;
  margin: 0 14px;
  padding: 0;
  float: left;
}
#discarea .disccol .maincol .main .col .jk {
  max-width: 300px;
  max-height: 300px;
  min-width: 300px;
  min-height: 300px;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #000;
}
#discarea .disccol .maincol .main .col .jk img {
  max-width: 300px;
  max-height: 300px;
}
#discarea .disccol .maincol .bordercol2 {
  width: 1000px;
  margin: 0;
  padding: 70px 0 200px;
  background: url(../images/common/line01.jpg) 50% 0 repeat-y;
}
#discarea .disccol .maincol .more a {
  margin: 0 auto;
}
#livearea .livecol {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
#livearea .livecol .maincol .bordercol {
  width: 501px;
  margin: 0;
  padding: 70px 0 0 0;
  border-bottom: 1px solid #ccc;
  background: url(../images/common/line01.jpg) 100% 0 repeat-y;
}
#livearea .livecol h2 {
  position: relative;
  bottom: -50px;
}
#livearea .livecol .maincol {
  width: 1000px;
  margin: 0;
  padding: 0;
}
#livearea .livecol .maincol .main {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 50px 0;
  background: url(../images/common/line01.jpg) 0 0 repeat-y;
}
#livearea .livecol .maincol .main .liveblock {
  width: 880px;
  min-height: 300px;
  margin: 0 auto;
  padding: 70px 0;
}
#livearea .livecol .maincol ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#livearea .livecol .maincol li {
  width: 96%;
  margin: 0 auto 2px;
  padding: 2%;
  background: #fff;
}
#livearea .livecol .maincol dl {
  width: 96%;
  margin: 0 auto 2px;
  padding: 2%;
  background: #fff;
}
#livearea .livecol .maincol dt {
  width: 20%;
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
  font-size: 230%;
  float: left;
}
#livearea .livecol .maincol dd {
  width: 80%;
  margin: 0;
  padding: 0;
  float: left;
}
#livearea .livecol .maincol .bordercol2 {
  width: 800px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#moviearea .moviecol {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
#moviearea .moviecol .maincol .bordercol {
  width: 800px;
  margin: 0;
  padding: 120px 0 20px 0;
  background: url(../images/common/line01.jpg) 100% 0 repeat-y;
}
#moviearea .moviecol h2 {
  position: relative;
}
#moviearea .moviecol .maincol {
  width: 1000px;
  margin: 0;
  padding: 0;
}
#moviearea .moviecol .maincol .main {
  width: 600px;
  margin: 0 auto;
  padding: 0 0 150px 0;
  background: url(../images/common/line01.jpg) 0 0 repeat-y;
}
#moviearea .moviecol .maincol .main .mv {
  width: 600px;
  height: 340px;
  margin: 0 0 30px 0;
  background: #ccc;
}
#moviearea .moviecol .maincol .bordercol2 {
  width: 151px;
  margin: 0 0 0 50px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#photoarea .photocol {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  background: url(../images/common/line01.jpg) 50px 0 repeat-y;
}
#photoarea .photocol h2 {
  position: relative;
}
#photoarea .photocol .maincol {
  width: 1000px;
  margin: 0;
  padding: 70px 0 0 0;
}
#photoarea .photocol .maincol .main {
  width: 930px;
  margin: 30px 0 0 51px;
  padding: 0 0 120px 0;
}
#photoarea .photocol .maincol .main .phcol {
  width: 906px;
  margin: 0 0 50px 0;
  padding: 8px;
  background: #ccc;
  display: table;
}
#photoarea .photocol .maincol .main .col {
  width: 210px;
  height: 210px;
  margin: 0;
  padding: 8px;
  display: table-cell;
  vertical-align: middle;
}
#photoarea .photocol .maincol .main .col img {
  max-width: 210px;
  max-height: 210px;
}
#photoarea .photocol .maincol .main .col a:hover {
  opacity: 0.6;
}
#top #bannerCol {
  width: 100%;
  margin: 0;
  padding: 0;
　 text-align:center;
  background: #eee;
}
#top .bannerarea {
  width: 940px;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
}
#top .bannerarea .bn {
  width: 180px;
  margin: 4px;
  padding: 0;
  float: left;
}
area {
  outline: none;
}
/*NEWS
------------------------------------------------*/
#news h1 {
  width: 50px;
  height: 100%;
  float: left;
}
#news #contents .newscol {
  width: 800px;
  margin: 0 0 0 80px;
  padding: 0;
  float: left;
}
#news #contents .newscol dl {
  width: 164px;
  margin: 0;
  padding: 18px;
  float: left;
}
#news #contents .newscol dl:nth-child(even) {
  background: #fff;
}
#news #contents .newscol dl:nth-child(5),
#news #contents .newscol dl:nth-child(7),
#news #contents .newscol dl:nth-child(13),
#news #contents .newscol dl:nth-child(15) {
  background: #fff;
}
#news #contents .newscol dl:nth-child(6),
#news #contents .newscol dl:nth-child(8),
#news #contents .newscol dl:nth-child(14),
#news #contents .newscol dl:nth-child(16) {
  background: none;
}
#news #contents dt {
  margin: 10px 0 15px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
  font-size: 220%;
}
#news #contents dd {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

/*SCHEDULE
------------------------------------------------*/
#schedule h1 {
  height: 100%;
  text-align: center;
  margin: 0 0 40px 0;
}
#schedule #contents {
  min-height: 500px;
}

section.schedule {
}
section.schedule dl {
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;
  margin: 0 0 -1px 0;
  position: relative;
  padding: 0;
}
section.schedule dl dt,
section.schedule dl dd {
  padding: 10px 0;
  font-weight: normal;
  margin: 0;
}
section.schedule dl dd {
  padding: 10px 0 0 0;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 95%;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}
.label-default {
  background-color: #333
}
section.schedule .entry-title {
  font-size: 160%;
line-height: 130%;
margin: 0;
padding: 0;
color: #000;
text-indent: 0;
}

/*DISCOGRAPHY
------------------------------------------------*/
#disc h1 {
  text-align: center;
  margin: 0 0 40px 0;
}
#disc #contents {
  min-height: 500px;
}
#disc .musicimg {
  width: 300px;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}
#disc .musicimg img {
  max-width: 300px;
}
#disc .musictxt {
  width: 670px;
  margin: 0;
  padding: 0;
  float: right;
}
#disc .discblock {
  margin: 0 0 20px 0;
  padding: 0;
}
#disc .group {
  margin: 0 0 50px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #E0E0E2;
}
#disc .thum {
  width: 200px;
  height: 260px;
  margin: 0 24px;
  text-align: center;
  font-size: 90%;
  float: left;
}
#disc .thum img {
  max-width: 200px;
}
/*LIVE/EVENT
------------------------------------------------*/
#live h1 {
  text-align: right;
}
#live .liveblock ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#live .liveblock li {
  width: 96%;
  margin: 0 auto 2px;
  padding: 2%;
  background: #fff;
}
#live .liveblock {
  width: 880px;
  min-height: 300px;
  margin: 0 auto;
  padding: 20px 0 50px;
}
#live .liveblock dl {
  width: 96%;
  margin: 0 auto 2px;
  padding: 2%;
  background: #fff;
}
#live .liveblock dt {
  width: 20%;
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
  font-size: 230%;
  float: left;
}
#live .liveblock dd {
  width: 80%;
  margin: 0;
  padding: 0;
  float: left;
}
#live .stagetour dt {
  width: 190px;
  margin: 0;
  padding: 0;
  float: left;
}
#live .stagetour dd {
  width: 570px;
  margin: 0 0 20px 0;
  padding: 0;
  float: left;
}
/*MOVIE
------------------------------------------------*/
#movie h1 {
  text-align: center;
}
#movie #contents {
  min-height: 500px;
}
#movie .moviecol {
  width: 480px;
  height: 340px;
  margin: 10px;
  text-align: center;
 //background:#ccc;
  float: left;
}
/*PHOTO
------------------------------------------------*/
#photo h1 {
  height: 100%;
  text-align: center;
  margin: 0 0 40px 0;
}
#photo #contents {
  min-height: 500px;
}
#photo .col {
  width: 220px;
  height: 220px;
  margin: 15px;
  padding: 0;
  float: left;
}
#photo .col img {
  margin: 0 0 5px 0;
  max-width: 220px;
  max-height: 220px;
}
#photo .col {
  text-align: center;
  font-size: 108%;
  line-height: 1.75em;
}
#photo .col a:hover {
  opacity: 0.6;
}
/*SUBWIN
------------------------------------------------*/
#subwin {
  text-align: left;
  padding: 20px;
}
#subwin #contents {
  width: 100%;
  margin: 0;
  padding: 0;
}
#subwin .box {
  margin: 0 6px 0 6px;
  text-align: center;
  float: left;
}
#subwin.detail .leftCol {
  width: 340px;
  margin: 0 20px 20px 0;
  text-align: center;
  float: left;
}
#subwin.detail .rightCol {
  width: 300px;
  margin: 0;
  padding: 0;
  text-align: left;
  float: left;
}
#subwin.detail .leftCol .photomain {
  width: 340px;
  height: 340px;
  margin: 0;
  text-align: center;
  border: 1px solid #ccc;
}
#subwin ul.thumbnail {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#subwin ul.thumbnail li {
  width: 50px;
  margin: 0 8px 10px 0;
  padding: 0;
  border: 4px solid #ccc;
  cursor: pointer;
  float: left;
}
#subwin.detail .rightCol .photo {
  width: 50px;
}
#subwin ul.thumbnail li.item_image img {
  width: 50px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#subwin dl {
  padding: 0;
}
#subwin dt {
  font-weight: bold;
  color: #CE1B1D;
}
#subwin dd {
  margin: 0;
  padding: 0 0 18px 10px;
}
ul.linkb {
  list-style-type: none;
  margin: 0 0 15px;
  padding: 0;
}
ul.linkb li {
  margin: 0 8px 8px 0;
  padding: 0;
  width: 140px;
  height: 36px;
  float: left;
}
/*LINK
------------------------------------------------*/
a:link,
a:visited,
a:active {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #cb9cfc;
  text-decoration: underline;
}
.whatscol a:link,
.whatscol a:visited,
.whatscol a:active {
  color: #fff;
  text-decoration: none;
}
.whatscol a:hover {
  color: #999;
  text-decoration: underline;
}
.newscol a:hover {
  text-decoration: none;
}
#footer a:link,
#footer a:visited,
#footer a:active {
  color: #000;
  text-decoration: none;
}
#footer a:hover {
  color: #cb9cfc;
  text-decoration: underline;
}
/* class
--------------------------------------------------*/
p {
  margin: 0 0 14px 0;
  padding: 0;
}
.wrap {
  margin: 0;
  padding: 0;
}
.date {
  margin: 20px 0 6px 0;
  padding: 0;
}
.block {
  margin: 0 0 30px 0;
  padding: 0;
}
.social {
  margin: 0 0 10px 0;
  text-align: right;
}
ul {
  margin: 0 0 0 30px;
  padding: 0;
}
li {
  margin: 0;
  padding: 0 0 12px 0;
}
li em {
  font-style: normal;
  font-weight: bold;
}
.listbox ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.listbox li {
  margin: 0;
  padding: 0 0 14px 0x;
}
.btnright {
  width: 40px;
  height: 40px;
  margin: 0 0 0 10px;
  float: right;
}
.red {
  color: #FF0000;
}
.bred {
  font-weight: bold;
  color: #FF0000;
}
.borg {
  font-weight: bold;
  color: #ff6600;
}
.bpink {
  font-weight: bold;
  color: #FF3366;
}
.bgreen {
  font-weight: bold;
  color: #00A6A7;
}
.txbig {
  font-size: 120%;
}
.txsmall {
  font-size: 86%;
}
.tx14 {
  font-size: 130%;
  line-height: 160%;
}
hr {
  display: none;
}
.waku {
  display: block;
  padding: 10px;
  margin: 0 0 10px 0;
  border: 1px solid #E0E0E2;
}
.ph {
  display: block;
  padding: 0;
  margin: 0 14px 0 0;
  text-align: center;
  float: left;
}
.ec {
  display: block;
  width: 110px;
  height: 30px;
  padding: 0;
  margin: 0 14px 14px 0;
  float: left;
}
.stxt {
  font-size: 86%;
  line-height: 130%;
}
.txtright {
  text-align: right;
}
.centerCol {
  text-align: center;
}
.gline {
  border: 1px solid #ccc;
}
ol {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 90%;
}
ol li {
  list-style-position : outside;
  list-style-type: decimal-leading-zero;
  vertical-align: top;
  margin: 0 2px 0 28px;
  padding: 0;
  background: none;
}
ol li em {
  margin: 0;
  padding: 0;
  color: #ff9900;
  font-size: 86%;
  font-style: normal;
}
.bg1 {
  margin: 0;
  padding: 6px;
  text-align: center;
  background: #ededed;
}
.bg2 {
  margin: 0;
  padding: 6px;
  background: #ccc;
  text-align: center;
}
.bg3 {
  background: #fff;
}
table {
  margin: 0;
  font-size: 100%;
}
.paging {
  margin: 0 auto 34px;
  clear: both;
  text-align: center;
}
.paging a,
.paging span {
  text-decoration: none;
  padding: 5px 7px 5px 7px;
  margin: 2px;
  color: #fff;
  background: #999;
}
.paging a:hover,
.paging a.pagingon {
  background: #cb9cfc;
  color: #fff;
}

.paging span.pagingon{
  background: #cb9cfc;
  color: #fff;
  padding: 5px 7px 5px 7px;
  margin: 2px;
}

.pc {
  display: inline-block;
}
.sp {
  display: none;
}
/* reset
--------------------------------------------------*/
#newsarea .newscol .maincol .main:after,
#profilearea .profilecol .maincol .member:after,
.liveblock dl:after,
#photoarea .photocol .maincol .main .phcol:after,
.wrap:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
#newsarea .newscol .maincol .main,
#profilearea .profilecol .maincol .member,
.liveblock dl,
#photoarea .photocol .maincol .main .phcol,
.wrap {
  display: inline-block;
}
/*\*/
* html #newsarea .newscol .maincol .main,
* html #profilearea .profilecol .maincol .member,
* html .liveblock dl,
* html #photoarea .photocol .maincol .main .phcol,
* html .wrap {
  height: 1%;
}
#newsarea .newscol .maincol .main,
#profilearea .profilecol .maincol .member,
.liveblock dl,
#photoarea .photocol .maincol .main .phcol,
.wrap {
  display: block;
}
/**/

.reset {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}
/*
---------------------------------------------------------
ページング
---------------------------------------------------------
*/
.pagination {
  display: block;
  margin: 25px 0 25px 0;
  border-radius: 0;
  text-align:center;
}
.pagination > li {
  display: inline
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  /*float: left;*/
  /*padding: 2px 35px;
  margin: 0 0 0 1px;*/
  line-height: 1.5;
  /*text-decoration: none;*/
  /*background-color: #333;
  font-size: 14px;*/
  
  text-decoration: none;
  padding: 5px 7px 5px 7px;
  margin: 2px;
  color: #fff;
  background: #999;


}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  /*opacity: 0.5;*/
   background: #cb9cfc;
  color: #fff;


}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  /*color: #fff;
  background-color: #333;*/
  background: #cb9cfc;
  color: #fff;
  opacity: 0.5;
  cursor: default
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #666;
  border-color: #000;
  cursor: not-allowed
}