@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0 auto;
  position: relative;
  color: #3b2d23;
  font-size: 13px;
  line-height: 1.7;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana;
  background: #3b2d23 url(../images/bkg01.jpg) scroll no-repeat top center;
}

a {
  color: #ff0000;
  text-decoration: underline;
}
a:hover {
  color: #ff0000;
  text-decoration: none;
}
a:focus {  outline: none; }

table {
  border-collapse: collapse;
  border: none;
  text-align: left;
}
img { 
  border: none;
  vertical-align: bottom;
}
ul, ol {
  margin-left: 20px;
}

#wrapper {
  margin: 0 auto;
  width: 1100px;
  position: relative;
  padding:35px 0 0 0;
}
#bkg_top, #bkg_left, #bkg_right {
  position: fixed;
  top: 0;
}
#bkg_top {
  left: 0;
  width: 100%;
  height: 145px;
  background: url(http://standardsong.com/dt/images/bkg02.png) repeat-x top center;
  z-index: 1000;
}
#bkg_left {
  left: 0;
  width: 200px;
  height: 821px;
  background: url(http://standardsong.com/dt/images/bkg03.png) no-repeat top center;
  z-index: 1100;
}
#bkg_right {
  right: 0;
  width: 270px;
  height: 821px;
  background: url(http://standardsong.com/dt/images/bkg04.png) no-repeat top center;
  z-index: 1200;
}
#header {
  margin: 0 auto;
  width: 1000px;
  position: relative;
  padding-top: 20px;
}
.txt_presents,
.title,
.copy02,
.copy01 {
  position: absolute;
  text-indent: -9999px;
  font-size: xx-small;
}
.txt_presents {
  top: 20px;
  left: 323px;
  width: 357px;
  height: 59px;
  background: url(../images/presents.png) no-repeat top center;
  z-index: 1300;
}
.title {
  top: 79px;
  left: 123px;
  width: 756px;
  height: 147px;
  background: url(../images/title.png) no-repeat top center;
  z-index: 1310;
}
.copy02 {
  top: 0;
  left: 696px;
  width: 306px;
  height: 201px;
  background: url(http://standardsong.com/dt/images/copy02.png) no-repeat left center;
  z-index: 1320;
}
.copy01 {
  top: 0;
  left: 7px;
  width: 201px;
  height: 452px;
  background: url(http://standardsong.com/dt/images/copy01.png) no-repeat left center;
  z-index: 1330;
}
.txt_date {
  padding-left: 170px;
}
.txt_staff {
  padding-top: 8px;
  padding-left: 293px;
}

/* ページトップ */
#pagetop {
  position: fixed;
  bottom: 15px;
  right: 80px;
  z-index: 2000;
}

/* ナビ */
#nav {
  position: fixed;
  top: 20px;
  left: 10px;
  width: 79px;
  height: 300px;
  z-index: 2100;
}
#nav ul {
  list-style: none;
}
#nav li {
  padding-bottom: 6px;
}

/* clearFix */
.clearFix:after {
  content: "."; 
  display: block; 
  height: 0;
  clear: both; 
  visibility: hidden;
}
*:first-child+html .clearFix { /* for windows IE7 only */
  display:inline-block;
  min-height:1%;
}
* html .clearFix { /* for windows IE6 only */
  height:1%;
}

/* mouse over */
.over a { background: none !important; }
.over a img {
  filter: alpha(opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;
}
.over a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

/* Font Color */
.yellow { color: #fffb01 !important; }
.pink { color: #ff7daf !important; }
.sky { color: #00eeff !important; }
.ygreen { color: #91ff00 !important; }

.bold { font-weight: bold !important; }

/* Font Size */
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }

/* Line Height */
.wide { line-height: 1.8 !important; }
.narrow { line-height: 1.3 !important; }

/* Text Align */
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }

/* Margin */
.mTop00 { margin-top: 0 !important; }
.mTop05 { margin-top: 5px !important; }
.mTop10 { margin-top: 10px !important; }
.mTop15 { margin-top: 15px !important; }
.mTop20 { margin-top: 25px !important; }
.mTop25 { margin-top: 20px !important; }
.mTop30 { margin-top: 30px !important; }
.mTop40 { margin-top: 40px !important; }
.mTop50 { margin-top: 40px !important; }
.mBtm10 { margin-bottom: 10px !important; }

/* Padding */
.pTop00 { padding-top: 0px !important; }
.pTop05 { padding-top: 5px !important; }
.pTop10 { padding-top: 10px !important; }
.pTop15 { padding-top: 15px !important; }
.pTop20 { padding-top: 20px !important; }
.pTop30 { padding-top: 30px !important; }
.pTop40 { padding-top: 40px !important; }

/* bkg */
.bkgWhite { background: #fff !important; }


/* スマフォ用 */
@media only screen
 and (max-device-width: 640px) {

#bkg_top, #bkg_left, #bkg_right {
  position: absolute;
  top: 0;
}

}