@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
html { overflow-y: scroll; }
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, option, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	font-style: normal;
	border: none;
	outline: 0;
	font-size: 100%;
	/* background: transparent; */
}

html>body body { font-size: 12px; }
caption,th {	text-align: left; }
ol,ul {	list-style: none; }
address,em,cite { font-style: normal; }
fieldset,img { border: none; vertical-align: top; }
a { overflow: hidden; text-decoration: none; }
q:before,q:after {	content:''; }
abbr,acronym { border:0; }
:focus { outline: 0; }

body {
  text-align: center;
  background: #fff url(../img/navi-bg.jpg) repeat-x center top;
}
.style10{
  color: #000000;
}


#building {
    background-color: #FFF;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	font-size: 12px;
}

#headerout {
  height: 73px;
  background: #fff url(../img/headerwrap-bg.jpg) no-repeat center top;
}		
#header {
  position:relative;
  width: 900px;
  margin: 0 auto;
  background-color: none;
  background: #fff url(../img/header-bg.jpg) no-repeat center top;
  text-align: left;
  width: 900px;
  height: 73px;
}
#headertext {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  color: #666;
  text-align: left;
  font-size: 10px;
  font-weight: nomal;
  }

#headertopimg {
  position: absolute;
  top: 20px;
  left: 0;
  color: #fff;
  text-align: left;
  height: 53px;
}

#header2 {
  position:relative;
  background-color: none;
  text-align: left;
  width: 900px;
  height: 32px;
}
#headernavi {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 900px;
  height: 32px;
}
#contents {
	width: 900px;
	margin: 0;
	background: url(../img/content-bg.jpg) no-repeat center top;
}
#contents #main-content {
    float: right;
	width: 660px;
	text-align: left;
	margin-bottom: 50px;
	margin-top: 11px;
}
#contents #main-content #flashwrap {
	width: 645px;
	height: 335px;
	margin-left: 15px;
	margin-bottom: 0;
	padding-top:15px;
	background: url(../img/flash.jpg) no-repeat center top;
	text-align: center;
}
p.inner {
	width: 560px;
	height: 320px;
	margin: 0 37px 15px 38px;
}
#contents #main-content #nomalwrap {
	width: 645px;
	margin: 10px 0 20px 15px;
}
#contents #main-content #nomalwrap p {
	padding: 10px 3px 10px 2px;
}

#contents #main-content #nomalwrap2 {
	width: 645px;
	margin: 0 0 20px 15px;
}

#contents #main-content .blockmove {
	width: 660px;
	text-align: left;
}
#contents #main-content .audition-text {
	width: 660px;
	padding-top: 30px;
	text-align: left;
	background: url(../img/1-1-movie-bg.jpg) repeat left;
}

#contents #main-content .audition-switch {
	width: 660px;
	text-align: right;
	padding-bottom: 30px;
}
#contents #main-content #nomalwrap ul {
	width: 645px;
	height: 100px;
	margin: 0;
	padding: 0;
}
#contents #main-content #nomalwrap ul li {
    float: left;
	display: block;
	width: 316px;
	margin: 4px 2px 4px 3px;
}
#contents #main-content #newswrap {
    width: 645px;
	margin-top: 20px;
	margin-left: 15px;
}		
#contents #sub-content {
    float: left;
	width: 240px;
	margin-bottom: 50px;
}
#contents #sub-content .subbana {
width: 229px;
margin: 0 11px 12px 0;
padding: 0;
}
ul.subnavi01 {
 width: 240px;
 height: 341px;
 padding-top: 8px;
 background: url(../img/right-bana-bg.jpg) no-repeat left top;
 clear: both;
}

ul.subnavi01 li a { display: block; }
ul.subnavi01 li a:hover { background-color: transparent; }
ul.subnavi01 li a:hover img { visibility: hidden; }
ul.subnavi01 li { 
width: 229px;
height: 99px;
margin: 0 11px 12px 0;
padding: 0;
 }
ul.movie-bottom02 {
 width: 660px;
 height: 70px;
 padding: 0;
 background: url(../img/movie-entry-bottom.jpg) no-repeat left top;
 clear: both;
}

ul.movie-bottom02 li a { display: block; }
ul.movie-bottom02 li a:hover { background-color: transparent; }
ul.movie-bottom02 li a:hover img { visibility: hidden; }
ul.movie-bottom02 li { 
width: 240px;
height: 50px;
margin: 9px 403px 11px 17px;
padding: 0;
 }

#subwrap {
  width: 230px;
  margin: 10px 20px 10px 0;
  font-size: 12px;
  line-height: 20px;
}
#formwrap {
  width: 580px;
  margin: 20px 20px 10px 60px;
}


#corpwrap {
  width: 580px;
  margin: 30px 0 20px 60px;
  background: url(../img/corp-bg.jpg) no-repeat left top;
 border-top: 1px solid #eee;
}
#corpwrap .innerwrap {
  width: 580px;
  height: 300px;
  margin: 0;
}
#corpwrap .innerwrap ul.torihiki {
  width: 290px;
  float: left;
  margin: 0 0 20px 0;
}
#corpwrap ul.torihiki li {
 padding-left: 20px;
}


#workswrap {
  width: 650px;
  margin: 30px 0 20px 10px;
 border-top: 1px solid #ffcccc;
}

#workswrap ul.parts {
  width: 650px;
  height: 950px;
}

#workswrap ul.parts li {
  width: 600px;
 border-bottom: 1px dotted #666;
 margin: 10px 25px 20px 25px;
}
li.opd {
 background: url(../img/opd250-300.jpg) no-repeat left top;
  height: 320px;
}
li.natusaku {
 background: url(../img/natusaku250-300.jpg) no-repeat left top;
  height: 320px;
}
li.douwa {
 background: url(../img/douwa200-200.jpg) no-repeat left top;
  height: 220px;
}
p.worksmidashi{
 padding: 10px 10px 5px 280px; 
 font-size: 14px;
 }
p.workstext{
 padding: 5px 10px 5px 300px; 
 }

#formwrap ul.mirai{
  color: #666;
  font-size: 14px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #FF6699;
  border-top: 1px dotted #FF6699;
}
#formwrap ul.mirai li {
  padding: 10px 0 10px 0;
}
.recwrap {
  color: #666;
  font-size: 12px;
  margin: 30px;
}


.floatclear{
clear: both;
display: block;
}
#footer{
    height: 64px;
    background: url(../img/footer-bg.jpg) repeat-x center top;
	padding: 0;
}
#footerwrap{
  width: 900px;
  align: center;
  margin: auto;
  padding-top: 20px;
  font-weight: nomal;
  text-align: left;
}
#footer p{
 font-size: 13px;
  color: #333;
}
#footer p a {
color: #333333;
}
#footer p a:hover,
#footer p a:active {
	color: #666;
	text-decoration:underline;
}
ul.rollover01 {
 width: 900px;
 height: 32px;
 margin: 0;
 border: 0;
 background: url(../img/navi.jpg) no-repeat right top;
 clear: both;
}
ul.rollover01 li {
 float: left;
 height: 32px;
 overflow: hidden;
}
ul.rollover01 li a { display: block; }
ul.rollover01 li a.stay img,
ul.rollover01 li a:hover img { margin-top: -32px; }
* html ul.rollover01 li a:hover { zoom: 1; }
ul.rollover01 li.lnk01 { width: 303px; }
ul.rollover01 li.lnk02 { width: 118px; }
ul.rollover01 li.lnk02 img { margin-left: -303px; }
ul.rollover01 li.lnk03 { width: 129px; }
ul.rollover01 li.lnk03 img { margin-left: -422px; }
ul.rollover01 li.lnk04 { width: 132px; }
ul.rollover01 li.lnk04 img { margin-left: -554px; }
ul.rollover01 li.lnk05 { width: 112px; }
ul.rollover01 li.lnk05 img { margin-left: -686px; }
ul.rollover01 li.lnk06 { width: 106px; }
ul.rollover01 li.lnk06 img { margin-left: -794px; }


ul.rollover03 {
 width: 660px;
 height: 77px;
 border: 0;
 margin: 0;
 background: url(../img/audition-button.jpg) no-repeat right top;
 clear: both;
 
}
ul.rollover03 li {
 float: left;
 height: 77px;
 overflow: hidden;
 width: 660px;
}
ul.rollover03 li a { display: block; }
ul.rollover03 li a:hover img { margin-top: -77px; }
* html ul.rollover03 li a:hover { zoom: 1; }

ul.rollover04 {
 width: 660px;
 height: 96px;
 border: 0;
 margin: 0;
 background: url(../img/indies-entry.jpg) no-repeat right top;
 clear: both;
 
}
ul.rollover04 li {
 float: left;
 height: 96px;
 overflow: hidden;
 width: 660px;
}
ul.rollover04 li a { display: block; }
ul.rollover04 li a:hover img { margin-top: -96px; }
* html ul.rollover03 li a:hover { zoom: 1; }


#top-wrap {
 background-color: #fff;
 width: 630px;
 margin: 10px 0px 20px 0px;
 text-align: left;
 font-weight: nomal;
 font-size: 12px;
}
#buildingframe {
	width: 650px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	height: 100%;
}
ul.framewrap {
 width: 600px;
 margin:10px 15px 10px 10px;
 font-size: 12px;
}
ul.framewrap li {
 padding-left: 20px;
 background: url(../img/frameicon.jpg) no-repeat left;
 border-bottom: 1px dotted gray;
 line-height: 30px;
}




