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

/*---------------------------------------------------------------------------

�y“Š•[�F105 �^ƒvƒŒƒ[ƒ“ƒg�FP00401�zidolwave 2015 DAM�š‚Æ‚àƒJƒbƒv PC

---------------------------------------------------------------------------*/

.idolVote{ width: 100%; }
.idolVote .itemTil{ line-height: 0; font-size: 0; margin-bottom: 13px; }
.idolVote .section{ clear: both; margin-bottom: 25px; }
.idolVote .snsArea{ text-align: right; margin-bottom:15px; }
/*----------------------------------------------- key Visual */

.idolVote #keyVisual{ margin-bottom: 24px; position: relative;}
.idolVote #keyVisual h1,
.idolVote #keyVisual p{ line-height: 0; font-size: 0; }
.idolVote #keyVisual p.images{
	display: block;
	position: absolute;
	width: 230px;
	height:35px;
	top: 300px;
	left: 502px;
}
.idolVote #keyVisual p.description{  font-size: 16px; color: #fe93cd; }
/*----------------------------------------------- ƒAƒ“ƒJ�[ƒiƒr */
#anchorNav{ padding: 0 5px; margin-bottom: 24px; }
#anchorNav li{
	display: block;
	float: left;
	margin: 0 15px;
}
/*----------------------------------------------- ƒvƒŒƒ[ƒ“ƒg */
#presentArea{
	margin-bottom: 25px;
	padding-bottom: 25px;
	background-image: url(/damtomo/import/userVote/105/image/bg_pre.gif);
	background-repeat: repeat;
}
#presentArea .leadArea .columnA,
#presentArea .leadArea .columnB{ float: left; }
#presentArea .leadArea .columnA{ width: 570px; }
#presentArea .leadArea .columnB{ width: 180px; padding-top: 20px; }
#presentArea .leadArea .columnA .images{ margin-bottom: 6px; }
#presentArea .leadArea .columnA .txt{ margin-left: 20px; }
#presentArea h2{ line-height: 0; font-size: 0; clear: both; margin-left: 18px; }

/* ‰Û‘è‹È�@*/
#presentArea .subjectArtist { width: 720px; margin:0 auto; margin-bottom: 24px;}
#presentArea .subjectArtist p,
#presentArea .subjectArtist dl{ clear:both; padding-bottom: 5px; margin-bottom:5px; text-align: left; border-bottom: 1px solid #CCC; }
#presentArea .subjectArtist p{ font-weight: bold;}
#presentArea .subjectArtist dt,
#presentArea .subjectArtist dd,
#presentArea .subjectArtist p span{ display: block; float: left; }
#presentArea .subjectArtist .song,
#presentArea .subjectArtist .artist{ padding-right: 10px; }
#presentArea .subjectArtist dt,
#presentArea .subjectArtist .song{ width: 270px; }
#presentArea .subjectArtist .artist{ width: 270px; }
#presentArea .subjectArtist .request{ width: 150px; }
#presentArea .subjectArtist .denmokBtn{ width: 82px; padding-left: 10px;}

/* ‰ž•å•û–@�@*/
#presentArea .howto{clear: both; width: 720px; margin:0 auto;}
#presentArea .howto .columnA,
#presentArea .howto .columnB,
#presentArea .howto .columnC{ float: left; padding-bottom: 14px; width: 240px; }
#presentArea .howto dt{ line-height:0; font-size: 0; margin-bottom: 8px; }
#presentArea .howto .columnA dd{ padding-right: 24px; }
#presentArea .howto .columnB dd{ padding: 0 3px; }
#presentArea .howto .columnC dd{ padding-left: 24px; }
#presentArea .howto .columnA dt a,
#presentArea .howto .columnC dt a{
	display: block;
	width: 100%;
	text-indent: -99999px;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 80px;
}

#presentArea .howto .columnA dt a:link{ background-image: url(/damtomo/import/userVote/105/image/img_howto01.png); }
#presentArea .howto .columnC dt a:link{ background-image: url(/damtomo/import/userVote/105/image/img_howto03.png); }
#presentArea .howto .columnA dt a:hover{ background-image: url(/damtomo/import/userVote/105/image/img_howto01_on.png); }
#presentArea .howto .columnC dt a:hover{ background-image: url(/damtomo/import/userVote/105/image/img_howto03_on.png); }
#presentArea .howto .entryBtn{ clear: both; width: 720px; margin:0 auto; }
#presentArea .howto .entryBtn p{ text-align: center; }
#presentArea .howto .entryBtn ul{ margin-top: 13px; }
#presentArea .howto .entryBtn li{
	padding-left: 1em;
	text-indent: -1em;
}
/*----------------------------------------------- “Š•[ */
#voteTitle{
	clear: both;
	width: 100%;
}
#voteTitle .inner{margin-bottom: 3px;}
#voteTitle .inner h2{
	line-height: 0;
	font-size: 0;
	margin-bottom: 14px;
}
#voteTitle .inner ul{ padding-bottom: 15px; }
#voteTitle .inner li{ padding-left: 1em; text-indent: -1em; }
#voteTitle .notes{
	text-align: right;
	padding-right: 30px;
	color: #000;
}

/*----------------------------------------------- ‚»‚Ì‘¼�î•ñ */
.idolVote #infoArea .column{ width: 362px; }
.idolVote #infoArea .spec{ float: left; width: 200px; }
.idolVote #infoArea .jacket{ float: right; width: 160px; }
.idolVote #infoArea .jacket p{ line-height: 0; font-size: 0; }
.idolVote #infoArea .notes{ clear:both; margin-top: 18px; padding-top: 18px;border-top: 3px solid #ff80c5; }
/*------------------------------------------------------------ module*/
.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; }
.red{ color: #ff0000; }
.images{ line-height: 0; font-size: 0; }
.taCenter{ text-align: center!important; }
.taLeft{ text-align: left!important; }
.taRight{ text-align: right!important; }


.tolist {
	margin-top: 20px;
	text-align: right;
}
.fL{ float: left; }
.fR{ float: right; }
/*------------------------------ clearFix */
.clr{ clear: both; }
.clrFix:after,
.idolVote .section:after,
#presentArea .subjectArtist dl:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}