* { margin: 0; padding: 0; }
body { font:100% arial, sans-serif; color: #000; background: #FA4110; text-align: center }
img { border: 0 }
#body p { line-height: 1.6em; font-size: 90%; margin: 0.5em 0; }
#body p.note { border: 1px solid #aaa; background: #ffc; padding: 0.5em; color: #333; margin: 1em }
#body a { color: #690 }
#body a:hover { color: #0074c2  }
#body p img { margin: 0 1em; border: 1px solid #ccc; padding: 4px; }
#body p a img:hover { border-color: #aaa; background: #eee; }
#body li { margin: 0.5em 0; margin-left:1em}
#body br.clear { clear: both }
#body blockquote { padding: 0.5em 0.8em; margin: 1em 0; border: 1px solid #ccc; background:/*#ffc*/#ffc; line-height: 1.5em; font-size: 95%;  }
#body blockquote p { padding: 0; margin: 0.3em }
#body .aux { font-size: 90% }
p.lead { margin: 0.8em 1em 0.6em; color: #000; }
p.lead-2 { margin: 1.5em 0; color: #0066CC; padding-bottom:1em; border-bottom:1px dashed #aaa }
hr { border-width: 0; height: 1px; border-top: 1px dashed #aaa; }
span.separate { color:#999; }

table.color caption { font-weight: bold; color: #CC9900; margin: 0.5em 0 0.5em; text-align: left; }
table.color { font-size: 85%; background: #ffc; border-collapse: collapse }
table.color td, table.color th { padding: 0.3em 0.5em; border: 1px solid #aaa; }

dl.refs {
    font-size: 90%;
    }
dl.refs dt {
    font-weight: bold;
    }
dl.refs dd {
    margin: 0.5em 0;
    }

li.separate { border-top: 1px dashed #aaa;  }

/* Wapper */

#wrapper {
    margin:0 auto;
    text-align:left;
    width:820px;
    background:url(../img/contents_bg.gif) repeat-y 50% 50%;
    }

#wrapper2 {
    padding:0 10px;
    }

/* Top */

#top {
    background:url(../img/top_image.gif) no-repeat 0 20px;
    height:188px;
    }

#top-description {
    font-size:10px;
    padding:5px 1em;
    }

/* Navi */

#navi {
    margin:70px 0 0 205px;
    padding-bottom:25px
    }

/* Address */

address {
    background:#ccc;
    margin:0 3px;
    padding:5px;
    border-top:1px solid #aaa;
    }

address table td {
    vertical-align:top;
    padding-right:10px;
    }

address p.info {
    font-style:normal;
    font-size:12px;
    padding:1em 0 0 20px;
    line-height:1.3em;
    }

/* Footer */

#footer {
    margin:0 2px;
    background:#333;
    font-size:12px;
    text-align:center;
    }

#footer a {
    color:#FA4110;
    }

#footer-navi {
    color:#FA4110;
    padding:0.5em 0 0.5em;
    }

#footer-navi span.sep {
    margin:0 0.5em;
    }

#copyright {
    padding:0.5em 0 0.5em;
    color:#fff;
    background:#000;
    }

/* Contents */

#content {
    padding:10px 10px;
    }

/* Game list */

#arcade {
    background:url(../img/arcade_game_title.gif) no-repeat;
    }
#media {
    background:url(../img/medal_game_title.gif) no-repeat;
    }
.game-list {
    font-size:10px;
    padding-top:36px;
    }
.game-list .game-contents {
    background:url(../img/lead_bg.gif) repeat-y;
    padding:0 15px;
    }
.game-list table td {
    background:url(../img/game_bg.gif) no-repeat 0 100%;
    padding:0 25px 5px 10px;
    height:136px;
    width:160px;
    vertical-align:top;
    }
.game-list .bottom {
    background:url(../img/lead_bottom_bg.gif) no-repeat 0 100%;
    height:13px;
    }
.game-list .game-title strong {
    color:#f00
    }

#arcade_l {
    background:url(../img/arcade_game_title_l.gif) no-repeat;
    }
.game-list-l {
    font-size:10px;
    padding-top:36px;
    }
.game-list-l .game-contents-l {
    background:url(../img/game_list_bg_l.gif) repeat-y;
    padding:0 15px;
    }
.game-list-l table td {
    background:url(../img/game_bg.gif) no-repeat 0 100%;
    padding:0 25px 5px 10px;
    height:136px;
    width:160px;
    vertical-align:top;
    }
.game-list-l .bottom {
    background:url(../img/game_list_bottom_l.gif) no-repeat 0 100%;
    height:13px;
    }
.game-list-l .game-title strong {
    color:#f00
    }

/* News */

.news {
    background:url(../img/news_top.gif) no-repeat;
    padding-top:33px;
    }
.news ol.content {
    background:url(../img/news_content.gif) repeat-y;
    padding:0 10px;
    list-style-type:none;
    font-size:12px;
    }
.news ol.content li {
    padding:0.3em 0;
    color:#FF0033;
    }
.news .bottom {
    background:url(../img/news_bottom.gif) no-repeat 0 100%;
    height:17px;
    }
.news .date {
    font-size:0.9em;
    color:#555;
    }

/* General */

h1 {
    background:url(../img/head_bg.gif) no-repeat;
    /* height:45px; */
    font-size:20px;
    padding:8px 0 10px 35px;
    color:#fff;
    margin-bottom:1em;
    }

ol.links {
    list-style-type:none;
    }
ol.links li {
    float:left;
    width:170px;
    height:350px;
    padding:10px 6px;
    font-size:0.9em;
    }
/* ol.links li:hover { */
/*     background:#CCFF99; */
/*     } */
ol.links .title {
    padding:0.3em 0 0;
    font-weight:bold;
    color:#336600;
    }
ol.links .image {
    padding:3px;
    background:#eee;
    border:1px solid #ccc;
    }
ol.links .image:hover {
    background:#f00;
    }
ol.links .desc {
    font-size:0.9em;
    line-height:1.4em;
    }
ol.links p.desc {
    margin-top:0;
    }
ol.links .date {
    color:#777;
    font-size:0.8em;
    }