@charset "UTF-8";


/* anniversarycontest 共通
------------------------------------------------------*/

#anniversarycontestCol {
	width: 840px;
	background: url(../images/event/event_anniversarycontest/bg_middle.gif) repeat-y top center;
	padding: 0 0 10px 0;
	text-align: center;
}

#anniversaryselectCol {
	//margin: 10px 0 0 0;
	padding: 10px;
}

.listEnd {
	width: 130px !important;
}

/* ダウンロード
------------------------------------------------------*/
#dlCol {
	width: 810px;
	margin: 10px auto 0;
	text-align: left;
}
#dlCol ul {
	list-style: none;
}
#dlCol li {
	position: relative;
	display: block;
	float: left;
	width: 136px;
	height: 190px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}
a.comment {
	position: absolute;
	display: block;
	width: 130px;
	height:230px;
}
.btnDl {
	position: absolute;
	top:190px;
	left:5px;
	display: block;
	width: 120px;
	height: 40px;
	background: url(../images/event/event_anniversarycontest/btn_dl.jpg) no-repeat top center;
}
.btnDl:hover {
	background-position: bottom center;
}
.listImage {
	min-width: 136px !important;
	max-width: 368px !important;
	text-indent: 0 !important;
}

/* キャラクター
---------------------*/

#dpimg {
	display: none;
	position: absolute;
	padding: 5px;
	background: #fff;
	color: #333;
	border: 1px solid #999;
}

/* まめっち */
#chara01 {
	background: url(../images/event/event_anniversarycontest/img_chara01.jpg) no-repeat top left;
}
#chara01 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara01_c.png) no-repeat top left;
}

/* くちぱっち */
#chara02 {
	background: url(../images/event/event_anniversarycontest/img_chara02.jpg) no-repeat top left;
}
#chara02 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara02_c.png) no-repeat top left;
}

/* ライトっち */
#chara03 {
	background: url(../images/event/event_anniversarycontest/img_chara03.jpg) no-repeat top left;
}
#chara03 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara03_c.png) no-repeat top left;
}

/* スペイシーっち */
#chara04 {
	background: url(../images/event/event_anniversarycontest/img_chara04.jpg) no-repeat top left;
}
#chara04 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara04_c.png) no-repeat top left;
}

/* からくっち */
#chara05 {
	background: url(../images/event/event_anniversarycontest/img_chara05.jpg) no-repeat top left;
}
#chara05 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara05_c.png) no-repeat top left;
}

/* ナイトっち */
#chara06 {
	background: url(../images/event/event_anniversarycontest/img_chara06.jpg) no-repeat top left;
}
#chara06 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara06_c.png) no-repeat top left;
}

/* タクトっち */
#chara07 {
	background: url(../images/event/event_anniversarycontest/img_chara07.jpg) no-repeat top left;
}
#chara07 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara07_c.png) no-repeat top left;
}

/* なんでっち */
#chara08 {
	background: url(../images/event/event_anniversarycontest/img_chara08.jpg) no-repeat top left;
}
#chara08 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara08_c.png) no-repeat top left;
}

/* どやっち */
#chara09 {
	background: url(../images/event/event_anniversarycontest/img_chara09.jpg) no-repeat top left;
}
#chara09 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara09_c.png) no-repeat top left;
}

/* ごっちもっち */
#chara10 {
	background: url(../images/event/event_anniversarycontest/img_chara10.jpg) no-repeat top left;
}
#chara10 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara10_c.png) no-repeat top left;
}

/* しりもっち */
#chara11 {
	background: url(../images/event/event_anniversarycontest/img_chara11.jpg) no-repeat top left;
}
#chara11 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara11_c.png) no-repeat top left;
}

/* チャラっち */
#chara12 {
	background: url(../images/event/event_anniversarycontest/img_chara12.jpg) no-repeat top left;
}
#chara12 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara12_c.png) no-repeat top left;
}

/* もなかっち */
#chara13 {
	background: url(../images/event/event_anniversarycontest/img_chara13.jpg) no-repeat top left;
}
#chara13 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara13_c.png) no-repeat top left;
}

/* もぐもぐっち */
#chara14 {
	background: url(../images/event/event_anniversarycontest/img_chara14.jpg) no-repeat top left;
}
#chara14 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara14_c.png) no-repeat top left;
}

/* あっちっち */
#chara15 {
	background: url(../images/event/event_anniversarycontest/img_chara15.jpg) no-repeat top left;
}
#chara15 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara15_c.png) no-repeat top left;
}

/* ゆめみっち */
#chara16 {
	background: url(../images/event/event_anniversarycontest/img_chara16.jpg) no-repeat top left;
}
#chara16 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara16_c.png) no-repeat top left;
}

/* キラリっち */
#chara17 {
	background: url(../images/event/event_anniversarycontest/img_chara17.jpg) no-repeat top left;
}
#chara17 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara17_c.png) no-repeat top left;
}

/* キラもっち */
#chara18 {
	background: url(../images/event/event_anniversarycontest/img_chara18.jpg) no-repeat top left;
}
#chara18 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara18_c.png) no-repeat top left;
}

/* ワルツっち */
#chara19 {
	background: url(../images/event/event_anniversarycontest/img_chara19.jpg) no-repeat top left;
}
#chara19 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara19_c.png) no-repeat top left;
}

/* ひめスペっち */
#chara20 {
	background: url(../images/event/event_anniversarycontest/img_chara20.jpg) no-repeat top left;
}
#chara20 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara20_c.png) no-repeat top left;
}

/* めめっち */
#chara21 {
	background: url(../images/event/event_anniversarycontest/img_chara21.jpg) no-repeat top left;
}
#chara21 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara21_c.png) no-repeat top left;
}

/* ジュリエっち */
#chara22 {
	background: url(../images/event/event_anniversarycontest/img_chara22.jpg) no-repeat top left;
}
#chara22 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara22_c.png) no-repeat top left;
}

/* ふりふりっち */
#chara23 {
	background: url(../images/event/event_anniversarycontest/img_chara23.jpg) no-repeat top left;
}
#chara23 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara23_c.png) no-repeat top left;
}

/* ゆきんこっち */
#chara24 {
	background: url(../images/event/event_anniversarycontest/img_chara24.jpg) no-repeat top left;
}
#chara24 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara24_c.png) no-repeat top left;
}

/* ハープっち */
#chara25 {
	background: url(../images/event/event_anniversarycontest/img_chara25.jpg) no-repeat top left;
}
#chara25 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara25_c.png) no-repeat top left;
}

/* ほしガールっち */
#chara26 {
	background: url(../images/event/event_anniversarycontest/img_chara26.jpg) no-repeat top left;
}
#chara26 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara26_c.png) no-repeat top left;
}

/* ちょーちょっち */
#chara27 {
	background: url(../images/event/event_anniversarycontest/img_chara27.jpg) no-repeat top left;
}
#chara27 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara27_c.png) no-repeat top left;
}

/* パティっち */
#chara28 {
	background: url(../images/event/event_anniversarycontest/img_chara28.jpg) no-repeat top left;
}
#chara28 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara28_c.png) no-repeat top left;
}

/* あみあみっち */
#chara29 {
	background: url(../images/event/event_anniversarycontest/img_chara29.jpg) no-repeat top left;
}
#chara29 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara29_c.png) no-repeat top left;
}

/* ぺこぺこっち */
#chara30 {
	background: url(../images/event/event_anniversarycontest/img_chara30.jpg) no-repeat top left;
}
#chara30 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara30_c.png) no-repeat top left;
}

/* あまくっち */
#chara31 {
	background: url(../images/event/event_anniversarycontest/img_chara31.jpg) no-repeat top left;
}
#chara31 :hover {
	background: url(../images/event/event_anniversarycontest/img_chara31_c.png) no-repeat top left;
}

/* ちょこまかっち */
#chara32 {
	background: url(../images/event/event_anniversarycontest/img_chara32.jpg) no-repeat top left;
}
#chara32 a.comment:hover {
	background: url(../images/event/event_anniversarycontest/img_chara32_c.png) no-repeat top left;
}


/* 作品例をみるボタン
------------------------------------------------------*/
a.btnSample {
	display: block;
	width: 424px;
	height: 86px;
	margin: 10px auto;
	text-indent: -9999px;
	background: url(../images/event/event_anniversarycontest/btn_sample.jpg) no-repeat top left;
}
a.btnSample:hover {
	background-position: bottom left;
}

/* Q&A
------------------------------------------------------*/
#qaCol {
	width: 810px;
	margin: 10px auto;
	text-align: left;
}
#qaCol ul {
	list-style: none;
}
#qaCol ul li {
	width: 782px;
	margin: 0 auto 10px;
}
/* 作品例一覧
　sample.html
------------------------------------------------------*/
#sampleCol {
	width: 810px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}
#sampleCol ul {
	list-style: none;
}
#sampleCol li {
	position: relative;
	display: block;
	float: left;
	width: 200px;
	height: 342px;
	margin: 0 4px 10px 0;
}




/*アニバーサリー総選挙
------------------------------------------------------*/

#anniversarycontestCol.sousenkyo{
	background:url(../event/event_anniversarycontest/images/select/bg_middle.jpg) repeat-y top center;
	position:relative;
    overflow:hidden;
}

/* クラブログイン・登録ボタン*/
.login{
	background:url(../event/event_anniversarycontest/images/select/bg_btnclub.jpg) no-repeat top center;
	padding:50px 0 0 0;
}
.login ul{
	position:relative;
    left:50%;
    float:left;
}

.login ul li{
	list-style:none;
	float:left;
	position:relative;
    left:-50%;
	padding:0 15px
}

/*順位を確認する*/
.rank{
	background:url(../event/event_anniversarycontest/images/select/bg_btnrank.jpg) no-repeat top center;
	padding:39px;
}

/*--- 確認ページ ---*/
.button_area {
	padding: 0 180px 0 180px;
	
}
.button_area .btnBackOn {
	float: left;
	margin: 0 5px;
}
.button_area .btnVoteOn {
	float: right;
}


/*--- 戻るボタン ---*/
.btnBackOn {
	display: block;
	background: url(../event/event_anniversarycontest/images/conf/back_on.png) no-repeat 0 0;
	width: 226px;
	height: 56px;
}
	.btnBackOn input:hover {
		opacity: 0;
	}



/*--- 投票するボタン ---*/
.btnVoteOn {
	display: block;
	width: 226px;
	height: 56px;
	margin: 0 5px;
	background: url(../event/event_anniversarycontest/images/conf/vote_on.png) no-repeat 0 0;
}
	.btnVoteOn input:hover {
		opacity: 0;
	}

/*投票*/
#vote {
	width: 650px;
	margin: 0px auto;
	text-align: left;
	padding:45px 5px 0 5px;
	background:url(../event/event_anniversarycontest/images/select/stit_dl1.jpg) no-repeat top center;
}
#vote ul {
	padding:15px 0;
	list-style: none;
}
#vote li {
	position: relative;
	display: block;
	float: left;
	background:none;
	width: 160px;
	height: 220px;
	text-align: center;
	color: #F36;
	/*width: 150px;
	height: 190px;
	margin: 0 0 10px 0;*/
}
#vote input:hover {
	opacity: 0.6;
}

.btnOff {
	position: absolute;
	top: 0px;
	left: 5px;
}

/*.bgImg{
	background: url(../event/event_anniversarycontest/images/select/stit_dl1.jpg) no-repeat top left;
}*/

.bgImg1{
	background:url(../event/event_anniversarycontest/images/select/bg_btnchara01.jpg) no-repeat bottom right;
}

.bgImg2{
	background:url(../event/event_anniversarycontest/images/select/bg_btnchara02.jpg) no-repeat bottom right;
}


/* 結果発表・ランキング */

.font_thanks {
	color:#FF0066;
	font-size: 116%;
	font-weight: bold;
}

h3.tit_rankTitle {
	background: url(../event/event_anniversarycontest/images/thanks/bg_ranktitle.jpg) no-repeat;
	height: 40px;
	width: 630px;
	padding: 10px 0;
	margin: 0 auto;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
}

#graphCol {
	width: 640px;
	margin: 0 auto;
}

#graphCol li {
	list-style: none;
} 

.meter,
.choiceMeter {
	position: absolute;
	top: 20px;
	left: 130px;
	z-index: 1;
	max-width: 500px;
	height: 40px;
}
.meter {
	background: url(../event/event_anniversarycontest/images/rank/img_meter.jpg) top center no-repeat;
}
.choiceMeter {
	background: url(../event/event_anniversarycontest/images/rank/img_meterglow.gif) top center no-repeat;
}
/* 順位別15位まで */
#graphCol_15 {
	padding: 0 0 20px 0;
}
#graphCol_15 .graphArea {
	position: relative;
	width: 630px;
	height: 70px;
	margin: 0 5px;
}
#graphCol_15 .graphArea .chara {
	position: absolute;
	top: 1px;
	left: 50px;
	height:60px;
}
#graphCol_15 .graphArea .name {
	position: absolute;
	top: 0;
	left: 110px;
}
.graph1 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking1.png) top center no-repeat;
}
.graph2 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking2.png) top center no-repeat;
}
.graph3 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking3.png) top center no-repeat;
}
.graph4 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking4.png) top center no-repeat;
}
.graph5 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking5.png) top center no-repeat;
}
.graph6 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking6.png) top center no-repeat;
}
.graph7 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking7.png) top center no-repeat;
}
.graph8 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking8.png) top center no-repeat;
}
.graph9 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking9.png) top center no-repeat;
}
.graph10 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking10.png) top center no-repeat;
}
.graph11 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking11.png) top center no-repeat;
}
.graph12 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking12.png) top center no-repeat;
}
.graph13 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking13.png) top center no-repeat;
}
.graph14 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking14.png) top center no-repeat;
}
.graph15 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking15.png) top center no-repeat;
}
/* 順位別16位から */
#graphCol_end {
	padding: 20px 0 0 0;
}
#graphCol_end .graphArea {
	display: block;
	position: relative;
	width: 150px;
	height: 160px;
	float: left;
	margin: 0 5px;
}
#graphCol_end .graphArea .chara {
	position: absolute;
	top: 50px;
	left: 45px;
	height: 60px;
}
#graphCol_end .graphArea .name {
	position: absolute;
	bottom: 16px;
	left: 0;
}
.graph16 {
	background:  url(../event/event_anniversarycontest/images/rank/bg_ranking16.jpg) top center no-repeat;
}
.graph17 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking17.jpg) top center no-repeat;
}
.graph18 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking18.jpg) top center no-repeat;
}
.graph19 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking19.jpg) top center no-repeat;
}
.graph20 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking20.jpg) top center no-repeat;
}
.graph21 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking21.jpg) top center no-repeat;
}
.graph22 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking22.jpg) top center no-repeat;
}
.graph23 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking23.jpg) top center no-repeat;
}
.graph24 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking24.jpg) top center no-repeat;
}
.graph25 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking25.jpg) top center no-repeat;
}
.graph26 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking26.jpg) top center no-repeat;
}
.graph27 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking27.jpg) top center no-repeat;
}
.graph28 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking28.jpg) top center no-repeat;
}
.graph29 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking29.jpg) top center no-repeat;
}
.graph30 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking30.jpg) top center no-repeat;
}
.graph31 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking31.jpg) top center no-repeat;
}
.graph32 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking32.jpg) top center no-repeat;
}
.graph33 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking33.jpg) top center no-repeat;
}
.graph34 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking34.jpg) top center no-repeat;
}
.graph35 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking35.jpg) top center no-repeat;
}
.graph36 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking36.jpg) top center no-repeat;
}
.graph37 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking37.jpg) top center no-repeat;
}
.graph38 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking38.jpg) top center no-repeat;
}
.graph39 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking39.jpg) top center no-repeat;
}
.graph40 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking40.jpg) top center no-repeat;
}
.graph41 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking41.jpg) top center no-repeat;
}
.graph42 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking42.jpg) top center no-repeat;
}
.graph43 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking43.jpg) top center no-repeat;
}
.graph44 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking44.jpg) top center no-repeat;
}
.graph45 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking45.jpg) top center no-repeat;
}
.graph46 {
	background: url(../event/event_anniversarycontest/images/rank/bg_ranking46.jpg) top center no-repeat;
}

#thanksheadCol {
	background: url(../event/event_anniversarycontest/images/thanks/tit_anniversary.png) no-repeat;
	width: 840px;
	height: 200px;
}

#thanksheadCol ul {
	padding: 120px 0 0 640px;
}

#thanksheadCol li {
	list-style: none;
	text-align: left;
}