@charset "utf-8";

/* -------------------------------------------
 initialize
------------------------------------------- */

* {
 margin: 0;
 padding: 0;
}

html {
 height: 100%;
 overflow-y: scroll;
}

body {
 height: 100%;
 font: 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka-等幅",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
 text-align: center;
 line-height: 1.4;
 color: #ffffff;
 background: #000000;
}

/* for IE8 and modern browsers */
html>/**/body {
 font-size: 10px;
}

/* for IE6 */
* html body {
 font-size: 62.5%;
}

/* for IE7 */
*:first-child+html body {
 font-size: 62.5%;
}

/* for Safari¥ */
html:＼66irst-child selector {}

/* for IE8 */
*:first-child+html>/**/body selector {}

h1, h2, h3, h4, h5, h6 {
 font-size: 1em;
 font-weight: normal;
}

p, dd, li {
 text-align: justify;
 text-justify: distribute;
}

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

a {
 outline: none;
}

a:link {
 color: #595757;
 text-decoration: underline;
}

a:hover,
a:focus {
 color: #595757;
 text-decoration: none;
}

a:active {
 color: #595757;
 text-decoration: none;
}

a:visited {
 color: #595757;
 text-decoration: underline;
}

label {
 cursor: pointer;
}

table {
 font-size: 1em;
 line-height: 1.4;
}

em, address, cite {
 font-style: normal;
}

br {
 letter-spacing: 0;
}

/* -------------------------------------------
 common styles
------------------------------------------- */

/* clear float */
.clearfix,
#extra:after,
#footer:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

/* image replacement */
#btn-enter a,
#annon,
#copyright {
 height: 0;
 display: block;
 overflow: hidden;
}

/* -------------------------------------------
 for layout
------------------------------------------- */

#container {
 position: relative;
 margin: 0 auto;
 width: 770px;
 min-height: 100%;
 _height: 100%;
 text-align: left;
}

#body,
#footer {
 xposition: relative;
}

#body {
 padding-bottom: 470px;
}

#footer {
 position: absolute;
 bottom: 0;
 height: 124px;
}


/* -------------------------------------------
 for contents
------------------------------------------- */

#main {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -84px;
 margin-left: -166px;
 width: 333px;
 height: 168px;
 text-align: center;
}

#logo-ss {
}

#btn-enter {
 margin: 35px 112px 10px 112px;
}

#btn-enter a {
 padding-top: 23px;
 width: 109px;
 _height: 23px;
 background: transparent url(../images/btn-enter.gif) 0 0 no-repeat;
}

#btn-enter a:hover,
#btn-enter a:focus {
 background-position: 0 -23px;
}

#annon {
 padding-top: 12px;
 width: 333px;
 _height: 12px;
 background: transparent url(../images/annon.gif) 0 0 no-repeat;
}

#getflash {
 width: 575px;
 border: #ffffff solid 1px;
 background: #ffffff;
 float: left;
}

#getflash-icon {
 padding: 22px 0;
 width: 129px;
 text-align: center;
 float: left;
}

#getflash-msg {
 margin-left: 129px;
 padding: 10px 20px;
 letter-spacing: 0.2em;
 line-height: 1.8;
 background: #000000;
}

#banner-mobile {
 margin-left: 590px;
 _margin-left: 587px;
}

#logo-ms {
 margin-top: 13px;
 float: right;
}

#copyright {
 margin-top: 18px;
 padding-top: 16px;
 width: 285px;
 _height: 16px;
 background: transparent url(../images/copyright.gif) 0 0 no-repeat;
}

#flash {
 height: 100%;
}