@charset "utf-8";

/* --------------------------------------------------------------
CSS Information

File name:		rumic.css
Style Info:		ブログリンクページのスタイルを設定

Index:
	__1. るーみっくわーるど人気投票
	__2. るーみっくわーるど人気投票結果
-------------------------------------------------------------- */

/*=====================================================
	__1. るーみっくわーるど人気投票
=====================================================*/

#chara_vote div {
	background:url(/pc/rumic/img/bg_01.gif) 0 bottom no-repeat;
}
#chara_vote ul {
	margin:0 0 0 20px;
}
#chara_vote ul li {
	display:inline;
	float:left;
	width:127px;
	height:182px;
	margin:0 0 0 0 ;
	padding:0;
	background:none;
	border:none;
}

#chara_vote ul:after {
   content: ".";
   display: block;
   clear: both;
   height:0;
   visibility: hidden;
	 line-height:0;
}
/* \*//*/
#chara_vote ul {
  display: inline-block;
}
/**/
/* exlude MacIE5 */
/* \*/
html>body #chara_vote ul { height:auto;}
#chara_vote ul {
  display:block;
  height: 1px;
  min-height:1px;
}
/* end MacIE5 */

#chara_vote ul li a {
	display:block;
	width:127px;
	height:182px;
	margin:0;
	background:url(/pc/rumic/img/btn_o_01.gif) 0 0 no-repeat;
	color:#F00;
	position:relative;
	/* \*/
	overflow: hidden;
	/* */
	text-decoration: none;
	
	font-size:10px;
	line-height:1;
	/* \*//*/
	font-size:10px;
	/* */
}

#chara_vote ul li a span {
	display:block;
	background:url(/pc/rumic/img/btn_01.gif) 0 0 no-repeat;
	width:127px;
	height:182px;
	margin:0;
	position:absolute;
	font-size:1%;
	line-height: 1;
	top:0;
	left:0;
	text-indent: -9999px;
	z-index:1;
	cursor: pointer;
}

#chara_vote ul li a:hover span {
	background:url(/pc/rumic/img/btn_o_01.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn2 a ,
#chara_vote ul li#btn2 a:hover span {
	background:url(/pc/rumic/img/btn_o_02.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn2 a span {
	background:url(/pc/rumic/img/btn_02.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn3 a ,
#chara_vote ul li#btn3 a:hover span {
	background:url(/pc/rumic/img/btn_o_03.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn3 a span {
	background:url(/pc/rumic/img/btn_03.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn4 a ,
#chara_vote ul li#btn4 a:hover span {
	background:url(/pc/rumic/img/btn_o_04.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn4 a span {
	background:url(/pc/rumic/img/btn_04.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn5 a ,
#chara_vote ul li#btn5 a:hover span {
	background:url(/pc/rumic/img/btn_o_05.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn5 a span {
	background:url(/pc/rumic/img/btn_05.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn6 a ,
#chara_vote ul li#btn6 a:hover span {
	background:url(/pc/rumic/img/btn_o_06.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn6 a span {
	background:url(/pc/rumic/img/btn_06.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn7 a ,
#chara_vote ul li#btn7 a:hover span {
	background:url(/pc/rumic/img/btn_o_07.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn7 a span {
	background:url(/pc/rumic/img/btn_07.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn8 a ,
#chara_vote ul li#btn8 a:hover span {
	background:url(/pc/rumic/img/btn_o_08.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn8 a span {
	background:url(/pc/rumic/img/btn_08.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn9 a ,
#chara_vote ul li#btn9 a:hover span {
	background:url(/pc/rumic/img/btn_o_09.gif) 0 0 no-repeat;
}

#chara_vote ul li#btn9 a span {
	background:url(/pc/rumic/img/btn_09.gif) 0 0 no-repeat;
}


#chara_vote .caption {
	clear:both;
	margin:20px;
	text-align:center;
	font-size:120%;
}


/*=====================================================
	__2. るーみっくわーるど人気投票結果
=====================================================*/

#result {
	width:666px;
}
#result p {
	margin:10px 0 20px 0;
}
#result div {
	background:url(../rumic/img/result_bg.gif) 0 0 repeat-y #FFCFCF;
	margin:0 0 20px 0;
}
#result div ol {
	padding:0 0 5px 0;
	background:url(../rumic/img/result_bottom.gif) 0 bottom no-repeat;
}
#result div ol li {
	height:74px;
	margin:0 10px;
	padding: 5px 0 5px 155px;
	background:url(../rumic/img/icon1.gif) 0 center no-repeat;
	border-bottom:1px dashed #FFFFFF;
}
#result div ol li h4 {
	margin:10px 0 10px 0;
}
#result div ol li img {
	margin:0 5px 0 0;
}
#result div ol li#chara2 {
	background-image:url(../rumic/img/icon2.gif);
	border-bottom:none;
}
#result div ol li#chara3 {
	background-image:url(../rumic/img/icon3.gif);
}
#result div ol li#chara4 {
	background-image:url(../rumic/img/icon4.gif);
}
#result div ol li#chara5 {
	background-image:url(../rumic/img/icon5.gif);
}
#result div ol li#chara6 {
	background-image:url(../rumic/img/icon6.gif);
}
#result div ol li#chara7 {
	background-image:url(../rumic/img/icon7.gif);
}
#result div ol li#chara8 {
	background-image:url(../rumic/img/icon8.gif);
}
#result div ol li#chara9 {
	background-image:url(../rumic/img/icon9.gif);
}

#result div#other_chara {
	background:none;
	text-align:center;
	margin:0 0 0 0;
}
#result div#other_chara h3 ,
#result div#other_chara p ,
#result div#other_chara form {
	text-align:center;
}
#result div#other_chara h3 {
	margin:0 0 15px 0;
}#result div#other_chara p {
	margin:0 0 15px 0;
}
#result div#other_chara form ,
#result div#other_chara form select {
	margin:0 0 10px 0;
}