@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}
body{
text-align:left;
line-height:20px;
font-size:12px;
background-repeat:repeat-x;
background-image:url(../img/common/bg_img.jpg);
}
img{
border:none;
}
li{
list-style:none;
}
.fl{
float:left;
}
.thisclear{
clear:both;
}
.pt10{
padding-top:10px;
}
.pt20{
padding-top:20px;
}
.pb5{
padding-bottom:5px;
}
.pb10{
padding-bottom:20px;
}
.pb20{
padding-bottom:20px;
}
.pl10{
padding-left:10px;
}
.ml20{
margin-left:20px;
}
.mb10{
margin-bottom:10px;
}
.pagetop{
text-align:right;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                              wrapper                                    */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.line{
height:5px;
color:#FFF;
background-color:#3c3c3c;
width:100%;
}
.wrapper{
text-align:center;
background-color:#FFF;
width:980px;
padding:0 20px 0 20px;
margin-left:auto;
margin-right:auto;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                                header                                   */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.header{
text-align:left;
}
h1{
font-size:10px;
text-align:left;
font-weight:normal;
}
.logo{
text-align:left;
float:left;
}
.top_banner{
float:right;
}
.topnavi{
list-style-type:none; 
font-size:0px; 
line-height:0px; 
margin:0px; 
}
.topnavi li{
float:left;
}
.pan{
background-color:#333;
height:20px;
}
.pan_font{	
font-size:10px;
padding-left:5px;
color:#FFF;
text-align:left;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                              contents                                   */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.contents{	
padding:10px 0 0 0;
}
.title{
padding-top:10px;
text-align:left;
}
.tal{
text-align:left;
}
.tar{
text-align:right;
}

/* -------------------------- rightcontents  ----------------------------- */
.rightcontents{
width:223px;
padding:0 0 20px 0;
float:right;
text-align:right;
background:#e0e0e0;
}
.right{
text-align:center;
margin:5px 0 10px 0;
}
.af{
text-align:center;
background-color:#000;
margin:5px;
}
.af img{

}
.s_banner{
text-align:center;
background-color:#000;
margin:0 5px 0 5px;
padding:5px;
}
.banner{	
text-align:left;
background-color:#FFF;
padding:5px;
}
.login{
position:relative;
text-align:center;
margin:20px 0 20px 0;
}
.recommend{
text-align:left;
padding:0 5px 20px 5px;
}
.ranking{
padding:0 0 5px 0;
background-color:#FFF;
text-align:center;
}
.ranking_font{
padding:0 10px 0 10px;
text-align:left;
}
.ranking_title{
float:left;
}
.twitter{
width:213px;
text-align:center;
padding:0 5px 0 5px;
}
.mybook{
background-image:url(../img/common/mypage.jpg);
width:199px;
height:135px;
margin-left:10px;
}
.mypage{
text-align:center;
position:absolute;
left: 40px;
top: 67px;
width: 153px;
height: 33px;
}
.logout{
text-align:center;
position:absolute;
left: 142px;
top: 109px;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                              footer　                                   */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.footer{
height:70px;
color:#FFF;
background-color:#3c3c3c;
width:100%;
}
.copy{
font-size:12px;
text-align:center;
}
/*アンカーの設定*/
a:link{color:#3c3c3c; text-decoration:underline;}
a:visited{color:#3c3c3c; text-decoration:underline;}
a:hover {color:#ffa4f8; text-decoration:underline;}	

.pan_font a:link{color:#FFFFFF; text-decoration:underline;}
.pan_font a:visited{color:#FFFFFF; text-decoration:underline;}
.pan_font a:hover {color:#ffa4f8; text-decoration:underline;}	

.footer a:link{color:#FFFFFF; text-decoration:none;}
.footer a:visited{color:#FFFFFF; text-decoration:none;}
.footer a:hover {color:#ffa4f8; text-decoration:underline;}