* { margin:0; padding:0; }

#headerBox {
 position:relative;
 height:100px;
 background-image:url('http://cache.2ch-ranking.net/image/top.jpg');
 background-repeat: no-repeat;
 background-color:#102b34
}

#menuBox {}

#contentBox {}

#footerBox {}

#container {
 width:96%;
 max-width:980px;
 background-color: white;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

body { text-align:center; background-color: whitesmoke; background-image: url(http://cache.2ch-ranking.net/image/top_bck.jpg); background-repeat:repeat-x;}

#menuBox {
 background-image: url('http://cache.2ch-ranking.net/image/shadow_1.png');
 background-repeat: repeat-x;
 padding-top:10px;
 background-color: mintcream;
 width:200px;
 min-height:1600px;
 float:left;
 margin-right:-200px;
 position:relative;
 z-index:2;
}

#menuBox > * {
 position:relative;
 margin-left:10px;
 margin-right:10px;
 z-index:2;
}

#contentBox #content{
 margin-left:210px;
 margin-right:10px;
}


#contentBox {
 background-image: url('http://cache.2ch-ranking.net/image/shadow_2.png');
 background-repeat: repeat-x;
 padding-top:10px;
 width:100%;
 float:left;
 position:relative;
 z-index:1;
}

#footerBox {
 width:100%;
 background-color:black;
 background-image: url('http://cache.2ch-ranking.net/image/footer_bck.jpg');
 background-repeat:repeat-x;
 color:white;
 clear:left;
 padding-top:40px;
 padding-bottom:40px;
 text-align:center;
}

#footerBox a:link{ color:white; }
#footerBox a:visited{ color:white; }


#rogo{ position:relative; z-index:1; }
h1 a { width:500px; display:block; background: none; }
h1 a:hover{ width:500px; display:block; background:url('http://cache.2ch-ranking.net/image/underline.png') no-repeat;}
* html h1 a:hover{ width:500px; display:block; background: none; } /* IE6用スターハック */
h2{ margin-bottom:12px; margin-top:5px; }

h2.boardTitle{ display: inline; }

h3{ margin-top:1em; margin-bottom:0.5em; }

hr.qr{ border: 1px silver dotted; margin-top:1em; margin-bottom:1em; }

table{ font-size:95%; line-height:1.5em; }
td.title{ word-break: break-all; }
table.first_f{ margin-top:7px; width:100%; }
table.forces a{ display:block; width:100%; height:100%; }

img{ border-style: none; }
dl{ width:90%; margin-top:0.5em;}
dt{ margin-top:1em; font-size:110%; color:darkgreen; font-weight:bold; }
dt:first-child{margin-top:0;}
dd, p{ line-height:1.6em; }

tr.header{ background-color:darkslategray; background-image:url('http://cache.2ch-ranking.net/image/tr.png'); color:white;}
tr.odd{ background-color:gainsboro;}
th{ text-align: center; }
td.rank,td.res,td.ikioi{text-align:right;}
td.rank{ width:7%; }
td.kako{ width:9%; }
td.board{ width:15%; }
td.title{ width:60%; word-wrap: break-word; }
td.res{ width:8%; }
td.ikioi{ width:8%; }

td.kako{text-align:center;}
p.about{ border-bottom: dotted green 1px; }
p.about a:hover{ text-decoration:none; }
.returnTop{ width:100%; margin-top:8em; text-align:right; font-size:90%; }
.notation{
	margin-top:5px;
	margin-bottom:10px;
	font-size:90%;
	width:90%;
	line-height:1.5em;
	padding-left:1em;
	border-left:solid 2px gray;
}
.snippet{margin-top:-0.3em; font-size:80%; margin-bottom:1em;}
.date { position:absolute; top:232px; right:10px; text-align:right; font-size:90%; line-height:1.2em; }
.thre_search{ position:absolute;right:5px;top:253px; }
#favinout{ font-size:80%; }
.search { position:relative; clear:both; padding:5px; padding-top:8px; margin-top:1em; height:59px; background-image:url('http://cache.2ch-ranking.net/image/bck_search.png'); background-repeat: no-repeat;  }
#search { width:150px; height:16px;}
.linkunit { height:18px; padding:4px; background-color:darkslategray; margin-right:2px; margin-left:2px;}
.ikioi { font-weight:bold; }
.searchtitle{ margin:0px 0px; font-size:60%; color:darkgreen; }
.google{ margin-top:2px; margin-left:2px; margin-bottom:2px; width:728px; }
.amazon_carousel{ text-align:center; height:182px;margin-top:15px;margin-bottom:20px; }

.interval{ font-size:160%; font-weight:bold; color: yellow; }
.up{ margin-left:15px; color:white; cursor:default; font-size:80%; }
.bookmarkicon{position:absolute; top:70px; }
.return{ text-align:right; margin-top:1em;}
.graphnote{ margin-top:0.6em; font-size:80%; }

#source{ position:absolute; top:0px; right:0px; }

#boards{ padding-bottom:2em; position:relative; }
#boards ul{ list-style:none; font-size:95%; line-height:1.4em; width:100%; }
#boards li a:hover{ text-decoration:underline; display:block; background-color:#e3f5ec; }
#boards li a{ background:url('http://cache.2ch-ranking.net/image/list.gif') left 40% no-repeat; padding-left:18px; text-decoration:none; display:block; background-color:mintcream; }

#arrow{ position:absolute; top:3px; left:175px; width:16px; height:16px; background:url('http://cache.2ch-ranking.net/image/arrow.gif') no-repeat; visibility:hidden;}
#close_box{ padding:0; margin:0; position:absolute; top:0px; left:136px; width:18px; height:20px; background:url(http://cache.2ch-ranking.net/image/closebox.png) 0px no-repeat; }

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }

.inout{ height:1.2em; margin-top:1em; font-size:75%; padding-left:20px; background:url('http://cache.2ch-ranking.net/image/gear.gif') no-repeat; }

.ans{ color: darkorange; font-weight:bold; }

.navi{ position:relative; margin-top:1em; font-size:95%; border-top:darkseagreen solid 1px; border-bottom:darkseagreen solid 1px;  background-color:mintcream;}
.navi .next{ position:absolute; right: 0; }
.navi .prev{ position:absolute; left: 0; }

.crumbs{ font-size: 80%; }
table.category{ width: 80%; }
.cloud{ width: 384px; font-size:90%; padding:8px; border:1px gainsboro solid; margin-bottom:0.5em; }
#darkcloud a{ color:white; }
#orangecloud a{ color:darkorange; }

span.n { color:red;}
span.e { color:green; }
span.u { color:orange; }
span.d { color:blue; }

#tabs{
    padding:0;
    margin:0;
    margin-top:1.6em;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFF;
    font-weight:bold;
    width:100%;
}

#tabs div{
    display:inline;
    margin:0;
}
#tabs div a{
    padding:3px 5px;
    color:#FFF;
    background:darkseagreen;
    background-image:url('http://cache.2ch-ranking.net/image/tab.png');
    float:left;
    text-decoration:none;
    border:1px solid forestgreen;
    border-left:0;
    margin:0;
}
#tabs div a:hover{
    background:mintcream;
    background-image:url('http://cache.2ch-ranking.net/image/tab_w.png');
    color:#7F9298;
    text-decoration:none;
    border-bottom:1px solid mintcream;
}
#tabs div a.active{
    background:mintcream;
    background-image:url('http://cache.2ch-ranking.net/image/tab_w.png');
    color:#7F9298;
    border-bottom:1px solid mintcream;
}

div#res_limit{
    text-align:center;
    height:40px;
    padding-top:10px;
    width:300px;
    background:url('http://cache.2ch-ranking.net/image/res_limit_bck.png') no-repeat;
    position:absolute;
    top:56px;
    right:5px;
    cursor:default;
    opacity:0.9;
}


a.button {
    background: transparent url('http://cache.2ch-ranking.net/image/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    margin-left: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('http://cache.2ch-ranking.net/image/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; 
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}