﻿@charset "UTF-8";
/* CSS Document */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }
.clear { clear: both; }

body {
    text-align: center;
    background: #fff;
	background-image:url(img/bgimg.gif);
	background-position:center;
	background-repeat:repeat-y;
}

#container-inner {
    width: 800px;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
}

#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}

#alpha, #beta, #gamma {
    display: inline;
    float: left;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner, #gnavi-inner {
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
}

#container {

}

#header {
	margin-top:20px;
	height:80px;
	background-image:url(img/head.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#header-content {
	display:none;
}

#alpha{
}

#pict01{
	width:310px;
	height:438px;
	background-image:url(img/index-image.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
#beta{
}
#beta-inner {

}
#act-trailer{
	width:425px;
	height:438px;
	margin-left:-15px;
	background-image:url(img/handout.gif);
	background-position:top ;
	background-repeat:no-repeat;
}

#gamma{
	width:800px;
}
#gamma-inner {

}
.m-t10{
	margin-top:10px;
}
.m-b20{
	margin-bottom:20px;
}
.topiclist{
	margin-top:15px;
	height:150px;
	clear:both;
	background-position:top right;
	background-repeat:no-repeat;
}
#seanario {
	background-image:url(img/img01.jpg);
}
#data {
	background-image:url(img/img02.jpg);
}
#eventhuck{
	background-image:url(img/img03.jpg);
}
#seanariohuck{
	background-image:url(img/img04.jpg);
}
.topic {
	height:59px;
	width:280px;
	background-image:url(img/topic1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.topic1 {
	background-image:url(img/topic1.jpg);
}
.topic2 {
	background-image:url(img/topic2.jpg);
}
.topic3 {
	background-image:url(img/topic3.jpg);
}
.topic4 {
	background-image:url(img/topic4.jpg);
}
.topiclist p {
	color:#333333;
	font-size:12px;
	line-height:18px;
	padding-left:20px;
	padding-top:10px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#999999;
	width:630px;
}
#comment{
	margin-top:10px;
	padding:10px;
	font-size:12px;
	line-height:18px;
}

#gnavi{
	width:800px;
}
#gnavi-inner{
	margin-bottom:10px;
}
#gnavi-inner ul{
}
#gnavi-inner li{
	display:inline;
}
.menu01{
	width:190px;
}
.menu02{
	width:190px;
}
.menu03{
	width:190px;
}
.menu04{
	width:190px;
}
.cha{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	margin-bottom:5px;
	padding-right:5px;
	text-align:right;
	font-weight:bold;
}
.roll{
	width:485px;
	float:left;
	display:block;
	margin-bottom:5px;
	padding-left:5px;
	border-left-color:#CCCCCC;
	border-left-width:1px;
	border-left-style:dotted;
	text-align:justify;
	text-justify: inter-ideograph;
}
.research {
	margin-left:-5px;
	padding:3px 5px 3px 5px;
	width:480px;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	border-bottom-style:double;
	border-top-color:#666666;
	border-top-width:1px;
	border-top-style:double;
	background-color:#eeeeee;
}
.system {
	width:585px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px 0px 3px 5px;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-color:#666666;
	border-left-width:10px;
	border-left-style:solid;
	display:block;
	clear:both;
}
.system-low{
	width:560px;
	margin-left:25px;
}
#extra{
	width:140px;
	margin-left:-20px;
	font-size:10px;
	text-align:justify;
	text-justify: inter-ideograph;
	color:#666666;
}

.super{
	vertical-align:5px;
	font-size:9px;
	line-height:0px;
	color:#FF0000;
}

#cast {
	color:#333333;
	vertical-align:top;
}

#cast td,th {

}

.cast-data {
	width:760px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	margin-bottom:5px;
	display:block;
	float:left;
}

.cast-name {
	width:280px;
	padding:10px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.cast-style{
	width:440px;
	padding:10px;
	float:left;
	display:block;
	font-weight:bold;
	text-align:center;
}
.cast-style-data{
	width:25%;
	margin-top:5px;
	float:left;
	display:block;
}
.cast-image{
	width:280px;
	padding:10px;
	float:left;
	display:block;
}
.cast-profile{
	width:440px;
	padding:10px;
	float:left;
	display:block;
}
.cast-ability-content {
	width:233px;
	padding:10px;
	float:left;
	display:block;
}
.cast-data:after,
#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#gnavi-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}