/* #################################################################################### */

/* 24時間ジャンケン大会 */

/* #################################################################################### */

h2{
 clear:both;
 margin-top:20px;
}

.janken_result{
 margin:5px auto;
}

.janken_result td{
 text-align:center;
 padding:0px 5px;
 height:34px;
}

/* 応募者全員の回答一覧  */
#result_table{
 text-align:center;
}
#result_table td{
 padding:0px 5px;
 height:34px;
}

/* 表の縦線を太く */
#result_table .time,.hand0c,.hand1c,.hand2c,.hand5c,th.challenger{
 border-right:solid 5px #234004;
}

/* 失格 */
.same{
 background-color:#dddddd;
 color:#ffffff;
 font-weight:bold;
}

/* 勝敗 */

/* 勝ち */
#result_table .w{
 background-color:#ffff00;
}
/* ドロー */
#result_table .d{
 background-color:#dddddd;
}

.offence,.diffence{
 width:40px;
}

/* ジャンケン */
.hand1c,.hand2c,.hand5c,.hand1w,.hand2w,.hand5w{
 background-repeat:no-repeat;
 background-position:center center;
 width:50px;
 height:30px;
}

/* 背景画像だけ出して、グー、チョキ、パーの文字は、非表示 */
.hand1c p,.hand2c p,.hand5c p,.hand1w p,.hand2w p,.hand5w p{
 display:none;
}
.hand1c{background-image:url(/images/hand1c_50x30.gif);}
.hand2c{background-image:url(/images/hand2c_50x30.gif);}
.hand5c{background-image:url(/images/hand5c_50x30.gif);}
.hand1w{background-image:url(/images/hand1w_50x30.gif);}
.hand2w{background-image:url(/images/hand2w_50x30.gif);}
.hand5w{background-image:url(/images/hand5w_50x30.gif);}

/* 勝率  */
#winning_percentage{
 text-align:center;
}
#winning_percentage td{
 padding:0px 5px;
 width:50px;
 height:34px;
}

/* 在位期間と勝利解数 */
.term p,.won p{
 background-color:#ffff99;
 padding:0px 5px;
 white-space:nowrap;
}

/* 王座になった方の順位 */
.ranking{
 width:60%;
 float:left;
 margin-left:10px;
 margin-bottom:10px;
}

.ranking td{
 text-align:center;
}


/* ルール */
#rule h3{
 border:none;
 margin-top:5px;
 font-size:1em;
}

/* #################################################################################### */

#received_message span{
 margin-left:0px;
}

fieldset{
 background-repeat:no-repeat;
 background-position:2.2em 3.3em;
 background-image:url(/images/hand1c_48x40.gif);
}
fieldset.hand1message{background-image:url(/images/hand1c_48x40.gif);}
fieldset.hand2message{background-image:url(/images/hand2c_48x40.gif);}
fieldset.hand5message{background-image:url(/images/hand5c_48x40.gif);}

legend{
 font-size:1em;
 font-weight:normal;
 padding-left:20px;
}

legend span{
 margin:0px 20px 0px 0px;
 font-size:1.35em;
 font-weight:bold;
}

legend strong{
 display:none;
}

.entrant{
 padding-left:5em;
 padding-top:15px;
}

/* #received_messageに追加で.jankenを指定して、キャラ画像を上書き */
.janken .comment{
 background-image:url(/images/mascot_mu_48x40.gif);
}

.f{
 background-color:#ffcc00;
 font-weight:bold;
 color:#663300;
}
.w{
 background-color:#ffff00;
 font-weight:bold;
 color:#663300;
}

/* #################################################################################### */

/* 質問を下方に固定 */
/* http://p2b.jp/index.php?mode=category&aim=5745422044455349474E2C435353&display=box */

/* #################################################################################### */

#links{
 background-color:#ffffcc;
/*  display:none; */
 position:fixed;
 bottom:10px;
 right:10px;
 padding:5px;
 border:3px solid #eecc33;
 width:220px;
}

#links p{
 display:block;
 width:120px;
 float:right;
}

#links h2{
 margin:5px 5px 5px 0px;
 width:200px;
 font-size:0.9em;
}

#links li{
 list-style:none;
 font-size:0.8em;
}

#links p span{
 border-bottom:dotted 1px #663300;
 cursor:pointer;
}


#quick_links li{
 margin-bottom:5px;
}

#quick_links h2{
 clear:both;
}

/* * htmlを取るとIE以外でfixedがabsoluteが利いてしまう? */
/* cssファイルの一番下で指定 */
<!--[if lt IE 7]> 
<style type="text/css">
 body {
  background:url(/images/up_30x25.gif) fixed;
 }
 * html #links {
  position:absolute;
  top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-260));
 }
</style>
<![endif]-->




