@import url(http://the-wagon.net/css/base.css);

/* Site Styles CSS (styles-site.css) */


#wrapper{
  width:900px;
  margin:0 auto;
  }

#wrapper .categoryTitle{
  color:#000;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  line-height:25px;
  padding-bottom:10px;
  }

#wrapper .categoryTitle a{color:#000;text-decoration:underline;}

#container{
  padding:10px 0;
  }


/** HEADER **/

#header{
  width:880px;
  height:62px;
  padding:15px 8px 0 12px;
  background:url(http://the-wagon.net/imgs/header-back.jpg) no-repeat;
  }

h1{
  float:left;
  width:210px;
  height:55px;
  text-indent:-1000000px;
  overflow:hidden;
  }

h1 a{
  display:block;
  width:210px;
  height:55px;
  }

#header ul{
  float:right;
  width:660px;
  height:24px;
  padding:25px 0 0 0;
  }
  
#header li{
  list-style:none;
  float:left;
  height:24px;
  text-indent:-100000px;  
  margin-right:15px;
  overflow:hidden;
  }

#header li a{display:block;height:24px;}
#header .information, #header .information a{width:95px;}
#header .discography, #header .discography a{width:102px;}
#header .biography, #header .biography a{width:85px;}
#header .garage, #header .garage a{width:65px;}
#header .blog, #header .blog a{width:42px;}
#header .bbs, #header .bbs a{width:42px;}
#header .links, #header .links a{width:45px;}
#header .contact, #header .contact a{width:75px;margin-right:0;}


/** MAIN **/

#main{
  float:left;
  width:610px;
  padding:10px;
  }

#main h2{
  color:#000;
  font-size:15px;
  font-weight:bold;
  line-height:18px;
  padding-bottom:15px;
  }

#main .entryBody{
  line-height:140%;
  padding-bottom:15px;
  clear:both;
  }

#main .entryBody p{
  padding-bottom:10px;
  }

#main .entry{
  padding-bottom:10px;
  }

#main .sub{
  float:left;
  width:120px;
  font-weight:bold;
  text-align:left;
  line-height:18px;
  }

#main .sub a{text-decoration:none;}
#main .sub a:hover{text-decoration:underline;}

#main .contents{
  float:right;
  width:475px;
  text-align:left;
  }

#main .garage{
  width:610px;
  margin:0 auto;
  overflow:hidden;
  }

#main .garage h2, #main .garage .days{
  text-align:left;
  }

#main .garage .days{
  padding-bottom:5px;
  }

#main .posted{
  font-size:11px;
  text-align:right;
  padding:5px 5px 10px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#container .bottomNavi{
  text-align:center;
  padding:10px 10px 5px;
  clear:both;
  }

#container .bottomNavi span{
  color:#333;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  line-height:14px;
  margin:0 5px;
  }

#container .bottomNavi span a{
  text-decoration:none;
  color:#fff;
  font-weight:normal;
  padding:2px 5px;
  background:#333;
  border:1px solid #ccc;
  clear:both;
  }

#container .bottomNavi span a:hover{color:#CC0033;}


#container .navi{
  width:300px;
  height:15px;
  padding:10px 0 5px 310px;
  clear:both;
  overflow:hidden;
  }

#main .more, #main .close, #container .backTop, #container .pageTop{
  width:145px;
  height:15px;
  text-indent:-100000px;
  overflow:hidden;
  }

#main .more a, #main .close a, #container .backTop a, #container .pageTop a{
  display:block;
  width:145px;
  height:15px;
  }

#main .entryBody blockquote{border:1px solid #ccc;padding:10px 10px 5px;margin:5px 0;}
#main .more{padding:5px 0;clear:both;}
#main .more a{background:url(http://the-wagon.net/imgs/readmore-btn.jpg) no-repeat;}
#main .more a:hover{background:url(http://the-wagon.net/imgs/readmore-btn_h.jpg) no-repeat;}
#container .backTop{float:left;}
#container .backTop a{background:url(http://the-wagon.net/imgs/backtop-btn.jpg) no-repeat;}
#container .backTop a:hover{background:url(http://the-wagon.net/imgs/backtop-btn_h.jpg) no-repeat;}
#container .pageTop{float:right;}
#container .pageTop a{background:url(http://the-wagon.net/imgs/pagetop-btn.jpg) no-repeat;}
#container .pageTop a:hover{background:url(http://the-wagon.net/imgs/pagetop-btn_h.jpg) no-repeat;}
#main .close{padding:5px 0;clear:both;}
#main .close a{background:url(http://the-wagon.net/imgs/close-btn.jpg) no-repeat;}
#main .close a:hover{background:url(http://the-wagon.net/imgs/close-btn_h.jpg) no-repeat;}


/* Discography */

#discography .discography{
  text-align:left;
  margin-bottom:15px;
  padding:0 0 15px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#discography .sub{
  float:left;
  width:120px;
  font-size:11px;
  }

#discography .sub p{
  padding-bottom:0px;
  }

#discography h2, #discography .number{
  font-weight:bold;
  text-align:left;
  line-height:20px;
  }

#discography .number{
  font-size:12px;
  }

#discography h2{
  padding-bottom:5px;
  }

#discography .contents{
  float:right;
  width:480px;
  text-align:left;
  }

#discography .jacket{
  float:left;
  width:200px;
  }

#discography .jacketNo{
  float:left;
  width:200px;
  height:200px;
  text-indent:-1000000px;
  background:url(http://the-wagon.net/files/no_disc_image.jpg) no-repeat;
  overflow:hidden;
  }

#discography .details{
  float:right;
  width:265px;
  line-height:140%;
  }

#discography .songList, #discography .price{
  font-weight:bold;
  padding-bottom:5px;
  }

#discography .songList li{
  list-style:none;
  font-size:14px;
  padding-bottom:7px;
  }

#discography .price{
  line-height:180%;
  padding:0 5px 5px;
  }

#discography .memo{
  font-size:10px;
  padding:10px 0;
  }

#discography .memo p{
  padding-bottom:3px;
  }

#discography .shop{
  margin-bottom:3px;
  }



/* Biscography */

#member .member{
  width:600px;
  height:400px;
  margin:0 auto;
  background:url(http://the-wagon.net/imgs/biography-back.jpg) no-repeat top;
  }

#member .tab{
  float:left;
  width:300px;
  height:400px;
  text-indent:-100000px;
  overflow:hidden;
  }

#member .tab a{
  display:block;
  width:300px;
  height:400px;
  }

#member .box{
  width:580px;
  margin:10px auto;
  clear:both;
  }

#member .box h2{
  text-align:left;
  padding:10px 0 5px;
  }

#member .profilePhoto{
  float:right;
  width:200px;
  }

#member .profilePhotoNo{
  float:right;
  width:200px;
  height:200px;
  text-indent:-1000000px;
  background:url(http://the-wagon.net/files/no_disc_image.jpg) no-repeat;
  overflow:hidden;
  }

#member .profileBody{
  float:left;
  width:350px;
  text-align:left;
  line-height:140%;
  }

#member .close{
  padding:15px 0 25px;
  }

#biography h3{
  font-size:14px;
  font-weight:bold;
  text-align:left;
  padding:0 0 10px;
  }

#biography .history{
  text-align:left;
  margin-bottom:5px;
  padding:0 0 5px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#biography .sub{
  float:left;
  width:55px;
  font-size:12px;
  font-weight:bold;
  text-align:right;
  line-height:20px;
  clear:both;
  }

#biography .contents{
  float:right;
  width:520px;
  text-align:left;
  line-height:20px;
  }

#biography .contents p{
  padding-bottom:5px;
  }


/* Live Schedule */

#schedule{
  width:890px;
  padding:10px 0 10px 10px;
  clear:both;
  }

#schedule table{
  width:882px;
  }

#schedule th{
  color:#fff;
  text-align:center;
  padding:10px 15px;
  background:#333;
  border:1px solid #ccc;
  }
  
#schedule td{
  width:115px;
  height:115px;
  text-align:left;
  vertical-align:top;
  line-height:15px;
  padding:5px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  }

#schedule td span{color:#000;padding-bottom:5px;}
#schedule .sunday{color:#FF0000;}
#schedule .saturday{color:#efefef;}
#schedule .navi{padding-left:590px;}
#schedule .bottomNavi{padding:15px 0;}
#schedule .bottomNavi span a{padding:5px 20px;}



/* BBS */

#bbs{
  padding:10px 0 20px;
  }

#bbs .bbs{
  color:#efefef;
  }

#bbs .bbs a{color:#fff;}

#bbs h2{
  color:#000;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  line-height:25px;
  padding:10px 0 10px 10px;
  }

#bbs h2 a{color:#000;text-decoration:underline;}

#bbs .navi{
  width:300px;
  height:15px;
  padding:15px 0 10px 600px;
  clear:both;
  overflow:hidden;
  }

#bbs .backTop, #bbs .pageTop{
  width:145px;
  height:15px;
  text-indent:-100000px;
  overflow:hidden;
  }

#bbs .backTop a, #bbs .pageTop a{
  display:block;
  width:145px;
  height:15px;
  }

#bbs .backTop{float:left;}
#bbs .backTop a{background:url(http://the-wagon.net/imgs/backtop-btn.jpg) no-repeat;}
#bbs .backTop a:hover{background:url(http://the-wagon.net/imgs/backtop-btn_h.jpg) no-repeat;}
#bbs .pageTop{float:right;}
#bbs .pageTop a{background:url(http://the-wagon.net/imgs/pagetop-btn.jpg) no-repeat;}
#bbs .pageTop a:hover{background:url(http://the-wagon.net/imgs/pagetop-btn_h.jpg) no-repeat;}




/* Links */

#links .link{
  text-align:left;
  margin-bottom:5px;
  padding:0 0 10px;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#links .sub{
  float:left;
  width:200px;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  padding-top:5px;
  clear:both;
  }

#links .contents{
  float:right;
  width:380px;
  text-align:left;
  }

#links dt{
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  padding:5px 0;
  }

#links dd{
  font-size:11px;
  font-weight:normal;
  padding:0 10px 5px;
  }


/* COMMENTS & TRACKBACK */

form{line-height:150%;}
.hissu, .caution{color:#FF0000;}
#main .caution blockquote{border:1px solid #ff0000;color:#ff0000;padding:10px 10px 5px;margin:5px 0;}


#comment, #trackback{
  width:610px;
  padding:15px 0;
  border-bottom:1px dotted #ccc;
  clear:both;
  }

#comment{
  margin-bottom:15px;
  }

#trackback{
  margin-top:15px;
  border-top:1px dotted #ccc;
  }

#comment h4, #trackback h4{
  font-size:14px;
  text-align:left;
  padding:5px;
  }

.inner{
  text-align:left;
  margin:0 5px 15px;
  padding:5px;
  border:1px solid #CCC;
  }

.inner p{
  padding-bottom:5px;
  }

.comment-header, .trackback-header{
  padding:0 5px 5px;
  border-bottom:1px dotted #CCC;
  }

.comment-content, .trackback-content{
  padding:5px;
  }

.comment-footer, .trackback-footer{
  text-align:right;
  padding:5px 5px 0;
  border-top:1px dotted #CCC;
  }

#comment form{
  padding-left:5px;
  }

.trackbacks-info{
  text-align:left;
  line-height:150%;
  margin:0 0 5px;
  padding-bottom:10px;
  }

#trackback_url{
  margin:0 auto;
  }

#comments-open-footer{padding:8px 0;}
#comment-author, #comment-email, #comment-url, #comment-form-remember-me{margin-bottom:3px;}
#comment-author{width:320px;}
#comment-email, #comment-url{width:300px;}
#comment-text{width:400px;height:180px;}


/* Contact */

#ajax_mail .ajax{text-align:center;line-height:125%;padding:20px;}
#ajax_mail .ajax p{padding-bottom:7px;}

#contact{
  text-align:left;
  padding:10px 0 0 30px;
  }

#contact .entryBody table{
  width:90%;
  border:1px solid #CCC;
  }

#contact .entryBody th, #contact .entryBody td{
  padding:5px;
  background:#fff;
  }

#contact .entryBody th{
  color:#333;
  font-weight:normal;
  background:#CDCDCD;
  }

#contact .entryBody blockquote{border:1px solid #ff0000;color:#ff0000;padding:10px 10px 5px;margin:5px 0;}
#contact .entryBody a{color:#000;text-decoration:underline;}
#contact .credit{color:#999;font-size:9px;line-height:115%;padding:5px 10px 0;}
#contact .credit a{color:#999;text-decoration:none;}
#contact .mailaddress{display:none;font-size:12px;line-height:14px;padding:10px 5px;}




/** MENU **/

#menu{
  float:right;
  width:250px;
  }

#menu .title{
  width:230px;
  height:25px;
  color:#fff;
  font-size:15px;
  text-align:center;
  line-height:25px;
  padding:0 10px;
  background:url(http://the-wagon.net/imgs/subtitle-back.jpg) no-repeat;
  }

#menu ul{
  text-align:left;
  padding:10px 5px;
  }

#menu li{
  list-style:none;
  padding-bottom:8px;
  }

#menu .archiveList{
  padding-left:20px;
  }

#menu .archiveList li{
  line-height:14px;
  padding-left:15px;
  background:url(http://the-wagon.net/imgs/point-img.jpg) no-repeat left top;
  }

#menu li a{text-decoration:none;}
#menu li a:hover{text-decoration:underline;}

#menu .bannerList{
  margin-top:5px;
  padding:10px 5px;
  border-top:1px dotted #CCC;
  }

#menu .bannerList li{
  text-align:center;
  padding-bottom:5px;
  }

#menu .banner{
  width:250px;
  height:96px;
  text-indent:-100000px;
  margin-bottom:10px;
  background:url(http://the-wagon.net/imgs/banner-answer_from_my_bed_s.jpg) no-repeat;
  overflow:hidden;
  }
  
#menu .banner a{
  display:block;
  width:250px;
  height:96px;
  } 
 


/** FOOTER **/

#footer{
  width:880px;
  text-align:left;
  padding:7px 10px 5px;
  background:url(http://the-wagon.net/imgs/border.jpg) no-repeat top;
  clear:both;
  }

#footer .copyright{
  font-size:10px;
  line-height:15px;
  }