@charset "UTF-8";

a:link{ text-decoration:underline; color:#000000; }
a:visited{ text-decoration:underline; color:#000000; }
a:active{ text-decoration:underline; color:0000FF; }
a:hover{ text-decoration:underline; color:0000FF; }

body{ font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; line-height: 1.3;font-size: 10pt;margin: 0 }

tr,td{ font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; line-height: 1.3;font-size: 10pt }

#mid{ font-size: 10pt; }

#small{ font-size: 9pt; }

#kanri{ color:#000000; } /* 管理人コメントの色 */

#log{ width:650; border-style:solid; border-color:#515151; }

#log-0{ background-color:#FFCC66; } /* ランキング順位 */

#log-1{ background-color:#FFFFFF; } /* タイトル */

#log-2{ background-color:#ccccff; } /* カテゴリ */

#log-3{ background-color:#dddddd; } /* 紹介文 */

#log-4{ background-color:#CCFFFF; } /* 管理人コメント */

#title-bar{ background-color:#FFFFFF; color:#000000; font-size:13pt; } /* タイトルバー */

#mid-bar{ background-color:#FFFFFF; } /* 中段バー */

div#header{
        border: solid 3px #0d4950;
        background-color: white;
        padding: 5px;
        background-image: url("http://www.advansteps.com/macxtreme/data/aaa.gif");
        margin: 0;
		height: 48px;
        }
		
		
div#headerbelow{
        background-color: white;
        padding: 3px;
        margin: 0px;
		height: 15px;
		text-align: left;
		font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; line-height: 1.3;font-size: 9pt ;
        }
		
div.headerlogo{
		position: absolute;
        padding: 0px;
        margin-top: 0px;
        margin-left: 10px;
		width: 200px
		height: 48px;
        }
		
div.headerinside{
		position: absolute;
        padding: 1px;
        margin-top: 0px;
        margin-left: 210px;
        margin-right: 10px;
		height: 46px;
		background-image: url("http://www.advansteps.com/macxtreme/data/back2.png");
        }
		
div#footer{
        border: dotted 3px #eeeeee;
        background-color: white;
        padding: 5px;
		margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        }

div#round {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px #777777;
        background-color: #777777;
        padding: 10px;
        width: 730px;
        }
		
div#roundsky {
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px skyblue;
        background-color: skyblue;
        padding: 10px;
        width: 730px;
        }
		
div#roundwhite {
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px white;
        background-color: white;
        padding: 10px;
        width: 730px;
        }
		
div#roundgray5{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: solid 1px #777777;
        background-color: #777777;
        padding: 5px;
        width: 740px;
        }

div#topgray5{
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: solid 1px black;
        background-color: #777777;
        padding: 5px;
        width: 140px;
        }
		
#topwhite5:hover{
        text-align: center;
        -webkit-border-radius: 5px;	
        -moz-border-radius: 5px;
		border: solid 1px black;
        background-color: skyblue;
        padding: 5px;
        width: 140px;
        }		
		
div#topwhite5{
        text-align: center;
        -webkit-border-radius: 5px;	
        -moz-border-radius: 5px;
		border: solid 1px black;
        background-color: white;
        padding: 5px;
        width: 140px;
        }