@charset "utf-8";
@import url("reset.css");
@import url("colorbox.css");

/* サイト内で使用しているCSSです。
   Update:2010.05.01
------------------------------------- */

html, body {
  min-height: 100%;
  height: 100%;
}

body, th, td {
  font-size:12px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#FFF;
}

body {
  background-image:url(../image/background.jpg);/* 背景画像 */
  background-repeat:no-repeat;
  background-attachment:fixed; /* 背景画像を固定する */
}

a {
  color:#FFF;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

a img {
  border:2px solid #FFF;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

a:hover img {
  border:2px solid #0CF;
}

#sideArea {
  float:left;
  position: relative;
  width:228px;
  padding-top:30px;
}

#mainArea {
  min-height:100%;
  float:left;
  position:relative;
  width:600px;
  background-repeat:no-repeat;
  background-position:0 10px;
  filter: alpha(opacity=98);
  -moz-opacity:0.98;
  opacity:0.98;
}

#content {
  padding:360px 0 20px;
}

#content h2 {
  font-size:108%; /* 14px */
  padding:4px 20px 3px;
  margin-bottom:21px;
  text-align:right;
  letter-spacing:0.1em;
}

#content h3 {
  padding:4px 20px 3px;
  margin-bottom:7px;
  border-bottom:1px solid #FFF;
  text-align:right;
  letter-spacing:0.1em;
}

#content p {
  padding:0 20px;
  line-height:1.6;
  margin-bottom:21px;
}

#linkList th {
  width:220px;
  padding:7px 0 7px 10px;
}

#linkList td {
  padding:7px 10px;
  line-height:1.3em;
}

#illustList th {
  width:220px;
  padding:7px 0 7px 10px;
}

#illustList td {
  padding:7px 10px;
  line-height:1.3em;
}

#illustList td p {
  padding:0;
  margin-bottom:0;
}

#movieList th {
  width:320px;
  padding:7px 0 7px 10px;
}

#movieList td {
  padding:7px 10px;
  line-height:1.3em;
}

#movieList td p {
  padding:0;
  margin-bottom:0;
}

#footer {
  padding:14px;
  text-align:center;
}

#counter {
  position:absolute;
  bottom:0;
  padding:4px;
  color:#505050;
}

#counter img{
  position:relative;
  top:2px;
  margin-right:4px;
}

/* sprite
-------------------------------------*/

.logo {
  margin-left:40px;
  margin-bottom:20px;
  display:block;
  background-image:url(../image/sprite.png);
  background-repeat:no-repeat;
  height:80px;
  width:160px;
  background-position:-200px -20px;
  text-indent:-9999px;
}

#menu {
  margin-left:50px;
}

#menu li {
  margin-bottom:14px;
  text-indent:-9999px;
}

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7 {
  display:block;
  background-image:url(../image/sprite.png);
  background-repeat:no-repeat;
  height:20px;
  width:100px;
}

a.menu1 {
  background-position:0 -20px;
}

a:hover.menu1 {
  background-position:-100px -20px;
}

a.menu2 {
  background-position:0 -60px;
}

a:hover.menu2 {
  background-position:-100px -60px;
}

a.menu3 {
  background-position:0 -100px;
}

a:hover.menu3 {
  background-position:-100px -100px;
}

a.menu4 {
  background-position:0 -140px;
}

a:hover.menu4 {
  background-position:-100px -140px;
}

a.menu5 {
  background-position:0 -180px;
}

a:hover.menu5 {
  background-position:-100px -180px;
}

a.menu6 {
  background-position:0 -220px;
}

a:hover.menu6 {
  background-position:-100px -220px;
}

a.menu7 {
  background-position:0 -260px;
}

a:hover.menu7 {
  background-position:-100px -260px;
}