@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	background-color: #000;
	width: 100%;
	height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;}

body {
        font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	color: #000;
	font-size: 12px;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	cursor:hand;
	color: #000;
	text-decoration: none;}

a:hover {
	color: #960;
	text-decoration: underline;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 1.7em;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all {
	width: 912px;
        text-align: left;
	background-color: #fff;}

#top #panel {
	position: absolute;
	left: 907px; top:0;}

#sec #panel {
	position: absolute;
	left: 912px; top:0;}

#chara {
	position: absolute;
	left: 915px; top:264px;
	z-index: 100;}

#test {
	position: absolute;
	left: 2000px; top:500px;
	z-index: 100;}


/* HEADER
---------------------------------------------*/

#header {height: 373px; }


#sec {
	background: url(../img/bg_bag.jpg) 900px top repeat-y;}

#sec #bgctrl {
	background: url(../img/bg_header.jpg) 913px top repeat-x;}

#sec #header {
	width: 920px;
	_width: 895px;
	height: 289px;
	padding: 18px 0 0 18px;}

#navi ul li a  {
	display: block;}

.navi01,.navi02,.navi03,.navi04,.navi05,.navi06,.navi07,
#sub01,#sub02,#sub03,#sub04,#sub05,#sub06,#sub07,#sub08 {
	position: absolute;}

.navi01 a:hover,.navi04 a:hover,.navi05 a:hover,.navi06 a:hover,.navi07 a:hover {margin-top: 2px;}

#sec .navi01 {
	left: 0; top: 251px;
	z-index: 5;}

#sec .navi03 {
	left: 239px; top:248px;
	z-index: 10;}

#sec .navi04 {
	left: 372px; top:248px;
	z-index: 7;}

#sec .navi05 {
	left: 511px; top:283px;
	z-index: 8;}

#sec .navi06 {
	left: 631px; top:250px;
	z-index: 9;}

#sec .navi07 {
	left: 779px; top:284px;
	z-index: 10;}

#sec #navi ul { margin: 0; padding: 0;}

/* サブメニュー */
#sec #navi ul.sub {}

#sec #navi ul.sub li a img {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;}

#sec #navi ul.sub li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}

#sec .navi02 {
	position: absolute;
	left: 121px; top: 260px;
	z-index: 6;}

#sec .navi02_on {
	position: absolute;
	left: 121px; top: 260px;
	z-index: 6;}

#sec #navi ul li.navi02 ul {display: none;}
#sec #navi ul li.navi02_on ul li {display: block;}

#sec .navi03 {
	position: absolute;
	left: 248px; top:275px;
	z-index: 10;}

#sec .navi03_on {
	position: absolute;
	left: 248px; top:275px;
	z-index: 10;}

#sec #navi ul li.navi03 ul {display: none;}
#sec #navi ul li.navi03_on ul li {display: block;}

#sec #sub01 {
	left: 0; top: 113px;
	z-index: 100;}

#sec #sub02 {
	left: 0; top: 153px;
	z-index: 100;}

#sec #sub03 {
	left: 0; top: 193px;
	z-index: 100;}

#sec #sub04 {
	left: 0; top: 240px;
	z-index: 100;}

#sec #sub05 {
	left: 0; top: 154px;
	z-index: 100;}

#sec #sub06 {
	left: 0; top: 234px;
	z-index: 100;}

#sec #sub07 {
	left: 0; top: 114px;
	z-index: 100;}

#sec #sub08 {
	left: 0; top: 194px;
	z-index: 100;}


/* CONTENTS
---------------------------------------------*/

#contents {
	clear: both;
	padding: 100px 0 5px 0;}

.basebg {
	background: url(../img/bg_contents.jpg) left 28px repeat-x;}

.pagetop {
	text-align: right;
	margin: 10px 22px 10px 10px;}


/* MAIN
---------------------------------------------*/

#main {
	padding: 25px 0 0 25px;}

* html .png {behavior: expression(IEPNGFIX.fix(this));}


/* FOOTER
---------------------------------------------*/

#bgctrl02 {
	width: 100%;
	background: url(../img/bg_footer.gif) left top repeat-x;}

#footer {
	position: relative;
	clear: both;
	width: 900px;
	color: #fff;
	padding: 8px 0 8px 0;
	text-align: center;
	letter-spacing: 0.05em;}

#footer p strong {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.8em;}


.footnavi {
	width: 900px;
	padding: 15px 0 8px 0;}


.footnavi ul li {
	display: inline;
	line-height: 1.6em;}

.footnavi ul li a {
	color: #e6e6e6;
	margin: 0 2px;}

.footnavi ul li a:hover {
	color: #fff;
	text-decoration: underline;}

.mdc {
	position: absolute;
	right: 15px; top: 130px;}

#copy {
	color: #fff;
	padding: 20px 0 80px 0;}


/* CLEARFIX
---------------------------------------------*/

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

.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */