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

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


/*** MAIN ***/

#main .categoryTitle{
  color:#000;
  font-size:25px;
  font-weight:bold;
  text-align:left;
  line-height:25px;
  letter-spacing:1px;
  padding-left:10px;
  padding-bottom:20px;
  }

//#main .categoryTitle span{
  font-size:20px;
  line-height:20px;
  margin-left:15px;
  padding-top:2px;
  padding-left:15px;
  border-left:1px dotted #333;
  }

//#main .navi{
  color:#666;
  font-size:11px;
  text-align:left;
  padding:2px 10px 15px;
  }

//#main .navi a{
  color:#9B0728;
  text-decoration:none;
  }

//#main .navi a:hover{
  color:#FF7C00;
  text-decoration:underline;
  }

#main .adminlink{
  font-size:10px;
  text-align:left;
  padding:10px 5px;
  }

#main .pageTop{
  font-size:12px;
  text-align:right;
  padding:20px 5px 10px;
  clear:both;
  }

#main .pageTop a{color:#1f1f1f;text-decoration:none;}
#main .pageTop a:hover{text-decoration:underline;}


/** mainpage **/


#mainpage{
  width:670px;
  text-align:left;
  overflow:hidden;
  clear:both;
  }

#mainpage .entryPageTop{
  width:670px;
  text-align:center;
  }

#mainpage .pageHeader{
  width:670px;
  line-height:150%;
  margin-bottom:10px;
  padding:10px;
  border-bottom:1px dotted #333;
  }

#mainpage .pageTitle{
  color:#000;
  font-size:18px;
  font-weight:bold;
  line-height:150%;
  padding-bottom:5px;
  }

#mainpage .subTitle{
  color:#1f1f1f;
  font-size:14px;
  font-weight:bold;
  padding:3px 0 5px;
  }

#mainpage .posted{
  float:left;
  width:300px;
  color:#333;
  font-size:12px;
  line-height:18px;
  text-align:left;
  padding-top:5px;
  }

#mainpage .pageBody{
  font-size:14px;
  line-height:160%;
  padding:10px 10px 0;
  clear:both;
  }

#mainpage .pageBody h3{
  color:#1f1f1f;
  font-size:15px;
  font-weight:bold;
  padding-bottom:15px;
  clear:both;
  }

#mainpage .pageBody h4{
  color:#333;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  line-height:150%;
  margin-bottom:15px;
  padding:0 5px 10px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#mainpage .pageBody p{
  padding-bottom:10px;
  }


/** 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%;
  }


#rotateSide{
  width:298px;
  text-align:left;
  margin:10px 0 15px;
  padding:1px 1px 2px;
  background:#1F1F1F;
  overflow:hidden;
  }


#rotateSide ul{
  list-style:none;
  height:22px;
  padding-left:4px;
  }

#rotateSide li, #rotateSide li a, #rotateSide li span{
  width:58px;
  height:22px;
  font-size:11px;
  text-align:center;
  line-height:22px;
  letter-spacing:0.5px;
  overflow:hidden;
  }

#rotateSide li{
  float:left;
  }

#rotateSide li a{
  display:block;
  }

#rotateBody{
  font-size:12px;
  font-weight:normal;
  text-align:left;
  line-height:18px;
  overflow:hidden;
  }

#rotateSide .rotateBody{
  width:296px;
  margin:0 auto;
  background:#fff url(http://common-ground.jp/imgs/loading.gif) no-repeat 50% 50%;
  overflow:hidden;
  clear:both;
  }

#rotateSide .ui-tabs-nav{background:#1F1F1F;}
#rotateSide .ui-tabs-nav a{color:#fff;text-decoration:none;}
#rotateSide .ui-tabs-selected{background:#fff;}
#rotateSide .ui-tabs-selected a{color:#1F1F1F;font-weight:bold;text-decoration:underline;}

#rotateSide .menuBody{
  width:296px;
  height:522px;
  background:#fff;
  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;
  }

#rotateSide .menuBody .sideBoxList{
  width:265px;
  font-size:11px;
  line-height:15px;
  margin:0 auto;
  padding:7px 3px 7px 5px;
  border-bottom:1px dotted #ccc;
  overflow:hidden;
  clear:both;
  }

#rotateSide .sideBoxList .day, 
#rotateSide .sideBoxList .infoDay{
  padding-top:5px;
  }

#rotateSide .sideBoxList .infoDay{
  color:#E94011;
  }

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

#rotateSide .sideBoxList h5{
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  padding-top:5px;
  }

#rotateSide .sideBoxList .artistName{
  padding-top:5px;
  }

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

#menu .infoDetail{
  float:left;
  width:200px;
  overflow:hidden;
  }


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

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

#rotateSide .fitBody{
  width:296px;
  height:522px;
  padding:0;
  background:#fff;
  overflow:hidden;
  }


/* Company Info */

#aboutUs{
  background:#777;
  }


#companyInfo table{
  width:650px;
  margin:10px auto 20px;
  background:#ccc;
  }

#companyInfo th, #companyInfo td{
  font-weight:normal;
  text-align:left;
  line-height:150%;
  text-align:left;
  vertical-align:top;
  padding:10px;
  }

#companyInfo th{
  width:125px;
  background:#eee;
  }

#companyInfo td{
  background:#fff;
  }

#companyInfo strong{
  color:#000;
  font-size:105%;
  }


/* Mailform */

#mailform{
  font-size:12px;
  }

#mailform h3{
  color:#333;
  font-size:15px;
  font-weight:bold;
  text-align:left;
  line-height:150%;
  margin-bottom:15px;
  padding:0 10px 7px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#mailform .entryBody{
  text-align:left;
  line-height:150%;
  padding:0 10px 10px;
  clear:both;
  }

#mailform table{
  width:650px;
  margin:10px auto 20px;
  background:#ccc;
  }

#mailform th, #mailform td{
  text-align:left;
  line-height:150%;
  text-align:left;
  vertical-align:top;
  padding:10px;
  }

#mailform th{
  width:200px;
  font-weight:bold;
  background:#eee;
  }

#mailform td{
  background:#fff;
  }

#mailform td p{
  padding:5px 0 0;
  }

#commentError, #mailform .mailerror{
  color:#9B0728;
  }


#mailform .btn{
  text-align:center;
  line-height:150%;
  margin:0 auto;
  padding:0 10px 10px;
  clear:both;
  }


/* Sitemap */

#sitemap dl{
  float:left;
  width:300px;
  text-align:left;
  line-height:160%;
  padding:0 5px 10px 25px;
  }

#sitemap dl a{color:#000;}

#sitemap dt{
  font-size:18px;
  font-weight:bold;
  letter-spacing:1px;
  padding:20px 0 10px 10px;
  }

#sitemap dd{
  font-size:15px;
  padding:5px 0 10px 30px;
  }