body,html { background:url(../images/head_bg.gif) repeat-x #000; font-size:12px; color:#fff; text-align:left; height:100%; line-height:160%; }
hr { height:1px; }
a { color:#3399ff; font-weight:bold; outline:0px; text-decoration:none; }
a:hover { color:#3399ff; font-weight:bold; text-decoration:underline; }
img { border:0px; }
table { border:0px; }
th,td { font-size:12px; color:#ccc; line-height:140%; }
.link a:hover { position:relative; top:1px; }
h1,h2,h3,h4,h5,h6,p,ul,ol,dl
{ margin:0px; padding:0px; }
h1 { font-size:18px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:10px; font-weight:normal; }
h5 { font-size:10px; font-weight:normal; }
h6 { font-size:10px; font-weight:normal; }
h1 span { display:none; }
h2 span { display:none; }
h3 span { display:none; }
h4 span { display:none; }
h5 span { display:none; }
h6 span { display:none; }
/* font */
.red { color:#f00; }
.orange { color:#f90; }
.blue { color:#39f; }
.green { color:#090; }
.pink { color:#f6C; }
.purple { color:#c6c; }
.brown { color:#963; }
.white { color:#fff; }
.bold { font-weight:bold; }
.red-bold { color:#c00; font-weight:bold; }
.orange-bold { color:#f90; font-weight:bold; }
.blue-bold { color:#39f; font-weight:bold; }
.green-bold { color:#090; font-weight:bold; }
.pink-bold { color:#f6c; font-weight:bold; }
.purple-bold { color:#c6c; font-weight:bold; }
.brown-bold { color:#963; font-weight:bold; }
.white-bold { color:#fff; font-weight:bold; }
.xx-small { font-size:6px; line-height:10px; }
.x-small { font-size:8px; line-height:12px; }
.small { font-size:10px; line-height:14px; }
.large { font-size:14px; line-height:18px; }
.x-large { font-size:16px; line-height:20px; }
.xx-large { font-size:18px; line-height:22px; }
.copyright { font-family:Helvetica, sans-serif; font-size:11px; line-height:14px; color: #ccc; }
.kome { color:#f90; font-size:10px; font-weight:normal; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
/* universal selector */
* { margin:0px; padding:0px; }
/* container */
#container { width:800px; margin:0 auto; padding:0px; text-align:center; position:relative; }
/* header */
#header { width:100%; height:132px; }
#navi { width:800px; height:19px; padding:0px; }
#navi li { list-style:none; _display:inline; float:left; margin:0 3px; }
#navi li span { display:none; }
.navi_top a { display:block; width:54px; height:19px; background:url("../images/bt_01off.gif"); margin-left:25px; }
.navi_sys a { display:block; width:95px; height:19px; background:url("../images/bt_02off.gif"); }
.navi_ss a { display:block; width:146px; height:19px; background:url("../images/bt_03off.gif"); }
.navi_about a { display:block; width:84px; height:19px; background:url("../images/bt_04off.gif"); }
.navi_special a { display:block; width:98px; height:19px; background:url("../images/bt_05off.gif"); }
.navi_etc a { display:block; width:48px; height:19px; background:url("../images/bt_06off.gif"); }
.navi_blog a { display:block; width:65px; height:19px; background:url("../images/bt_07off.gif"); }
.navi_up a { display:block; width:95px; height:19px; background:url("../images/bt_09off.gif"); }
.navi_comment a { display:block; width:116px; height:19px; background:url("../images/bt_08off.gif"); margin-right:26px; }
.navi_top a:hover { display:block; width:54px; height:19px; background:url("../images/bt_01on.gif"); }
.navi_sys a:hover { display:block; width:95px; height:19px; background:url("../images/bt_02on.gif"); }
.navi_ss a:hover { display:block; width:146px; height:19px; background:url("../images/bt_03on.gif"); }
.navi_about a:hover { display:block; width:84px; height:19px; background:url("../images/bt_04on.gif"); }
.navi_special a:hover { display:block; width:98px; height:19px; background:url("../images/bt_05on.gif"); }
.navi_etc a:hover { display:block; width:48px; height:19px; background:url("../images/bt_06on.gif"); }
.navi_blog a:hover { display:block; width:65px; height:19px; background:url("../images/bt_07on.gif"); }
.navi_up a:hover { display:block; width:95px; height:19px; background:url("../images/bt_09on.gif"); }
.navi_comment a:hover { display:block; width:116px; height:19px; background:url("../images/bt_08on.gif"); }
/* TopMovie */
#topmovie { width:800px; height:420px; }
/* Contents */
#contents { width:700px; height:auto; margin:0px; padding:0px; text-align:letf; margin-left:50px; _margin-left:0; }
.title_ss { width:800px; height:50px; background:url("../images/ttl_screenshot.gif"); }
.title_sp { width:800px; height:50px; background:url("../images/ttl_special.gif"); }
.title_cmt { width:800px; height:50px; background:url("../images/ttl_comment.gif"); }
.title_about { width:800px; height:50px; background:url("../images/ttl_about.gif"); }
.title_dl { width:800px; height:50px; background:url("../images/ttl_download.gif"); }
.title_update { width:800px; height:50px; background:url("../images/ttl_update.gif"); }
#contents th { padding:5px 0; font-size:14px; font-weight:bold; border-bottom:3px double #999; border-top:1px solid #999; }
#contents table { margin:15px 0; }
/* footer */
#footer { width:100%; border-top:1px solid #999; margin:15px 0; }
#companylogo { width:800px; }
#companylogo td { padding:0px; }
/* SS拡大 */
#ssup { width:270px; height:370px; text-align:center; padding:15px; }
#ssup table { width:240px; margin-left:10px; _margin-left:0; }
.bt_dl { margin:0 0 0 530px; }
/* コメント */
.com_left { text-align:right; vertical-align:top; background-color:#333; font-weight:bold; width:200px; }
.com_right { text-align:left; background-color:#333; }
/*アバウト*/
#about { text-align:center; }
#about table { margin:0px; border-collapse:collapse; }
#about table table td { border-bottom:1px solid #999; padding:5px; }
/*アップデート*/
#update { text-align:center; }
#update table { margin:0px; border-collapse:collapse; }
#update table table td { border-bottom:1px solid #999; padding:5px; }