/******* ページ上部 *******/
body{
text-align: center;
background-image:url(img/bg.gif);
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#page{ /* テーブルの幅 */
margin: 0 auto;
text-align: left;
font-size:12px;
width: 800px;
display:block;
}
#header{ /* ヘッダー */
margin: 0 auto;
text-align: left;
font-size:12px;
width: 800px;
height:100px;
background-image:url(img/top.jpg);
}
h1{
font-size:10px;
color:#DBECB3;
margin:2px 0px 0px 10px;
padding: 0px;
}
.mt3{
margin-top:3px;
margin-bottom:3px;
}
.mt10{
margin-top:10px;
}

/******* 左サイド *******/
#left{
width:152px;
float:left;
}
.leftMenu{
width:148px;
border:1px solid #8C8C8C;
background-color:#FFFFFF;
margin-top:3px;
}
.leftMenu2{
width:148px;
height:376px;
border:1px solid #8C8C8C;
background-color:#FFFFFF;
margin-top:3px;
}
.midasi{
width:148px;
height:25px;
background-image:url(img/midasi.gif);
background-repeat:no-repeat;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:6px;
vertical-align:top;
}

/******* 右サイド *******/
.rightMenu{
width:645px;
border:1px solid #8C8C8C;
background-color:#FFFFFF;
margin-top:3px;
padding-bottom:4px;
float:right;
}
.rightMenu2{
width:645px;
height:115px;
border:1px solid #8C8C8C;
background-color:#FFFFFF;
margin-top:3px;
padding-bottom:4px;
float:right;
}
.rightMenu2 p{
font-size:14px;
color:#666666;
margin:10px 10px 0px 10px;
line-height:125%;
}
.midasi2{
width:645px;
height:25px;
background-image:url(img/midasi2.gif);
background-repeat:no-repeat;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:6px;
}
.recommend{
width:180px;
height:142px;
background-image:url(img/bg1.gif);
background-repeat:no-repeat;
}
.title{
font-size:12px;
color:#686868;
padding-top:3px;
padding-left:4px;
font-weight:bold;
}
.site{
font-size:11px;
color:#777777;
padding-top:3px;
padding-left:3px;
}
.btn{
font-size:14px;
color:#555555;
padding-top:3px;
padding-left:5px;
}
.title a:link{ /* リンク関係の設定 */
color: #686868 !important;
text-decoration:underline;
}
.title a:visited{ /* リンク関係の設定 */
color: #686868 !important;
text-decoration:underline;
}
.title a:hover{ /* リンク関係・ポインタを乗せたときの設定 */
color: #686868 !important;
text-decoration:underline;
}
/******* 下ランキング *******/
.rankMenu{
width:798px;
border:1px solid #8C8C8C;
background-color:#FFFFFF;
margin-top:3px;
padding-bottom:4px;
float:right;
}
.midasi3{
width:798px;
height:25px;
background-image:url(img/midasi3.gif);
background-repeat:no-repeat;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:6px;
}
/******* 下ランキングテーブル *******/
.ranking{
width:300px;
height:101px;
background-image:url(img/rank_bg.gif);
background-repeat:no-repeat;
}
.title2{
font-size:12px;
color:#686868;
padding-top:3px;
font-weight:bold;
text-align:center;
}
.title2 a:link{ /* リンク関係の設定 */
color: #686868 !important;
text-decoration:underline;
}
.title2 a:visited{ /* リンク関係の設定 */
color: #686868 !important;
text-decoration:underline;
}
.title2 a:hover{ /* リンク関係・ポインタを乗せたときの設定 */
color: #686868 !important;
text-decoration:underline;
}
.site2{
font-size:12px;
color:#777777;
padding-top:3px;
margin:3px 3px 0px 3px;
}
.btn2{
font-size:11px;
color:#555555;
}
/******* フッター *******/
#footer{
width:798px;
height:38px;
background-image:url(img/foot_bg.gif);
background-repeat:no-repeat;
border:1px solid #8C8C8C;
background-color:#FFFFFF;
margin-top:3px;
color:#3B5401;
font-size:12px;
text-align:center;
}
#footer h3{
font-size:12px;
color:#3B5401;
margin:10px 0px 0px 0px;
padding:0px;

}
#footer h3 a:link{ /* リンク関係の設定 */
color: #3B5401 !important;
text-decoration:underline;
}
#footer h3 a:visited{ /* リンク関係の設定 */
color: #3B5401 !important;
text-decoration:underline;
}
#footer h3 a:hover{ /* リンク関係・ポインタを乗せたときの設定 */
color: #3B5401 !important;
text-decoration:underline;
}