@charset "EUC-JP";
/* HTML Elements -----------------------------*/

body{
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka,monospace;
margin:0;
padding:0;
font-size:84%;
line-height:130%;
color:#333;
background:url("../img/bg_page.jpg") repeat;
text-align:center;
}

img{
border:0;
}

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

a{
color:#3366CC;
text-decoration:underline
}
a:hover{
color:#FF6D00;
text-decoration:none
}


table {
text-align:left;
}

th,td{
vertical-align:top;
}

h1,h2,h3,h4{
padding:0px;
margin:0px;
font-size:100%;
text-align:left;
}

h2{
margin-bottom:10px;
}


/* Header -----------------------------*/
#header{
background:url("../img/bg_header.jpg") repeat-x;
height:137px;
}

#header-inner-box{
width:900px;
height:133px;
margin:0 auto;
text-align:left;
position:relative;
}

#header-logo{
position:absolute;
top:10px;
left:0;
}

#header-menu{
position:absolute;
top:79px;
left:0;
height:54px;
list-style-type:none;
margin:0;
padding:0;
}
#header-menu li{
float:left;
width:150px;
}

#header-navi{
position:absolute;
top:32px;
left:517px;
height:43px;
list-style-type:none;
margin:0;
padding:0;
}
#header-navi li{
float:left;
}

#header-link{
position:absolute;
top:10px;
right:8px;
list-style-type:none;
margin:0;
padding:0;
}
#header-link li{
float:left;
background: url("../img/marker01.gif") 0% 50% no-repeat;
padding-left:10px;
margin-left:15px;
text-align:right;
}
#header-link li a{
font-size:12px;
color:#294946;
text-decoration: none;
}
#header-link li a:hover{
text-decoration:underline
}

/* Footer -----------------------------*/
#footer{
clear:both;
background:url("../img/bg_footer.jpg") repeat-x;
height:110px;
}
#footer-inner-box{
width:900px;
height:110px;
margin:0 auto;
text-align:left;
position:relative;
}
#footer-link{
position:absolute;
top:15px;
left:0px;
list-style-type:none;
margin:0;
padding:0;
}
#footer-link li{
float:left;
background: url("../img/marker01.gif") 0% 50% no-repeat;
padding-left:10px;
margin-right:15px;
}
#footer-link li a{
color:#294946;
text-decoration: none;
}
#footer-link li a:hover{
text-decoration:underline
}
#footer-logo{
position:absolute;
top:10px;
right:0;
}


/* Container -----------------------------*/
#main-container{
margin:20px auto 0;
width:900px;
clear:both;
position:relative;
}

#content-box{
margin:20px 0;
}


/* Sub -----------------------------*/
#sub-content{
width:214px;
float:left;
text-align:left;
}

#sub-content .link{
background: url("../img/marker02.gif") 0% 50% no-repeat;
padding-left:12px;
margin-left:5px;
}

#sub-member{
background: url("../img/bg_sub_content01.gif");
height:164px;
padding:0 10px;
font-size:12px;
margin-bottom:14px;
}
#sub-member .inner-box{
padding-top:40px;
}
#sub-member div{
line-height:1.2em;
margin-bottom:5px;
}

#sub-column{
background: url("../img/bg_sub_content02.gif");
height:209px;
padding:0 10px;
font-size:12px;
margin-bottom:14px;
}
#sub-column .inner-box{
padding-top:40px;
}
#sub-column div{
margin-bottom:10px;
}

#sub-mobile{
background: url("../img/bg_sub_content03.gif");
height:194px;
padding:0 10px;
font-size:12px;
margin-bottom:14px;
}
#sub-mobile .inner-box{
padding-top:40px;
}
#sub-mobile div{
margin-bottom:10px;
}
#sub-mobile div.qr{
text-align:center;
}

#sub-extra{
background: url("../img/bg_sub_content04.gif");
height:85px;
}
#sub-extra div{
padding:9px 10px;
}

/* Main -----------------------------*/
#main-content{
float:right;
width:656px;
text-align:left;
}

.area-document{
margin-bottom:35px;
}

/* Content Parts -----------------------------*/
.table-ranking{
border-collapse: collapse;
margin:0;
padding:0;
border:0;
}
.table-ranking td{
padding:6px;
}
.table-ranking td div{
width:203px;
}
.table-ranking td img{
float:left;
}
.table-ranking td p{
padding-left:72px;
}


#list-topics{
margin:0 8px;
padding:0;
}
#list-topics dt{
margin:6px 0 8px;
padding:0;
line-height:1.4em;
}
#list-topics dt a{
font-size:1.1em;
color:#663300;
}
#list-topics dd{
margin:0 0 8px;
padding:0 0 8px;
border-bottom:1px solid #ccc;
}