@charset "UTF-8";
/* CSS Document */


/* base ---------------------------- */
html, body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
color:#000;
text-align: center;
background-color: #111;
margin:0px;
padding:0px;
}
/*ie7*/
*:first-child+html body { font-size:100%; }
/*ie5-6*/
* html body { font-size:100%; }
.x-small { font-size: 80%; }
.small { font-size: 90%; }
.large { font-size: 120%; }
.x-large { font-size: 130%; }
.xx-large { font-size: 140%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
margin: 0px;
padding: 0px;
}
dl, dt, dd, ul, ol, li { list-style-type: none; }
img, div ,a,a:visited{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
behavior: url(http://www.lupin-game.com/common/js/iepngfix.htc);
}
.clearfix { display: block; }
/* link ---------------------------- */
a, a:visited {
color: #000;
text-decoration: underline;
cursor:pointer;
}
a:hover, a:active {
color: #FF9900;
text-decoration: underline;
}
/* h1 ---------------------------- */
h1, h2 {
font-size: 1px;
line-height: 1px;
text-align: left;
text-indent: -1000em;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
}
/* container ------------------------------------------------------------------------------------------------
  -------------------------------------------------------------------------------------------------------------- */
#container {
width: 100%;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
background-color: #e60012;
background-image: url(../images/logo_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
/* c-wrap --------------------------------------------------------------------
------------------------------------------------------------------------------
-------------------------------------------------------------------------------- */
#c-wrap {
width:960px;
height:auto;
margin:0 auto;
background-image: url(../images/bg_cts.jpg);
background-repeat: no-repeat;
background-position: center bottom;
overflow: hidden;
text-align: left;
}
/* page-body -------------------------------------------left----------
-------------------------------------------------------------------- */
#page-body {
float: left;
height: auto;
width: 760px;
}
/* page-title ---------------------------- */
#page-title {
width:700px;
height:113px;
}
#page-title h1 a {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: left bottom;
text-indent: -1000em;
display: block;
overflow: hidden;
height: 101px;
width: 330px;
}
/* main-cts ---------------------------- */
#main-cts {
background-image: url(../images/bg_maincts_top.gif);
height: auto;
width: 760px;
padding: 30px 0 0 0;
margin: 0px;
background-repeat: no-repeat;
position:relative;
text-align: center;
}
#main-cts .wrapper {
width:700px;
height:auto;
margin:0 auto;
text-align: left;
}
#main-cts h2 {
margin: 0px auto;
padding: 0px;
}
#bgrep {
background-image: url(../images/bg_maincts_rep.gif);
background-repeat: repeat-y;
}
.attention { color: #990000; }
/* footer-cts ---------------------------- */
#footer-cts {
display: block;
overflow: hidden;
margin-bottom: 15px;
background-image: url(../images/bg_maincts_bottom.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 46px 0 0 0;
height: auto;
width: 760px;
}
#footer-cts .cero {
float: left;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
background-image: url(../images/link_cero.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
overflow: hidden;
height: 45px;
width: 328px;
}
#footer-cts .explain {
text-align:right;
float: right;
width: 230px;
color: #FFF;
font-size: 10px;
line-height: 14px;
}
#footer-cts .explain span {
text-align:left;
float:right;
background-image: url(../images/copy.gif);
text-indent: -1000em;
display: block;
overflow: hidden;
height: 23px;
width: 230px;
}
#footer-cts .explain span.mt10 {
 margin-top:5px;
}
/* nav -------------------------------------------------right---------
-------------------------------------------------------------------- */
#nav {
float: right;
width: 165px;
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
padding:70px 0 0 10px;
text-align:center;
}
#nav ul {
display: block;
height: auto;
width: 145px;
margin:0 0 20px 0;
overflow: hidden;
}
#nav ul li {
width: 145px;
height: 34px;
margin-bottom: 10px;
}
#nav ul li.n9 {
margin-bottom: 0px;
}
#nav ul li a,#nav ul li span {
display: block;
height: 34px;
width: 145px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#nav ul li a:hover{ background-position: 0px -34px; }
#nav ul li a.thispage { background-position: left bottom; }
#nav ul li.n0 a { background-image: url(../images/navi0_top.gif); }
#nav ul li.n1 a { background-image: url(../images/navi1_news.gif); }
#nav ul li.n2 a { background-image: url(../images/navi2_about.gif); }
#nav ul li.n3 a { background-image: url(../images/navi3_exp.gif); }
#nav ul li.n4 a { background-image: url(../images/navi4_story.gif); }
#nav ul li.n5 a { background-image: url(../images/navi5_chara.gif); }
#nav ul li.n6 a { background-image: url(../images/navi6_system.gif); }
#nav ul li.n7 a { background-image: url(../images/navi7_event.gif); }
#nav ul li.n8 a { background-image: url(../images/navi8_movie.gif); }
#nav ul li.n9 a { background-image: url(../images/navi9_link.gif); }

#nav div.banner{
width: 180px;
height: 60px;
margin-left: -10px;
}

/*  f-container ------------------------------------------------------------------------------------------------
  -------------------------------------------------------------------------------------------------------------- */
#f-container {
width:960px;
height:100px;
overflow: hidden;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#f-container p a {
text-indent: -1000em;
display: block;
overflow: hidden;
}
#f-container #fooer-link-b a {
background-image: url(../images/link_bandai.gif);
float: left;
height: 39px;
width: 230px;
}
#f-container #fooer-link-k a {
float: right;
background-image: url(../images/link_kateiyougame.gif);
height: 27px;
width: 107px;
}
/* common class ---------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { zoom: 100%; }
.clearfix { display: inline-table; }
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package { zoom: 100%; }
.package { display: inline-table; }
/* Hides from IE-mac ￥*/
* html .package { height: 1%; }
.package { display: block; }
/* End hide from IE-mac */

/* common class ---------------------------- */
#main-cts:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#main-cts { zoom: 100%; }
#main-cts { display: inline-table; }
/* Hides from IE-mac ￥*/
* html #main-cts { height: 1%; }
#main-cts { display: block; }
/* End hide from IE-mac */