html,body {
	height:100%;
}
#container {
	min-height:100%;
	height:auto!important;
	_height:100%;
	*overflow:hidden;
	_overflow:visible;
	position:relative;
	font-family:Calibri,Arial,'osaka','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
}
a {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
/***** HEADER *****/
#header {
	min-width:100%;
	height:5px;
	background-color:#000;
}
#header-animation-area {
	margin:0 auto 20px;
	width:925px;
	height:45px;
	position:relative;
	overflow:hidden;
}
.header-image {
	width:1634px;
	height:45px;
	background-image:url(../img/header-splite.png);
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	_behavior:url(js/iepngfix.htc); /* for IE6 to display transparent png */
}
#header-layer1 {
	width:925px;
	background-position:0 0;
	z-index:9;
}
#header-layer2 {
	background-position:0 -45px;
	z-index:8;
}

/***** MAIN *****/
#body-container {
	margin:0 auto;
	padding-bottom:330px;
	width:925px;
	font-family:Calibri,Arial,"ヒラギノ角ゴ Pro W3","MS Pゴシック";
	font-size:12px;
	overflow:hidden;
}
#logo {
	margin-right:21px;
	width:234px;
	float:left;
	position:relative;
}
h1 {
	width:234px;
	height:68px;
	background-position:0 -50px;
	background-image:url(../img/anasaki-common.png);
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
#body {
	width:670px;
	float:right;
}
#logo, #body {
	padding-bottom: 32767px;  
	margin-bottom: -32767px;   
}

#navi {
	margin-top:50px;
	height:25px;
}
#navi li {
	margin-left:10px;
	list-style-type:none;
	float:right;
}
#navi li a {
	height:9px;
	line-height:0;
	background-image:url(../img/anasaki-common.png);
	text-indent:-9999px;
	display:block;
}
#navi li a:hover {
}

#navi-home a           { width:35px; }
#navi-story a          { width:40px; }
#navi-cast-and-staff a { width:75px; }
#navi-steps a          { width:35px; }
#navi-blog a           { width:35px; }
#navi-board a          { width:45px; }
#navi-umisakura a      { width:70px; }
#navi-sponsors a       { width:60px; }

#navi-home a           { background-position: 0 0; }
#navi-story a          { background-position: -35px 0; }
#navi-cast-and-staff a { background-position: -75px 0; }
#navi-steps a          { background-position: -150px 0; }
#navi-blog a           { background-position: -185px 0; }
#navi-board a          { background-position: -220px 0; }
#navi-umisakura a      { background-position: -265px 0; }
#navi-sponsors a       { background-position: -333px 0; }

#navi-home a:hover           { background-position: 0 -10px; }
#navi-story a:hover          { background-position: -35px -10px; }
#navi-cast-and-staff a:hover { background-position: -75px -10px; }
#navi-steps a:hover          { background-position: -150px -10px; }
#navi-blog a:hover           { background-position: -185px -10px; }
#navi-board a:hover          { background-position: -220px -10px; }
#navi-umisakura a:hover      { background-position: -265px -10px; }
#navi-sponsors a:hover       { background-position: -333px -10px; }

#navi-home-on a, #navi-story-on a, #navi-cast-and-staff-on a, #navi-steps-on a, #navi-blog-on a, #navi-board-on a, #navi-umisakura-on a, #navi-sponsors-on a { height:25px!important; }

#navi-home-on a           { width:35px; }
#navi-story-on a          { width:40px; }
#navi-cast-and-staff-on a { width:75px; }
#navi-steps-on a          { width:35px; }
#navi-blog-on a           { width:35px; }
#navi-board-on a          { width:45px; }
#navi-umisakura-on a      { width:70px; }
#navi-sponsors-on a       { width:60px; }

#navi-home-on a           { background-position: 0 -20px; }
#navi-story-on a          { background-position: -35px -20px; }
#navi-cast-and-staff-on a { background-position: -75px -20px; }
#navi-steps-on a          { background-position: -150px -20px; }
#navi-blog-on a           { background-position: -185px -20px; }
#navi-board-on a          { background-position: -220px -20px; }
#navi-umisakura-on a      { background-position: -265px -20px; }
#navi-sponsors-on a       { background-position: -333px -20px; }

#main {
	margin-top:45px;
	clear:both;
}

/***** FOOTER *****/
#footer {
	min-width:100%;
	height:182px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#000;
}
#footer-wrapper {
	margin:0 auto;
	width:925px;
	position:relative;
}
#footer-animation-area {
	width:925px;
	height:166px;
	position:absolute;
	top:-125px;
	left:0;
	overflow:hidden;
}
.footer-image {
	width:1634px;
	height:166px;
	background-image:url(../img/footer-splite.png);
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	_behavior:url(js/iepngfix.htc); /* for IE6 to display transparent png */
}
#footer-layer1 {
	width:925px;
	background-position:0 0;
	z-index:9;
}
#footer-layer2 {
	width:3268px;
	background-position:0 -170px;
	z-index:8;
}
#footer-layer3 {
	width:150px;
	height:166px;
	background-position:-290px -340px;
	z-index:7;
	position:absolute;
	top:0;
	left:300px;
}
#footer-layer4 {
	z-index:6;
}
#footer-layer5 {
	z-index:5;
}
#dvd-button {
	width:80px;
	height:30px;
	text-indent:-9999px;
	z-index:10;
	position:absolute;
	right:65px;
	top:20px;
	pointer:cursor;
}
#footer-navi {
	position:absolute;
	top:60px;
	left:0;
}
#footer-navi li {
	margin-right:10px;
	float:left;
	font-size:12px;
}
#footer-navi li a {
	color:#999;
}
#footer-text{
	position:absolute;
	top:57px;
	right:0;
}
#footer-text span a{
	color:#666;
	display:block;
	text-align:right;
}
#footer-text strong {
	height:24px;
	width:306px;
	background-image:url(../img/anasaki-common.png);
	background-position:0 -130px;
	text-indent:-9999px;
	display:block;
}
#footer-links {
	position:absolute;
	top:105px;
	right:0;
}
#footer-links * {
	color:#999;
}
#footer-links span {
	padding:0 5px;
}

a#dvd-sidemenu {
	width:28px;
	height:105px;
	background-image:url(../img/anasaki-common.png);
	background-position:-360px -45px;
	display:block;
	position:fixed;
	top:185px;
	right:0;
}
a#dvd-sidemenu:hover {
	width:28px;
	height:105px;
	background-image:url(../img/anasaki-common.png);
	background-position:-320px -45px;
	display:block;
	position:fixed;
	top:185px;
	right:0;
}
* html {
   overflow:hidden;
}
* html body {
   height:100%;
   overflow:auto;
   margin:0;
}
* html #dvd-sidemenu {
   position:absolute;
   right:16px;
}

#ie6navi {
	margin-top:25px;
}
#ie6navi a {
	margin-left:5px;
	width:80px;
	height:15px;
	line-height:15px;
	background-image:url(../img/anasaki-common.png);
	text-indent:-9999px;
	display:block;
	float:right;
}
a#ie6follow {
	background-position:0 -160px;
}
a#ie6follow:hover {
	background-position:-90px -160px;
}
a#ie6dvd {
	width:70px;
	background-position:-180px -160px;
}
a#ie6dvd:hover {
	background-position:-260px -160px;
}


/*** 共通 ***/
.v5 { padding-top:5px; }
.v10 {padding-top:10px;}
.v15 {padding-top:15px;}
.v20 {padding-top:20px;}
.v25 {padding-top:25px;}
.v30 {padding-top:30px;}
.v40 {padding-top:40px;}
.v50 {padding-top:50px;}
.v60 {padding-top:60px;}

.m5 { margin-top:5px; }
.m10 { margin-top:10px; }
.m15 { margin-top:15px; }
.m20 { margin-top:20px; }
.m25 { margin-top:25px; }
.m30 { margin-top:30px; }

.f11 { font-size:11px!important; }
.f12 { font-size:12px!important; }
.f13 { font-size:13px!important; }

.clear {
	clear:both;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */