@import url('../../common/css/pc_vote.css');

/* 【ＤＡＭ★とも祭り2014】投票ページ pc_vote.css
---------------------------------------------------------------------------------- */

#btn_goToRanking { display: none; }

#keyVisual{
	width: 100%;
	height: 493px;
	margin-bottom: 10px;
	background-image: url(/damtomo/import/userVote/81/image/bg_main.png);
	background-repeat: repeat-x;
}
#keyVisual .inner{
	padding-top: 28px;
	padding-bottom: 12px;
}
#keyVisual h1{
	margin-bottom: 9px;
	line-height: 0;
	font-size: 0;
}
#keyVisual ul{ margin-left: 12px; margin-bottom: 12px; }
#keyVisual ul li{
	float: left;
	margin-top: 16px;
	margin-right: 4px;
}
#keyVisual ul li,
#keyVisual ul li a{
	display: block;
	width: 140px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 0;
	font-size: 0;
}
#keyVisual ul li#nav05{
	margin-top: 0;
	margin-right: 0;
}
#keyVisual ul li#nav05,
#keyVisual ul li#nav05 a{
	width: 160px;
	height: 64px;
}
#keyVisual ul li a{ text-indent: -99999px; }
#keyVisual ul li#nav01 a{ background-image: url(/damtomo/import/userVote/81/image/navi01.png); }
#keyVisual ul li#nav02 a{ background-image: url(/damtomo/import/userVote/81/image/navi02.png); }
#keyVisual ul li#nav03 a{ background-image: url(/damtomo/import/userVote/81/image/navi03.png); }
#keyVisual ul li#nav04 a{ background-image: url(/damtomo/import/userVote/81/image/navi04.png); }
#keyVisual ul li#nav05 a{ background-image: url(/damtomo/import/userVote/81/image/navi05.png); }
/*#keyVisual ul li#nav01 a:hover{ background-image: url(/damtomo/import/userVote/81/image/navi01_on.png); }*/
#keyVisual ul li#nav02 a:hover{ background-image: url(/damtomo/import/userVote/81/image/navi02_on.png); }
#keyVisual ul li#nav03 a:hover{ background-image: url(/damtomo/import/userVote/81/image/navi03_on.png); }
#keyVisual ul li#nav04 a:hover{ background-image: url(/damtomo/import/userVote/81/image/navi04_on.png); }
#keyVisual ul li#nav05 a:hover{ background-image: url(/damtomo/import/userVote/81/image/navi05_on.png); }

#keyVisual p{
	clear: both;
	margin-left: 12px;
	line-height: 0;
	font-size: 0;
}
.mt10{margin-top: 10px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.mb5{margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.notes { clear: both; font-size: 11px; }
.images{ line-height: 0; font-size: 0; }
.taCenter{ text-align: center; }
.attentionTxt{ font-size: 14px; color: #ff0000; }
/*------------------------------ clearFix */
.clr{ clear: both; }
.clrFix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clrFix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clrFix {
	height: 1%;
}
.clrFix {
	display: block;
}