/*
総選挙CSS
*/

@-webkit-keyframes graph_ac {0% {max-width:0;}100%{max-width: 100%;}}
@-moz-keyframes graph_ac {0% {max-width:0;}100%{max-width: 100%;}}
@-o-keyframes graph_ac {0% {max-width:0;}100%{max-width: 100%;}}
@keyframes graph_ac {0% {max-width:0;}100%{max-width: 100%;}}

#content.election .graph{border:1px solid #ccc; border-radius:3px; padding:0.2em; position:relative;}
#content.election .graph>p{position:absolute; margin:0; padding:0; top:0.3em; right:0.3em; color:#AAA; color:rgba(0,0,0,0.2); font-size:10px;}
#content.election .graph>div{
	max-width:100%;
	height:1.4em;
	-webkit-animation:graph_ac 5s;
	-moz-animation:graph_ac 5s;
	-ms-animation:graph_ac 5s;
	-o-animation:graph_ac 5s;
	animation:graph_ac 5s;
}
#content.election .shop .graph>div{background:#ff4444;}
#content.election .web .graph>div{background:#44ff44;}


.b_button   {
	background-color:#FF0000;
    border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 3px 10px;  
    font-weight: bold;  
    font-size: 10px;;  
    cursor: pointer;  
    color: #FFFFFF;
    text-decoration: none;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	margin:0;
	padding:0;
	background-image: url(/images/common/event/election/bg.jpg);
}
.click_btn{
	display:block;
	vertical-align:bottom;
	margin-top:12px;
}