@charset "utf-8";
@import "layout.css";

/* ゲーム
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 一覧
========================================================= */
#selectTab { width: 715px; padding: 0 10px; background: url(/common/img/bg_selecttab_wide.gif) no-repeat 0 37px; }
#selectTab ul.tabs li a { background-image: url(/common/img/btn_selecttab_game.gif) }
#selectTab li#tab_new a { background-position: 0 0; }
#selectTab li#tab_now a { background-position: -100px 0; }
#selectTab li#tab_end a { background-position: -200px 0; }
#selectTab li#tab_relation a { background-position: -300px 0; }
#selectTab li#tab_new a:hover,#selectTab ul.tabs li#tab_new a:focus { background-position: 0 -38px; }
#selectTab li#tab_now a:hover,#selectTab ul.tabs li#tab_now a:focus { background-position: -100px -38px; }
#selectTab li#tab_end a:hover, #selectTab ul.tabs li#tab_end a:focus { background-position: -200px -38px; }
#selectTab li#tab_relation a:hover, #selectTab ul.tabs li#tab_relation a:focus { background-position: -300px -38px; }
#selectTab li#tab_new a.current { background-position: 0 -76px; }
#selectTab li#tab_now a.current { background-position: -100px -76px; }
#selectTab li#tab_end a.current { background-position: -200px -76px; }
#selectTab li#tab_relation a.current { background-position: -300px -76px; }
#selectTab div.box { float: left; width: 340px; margin-right: 15px; margin-bottom: 30px; }
div.lteie7 #selectTab div.box { display: inline; zoom: 1; }
#selectTab div.box li { display: table-cell; vertical-align: top; }
div.lteie7 #selectTab div.box li { display: inline; zoom: 1; }
/* notice --------------------------------------------- */
#selectTab #notice { margin-bottom: 12px; padding: 5px; font-size: 93%; }
#selectTab #notice p em { color: #c00; }

/* 詳細
========================================================= */
/* article --------------------------------------------- */
#article h1 { padding: 0.6em 10px; background: #005fa7 url(/common/img/bg_bluegra.gif) repeat-x; color: #fff; }
#articleBody h2 img { float: left; margin-right: 15px; margin-bottom: 15px; padding: 4px; border: 1px solid #cdd4d9; background-color: #fff; }
#article div.linkBtn, #articleBody ins, #articleDetail, #articleFoot { clear: both; }
#article #articleHead { margin-bottom: 1.5em; }
#articleBody p { line-height: 1.6; }
#articleBody p#outline { color: #005fa7; }
#articleBody p img { vertical-align: middle; }
/* linkBtn --------------------------------------------- */
#article div.linkBtn { margin-bottom: 2.0em; border-top: 1px dotted #bdc5cd; border-bottom: 1px dotted #bdc5cd; text-align: center; }
#article div.linkBtn p { margin-bottom: 0; padding: 1.0em 0; line-height: 1.0; }
#article div.linkBtn p img { margin: 0 5px; border: none; }
#article div.linkBtn p a, #article div.linkBtn p a:hover, #article div.linkBtn p a:focus { background-color: transparent; }
#article div.linkBtn p a img, #article div.linkBtn p a:hover img, #article div.linkBtn p a:focus img { border: none; }
/* dataBox --------------------------------------------- */
#articleDetail div.dataBox { float: left; width: 345px; margin-bottom: 2.0em; vertical-align: top; font-size: 93%; }
#articleDetail div.dataBox h2#data_staff { margin-top: 1.5em; }
#articleDetail div.dataBox table.notes { margin-top: 1.5em; }
#articleDetail div.dataBox p { text-align: right; }
#articleDetail #data { margin-right: 15px; }
dl#articleUrl input { width: 710px; }