*{
    font-size:10pt;
    line-height:150%;
    margin:0px;}
body{
    text-align:center;
    background:#fff url("./image/body-bg.gif") center repeat-y;}

h1,h2,h3{
    font-weight:normal;}
h1{
    background:#cc0000;
    color:#ffffff;
    margin:0px 0px 0px 0px;
    padding:10px 0px 10px 10px;
    text-align:left;}
h2{
    margin:0px 0px 15px 0px;
    width:468px;
    font-size:14pt;
    color:#cc0000;
    border-bottom:1px solid #cc0000;
    font-weight:bold;}
img{
    border:0px;}
u{
    font-size:10pt;}

/* �� LAYOUT */
#layout{
    text-align:center;
    background:#ffffff;
    margin: 0 auto; /* center on everything else */
    width:740px;} /* 240 500 */
#header{
    clear:both;
    width:740px;
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background:#ffffff;}
#header-ad{
    clear:both;
    width:740px;
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background:#ffffff;}
.contents{
    clear:both;
    width:740px;
    margin:0px 0px 15px 0px;}
.contents-side{
    float:left;
    text-align:center;
    background:#ffffe0;
    padding-top:10px;
    width:220px;}
.contents-main{
    float:right;
    text-align:left;
    padding-top:10px;
    width:495px;}
.contents-main p{
    width:460px;}

#footer{
    clear:both;
    background:#cc0000;
    color:#fff;
    padding:20px 0px 20px 0px;}
#footer a{
    color:#fff;
    text-decoration:underline;}



.box{
    padding:5px;
    border:1px solid #CCCCCC;}




/* ���t�H���g�� */
a:link{
    color:#CC0000;
    text-decoration1:none;}
a:visited{
    color:#CC0000;
    text-decoration1:none;}
a:hover{
    color:#FF3300;
    text-decoration1:none;}






.siro{
    color:#fff;}
.blue{
    color:#0000FF;}
.kuro{
    color:#000000;}
.red{
    color:#FF0000;}
.pickup{
    background:#FFFF00;}
.okane{
    font-weight:bold;
    color:#000;}
.bg-kuro{
    background:#000;}
.c00{
    color:#cc0000;}

.f8{
    font-size:8pt;}