@charset "UTF-8";


/* ========BASIC======== */
html {
overflow-y:scroll;
}

body {
margin:0;
padding:0;
line-height:1.6;
letter-spacing:1px;
font-family:meiryo, Verdana, Helvetica, sans-serif;
color:#333;
font-size:11px;
}

br {
letter-spacing:normal;
}

a {
color:#2200cc;
cursor:pointer;
overflow:hidden;
outline:none;
}

a:hover {
}

a:visited {
color:#551a8b;
}

img {
border:0;
margin:5px auto;
}


/* ======== 見出し ======== */

h1 {
font-size:13px;
padding:0px;
margin:5px 0px 15px 0px;
color:#ff2a7f;
border-bottom:1px solid #ff2a7f;
}



/* ======== サイドリスト ======== */

ul.sideList {
margin:0 0 5px;
padding:0;
list-style: none;
}

ul.sideList li {
padding:0 0 5px;
margin: 0 0 5px;
border-bottom: 1px solid #EFEFEF;
height: 100%;
}

ul.sideList li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

ul.sideList li a {
display:block;
background:url(../images/side/rank/pr.gif) no-repeat 0 2px;
padding:0 0 0 16px;
line-height: 150%;
}

ul.sideList li a.thumbnail {
background:no-repeat 50% 50%;
text-indent: -9999px;
width: 36px;
height: 36px;
padding:0;
float:left;
border: 3px solid #f4f4f4;
background-image:none;
-webkit-transition: 0.3s ease-in-out;
}

ul.sideList li:hover a.thumbnail {
border-color:#ff2a7f;
}

ul.sideList li div {
float:right;
width:170px;
font-size:11px;
}

ul.sideList li div a {
margin: 0 0 3px;
}

ul.sideList li a.b{background-image:url(/iframe/img/b.png);}
ul.sideList li a.a{background-image:url(/iframe/img/a.png);}
ul.sideList li a.m{background-image:url(/iframe/img/m.png);}
ul.sideList li a.s{background-image:url(/iframe/img/s.png);}
ul.sideList li a.p{background-image:url(/iframe/img/p.png);}
ul.sideList li a.d{background-image:url(/iframe/img/d.png);}
ul.sideList li a.t{background-image:url(/iframe/img/t.png);}
ul.sideList li a.l{background-image:url(/iframe/img/l.png);}
ul.sideList li a.i{background-image:url(/iframe/img/i.png);}
ul.sideList li a.o{background-image:url(/iframe/img/o.png);}