@charset "UTF-8";

/*
########################################################
	common
########################################################
*/
*{
  margin: 0px;
  padding: 0px;
}
a:link {
  color: #ffffff;
  text-decoration: underline;
} 
a:visited {
  color: #ffffff;
  text-decoration: underline;
}
a:hover {
  color: #990000;
  text-decoration: underline;
}
ul.menu {
  margin: 0px;
  padding: 0px;
}
ul.menu li {
  list-style-type: none;
}
img {
  border: none;
}
body {
  color: #ffffff;
  font-size: 0.9em;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  line-height: 1.4;
  text-align: center;
  background: url(../img/back.png);
}
P {
  margin-bottom: 9px;
}
.textleft {
  text-align: left;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
/*
########################################################
	all
########################################################
*/
#back {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  border-left: solid 1px #996600;
  border-right: solid 1px #996600;
}
#wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000; 
}
#centerarea {
  width: 600px;
  margin-left: 100px;
}
#centerarea p {
  text-align: left; 
}
.clear {
  clear: both;
}
.12 {
  font-size: 12px;
}
.right {
  float: right;
}
.bookmark {
  float: right;
  margin: 9px 2px;
}
.bookmark a {
  text-decoration: none;
}
/*
########################################################
	header
########################################################
*/
#header-logo a {
  float: left;
  width: 332px;
  height: 60px;
  outline: none;
  margin: 5px 0px;
}
#header-ad {
  float: right;
  width: 468px;
  height: 60px;
  margin: 5px 0px;
}
/*
########################################################
	mainmenu
########################################################
*/
#mainmenu {
  clear: both;
  padding: 0px;
  height: 45px;
  margin-bottom: 5px;
}
#mainmenu li {
  float: left;
  list-style-type: none;
}
#mainmenu li a {
  width: 160px;
  height: 45px;
  outline: none;
  display: block;
  text-indent: -700em;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#mainmenu li a:hover {
  background-position: 0px -45px;
}
a.mainmenu1 {
  background-image: url(../img/btn_emmw.gif);
}
a.mainmenu2 {
  background-image: url(../img/btn_company.gif);
}
a.mainmenu3 {
  background-image: url(../img/btn_material.gif);
}
a.mainmenu4 {
  background-image: url(../img/btn_link.gif);
}
a.mainmenu5 {
  background-image: url(../img/btn_contact.gif);
}
/*
########################################################
	display
########################################################
*/
#maindisplay {
  clear: both;
  width: 800px;
  height: auto;
  margin-bottom: 5px;
  text-align: left;
}
.title {
  font-size: 24px; 
  text-align: center;
  font-weight: normal;
  margin-bottom: 5px;
}
.movie {
  text-align: center;
  padding: 10px 0px;
}
.text{
  clear: both;
  color: #ffcc00;
  font-size: 15px;
}
#container {
  text-align: center;
  padding: 10px 0px;
}
/*
########################################################
	ch
########################################################
*/
#ch {
  clear: both;
  float: left;
  width: 550px;
  height: auto;
}
.chbtn {
  float: left;
  width: 110px;
  height: 110px;
  margin-bottom: 10px;
}
.previewtitle a {
  float: left;
  width: 386px;
  color: #ffcc00;
  margin-bottom: 4px;
}
.previewtitle a:visited {
  color: #ffcc00;
}
.previewtext {
  float: left;
  width: 386px;
  margin-bottom: 4px;
}
.chstart {
  text-align: right;
}
.banner {
  float: left;
  width: 140px;
  height: 110px;
  padding: 0px 20px 20px 20px;
}
#rightad {
  height: auto;
  width: 240px;
  float: right;
  text-align: center;
}
#rightad p {
  float: left;
}
.preview {
  clear: both;
  width: 550px;
  height: 140px;
  text-align: left;
  margin-bottom: 10px;
  border-bottom: dotted 2px #996600;
}
.previewimg a {
  float: left;
  margin-right: 10px;
  border: solid 2px #ffffff;
}
.previewimg a:hover {
  margin-right: 10px;
  border: solid 2px #990000;
}
.preview2 {
  float: left;
  width: 150px;
  height: auto;
  margin: 5px 4px;
  font-size: 0.8em;
}
.movieimage {
  margin-bottom: 4px;
}
.movietitle {
  height: 14px;
  width: 150px;
  overflow: hidden;
  margin-bottom: 2px;
}
.movietitle a {
  color: #1e90ff;
}
.movietext {
  height: 45px;
  overflow: hidden;
  margin-bottom: 2px;
}
/*
########################################################
	mainmenu
########################################################
*/
#main-menu {
  float: left;
  width: 500px;
  height: 75px;
  margin: 10px 0px;
}

#main-menu ul.menu li {
  float: left;
}


#main-menu ul.menu li a {
  width: 100px;
  height: 75px;
  outline: none;
  display: block;
  text-indent: -700em;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#main-menu ul.menu li a:hover {
  background-position: 0px -75px;
}
a.menu01 {
  background: url(../img/btn_emmw.gif);
}

a.menu02 {
  background: url(../img/btn_jin.gif);
}

a.menu03 {
  background: url(../img/btn_shopping.gif);
}

a.menu04 {
  background: url(../img/btn_qa.gif);
}

a.menu05 {
  background: url(../img/btn_contact.gif);
}
/*
########################################################
	movie
########################################################
*/
.topimage {
  float: left;
}
.cast {
  float: left;
  padding-left: 19px;
}
.cast dt {
  clear: both;
  float: left;
  margin-bottom: 9px;
}
.cast dd {
  margin-bottom: 9px;
  padding-left: 140px;
}
.titleimage {
  clear: both;
  float: left;
}
.titlecaption {
  padding-left: 160px;
}
/*
########################################################
	center
########################################################
*/
#main {
  float: left;
  width: 440px;
  height: auto;
  margin-bottom: 10px;
}
#movie {
  width: 440px;
  height: auto;
  margin-bottom: 10px;
}
#information {
  width: 440px;
  height: auto;
  text-align: left;
  margin-top: 10px;
  background-color: #000000;
}
#title_information {
  width: 440px;
  height: 25px;
  text-indent: -700em;
  margin-bottom: 10px;
  background: url(../img/information.gif) no-repeat;
}
.infoflame_top {
  clear: both;
  height: 10px;
  width: 440px;
  background: url(../img/infoflame_top.gif) no-repeat;
}
.infoflame_center {
  clear: both;
  height: auto;
  width: 440px;
  background: url(../img/infoflame_center.gif);
}
.infoflame_bottom {
  height: 10px;
  width: 440px;
  clear: both;
  margin-bottom: 5px;
  background: url(../img/infoflame_bottom.gif) no-repeat;
}
.month {
  color: #ffffff;
  font-size: 12px;
  padding: 4px 4px 0px 14px;
}
.info {
  color: #ffffff;
  font-size: 12px;
  padding: 0px 4px 4px 14px;
}
.info a {
  color: #ffffff;
  text-decoration: underline;
}
.info a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/*
########################################################
	left
########################################################
*/
#left {
  float: left;
  width: 170px;
  height: 600px;
  text-align: center;
  margin-bottom: 10px;
}
/*
########################################################
	right
########################################################
*/
#right {
  width: 620px;
  height: auto;
  float: right;
  text-align: center;
  margin-bottom: 10px;
}
.adleft {
  float: left;
  width: 80px;
  height: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}
/*
########################################################
	footer
########################################################
*/
#footer {
  clear: both;
  height: auto;
}