@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}

body{
	width:100%;
	background:#000;
	background: url(http://affiliate.dtiserv.com/ranklink/test/img/renga.jpg);
	text-align:center;
	font-size: 75%/1.5em;
	line-height:1.5;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html { overflow-y: scroll;}

html>/**/body{font-size: 12px;}

*+ html body{font-family: "メイリオ","Meiryo"; font-size:12px; overflow:scroll;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
html { overflow:scroll; }}

h1{ color: #330;}

a:link, a:visited{ text-decoration:none; color:#fff;}

a:hover{
	color:#00D7EC; 
	text-decoration:underline;}

b{ line-height:170%; font-weight:bold; text-align:center;}

small{ font-size:75%;}

img{ border:none; text-align:center;}

td{ background:#1A1A1A; color:#fff; text-align:center; }

th{ background:#141414; color:#999; font:"Arial Black", Gadget, sans-serif; }


div#ranking table {
  width:90%;
  margin:0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size:1.2em;
  text-align:center;
}

html:not([lang*=""]) div#ranking table{
  width: 90%;
  margin:0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

div#ranking td, th{
  border: 1px solid #000;
  padding:5px;
}
	
.rank{ width:7%; background:#171717; font-size:116%;}
.arrow{ width:6%; text-align:center;}
.sitename{ width:20%;}
.genre{ width:12%;}
.comment{ text-align:left; margin:5px 0px; font-size:107.5%; line-height:150%;}
.inout{ width:5%;}
.camp{width:13%; text-align:center;}

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

.arrow_img { text-align:center;}

/* PR枠用設定 */
div#ranking .prwaku td{background-color:#000; text-align:left; padding:5px 0}
div#ranking .prwaku td a img{margin-left:30px;}



 @media screen and (max-width:320px) and (-webkit-min-device-pixel-ratio:2) {

table{
	width:100%;
}
.smapho{
	display:none;
}

 }
