/* メイン -------------------------------------------------------------------------- */
*{
font-family:"ＭＳ Ｐゴシック";
font-size :small;
font-style:normal;
}

BODY{
color           :#000000;
background-color:#EEEEE0;
padding         :0px;
margin          :0px;
text-align      :center;
}

A:link   {color:#AA0000;}
A:visited{color:#AA0000;}
A:active {color:#000000;}
A:hover  {color:#000000;}

H1{
color    :#C0C0C0;
font-size:180%;
padding  :0px;
margin   :0px;
}

H2{
color            :#AA0000;
font-size        :120%;
background-color :#FFFFF0;
background-image :url(../img/title/h2.gif);
background-repeat:no-repeat;
line-height      :150%;
text-align       :left;
padding          :0px 0px 0px 35px;
width            :510px;
height           :23px;
}

IMG{
border:0px;
}

P{
color      :#000000;
line-height:130%;
padding    :5px;
}

/* レイアウト ---------------------------------------------------------------------- */
DIV#outline{
background-color:#FFFFFF0;
background-image:url(../img/back.gif);
margin          :  0px auto;
padding         :  0px;
width           :900px;
text-align      :left;
}

DIV#title{
background-color:#000000;
margin          :  0px;
padding         : 23px 0px 23px 0px;
width           :750px;
height          : 24px;
text-align      :center;
float           :right;
}

DIV#panel{
font-size       :80%;
color           :#C0C0C0;
background-color:#000000;
margin          :  0px;
padding         :  5px;
width           :140px;
height          : 60px;
text-align      :center;
}

DIV#site{
color           :#C0C0C0;
background-color:#303030;
line-height     :130%;
margin          :  0px;
padding         :  2px 5px 2px 0px;
width           :895px;
height          : 17px;
text-align      :right;
clear           :both;
}

DIV#unit{
color           :#C0C0C0;
background-color:#404040;
line-height     :130%;
margin          :  0px;
padding         :  2px 0px 2px 10px;
width           :890px;
height          : 17px;
text-align      :left;
}

DIV#dir{
color           :#C0C0C0;
background-color:#505050;
line-height     :130%;
margin          :  0px;
padding         :  2px 0px 2px 10px;
width           :890px;
height          : 17px;
text-align      :left;
}

DIV#site A:link   , DIV#dir A:link   {color:#C0C0C0;}
DIV#site A:visited, DIV#dir A:visited{color:#C0C0C0;}
DIV#site A:active , DIV#dir A:active {color:#DD0000;}
DIV#site A:hover  , DIV#dir A:hover  {color:#DD0000;}

DIV#left{
background-color:#505050;
text-align      :center;
padding         :  0px 1px 20px 1px;
width           :148px;
float           :left;
}

DIV#right{
background-color:#FFFFFF0;
padding: 10px 8px 10px 8px;
margin :  0px;
width  :734px;
float  :right;
}

DIV#footer{
font-size        :90%;
color            :#C0C0C0;
background-color :#000000;
padding          :  5px;
width            :890px;
text-align       :center;
clear            :both;
}

/* メニューテーブル ---------------------------------------------------------------- */
TABLE.menu{
color           :#000000;
background-color:#000000;
border-collapse :collapse;
margin          :  0px 0px 10px 0px;
width           :148px;
}

TABLE.menu TH{
font-size       :90%;
color           :#000000;
background-color:#CEBD94;
background-image:url(../img/menu/menu_title_148.gif);
padding         : 0px;
margin          : 0px;
height          :24px;
}

TD.menu_middle{
color           :#000000;
background-color:#FFFFF0;
background-image:url(../img/menu/menu_middle_148.gif);
padding         : 0px 6px 0px 6px;
height          :23px;
}

TD.menu_bottom{
color           :#000000;
background-color:#FFFFF0;
background-image:url(../img/menu/menu_bottom_148.gif);
text-align      :right;
padding         :0px 6px 0px 6px;
height          :6px;
font-size       :5pt;
line-height     :100%;
}

TABLE.menu TR TD A{
background-color:#FFFFF0;
line-height     :160%;
text-align      :left;
padding         :  0px 0px 0px 2px;
width           :134px;
height          : 22px;
display         :block;
}

TABLE.menu TD A:link   {color:#000000; text-decoration:none;}
TABLE.menu TD A:visited{color:#000000; text-decoration:none;}
TABLE.menu TD A:active {color:#DD0000; text-decoration:none;}
TABLE.menu TD A:hover  {color:#DD0000; text-decoration:none; background-color:#DDDDD0;}

/* リンク -------------------------------------------------------------------------- */
TABLE.link{
background-color:#88AA88;
border          :0px black solid;
width           :730px;
margin          :  2px;
}

TABLE.link TH{
color           :#D0D0D0;
background-color:#347A34;
text-align      :center;
padding         :3px;
border          :1px white solid;
}

TABLE.link TD{
font-size       :130%;
color           :#000000;
background-color:#FFFFF0;
padding         :0px;
font-weight     :bold;
text-align      :center;
vertical-align  :middle;
border          :1px white solid;
width           :50%;
height          :26px;
}

TABLE.link A{
font-size       :100%;
background-color:#FFFFF0;
padding         :3px 0px 3px 0px;
width           :100%;
height          :20px;
display         :block;
}

TABLE.link A:link   {color:#AA0000;}
TABLE.link A:visited{color:#AA0000;}
TABLE.link A:active {color:#000000;}
TABLE.link A:hover  {color:#000000; background-color:#DDDDD0;}

/* 更新履歴 ------------------------------------------------------------------------ */
TABLE.past{
background-color:#888888;
border          :  0px black solid;
width           :453px;
margin          :  2px;
float           :left;
}

TABLE.past TH{
color           :#D0D0D0;
background-color:#347A34;
text-align      :center;
padding         :2px;
border          :1px white solid;
}

TABLE.past TD{
color           :#000000;
background-color:#F4F4E8;
line-height     :140%;
padding         :2px;
border          :1px white solid;
}

/* ランキング ---------------------------------------------------------------------- */
TABLE.rank{
background-color:#888888;
border          :  0px black solid;
width           :273px;
margin          :  2px;
float           :left;
}

TABLE.rank TH{
color           :#D0D0D0;
background-color:#347A34;
text-align      :center;
padding         :2px;
border          :1px white solid;
}

TABLE.rank TD{
color           :#000000;
background-color:#F4F4E8;
line-height     :120%;
padding         :1px;
border          :1px white solid;
}

/* ゲームテーブル ------------------------------------------------------------------ */
TABLE.other{
background-color:#88AA88;
border          :  0px black solid;
width           :363px;
margin          :  2px;
float           :left;
}

TABLE.other TH{
color           :#D0D0D0;
background-color:#347A34;
text-align      :center;
padding         :2px;
border          :1px white solid;
}

TABLE.other TD{
background-color:#FFFFF0;
padding         :0px;
text-align      :center;
vertical-align  :top;
border          :1px white solid;
}

TD.other_main{
height:280px;
}

TABLE.br{
background-color:#AA8888;
border          :  0px black solid;
width           :363px;
margin          :  2px;
float           :left;
}

TABLE.br TH{
color           :#C0C0C0;
background-color:#7A3434;
background-image:url(../img/browser.gif);
text-align      :left;
padding         :2px 2px 0px 20px;
border          :1px white solid;
height          :16px;
}

TABLE.dl{
background-color:#8888AA;
border          :  0px black solid;
margin          :  0px;
width           :363px;
margin          :  2px;
float           :left;
}

TABLE.dl TH{
color           :#C0C0C0;
background-color:#34347A;
background-image:url(../img/download.gif);
text-align      :left;
padding         :2px 2px 0px 20px;
border          :1px white solid;
height          :16px;
}

TABLE.br TH A:link   , TABLE.dl TH A:link   {color:#D0D0D0;}
TABLE.br TH A:visited, TABLE.dl TH A:visited{color:#D0D0D0;}
TABLE.br TH A:active , TABLE.dl TH A:active {color:#FFFF00;}
TABLE.br TH A:hover  , TABLE.dl TH A:hover  {color:#FFFF00;}

TD.game_main{
background-color:#EEEEE0;
line-height     :120%;
padding         :0px 1px 0px 1px;
border          :1px white solid;
}

TD.game_img{
color           :#C0C0C0;
background-color:#232323;
padding         :0px;
border          :1px white solid;
text-align      :center;
vertical-align  :middle;
width           :160px;
height          :120px;
}

TD.game_img IMG{
width  :160px;
height :120px;
display:block;
}

TD.game_copy{
background-color:#DDDDDD;
padding         :2px;
font-size       :80%;
border          :1px white solid;
line-height     :110%;
text-align      :center;
}

TD.game_copy A{
font-size:100%;
}

DIV.null{
width :363px;
height:164px;
margin:  2px;
float :left;
}