body {
font-family: "ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;
margin: 0px 0px 10px 0px;
background: #EFEFFF ;
text-align: center;
}
A                { color: #660066; text-decoration: none; background: none;}
A:link           { color: #660066; text-decoration: none; background: none;}
A:link:hover     { color: #4169E1; text-decoration: underline; background-color: #EFEFFF;}
A:link:active    { color: #000000; text-decoration: none; background: none;}

A:visited        { color: #660066; text-decoration: none; background: none;}
A:visited:hover { color: #4169E1; text-decoration: underline; background-color: #EFEFFF;}
A:visited:active { color: #000000; text-decoration: none; background: none;}


#hpl_body {
margin-right: auto;
margin-left: auto;
margin-top: 20px;
text-align: left;
padding: 0px;
background-color: #FFFFFF;
border-bottom: 1px solid #AFAFE1;
border-left: 1px solid #AFAFE1;
border-right: 1px solid #AFAFE1;
width: 762px; 
voice-family: "\"}\""; 
voice-family:inherit;
}

#page_title {
background-color: #AFAFE1;
text-align: left;
margin: 0px;
padding: 0px;
border-bottom: 2px solid #CCCCCC;
}

#hpl_left {
padding-top: 20px;
float: left;
width: 180px;
overflow: hidden;
background-color: #FFFFFF;
}

#hpl_right {
padding-top: 20px;
float: left;
width: 180px;
overflow: hidden;
background-color: #FFFFFF;
}

#hpl_center {
margin: 20px 10% 0 10%;
overflow: hidden;

}

#hpl_foot{
 width: 100%;
 clear: left;
 margin: 0px;
 padding-left: 20%;
 padding-right: 20%;
 background-color: #FFFFFF;
}



/*centerパーツ*/
.hpl_title{
 text-align: left;
 color: #8F8FFF;
 padding-top: 5px;
 margin-left: 10px;
 margin-right: 20px;
 border-bottom: 1px dotted #808080;
 
 }

.shinkan{
 font-size: 10pt;
 margin-left: 10%;
 margin-right: 10%;
 }

.shinkan a{
 font-weight: bold;
 
}

.new_book{
 margin-left: 15%;
 margin-top: 2px;
 font-size: 10pt;
}

.update{
 margin-left: 15%;
 font-size: 10pt;

}

 .new_book a{
 font-size: 10pt;
 color: #191970;
 font-weight: bold;
}

#hpl_center p.yashi{
 text-align: right;
 padding-right: 10%;
 font-size: 10pt;
}
 
#hpl_center p.diary_title{
 font-size: 10pt;
 font-weight: bold;
}

#hpl_center p.naiyo{
 font-size: 8pt;
 padding-left: 8%;
 padding-right: 8%;
}

#hpl_center p.uptime{
 text-align: right;
 padding-right: 10%;
 margin: 0 0 0 0;
 font-weight: bold;
 font-size: 8pt;
}


/*footパーツ*/


.copyright{
 font-size: 8pt;
 text-style: italic;
 margin-top: 10px;
 padding-top: 8px;
 text-align: center;
}

/*leftパーツ*/
#hpl_left p.bk1link{
 font-size: 8pt;
}

.hpl_index_dt{
 font-size: 10pt;
 padding-bottom: 0;
 color: #8F8FFF;
 border-bottom: 1px solid #808080;
 margin: 8px 10% 8px 10%;
}

.hpl_index_dd{
 font-size: 10pt;
 margin: 3px 15% 5px 15%;
 l

}


/*rightパーツ*/
.hpl_diary_list{
 margin-left: 10%;
}


.nowread{
 font-size: 10pt;
 margin: 10px 8% 10px 0;
 cellpadding: 0;
}

.nowread caption{
 background-color: #006699;
 color: #FFFFFF;
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
 margin-right: 10%;
}

td.bk1_title{
 vertical-align: top;

}


/*bestseller*/
.bestseller{
  font-size:10pt;
  text-align: left;
  margin: 3px 0 20px 0;
}

.bestseller p{
 margin: 1px 15% 1px 0;
 padding: 1px 0 1px 0;
 border-bottom: 1px solid #808080;

}

.rank_title{
 font-family: Times New Roman, Arial;
 font-size: 10pt;
 text-align:left;
 font-weight: bold;
}

#hpl_right p.hpl_index_dt{
 margin: 5px 15% 5px 0;

}

.search{
 margin: 5px 3px 0 10%;
 font-size:10pt;
}