@charset "utf-8";
@media screen,print {



#main div.works { position: relative; }
#main div#works_designer { height: 810px; }
#main div#works_chara { height: 700px; }
#main div#works_cg { height: 680px; }
#main div#works_cg-mov { height: 720px; }
#main div#works_planner { height: 580px; }
#main div#works_sound { height: 800px; }
#main div#works_comic { height: 780px; }
#main div#works_animator { height: 710px; }
#main div#works_animator-mov { height: 640px; }


#main div.works h1 { border-top: 4px solid #999999; border-bottom: 4px solid #999999; }
#main div.works h1 img { display: block; }

#main div.howto { display: block; text-align: left; padding: 12px 16px 0; }
#main div.howto p { font-size: 80%; }

#main div.works div.page { width: 664px; position: absolute; z-index: 100; background-color: white; }

#main div.works ul.index { margin: 0 0 0;  padding: 10px 10px 5px;  background: #eee;  text-align: center; }
#main div.works ul.index li { display: inline; margin: 0 2px; padding: 0; }
#main div.works ul.index li span,
#main div.works ul.index li a { display: inline-block; margin-bottom: 5px; padding: 1px 8px; background: #fff; border: 1px solid #aaa; text-decoration: none; vertical-align: middle; }
#main div.works ul.index li a:hover { background: #eeeff7; border-color: #00f; }
#main div.works ul.index li a.select { background-color: #aaa; }

#main div.works div.page ul.list { margin-bottom: 12px; background-color: white;}
#main div.works div.page ul.list li { list-style-type: none;  margin-top: 12px; margin-left: 12px; float: left; }
#main div.works div.page ul.list li span.new { position: absolute; background-color: #EF3900; color: white; font-family: Verdana; font-weight: bold; padding: 4px 4px; font-size: 75%; }
#main div.works div.page ul.list li a {  }
#main div.works div.page ul.list li a img { display: block; }
#main div.works div.page ul.list li div.sound { width: 320px; height: 60px; margin-bottom: 16px; }
#main div.works div.page ul.list li div.sound p { font-size: 75%; padding-bottom: 4px; margin-top: 8px; }
#main div.works div.page ul.list li div.sound p.title { padding: 4px 8px; background-color: #d6d6d6; width:90%; }
#main div.please { padding: 16px 16px; background-color: #ececec; font-size: 80%; color: #232389; }

#main #gc_works {  }
#main #ani_works {  }


} /* end screen,print */

@media print {
} /* end print */