@charset "utf-8";

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

#wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /*   padding-top: 30px; */
padding-top: 70px;
  position: relative;
  background: url(../images/bkg_star.png) fixed repeat center 30px;
}

#body {
  margin: 0 auto;
  width: 1000px;
}

a {
  color: #3ed2ff;
  text-decoration: underline;
}
a:hover {
  color: #33ffff;
}
a:focus {  outline: none; }

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

/* ヘッダー */
#header {
  margin: 0 auto;
  width: 1086px;
  position: relative;
  height: 470px;
}
#header h1,
#header h2,
#header p {
  position: absolute;
  text-indent: -9999px;
  font-size: xx-small;
}
#header h1 {
  top: 7px;
  left: 493px;
  width: 554px;
  height: 265px;
  background: url(../images/header_title.png) no-repeat top left;
}
#header h2 {
  top: 0;
  left: 0;
  width: 475px;
  height: 450px;
  background: url(../images/header_maincast.png) no-repeat top left;
}
#header p {
  top: 293px;
  left: 515px;
  width: 534px;
  height: 110px;
  background: url(../images/header_date.png) no-repeat top left;
}

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

/* ナビ */
#globalnavi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 58px;
  background: url(../images/menu_bkg.png) repeat-x;
  z-index: 2100;
}
#globalnavi ul {
  margin: 0 auto;
  width: 905px;
  list-style: none;
}
#globalnavi li {
}
#globalnavi li a {
  display: block;
  float: left;
  height: 37px;
}
#globalnavi li#nav01 a {
  width: 121px;
  background: url(../images/menu01_ov.png) no-repeat;
}
#globalnavi li#nav02 a {
  width: 243px;
  background: url(../images/menu02_ov.png) no-repeat;
}
#globalnavi li#nav03 a {
  width: 135px;
  background: url(../images/menu03_ov.png) no-repeat;
}
#globalnavi li#nav04 a {
  width: 135px;
  background: url(../images/menu04_ov.png) no-repeat;
}
#globalnavi li#nav05 a {
  width: 135px;
  background: url(../images/menu05_ov.png) no-repeat;
}
#globalnavi li#nav06 a {
  width: 136px;
  background: url(../images/menu06_ov.png) no-repeat;
}


/* フッター */
#footer {
  margin: 80px auto 0;
  padding-bottom: 30px;
  width: 1000px;
  text-align: center;
}
#footer ul {
  maring: 0 auto;
  width: 934px;
  list-style: none;
}
#footer li a {
  display: block;
  float: left;
  width: 304px;
  height: 59px;
  margin-right: 11px;
}
#footer li#btn_ss a {
  background: url(../images/btn_ss_ov.png) no-repeat;
}
#footer li#btn_blog a {
  background: url(../images/btn_blog_ov.png) no-repeat;
}

#footer li#btn_twitter a {
  background: url(../images/btn_twitter_ov.png) no-repeat;
  margin: 0;
}


#footer p {
  margin-top: 30px;
  text-align: center;
  font: 11px Futura, Verdana, Helvetica;
  letter-spacing: 0.1em;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

/* 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;
}
.fadeOver a img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1.00;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fadeOver a:hover img {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}


/* Font Color */
.white { color: #fff !important; }
.yellow { color: #eddd8a !important; }
.pink { color: #ff91d7 !important; }
.sky { color: #3ed2ff !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; }


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

#wrapper {
  width: 1100px;
}
}