@charset "shift_jis";
/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:"���C���I";
} 
 
#pagewidth{ 
 width:80%; 
 text-align:left; 
 margin:0 auto; 
 padding:0 1px 0 1px;
 border-left: 1px solid;
 border-right: 1px solid;
 border-color: #666666
} 
 
#header{
 position:relative; 
 height:100px; 
 background-color:#333366; 
 width:100%;
 display:block;
 overflow:auto;
color:white;
} 
 
#leftcol{
 width:15%; 
 float:left; 
 position:relative; 
 background-color:#cc9999; 
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
 }
 
#twocols{
 width:85%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:18%; 
 float:right; 
 position:relative; 
 background-color:#DCFFA3;
 margin:auto;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
  position: relative; 
 width:75%; 
margin:10px;
padding:auto;
 }
#ranking{
margin-bottom:50px;
padding-left:20px;
padding-right:20px;
margin-left:10px;
margin-right:10px;
color:#1b1b1b;
border:1px solid #99CFEF;
   -moz-border-radius: 10px;
    -webkit-border-radius:10px;
border-radius:10px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #B3FFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #B3FFFF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #B3FFFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B3FFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #B3FFFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #B3FFFF 100%);
} 
#ranking h1 {
background-image:url(/rank1.gif) no-repeat left center;
 padding-left: 68px;
 font-size: 34px;
 height: 68px;
}
#ranking h2 {
background-image:url(/icon-ranking-004-2.gif);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: left center;
 padding-left: 68px;
 font-size: 34px;
 height: 70px;
}
#ranking h3 {
background-image:url(.../icon-ranking-004-3.gif);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: left center;
 padding-left:68px;
 font-size: 34px;
 height: 70px;
}
#footer{
  background-color:#FFFFFF; 
 clear:both;
 display:inline;
 overflow:auto;

} 
 
li.article {
list-style-type:none;
}

p{
margin:2px;
padding:3px;
font-size:14px;
}

table#table-01 {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
 
h1{
font-size:20px;
font-weight:bold;
padding:2px;
}
h2{
font-size:18px;
padding:2px;
}
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 div.topbar{ /* bar that runs across the top of the menu */
height: 16px;
background: #ff3366;
}

ul.claybricks{ /* main menu UL */
font-weight: bold;
width: 100%;
background: #666666;
padding: 6px 0 6px 0; /* padding of the 4 sides of the menu */
margin: 0;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.claybricks li{
display: inline;
}

ul.claybricks li a{
color:white;
padding: 6px 8px 4px 8px; /* padding of the 4 sides of each menu link */
margin-right: 5px; /* spacing between each menu link */
text-decoration: none;
}

ul.claybricks li a:hover, ul.claybricks li a.selected{
color: white;
background: #5d4137;
background: -moz-linear-gradient(top, #5d4137 0%, #41251b 12%, #2c0f05 100%); /* moz syntax for CSS3 gradient */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4137), color-stop(12%,#41251b), color-stop(100%,#2c0f05));
background: -webkit-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); /* webkit syntax for CSS3 gradient */
background: -o-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); /* opera syntax for CSS3 gradient */
background: -ms-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background: linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4137', endColorstr='#2c0f05',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* moz syntax for CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 17px; /* large padding to get menu item to protrude upwards */
padding-bottom: 6px;
}

li.grass {
list-style-type: none;
font-size:16px;
}

li.grass a{
color:#990033;
}

li.grass:nth-child(odd){
background-color:#ffffff;

}

ul.syousai{
list-style-image: url(mark.jpg);
margin:0 0 0 1.5em;
}

li.syousai{
font-size:18px;
padding-left:10px;
color:#ff00ff;
}
 
li.syousai{

/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}