@charset "UTF-8";


/*============================================================**
 【common.css Index】
<Basic>
*  Reset
*  Fonts
*  Links
*  ClearFix

<Common Style>
*  Rayout
*  Others

*============================================================*/

/* .Font-size Adjustment
	80%    = 8px	|	100%   = 10px	|	120%   = 12px
---------------------------------------*/


/*============================================================**
Basic
*============================================================*/

/* Reset
****************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td {
	margin: 0;
	padding: 0;
}
ol,ul {
	list-style-type: none;
}
dt,dd,li {
	text-indent: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
fieldset {
	border: 0;
}
th,td {
	vertical-align: top;
}
caption,th {
	text-align: left;
}
img {
	border: none;
	vertical-align: bottom;
}
address {
	font-style: normal;
}
html {
	overflow-y: scroll;
}


/* Fonts
****************************************************************************************/
body {
	line-height: 1.0;
	color: #333333;
	font-family: Verdana,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 62.5%; /* 10px */
}
p,dl,dt,dd,ul,ol,li,th,td,address {
	line-height: 1.4;
}
p {
	font-size: 120%;
}
textarea,input,select,button {
	font-family: Verdana,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

/* Links
****************************************************************************************/
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
a:active {
	color: #bf9d52;
	text-decoration: underline;
}

/* ClearFix
****************************************************************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*============================================================**
Common Style
*============================================================*/

/* Rayout
****************************************************************************************/
body {
	background: url(/common/images/bg_body_01.png) repeat;
}

#wrapper {
	position: relative;
	z-index:1000;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}
#header {
	margin-top: 6px;
	margin-bottom: 27px;
}
#logo {
	float: left;
	width: 217px;
}
#nav {
	float: right;
	width: 775px;
	margin-top: 11px;
}
#nav li {
	float: left;
}
#navNews {
	width: 96px;
}
#navIntroduction {
	width: 142px;
}
#navStory {
	width: 88px;
}
#navCharacter {
	width: 109px;
}
#navCast {
	width: 146px;
}
#navProducts {
	width: 94px;
}
#navSpecial {
	width: 100px;
}
#pageName {
	float: left;
	width: 70px;
	margin-right: 20px;
}
#pageName h1 {
	display: block;
	width: 70px;
}
#contentWrap {
	position: relative;
	z-index: 50;
}
#content {
	float: left;
	position: relative;
	z-index: 100;
}
.content725 {
	width: 725px;
	margin-right: 20px;
}
.content910 {
	width : 910px;
}
#aside {
	float: left;
	width: 165px;
}
p.copyright {
	font-size: 100%;
	color: #ffffff;
	padding-top: 50px;
	padding-bottom: 30px;
}
/*
#pagetopWrap {
	position: absolute;
	z-index:4000;
	width: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
}
#page-top {
	position: fixed;
	right: 6%;
	bottom: 10%;
	
}*/
#pagetopWrap {
	position: absolute;
	z-index:4000;
	width: 1px;
	height: 0px;
	left: 50%;
	height: 0;
}
#page-top {
	position: fixed;
	visibility: hidden;
	right: 6%;
	bottom: 10%;
}
/* others
****************************************************************************************/