@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

ul li a, ul li img, h1 img{ display: block; }

a{ color: #3366ff; text-decoration: none; }
a:hover{ color: #FF1D25; }

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.small{ font-size: 12px; }

.mt40{ margin-top: 40px; }
.mt20{ margin-top: 20px; }
.mt10{ margin-top: 10px; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.op:hover{
	opacity: 0.8;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}

/* layout
-------------------------------------------------------------------------------*/

body{
	font:14px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.08em;
	color: #000;
}

html, body{
	background: #000 url(../images/bg.jpg) no-repeat center top;
	background-attachment: fixed;
}


.wrapper{
	width: 784px;
	margin: 0 auto;
	padding-bottom: 40px;
	border: 8px solid #e50012;
	background-color: #fff;
}

.logo{
	padding: 5px 0 10px 0;
	background-color: #e50012;
	text-align: center;
}

#about{ border-color: #e50012; }
#about .logo{ background-color: #e50012;}
#movie{ border-color: #2fe950; }
#movie .logo{ background-color: #2fe950; }
#cast{ border-color: #ffde00; }
#cast .logo{ background-color: #ffde00; }
#story{ border-color: #ff7b00; }
#story .logo{ background-color: #ff7b00; }
#action{ border-color: #ff2cc2; }
#action .logo{ background-color: #ff2cc2; }
#time{ border-color: #c100ba; }
#time .logo{ background-color: #c100ba; }
#guide{ border-color: #009eff; }
#guide .logo{ background-color: #009eff; }

.content{
	margin: 0 50px 20px 50px;
	padding: 40px 0;
	background: url(../images/content_bg.gif) repeat-x center bottom;
}

.content td{ padding-bottom: 18px; }


/* home */
#home{
	position: relative;
	background-color: #ffff4d;
}

.homeContent{
	margin-bottom: 20px;
}

#homeSub{
	position: absolute;
	top: -8px;
	left: -6px;
}

.section{
	width: 654px;
	margin: 46px auto 0 auto;
	padding-bottom: 53px;
	background: url(../images/home_section_bg.gif) no-repeat center bottom;
}

#youtube{
	width: 640px;
	margin: 30px auto 0 auto;
}

#nav{ margin: 35px 0 0 24px; }
#nav li{
	float: left;
	margin: 15px 15px 0 0;
}

#homePresent h3{ margin: 30px 0 10px 50px; }
#homePresent .present{ margin: 0 0 20px 155px; }
#homePresent .presentBtn{ margin: 20px 0 15px 144px; }
#homePresent strong{ font-weight: bold; color: #e50012; }
#homePresent ul.present li{
	display: inline-block;
	margin-right: 26px;
}

#notice{
	width: 500px;
	margin: 35px auto 70px auto;
	padding: 12px;
	border: 1px solid #000;
	font-size: 12px;
}

#notice ul li{
	text-indent: -1em;
	margin-left: 1em
}

#omake{
	background: url(../images/home_content_bg.gif) repeat-x center bottom;
	text-align: center;
}

#omake li{
	display: inline-block;
	padding: 0 15px
}

.inline{ outline: none; }
.inner{
	padding:24px 0 0 36px;
}
.inner p{ margin-top: 30px; }
.inner p:first-child{ margin-top: 0; }


/* footer */
#footer{ text-align: center; }

#footer li{
	display: inline-block;
	margin-right: 28px;
	vertical-align: top;
}
#footer li:last-child{ margin-right: 0; }

.fb-like{
	padding-top: 25px;
	height: 20px;
	overflow: hidden;
}