@charset "shift_jis";

*{
margin:0px;
padding:0px;
}


html{
height: 100%;
}


body{
font:13px  "�l�r �o�S�V�b�N", "Osaka�|����";
*font-size:small;
*font:x-small;
color:#fff;
text-align:left;
background-image: url(../images/bg.gif);
background-repeat: repeat;
height:100%;
}


#wrap{
width:913px;
margin:0 0 0 -456px;
position:absolute;
left:50%;
font:100%;
background:#000;
padding:13px 0 0 0;

}

#wrap_inner{
margin:0 13px;
position:relative;
height:100%;
position:relative;
}


/* ---------- int ---------- */
a img {
border: 0px none;
}

p{
margin:0px;
padding:0px;
}

h1,h2,h3{
margin:0;
padding:0;
}


a:visited{
color:#fff;
text-decoration: none;
}

a:link{
color: #fff;
text-decoration: none;
}

a:hover{
color:#fff;
text-decoration: underline;
}


form{
margin:0;
padding:0;

}

.clear{
clear:both;
display: block;

}


/* ---------- font ---------- */

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.fontB{
font-weight:bold;
}



/* ---------- margin ---------- */
.mb10{
height:10px;
}
.pb10{
padding:0 0 10px 0;
}

.mb5{
margin:0 0 5px 0;
}

.mp5{
padding:0 0 5px 0;
}
.mt8{
margin:8px 0 0 0;
}



.mt15{
margin:15px 0 0 0;
}

.mt20{
margin:20px 0 0 0;
clear:both;
}

.mp0{
margin:0;
padding:0;
}


/*---------- menu---------- */
#gmenu{
right:0px;
top:0px;
width: 183px;
margin: 0;
padding: 0;
background:#000;
position:absolute;
}

.gmenuWrap{
border: 1px solid #CC0099;
padding:5px;
}

#menuList{
margin:13px 0 0 0;
font-size:10px;
}

#menuList a:visited{
color:#fff;
text-decoration: none;
}

#menuList a:link{
color: #fff;
text-decoration: none;
}

#menuList a:hover{
color:#fff;
text-decoration: underline;
}

#menuList ul{
margin:0;
padding:0;
list-style-type: none;
}

#menuList ul li{
margin:0 0 7px 0;
background-image: url(../images/icon_listmenu.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: 11px;
line-height:100%;
}

#menuList ul li#end{
margin:0 0 0 0;
background-image: url(../images/icon_listmenu.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: 11px;
line-height:100%;
}

#menuList p{
margin:10px 0 0 0;
padding:0;
line-height:140%;
	text-indent: 0;
}

/*---------- top_LeftContents---------- */
#contents{
float:left;
width:688px;
}


#ContentsLeft{
float:left;
width:340px;
}

#ContentsLeft a:visited{
color:#330000;
text-decoration: none;
}

#ContentsLeft a:link{
color: #330000;
text-decoration: none;
}

#ContentsLeft a:hover{
color:#330000;
text-decoration: underline;
}


#ContentsRight{
float:left;
margin:0 0 0 9px;
width:339px;
}
#ContentsRight a:visited{
color:#330000;
text-decoration: none;
}

#ContentsRight a:link{
color: #330000;
text-decoration: none;
}

#ContentsRight a:hover{
color:#330000;
text-decoration: underline;
}
#ContentsRight #ranking a:visited{
color:#ffffff;
text-decoration: none;
}

#ContentsRight #ranking a:link{
color: #ffffff;
text-decoration: none;
}

#ContentsRight #ranking a:hover{
color:#ffffff;
text-decoration: underline;
}
/*---------- news---------- */

#news{
width:340px;
height:237px;
background-color: #fff;
background-image: url(../images/news_bg.jpg);
background-repeat: no-repeat;	
}

#news h2{
margin:0 0 0 2px;
padding:2px 0 0 0;
}

table.newstable{
margin:14px auto -2px 15px;
border-collapse:collapse;
text-align:left;
line-height:135%;
width:300px;
color:#330000;
font-size:11px;
}

table.newstable th{
width:60px;
padding:0 0 5px 0;
font-weight:normal;
vertical-align: top;	
}

table.newstable td{
padding:0 0 5px 0;
}

.moreNews{
margin:5px 0 0 260px;
background-image: url(../images/icon_listmenu_w.gif);
background-repeat: no-repeat;
text-indent:10px;
font-size: 11px;
}



/*---------- pickup---------- */
#pickup{
width:340px;
height:581px;
background-image: url(../images/pickup_bg.jpg);
background-repeat: no-repeat;
font-size: 11px;
color:#330000;
position:relative;
}

#pickup h2{
margin:0 0 0 2px;
padding:2px 0 0 0;
}

#pickup .left_pickup{
float:left;
padding:0;
width:148px;
height:253px;
position:relative;
top:0;
left:13px;
}

#pickup .left_pickup2{
float:left;
padding:0;
width:148px;
height:253px;
position:relative;
top:7px;
left:13px;
}


#pickup .right_pickup{
float:left;
padding:0;
width:148px;
height:253px;
position:relative;
top:0;
left:30px;
}

#pickup .right_pickup2{
float:left;
padding:0;
width:148px;
height:253px;
position:relative;
top:7px;
left:30px;
}

#pickup p{
padding:10px 8px 0 10px;
font-size:11px;
line-height:150%;
}

#pickup .morePickup{
position:absolute;
background-image: url(../images/icon_listmenu_w.gif);
background-repeat: no-repeat;
text-indent:10px;
top:235px;
left:85px;
}

#pickup .morePickup2{
position:absolute;
background-image: url(../images/icon_listmenu_w.gif);
background-repeat: no-repeat;
text-indent:10px;
top:240px;
left:85px;
}

/*---------- search---------- */
#search{
width:339px;
height:191px;
background-image: url(../images/search_bg.gif);
background-repeat: no-repeat;
font-size: 11px;
position:relative;
}

#search h2{
margin:0 0 0 2px;
padding:2px 0 0 0;
}

#searchCont{
margin:0 0 0 14px;
padding:12px 0 0 0;
}

.searchListW{
float:left;
padding:0;
margin:0;
}

.searchList{
width:132px;
height:26px;
margin:0 0 2px 0;
}

.searchLBTNW{
float:left;
padding:0;
margin:0 0 0 6px;

}


/*---------- BANNER---------- */

.bannerLeft{
float:left;
}
.bannerRight{
float:left;
padding:0 0 0 6px;
}


.bannerRight2{
float:left;
padding:0 0 0 6px;
}

.bannerRight3{
float:left;
padding:0 0 0 4px;
}


.bannerRoke{
float:left;
width:171px;
height:168px;
background-image: url(../images/roke_bg.jpg);
background-repeat: no-repeat;
text-align:center;
position:relative;
}

.bannerPh{
position:absolute;
top:60px;
left:43px;
}

.bannerRoke p{
color:#330000;
font-size:11px;
padding:130px 0 0 0;

line-height:135%;
}

.bannerRoke p a:visited{
color:#330000;
text-decoration: none;
}

.bannerRoke p a:link{
color: #330000;
text-decoration: none;
}

.bannerRoke p a:hover{
color:#330000;
text-decoration: underline;
}

#ranking{
width:339px;
height:301px;
background-image: url(../images/ranking_bg.jpg);
background-repeat: no-repeat;
position:relative;
font-size:11px;
}

.rankday{
position:absolute;
top:84px;
left:271px;
}

.rankNo1Txt{
position:absolute;
top:84px;
left:271px;
}

.rankNo2Txt{
position:absolute;
top:84px;
left:271px;
}

.rankTxt1{
position:absolute;
top:113px;
left:96px;
line-height:150%;
}

.rankTxt2{
position:absolute;
top:169px;
left:96px;
line-height:150%;
}

.rankTxt3{
position:absolute;
top:226px;
left:96px;
line-height:150%;
}



/*---------- FOOTER---------- */
#footer{
width:688px;
margin:10px 0;
}

#copyright{
float:left;
}

#ftMenu{
float:right;
width:239px;
height:16px;
}