@charset "UTF-8";

body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
  font-size: 100%;
  position:absolute;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  line-height: 1.3;
  background: #ffffff url(img/bg.jpg) bottom repeat-x fixed;
  overflow:hidden;
}

/*-----リンク文字色設定--------------------------------*/

.read_cap a:link,.read_cap a:visited,.read_cap a:active, .info_box a:link,.info_box a:visited,.info_box a:active
{ color: #264cba; text-decoration: none; border: none;}
.read_cap a:hover,.info_box a:hover
 { color: #264cba; border-bottom:solid 1px #264cba;}

a.move_link :hover { position:relative; top:2px; left:1px; }

/*--------ヘッダー------------------------------------*/

h1 {
  position: absolute;
  top: 0px;
  margin: 0px;
  width: 100%;
  height: 30px;
  background-color:#000000;
}

/*------縦横中央揃え------------------------------------*/

.center {
  position:relative;
  top: 50%;
  margin: -270px auto 0px;
  width: 800px;
}

/*--------コンテンツ------------------------------------*/

#contents { 
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height:450px;
  font-size: 80%;
  overflow:auto;
   /*background-color:pink;*/
}

/*----はじめに------------------------------------*/

#contents ul#read_menu {
  position: relative;
  margin: 15px 0px 0px;
  padding: 0px;
  width: 330px;
  height: 400px;
  list-style: none; 
  float: left;
}

#contents ul#read_menu li {
  margin-bottom: -10px;
  padding:0px;
  font-size:0px;
  line-height:0px;
  height: 90px;
  overflow:hidden;
}

.choice { background-position: 0px -90px; }
.onmouth { background-position: 0px -180px; }

.read_cap {
   margin:  15px 0px 0px;
   padding: 0px;
   position: absolute;
   top: 15px;
   left : 350px;
   width: 450px;
   height: 380px;
   overflow:hidden;
   /*background-color:#5dbeac;*/
} 

.read_cap span {    
   display: table-cell;
   vertical-align: middle;
   height: 380px;
}

.read_cap li { font-weight:bold; line-height: 2em;}
.read_cap p.ps { font-size:90%; width:450px; text-align:right;}

/*----スタッフ紹介--------------------------------*/

.staff { 
  margin: 20px auto 30px;
  width: 720px;
  min-height: 120px;
  height: auto;
}

#scroll {
   position:relative;
   margin: 0px auto;
   width:740px;
   height:385px;
   overflow-y:auto;
   overflow-x:hidden;
}

.staff img { 
  float: left; 
  margin: -5px 5px 0px -5px;
  width:120px;
} 

.staff dd { 
  margin: 5px 0px;
  font-size:90%;
  padding-left :135px; 
}

/*----部門紹介------------------------------------*/

#contents ul.info {
  position: relative;
  margin: 0 auto;
  padding:0px;
  width: 380px;
  list-style: none; 
  text-align: center;
}

#contents ul.info li {
  float: left;
  display: block;  
}

#contents ul.info li a, ul.info li div {
  margin: 0px;
  padding:0px;
  display: block;
  background-image: url(img/info.png);
}

ul#top li a,#top li div             {  height:130px; line-height: 287px;}
ul#middle li a,#middle li div  {  height:116px; line-height: 260px;}
ul#bottom li a,#bottom li div {  height:117px; line-height: 260px;  white-space: nowrap;}

#dammy1 { width:115px; background-position: -136px 0px; }
#dammy2 { width:136px; background-position: 0px -130px; }
#dammy3 { width:129px; background-position: -251px -130px; }
#dammy4 { width:115px; background-position: -136px -247px; }
#dammy5 { width:380px; height:23px; background-position: 0px -363px; }

#movie a  { width: 136px; background-position: 0px 0px; }
#design a { width: 129px; background-position: -251px 0px; }
#music a  { width: 115px; background-position: -136px -130px; }
#story a   { width: 136px; background-position: 0px -247px; }
#print a   { width: 129px; background-position: -251px -247px; }

#movie a:hover {  background-position: 0px -385px;   }
#design a:hover {  background-position: -251px -385px;   }
#music a:hover {  background-position: -136px -515px;   }
#story a:hover {  background-position: 0px -631px;   }
#print a:hover {  background-position: -251px -631px;   }

.info_box {
   position: relative;
   margin: 0px;
   padding: 0px 20px;
   width:550px;
   height:430px;
   font-size: 80%;
   overflow: hidden;
   background-color:#eeeeee;
}

.info_box h4 { margin: 30px 0px 5px 0px; }
.info_box p { margin: 0px 0px 20px 1em; }

/*----メールフォームー------------------------------------*/

td.mail_cap { 
     padding: 0px 10px;
     background-color:#000000; 
     text-align:center; color:#ffffff;
}
.mail_con { padding:0px; }
.mail_con input, .mail_con textarea { 
     resize: none;
     margin:0px; 
     padding:5px; 
     border:1px #a0a0a0 solid; 
}

/*----リンクページ------------------------------------*/

.link {
     margin:0px;
     padding:8px 20px;
}

.link img { 
     margin-right:10px;
     vertical-align: middle;
     width:200px;
}

/*----コンテンツメニュー------------------------------------*/

#menu { 
  position:relative;
  top: 460px;
  margin: 0px;
  padding:0px;
  width: 800px;
  height:52px;
}

#menu ul {
  margin: 0px auto; 
  padding :0; 
  width:767px;
  list-style: none; 
}

#menu li {
  padding: 0px 20px 0px 20px; 
  margin: 0; 
  float: left;
}

/*--------フッター------------------------------------*/

address { 
  position: fixed;
  bottom:0px;
  margin: 0px;
  padding:0px;
  background: #000000 url(img/copy.png) no-repeat center;
  width: 100%;
  height:40px;
}