@charset "UTF-8";
@import url(http://common-ground.jp/css/base.css);
@import url(http://common-ground.jp/css/videobox.css);

/* Index's Styles (styles-index.css) */


#TPNiceSlideShowStreaming{
  float:left;
  width:660px;
  height:366px;
  margin:5px 0;
  padding:0 0 0 10px;
  text-align:center;
  vertical-align:top;
  background:#000 url('http://common-ground.jp/images/stream-back.jpg') no-repeat 0 0;
  overflow:hidden;
  z-index:5;
  }

/** topMain **/

.nowLiving{
  position:relative;
  top:-366px;
  left:0;
  width:125px;
  height:40px;
  text-indent:-1000000px;
  background:url('http://common-ground.jp/imgs/stream-back.jpg') no-repeat 0 0;
  overflow:hidden;
  }

#topMain{
  width:980px;
  height:376px;
  margin:0 auto;
  clear:both;
  }

#topMain .topMainBox{
  width:980px;
  height:376px;
  overflow:hidden;
  clear:both;
  }

#TPNiceSlideShow, #topGallery{
  float:left;
  width:666px;
  height:362px;
  margin:5px 0;
  padding:0;
  text-align:left;
  vertical-align:top;
  border:2px solid #1f1f1f;
  background:#fff url('http://common-ground.jp/imgs/loading.gif') no-repeat center center;
  overflow:hidden;
  z-index:5;
  }

#TPNiceSlideShow img, #topGallery img{
  width:666px;
  height:362px;
  vertical-align:top;
  overflow:hidden;
  }

.imageElement{
  display:none;
  }

#TPNiceSlideShow h3, #TPNiceSlideShow p{
  display:none;
  }

#TPNiceSlideShowMenuWrp{
  float:right;
  width:300px;
  height:376px;
  overflow:hidden;
  }

#TPNiceSlideShowMenu .TPNiceSlideShowMenuContent{
  float:left;
  width:300px;
  height:178px;
  padding:5px 0;
  cursor:pointer;
  }

#TPNiceSlideShowMenu img{
  width:296px;
  height:174px;
  border:2px solid #1f1f1f;
  }

#TPNiceSlideShowMenu div:hover, #TPNiceSlideShowMenu div.active {
  cursor:pointer;
  }

#TPNiceSlideShowMenuContent{
  background:#fff url('http://common-ground.jp/imgs/loading.gif') no-repeat center center;
  overflow:hidden;
  }

.TPNiceSlideShowGallery{
  float:left;
  position:relative;
  text-align:left;
  overflow:hidden;
  }

.slideInfoZoneTitle{
  display:none;
  }

.TPNiceSlideShowGallery .slideElement {
  float:left;
  width:666px;
  height:362px;
  overflow:hidden;
  }

//.TPNiceSlideShowGallery .loadingElement {
  width:666px;
  height:362px;
  position:absolute;
  left: 0;
  top: 0;
  overflow:hidden;
  }

//.TPNiceSlideShowGallery .slideInfoZone {
  z-index:10;
   width:666px;
  height:362px;
  overflow:hidden;
  }


/* scrollbar OFF */
.tpniceslideshow_scrollbar-vert, .tpniceslideshow_handle-vert{
  display:none;
  width:0;
  height:0;
  overflow:hidden;
  }



/*** Main ***/

#infoBox{
  width:670px;
  padding-bottom:15px;
  oveflow:hidden;
  }

#infoBox .infoBoxTitle{
  float:left;
  width:115px;
  height:15px;
  padding:18px 25px 17px; 
  background:url(http://common-ground.jp/imgs/whatsnew-title-w.jpg) no-repeat top;
  }

#infoBox h2{
  float:left;
  width:90px;
  height:15px;
  text-indent:-100000px;
  overflow:hidden;
  }

#infoBox .rss, #infoBox .rss a{
  width:15px;
  height:15px;
  }

#infoBox .rss a{
  display:block;
  }

#infoBox .rss{
  float:right;
  text-indent:-100000px;
  overflow:hidden;
  }

#infoBox ul{
  float:right;
  width:490px;
  text-align:left;
  oveflow:hidden;
  }

#infoBox li{
  list-style:none;
  width:490px;
  color:#1f1f1f;
  font-size:14px;
  text-align:left;
  line-height:20px;
  padding:5px 0 15px;
  clear:both;
  }
  
#infoBox span{
  color:#D22818;
  padding-right:5px;
  }



/** Rotate **/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
  display: none;
  }
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
  display: none;
  }
}

/* Skin */

.ui-tabs-disabled {
  opacity: .4;
  filter: alpha(opacity=40);
  }

.ui-tabs-loading em {
  background: url(http://common-ground.jp/imgs/loading.gif) no-repeat 0 50%;
  }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display: inline-block;
  }
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
  display: inline-block;
  }

#rotateLeft, #rotateRight{
  width:330px;
  text-align:left;
  padding:20px 0;
  overflow:hidden;
  }

#rotateLeft{float:left;}
#rotateRight{float:right;}

#rotateLeft ul, #rotateRight ul{
  list-style:none;
  height:20px;
  border-bottom:2px solid #1F1F1F;
  }

#rotateLeft li, #rotateRight li{
  width:164px;
  height:20px;
  }

#rotateLeft li a, #rotateRight li a{
  text-decoration:none;
  display:block;
  width:158px;
  height:14px;
  font-size:12px;
  text-align:center;
  line-height:14px;
  padding:4px 3px 2px;
  overflow:hidden;
  }

.ui-tabs-nav a, .ui-tabs-deselectable a{
  color:#1f1f1f;
  background:url(http://common-ground.jp/imgs/tab-white.jpg) no-repeat;
  }

.ui-tabs-selected a {
  position: relative;
  top:0;
  z-index:2;
  color:#fff;
  font-weight:bold;
  background:url(http://common-ground.jp/imgs/tab-black.jpg) no-repeat;
  }


#rotateBody{
  width:330px;
  height:830px;
  font-size:12px;
  font-weight:normal;
  line-height:18px;
  margin:0 auto;
  overflow:auto;
  scrollbar-track-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ccc;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-highlight-color:#ccc;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color:#ccc;
  clear:both;
  }

.rotateBody{
  width:312px;
  margin:0 auto;
  padding-top:5px;
  background:#fff;
  overflow:hidden;
  }


#twitterBody{
  margin-top:-5px;
  }

.rotateBody .sideBoxList{
  width:296px;
  font-size:12px;
  line-height:18px;
  padding:7px 5px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

.rotateBody .noslideBody{
  width:306px;
  }

.rotateBody .sideBoxList .day{
  padding-top:5px;
  }

.rotateBody .sideBoxList .releaseday{
  color:#ff0000;
  padding-top:5px;
  }

.rotateBody .sideBoxList h5{
  font-size:12px;
  font-weight:normal;
  padding-top:5px;
  }

.rotateBody .sideBoxList .artistName{
  padding-top:3px;
  }


.rotateBody .sideThumb{
  float:left;
  padding:5px 10px 10px 0;
  }

.more{
  font-size:10px;
  line-height:12px;
  text-align:right;
  padding:10px 12px 10px 10px;
  clear:both;
  }

.more a{
  padding-left:15px;
  background:url(http://common-ground.jp/imgs/point-img_s.jpg) no-repeat 0 1px;
  }


#main .infoImage{
  float:left;
  width:55px;
  padding:5px 10px 10px 0;
  overflow:hidden;
  }

#main .infoDetail{
  float:left;
  width:225px;
  overflow:hidden;
  }

#main .infoDay{
  color:#E94011;
  padding-top:5px;
  }