@charset "UTF-8";

/* reset browser default style */
*{
  padding: 0;
  border: none;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

body {
  background-color: #000000;
  position:relative;
  letter-spacing: 0px;
  line-height: 0%;
}

.content {
  margin: 0 auto;
  margin-top: 0px;
  text-align:left;
  font-family:Verdana, Arial, Helvetica;
}

.fm {
  font-size: 13px;
  line-height: 160%;
  font-family:Verdana, Arial, Helvetica;
}

.fme {
  font-size: 14px;
  font-weight: bold;
  line-height: 160%;
  font-family:Verdana, Arial, Helvetica;
}

.fl {
  font-size: 16px;
  font-weight: bold;
  line-height: 160%;
  font-family:Verdana, Arial, Helvetica;
}

a:link {
  font-weight: bold;
  text-decoration: underline;
  color: #cccccc;
}

a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: #cccccc;
}

a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #cccccc;
}

a:active {
  font-weight: bold;
  text-decoration: underline;
  color: #cccccc;
}

#wrapper{
  width:100%;
  margin:0;
}

#menu_back{
  background-color: #000000;
  position:fixed;
  top:0px;
  width:100%;
  height:30px;
  margin:0;
  padding:0;
  z-index:100;
}

#menu ul{
  position:relative;
  margin:0 auto;
  width:1070px;
  height:30px; 
  z-index:100;
}

#menu ul li{
  float:left; 
  height:30px; 
  margin:0; 
  padding:0;
  list-style:none; 
/*  text-indent:-9999px;*/
}

li.menu_li{
  width:140px;
}

li.menu_li2{
  width:200px;
}

li.menu_li3{
  width:120px;
}

li.menu_li4{
  width:90px;
}

.menu_li span{
  display:none;
}

.menu_li2 span{
  display:none;
}

.menu_li3 span{
  display:none;
}

.menu_li4 span{
  display:none;
}

#menu ul li a{
  display:block; 
  height:40px; 
  margin:0; 
  background-image:url(image/menu.gif); 
  background-repeat:no-repeat;
/*  text-indent:-9999px;*/
}

#menu ul li a:focus{ 
  outline:none;
}

#menu .news    a{background-position: 0 0;}
#menu .intro   a{background-position: -140px 0;}
#menu .story   a{background-position: -340px 0;}
#menu .cast    a{background-position: -480px 0;}
#menu .staff   a{background-position: -600px 0;}
#menu .trailer a{background-position: -720px 0;}
#menu .theater a{background-position: -840px 0;}
#menu .top     a{background-position: -980px 0;}


#menu .news    a:hover{background-position: 0 -40px;}
#menu .intro   a:hover{background-position: -140px -40px;}
#menu .story   a:hover{background-position: -340px -40px;}
#menu .cast    a:hover{background-position: -480px -40px;}
#menu .staff   a:hover{background-position: -600px -40px;}
#menu .trailer a:hover{background-position: -720px -40px;}
#menu .theater a:hover{background-position: -840px -40px;}
#menu .top     a:hover{background-position: -980px -40px;}

/*---- トップ ----*/

#top_area {
  width: 1100px;
  height: 800px;
}

#top_desc {
  background-repeat: no-repeat;
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

#toptable {
  background-repeat: no-repeat;      
}

/*---- イントロダクション ----*/

#intro_area {
  width: 1100px;
  height: 1200px;
}

#intro_desc {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

/*---- ストーリー ----*/

#story_area {
  width: 1100px;
  height: 1200px;
}

#story_desc {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

/*---- キャスト ----*/

#cast_area {
  width: 1100px;
  height: 1650px;
}

#cast_desc {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

/*---- スタッフ ----*/

#staff_area {
  width: 1100px;
  height: 1200px;
}

#staff_desc {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

/*---- 予告編 ----*/

#trailer_area {
  width: 1100px;
  height: 800px;
}

#trailer_desc {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

/*---- 劇場情報 ----*/

#theater_area {
  width: 1100px;
  height: 1650px;
}

#theater_desc {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
}

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

#footer {
  width: 1100px;
  height: 50px;
}

p.cr {text-align: center; }

#footer_desc {
  float: center;
  margin-top: 0px;
  margin-left: 285px;
  margin-bottom: 10px;
}

/*------------------------------------------------------------------------------
 header
 -------------------------------------------------------------------------------*/
#header {
	width:100%;
	background-color:#1c1c1c;
	position: fixed;
	top: 0;
	z-index: 9000;
}

*:first-child+html #header {
	width:100%;
	background-color:#1c1c1c;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
}

#head_body {
	margin:0 auto;
	clear:both;
	height:50px;
	width:1000px;
}

#header_logo {
	padding:10px 0;
	float:left;
}

#oppictures_logo {
	padding:15px 20px 0 0;
	float:right;
}

#g_navi {
	padding:18px 15px;
	height:35px;
	float:left;
}

#g_navi li {
	float:left;
	height:35px;
}

.share {
	margin-top:16px;
	text-align:right;
}
.share  li {
	float:left;
	padding-left:5px;
}
.share li img {
	vertical-align:top;
  }

.news_area {
	margin:25px 0 0 814px;
	width:234px;
}

.scroll_area {
	margin-top:12px;
	width:234px;
	height:150px;
}

.scroll_area dd {
	width:230px;
}

.scroll_area dt {
	font-size: 83%;
}

.scroll_area dd {
	margin-bottom:5px;
	font-size: 91.6%;
}

.billing {
	margin:20px 0 10px 0;
	padding-bottom:80px;
	border-bottom:1px solid #696969;
}

a.youtube{
	background-image:url("images/btn_trailer.png");	
	display:block;
	width:500px;
	height:93px;
	text-indent:-9999px;
}

a.youtube:hover{
	background-position:left bottom;
}

a {
    outline: none;
}