@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

a:link { text-decoration: none; color:#C81718; }
a:visited { text-decoration: none; color:#C81718; }
a:hover { text-decoration: underline; color:#999;}
a:active { text-decoration: none; color:#F27070; }
a img{border: 0;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #FFF;
	color: #333;
	line-height: 2em;
}

* html body{
	behavior:url("/pc/pmb/common/js/csshover.htc");
}

#home{
	background: #505050;
	color: #FFF;
}

h1{font-size: 1.6em; font-weight: normal;}
h2, h3, h4{font-size: 1.3em;}

 .nondisplay{
  display: none;
}

#container .nonemargin{
   margin: 0;
 }

#container .nondorder{
  border: none;
}

#container {
  height: 100%;
  width: 100%;
}

#header {
  width: 100%;
  background: #505050;
  position: relative;
  overflow: hidden;
  text-align: left;
  margin-bottom: 24px;
}

#header .inner{
   height: 96px;
  width: 926px;
  padding: 0 36px;
  margin: 0 auto 0 auto;
  position: relative;
  overflow: hidden;
  text-align: left;
  background: url('/pc/pmb/common/images/background.png') no-repeat 0 -50px;
}

#site_title{
  margin: -14px 0;
}

#site_title a{
  width: 589px;
  height: 131px;
  display: block;
}

.access_info{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -131px;
  width: 216px;
  height: 54px;
  position: absolute;
  right: 36px;
  top: 21px;
  color: #FFF;
}

.access_info p{
  margin-left: 66px;
}

.access_info p.label{
  margin-top: 10px;
  font-size: 1.2em;
}

.access_info p.link{
  font-size: 1.1em;
}


#content {
  width: 926px;
  margin: 0 auto;
  padding: 0 36px 36px 36px;
  overflow: hidden;
}

/* home */

#home #container {
  height: 100%;
  width: 998px;
  margin: auto;
  background: url('/pc/pmb/common/images/background.png') no-repeat 0 20px;
}

#home #header {
  width: 998px;
  background: none;
  margin: 0 auto 0 auto;
  position: relative;
  overflow: hidden;
  text-align: left;
}


#home #site_title{
  margin: 6px 85px;
}

#home #site_title a{
  width: 589px;
  height: 131px;
  display: block;
}

#home .access_info{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -131px;
  width: 216px;
  height: 54px;
  position: absolute;
  right: 36px;
  top: 36px;
  color: #FFF;
}

#home .access_info p{
  margin-left: 66px;
}

#home .access_info p.label{
  margin-top: 10px;
  font-size: 1.2em;
}

#home .access_info p.link{
  font-size: 1.1em;
}

#home #content {
  width: 926px;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
}

/* main */

#main{
  float: left;
  width: 690px;
}

#index{
  width: 690px;
}

#index h2{
  margin-bottom: 6px;
}

#index .description{
  font-size: 1.1em;
  margin-bottom: 9px;
  line-height: 1.6em;
}

#index .date{
  float: left;
  width: 204px;
  height: 144px;
  padding: 0 12px;
  margin: 12px  0;
  border-right: 1px solid #666;
}

#index .producer{
  float: left;
  width: 180px;
  height: 144px;
  padding: 0 12px;
  margin: 12px  0;
  border-right: 1px solid #666;
}

#index .portrait h3{
  float: left;
  width: 72px;
}

#index .portrait img{
  float: right;
}

#index .artists{
  float: left;
  width: 168px;
  padding: 0 12px;
  margin: 12px  0 12px 0;
}

#index .artist_list{
  font-size: 1.0em;
  line-height: 1.6em;
  font-weight: bold;
}

#index .detail_lisk{
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 168px;
}

#index .link a{
  width: 54px;
  height: 168px;
  display: block;
}

#index .juice,
#index .golden,
#index .sosisoai{
  margin-bottom: 18px;
  cursor:pointer;
  width: 690px;
  overflow: hidden;
  position: relative;
  height: 168px;
}

#index .golden .artist_list,
#index .sosisoai .artist_list{
	margin-top: -4px;
	font-size: 1.3em;
	line-height: 1.8em;
}

/* juice */

#index .juice{
  background: #000;
}

#index .juice .title{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -378px -131px;
  width: 205px;
  height: 29px;
}

#index .juice .logo{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -185px;
  width: 147px;
  height: 79px;
  margin-left: 18px;
}
#index .juice .logo a{
  width: 147px;
  height: 79px;
  display: block;
}

#index .juice .link{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -216px -131px;
  width: 54px;
  height: 168px;
}

#index .juice:hover .link{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -216px -780px;
}

/* golden */

#index .golden{
  background: #F3C41C;
  color: #000;
}

#index .golden .title{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -378px -160px;
  width: 205px;
  height: 29px;
}

#index .golden .logo{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -264px;
  width: 154px;
  height: 66px;
  overflow: hidden;
  margin-left: 24px;
}
#index .golden .logo a{
  width: 147px;
  height: 79px;
  display: block;
}

#index .golden .link{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -270px -131px;
  width: 54px;
  height: 168px;
}

#index .golden:hover .link{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -270px -780px;
}


/* sosisoai */

#index .sosisoai{
  background: #fff;
  color: #000;
}

#index .sosisoai .title{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -378px -189px;
  width: 205px;
  height: 29px;
}
#index .sosisoai .logo a{
  width: 147px;
  height: 79px;
  display: block;
}

#index .sosisoai .logo{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -330px;
  width: 177px;
  height: 63px;
  overflow: hidden;
  margin-left: 15px;
}

#index .sosisoai .link{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -324px -131px;
  width: 54px;
  height: 168px;
}

#index .sosisoai:hover .link{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -324px -780px;
}

.about{
  width: 902px;
  clear: both;
  overflow: hidden;
  padding: 18px 12px 0 12px;
  background: #2E2E2E;
  margin-bottom: 18px;
}

.about h2{
  font-size: 1.6em;
  margin-bottom: 12px;
}

.about p{
  width: 682px;
  font-size: 1.3em;
  float: left;
  margin-bottom: 18px;
}

.about .banner a{
  float: right;
  position: relative;
  display: block;
  width: 204px;
  height: 96px;
  color: #FFF;
 background: url('/pc/pmb/common/images/sprite.png') no-repeat -378px -218px;
  margin-bottom: 18px;
}

.about .archives_link{
  position: absolute;
  font-size: 1.1em;
  font-weight: bold;
  bottom: 8px;
  left: 36px;
}

.support{
  width: 902px;
  clear: both;
  padding: 18px 12px 6px 12px;
  background: #2E2E2E;
  margin-bottom: 18px;
}

.support h3{
  font-size: 1.3em;
}

.support p{
  font-size: 1.3em;
  margin-bottom: 12px;
}

/* sidebar */

#sidebar{
  position: relative;
  width: 216px;
  padding: 0 0 10px 0;
  float: right;
}

#home #sidebar .twitter{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -589px 0;
  width: 216px;
  height: 500px;
  padding-top: 40px;
  position: relative;
  margin-bottom: 12px;
}

#sidebar .twitter{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -805px 0;
  width: 216px;
  height: 500px;
  padding-top: 40px;
  position: relative;
  margin-bottom: 12px;
}

#home #sidebar .twitter{
  margin-bottom: 0;
}

#sidebar .twitter a:link{color: #333;}
#sidebar .twitter .date{color: #ccc;}

#sidebar .inner{
  width: 215px;
  height: 414px;
  overflow: auto;
}

.twitter div.tweet{
  display: block;
  border-bottom: 1px dotted #CCC;
  padding: 6px 12px;
  font-size: 1.1em;
  color: #333;
}

.twitter div.tweet .time, .twitter div.tweet .reply{
    font-size: .9em;
    color: #aaa;
}

.twitter div.tweet .reply {
    margin-left: 1em;
    visibility: hidden;
}

.followme{
  position: absolute;
  top: 8px;
  right: 12px;
  width: 74px;
  height: 24px;
}
.followme a{
  display: block;
  width: 74px;
  height: 24px;
}

.post_to_twitter{
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 216px;
  height: 36px;
}
.post_to_twitter a{
  display: block;
  width: 216px;
  height: 36px;
}

.link_to_twitter{
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 74px;
  height: 36px;
}
.link_to_twitter a{
  display: block;
  width: 74px;
  height: 36px;
}

.tools{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -805px -547px;
  width: 74px;
  height: 16px;
  position: relative;
  float: right;
}

.tools_top{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -589px -547px;
  width: 74px;
  height: 16px;
  position: absolute;
  top: -32px;
  right: 0;
}

.tw,
.hb,
.de{
  width: 16px;
  height: 16px;
  position: absolute;
}

.tw{  left: 0;  top: 0;}
.hb{  left: 29px;  top: 0;}
.de{  right: 0;  top: 0;}



/* footer */

#footer {
  clear: both;
  overflow: hidden;
  width: 100%;
  font-size: 1.1em;
  text-align: left;
  background: #FFF;
}

#home #footer .inner{
  width: 902px;
  overflow: hidden;
  padding: 18px 12px 12px 12px;
  margin: 0 auto 0 auto;
  color: #333;
}

#footer .inner{
  width: 926px;
  overflow: hidden;
  padding: 18px 0 18px 0;
  margin: 0 auto 0 auto;
  color: #333;
}


#footer .links{
  float: left;
}

#footer .links p{
  margin-bottom: 6px;
}

#footer .sponsor{
  float: right;
  position: relative;
  height: 48px;
}

#footer .logo a{
  position: absolute;
  display: block;
}

#footer .logo a.tbs{
  right: 168px;
  top: 0px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -216px -314px;
  width: 36px;
  height: 48px;
}

#footer .logo a.yorimo{
  right: 61px;
  top: 0px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -276px -314px;
  width: 82px;
  height: 48px;
}

#footer .logo a.eplus{
  right: 0px;
  top: 0px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -382px -314px;
  width: 38px;
  height: 48px;
}

#footer .juice .logo a.tbs{
  right: 260px;
  top: 0px;
}

#footer .juice .logo a.yorimo{
  right: 156px;
  top: 0px;
}

#footer .juice .logo a.eplus{
  right: 98px;
  top: 0px;
}

#footer .juice .logo a.tiny{
  right: 0px;
  top: 0px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -437px -314px;
  width: 75px;
  height: 38px;
}

#footer .golden_circle .logo a.tbs{
  right: 291px;
  top: 0px;
}

#footer .golden_circle .logo a.yorimo{
  right: 187px;
  top: 0px;
}

#footer .golden_circle .logo a.eplus{
  right: 129px;
  top: 0px;
}

#footer .golden_circle .logo a.faith{
  right: 0px;
  top: 0px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -589px -601px;
  width: 112px;
  height: 38px;
}

/* 詳細 */


#event_title{
  position: absolute;
}

.event_description{
  font-size: 1.6em;
  line-height: 1.8em;
}

/* juice */

#juice .outline{
  position: relative;
  background: #000;
  color: #FFF;
  overflow: hidden;
  padding: 18px;
  width: 654px;
}

#juice #event_title{
  left: 31px;
  top: 87px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0px -393px;
  width: 288px;
  height: 154px;
}


/* golden */

#golden .outline{
  position: relative;
  background: #FFCC00;
  color: #000;
  overflow: hidden;
  padding: 18px;
  width: 654px;
}
#golden #event_title{
  left: 18px;
  top: 118px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -288px -393px;
  width: 297px;
  height: 127px;
}

#event_title a{
  display: block;
    width: 297px;
  height: 127px;
}
/* sosisoai */

#sosisoai .outline{
  position: relative;
  background: #FFF;
  color: #000;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #000;
  width: 652px;
}
#sosisoai #event_title{
  left: 22px;
  top: 118px;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -547px;
  width: 276px;
  height: 99px;
}


/* common */

.outline{
  margin-bottom: 18px;
}

.outline .title{
  width: 320px;
  float: left;
}

.outline .producer{
  width: 320px;
  margin-top: 6px;
  float: right;  
}

.outline .producer h2{
  margin-bottom: 12px;
}

.outline .portrait{
  float: left;
  margin: 0 18px 12px 0;
}



.outline .producer p{
  font-size: 1.3em;
  line-height: 1.8em;
  margin-bottom: 12px;
}


p.more{
  float: right;
  line-height: 1.4em;
}
.more_text{
  display: none;
}

p.more .arrow_bottom{
  overflow: hidden;
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin: 5px 3px 0 0;
}

p.more .arrow_top{
  overflow: hidden;
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin: 5px 3px 0 0;
}


#juice .arrow_bottom{ background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 0;}
#juice a:hover .arrow_bottom{ background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -54px;}
#juice .arrow_top{background: url('/pc/pmb/common/images/sprite.png') no-repeat -213px 0;}
#juice a:hover .arrow_top{background: url('/pc/pmb/common/images/sprite.png') no-repeat -213px -54px;}

#golden .arrow_bottom{ background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -18px;}
#golden a:hover .arrow_bottom{ background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -72px;}
#golden .arrow_top{background: url('/pc/pmb/common/images/sprite.png') no-repeat -213px -18px;}
#golden a:hover .arrow_top{background: url('/pc/pmb/common/images/sprite.png') no-repeat -213px -72px;}

#sosisoai .arrow_bottom{ background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -36px;}
#sosisoai a:hover .arrow_bottom{ background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -90px;}
#sosisoai .arrow_top{background: url('/pc/pmb/common/images/sprite.png') no-repeat -213px -36px;}
#sosisoai a:hover .arrow_top{background: url('/pc/pmb/common/images/sprite.png') no-repeat -213px -90px;}

.block{
	width: 690px;
	overflow: hidden;
	margin-bottom: 24px;
}

.block .video{
	width: 336px;
	float: left;
	position: relative;
}

.block .video .title{
	width: 312px;
	height: 36px;
	background: url('/pc/pmb/common/images/sprite.png') no-repeat -464px -665px;
	z-index: 100;
}

.block .video .video_object{
	z-index: 90;
}

.infomation{
  width: 342px;
  float: right;
  font-size: 1.3em;
  list-style: none;
  margin-bottom: 24px;
}

.ticket{
  overflow: hidden;
  width: 342px;
  float: right;
  margin-bottom: 18px;
}
.ticket p{
  font-size: 1.3em;
  color: #ff0000
}

.ticket a{
  display: block;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -297px -547px;
  width: 264px;
  height: 36px;
  margin-bottom: 6px;
}

.ticket a:hover{
  display: block;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -297px -616px;
}

.ticket li{
  font-size: 1.3em;
  list-style: none;
}

.artist{
  clear: both;
  width: 690px;
  margin-bottom: 24px;
}

.artist h2{
  font-size: 1.6em;
  color: #000;
  padding-bottom: 9px;
  margin-bottom: 12px;
  border-bottom: 1px solid #000;
}

.artist .artist_list{
  list-style: none;
  overflow: hidden;
  width: 690px;
  margin-right: -18px;
}

.artist .artist_list li{
  border-bottom: 1px solid #CCC;
  width: 336px;
  float: left;
  margin: 0 18px 12px 0;
  padding-bottom: 12px;
}

.artist .artist_list li.second{
  margin: 0 0 12px 0;
}

.artist .artist_list .portrait{
  float: left;
  margin-right: 18px;
}

.artist h3{
  margin-bottom: 6px;
}

.artist .artist_list p{
  line-height: 1.6em;
  font-size: 1.1em;
}

.artist .and_more{
 font-size: 1.3em;
}

.profile h2{
  font-size: 1.6em;
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 12px;
  padding-bottom: 6px;
}

.profile p{
  font-size: 1.3em;
  line-height: 1.8em;
}

#sidebar .nav{
  list-style: none;
  margin-bottom: 24px;
}

#sidebar .nav li{
  position: relative;
  display: block;
  width: 216px;
  height: 36px;
  margin-bottom: 12px;
}

.nav .juice a{
  display: block;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -665px;
  width: 216px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
.nav .juice a:hover{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -780px;
}
.nav .juice a.active{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -219px -665px;
  width: 236px;
  position: absolute;
  left: -20px;
}.nav .juice a:hover.active{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -219px -665px;
  width: 236px;
}

.nav .golden a{
  display: block;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -701px;
  width: 216px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
.nav .golden a:hover{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -816px;
}
.nav .golden a.active{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -219px -701px;
  width: 236px;
  position: absolute;
  left: -20px;
}
.nav .golden a:hover.active{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -219px -701px;
  width: 236px;
}

.nav .sosisoai a{
  display: block;
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -737px;
  width: 216px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
.nav .sosisoai a:hover{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat 0 -852px;
}
.nav .sosisoai a.active{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -218px -737px;
  width: 237px;
  position: absolute;
  left: -21px;
}
.nav .sosisoai a:hover.active{
  background: url('/pc/pmb/common/images/sprite.png') no-repeat -218px -737px;
  width: 237px;
}


#sidebar .profile{
  clear: both;
}

#sidebar .profile h2{
  width: 216px;
  font-size: 1.6em;
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 12px;
  padding: 36px 0 6px 0;
}

#sidebar .profile p{
  font-size: 1.1em;
}