@charset "utf-8";

/* =========================================================
PC BACE / COMMON
========================================================= */
html{ background:none; }
body {
	font-size: 14px;
	line-height: 1.8;
}
ul,ol,li {
	list-style:none;
}
#wrapper{ width:100%; padding:0; }
#footer{ margin:0; }
#specialImport .sp { display: none; }

#maincontent{
	position: relative;
	background-color:#fff;
}
#maincontent .section {
	clear: both;
	width: 100%;
	padding: 30px 0 46px 0;
}
#maincontent .inBox {
	width: 930px;
	margin: 0 auto;
	padding-bottom: 30px;
	background: #fcfcfc;
}
	#maincontent .inBox > h2 {
		width: 930px;
		margin: 0 auto 18px auto;
		text-indent: -9999px;
	}
#maincontent .txtBox {
	width: 870px;
	margin: 0 auto;
}
	#maincontent .txtBox > p {
		margin-bottom: 1em;
	}
#maincontent .mar_b0 {
	margin-bottom: 0 !important;
}
/* btn_entry */
#maincontent .btn_entry {
	width: 224px;
	margin: 25px auto 0 auto;
	background: url(/common/special/award/2014/img/index_btn_about01.gif) left top no-repeat;
}

#maincontent .btn_entry_end {
	width: 224px;
	margin: 25px auto 0 auto;
	background: url(/common/special/award/2014/img/index_btn_about01_end.gif) left top no-repeat;
}

#maincontent .btn_entry a,#maincontent .btn_entry_end a {
		height: 40px;
		text-indent: -9999px;
		display: block;
	}

#maincontent .btn_entry:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

#maincontent .btn_entry_end:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

/* pageTop */
#maincontent .pageTop {
	position: absolute;
	right: 30px;
	bottom: 30px;
	text-align: center;
}
	#maincontent .pageTop a {
		display: block;
		font-size: 12px;
		color: #fff;
		font-family:Helvetica,Arial,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	}
	#maincontent .pageTop a:hover img,
	#maincontent .pageTop a:hover {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

/* INDEX
========================================================= */
#content{
	width:100%!important;
	background: #fff ;
	margin:0 auto;
	padding:0;
}
#headBlock{
	position:relative;
	padding: 38px 0 26px 0;
}
	#headBlock h1 {
		width: 383px;
		height: 242px;
		text-indent: -9999px;
		background: url(/common/special/award/2014/img/index_ttl_mainVisual.gif) left top no-repeat;
		margin: 0 auto 34px auto;
	}
	#headBlock .linkBtn {
		width: 890px;
		position: absolute;
		top: 56px;
		left: 50%;
		margin-left: -445px;
	}
		#headBlock .linkBtn .btn01 {
			float: left;
			width: 213px;
		}
			#headBlock .linkBtn .btn01 a {
				display: block;
				width: 213px;
				height: 210px;
				text-indent: -9999px;
				background: url(/common/special/award/2014/img/index_btn_mainVisual_chart.gif) left top no-repeat;
			}
		#headBlock .linkBtn .btn02 {
			float: right;
			width: 213px;
		}
			#headBlock .linkBtn .btn02 a {
				display: block;
				width: 213px;
				height: 206px;
				text-indent: -9999px;
				background: url(/common/special/award/2014/img/index_btn_mainVisual_vote.gif) left top no-repeat;
			}
		#headBlock .linkBtn a:hover {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
	/* menu */
	#headBlock #menu {
		width:930px;
		margin:0 auto;
	}
		#headBlock #menu li {
			width: 171px;
			float:left;
			margin-right: 10px;
			background: #fff;
		}
		#headBlock #menu li.menu04 {
			width: 205px;
		}
		#headBlock #menu li.menu05 {
			margin-right:0;
		}
		#headBlock #menu li a {
			height:75px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
		}
			#headBlock #menu li a.btn_about{ width: 171px; background: url(/common/special/award/2014/img/index_nav_about.gif) 0 0 no-repeat; }
			#headBlock #menu li a.btn_chart{ width: 171px; background: url(/common/special/award/2014/img/index_nav_chart.gif) 0 0 no-repeat; }
			#headBlock #menu li a.btn_vote{ width: 171px; background: url(/common/special/award/2014/img/index_nav_vote.gif) 0 0 no-repeat; }
			#headBlock #menu li a.btn_commentary{ width: 205px; background: url(/common/special/award/2014/img/index_nav_crtCommentary.gif) 0 0 no-repeat; }
			#headBlock #menu li a.btn_archive{ width: 171px; background: url(/common/special/award/2014/img/index_nav_archive.gif) 0 0 no-repeat; }
			#headBlock #menu li a:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}


/* VOTE
========================================================= */
#vote {
	width: 100%;
	background: #eabb00;
}
#vote .inBox {
	box-shadow:rgb(181, 145, 0) 3px 4px 0px 0px;
	-webkit-box-shadow:rgb(181, 145, 0) 3px 4px 0px 0px;
	-moz-box-shadow:rgb(181, 145, 0) 3px 4px 0px 0px;
}
	#vote .inBox h2 {
		height: 99px;
		background: url(/common/special/award/2014/img/index_ttl_vote.gif) left top no-repeat;
	}
	#vote .inBox .area01 {
		width: 862px;
		margin: 0 auto;
/*		background: #fafafa;
		border: 4px solid #ced3da;
		padding-bottom: 30px;*/
	}

/* ABOUT
========================================================= */
#about {
	width: 100%;
	background: #f58500;
}
#about .inBox {
	box-shadow:rgb(204, 112, 0) 3px 4px 0px 0px;
	-webkit-box-shadow:rgb(204, 112, 0) 3px 4px 0px 0px;
	-moz-box-shadow:rgb(204, 112, 0) 3px 4px 0px 0px;
}
	#about .inBox h2 {
		height: 99px;
		background: url(/common/special/award/2014/img/index_ttl_about.gif) left top no-repeat;
	}
	#about .inBox .txtRead {
		width: 870px;
		height: 76px;
		text-indent: -9999px;
		margin: 0 auto 42px auto;
		background: url(/common/special/award/2014/img/index_txt_about01.gif) center top no-repeat;
	}
	#about .inBox .rowBlock {
		width: 870px;
		margin: 0 auto;
	}
		#about .inBox .rowBlock dl {
			width: 422px;
		}
		#about .inBox .rowBlock .boxL {
			float: left;
		}
		#about .inBox .rowBlock .boxR {
			float: right;
		}
			#about .inBox .rowBlock dl dt {
				width: 422px;
				height: 55px;
				text-indent: -9999px;
				margin-bottom: 25px;
			}
			#about .inBox .rowBlock .boxL dt {
				background: url(/common/special/award/2014/img/index_txt_about02.gif) left top no-repeat;
			}
			#about .inBox .rowBlock .boxR dt {
				background: url(/common/special/award/2014/img/index_txt_about03.gif) left top no-repeat;
			}
			#about .inBox .rowBlock dl dd {
				width: 422px;
				margin:0;
				padding:0;
			}
			#about .inBox .rowBlock dl dd p {
				font-size: 14px;
				line-height: 1.8;
				margin-bottom: 0;
			}
		#about .inBox .rowBlock .bnr li {
			width: 423px;
			margin-bottom: 9px;
		}
		#about .inBox .rowBlock .bnr li.bnr01 {
			margin-top: 20px;
			background: url(/common/special/award/2014/img/index_bnr_about01.gif) left top no-repeat;
		}
		#about .inBox .rowBlock .bnr li.bnr02 {
			background: url(/common/special/award/2014/img/index_bnr_about02.gif) left top no-repeat;
		}
		#about .inBox .rowBlock .bnr li.bnr03 {
			margin-top: 80px;
			background: url(/common/special/award/2014/img/index_bnr_about03.gif) left top no-repeat;
		}
		#about .inBox .rowBlock .bnr li a {
			height: 56px;
			display: block;
			text-indent: -9999px;
		}
		#about .inBox .rowBlock .bnr li:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

/* CHART
========================================================= */
#chart {
	width: 100%;
	background: #38ace3;
}
#chart .inBox {
	box-shadow:rgb(32, 141, 191) 3px 4px 0px 0px;
	-webkit-box-shadow:rgb(32, 141, 191) 3px 4px 0px 0px;
	-moz-box-shadow:rgb(32, 141, 191) 3px 4px 0px 0px;
}
	#chart .inBox h2 {
		height: 101px;
		background: url(/common/special/award/2014/img/index_ttl_chart.gif) left top no-repeat;
	}
	#chart .inBox .txtRead {
		width: 870px;
		height: 48px;
		text-indent: -9999px;
		margin: 0 auto 21px auto;
		background: url(/common/special/award/2014/img/index_txt_chart01.gif) center top no-repeat;
	}
	#chart .inBox .iconList {
		width: 780px;
		margin: 0 auto 34px auto;
	}
	#chart .inBox .iconList li {
		width: 156px;
		height: 175px;
		float: left;
		text-indent: -9999px;
	}
	#chart .inBox .iconList li.icon01 {
		background: url(/common/special/award/2014/img/index_img_chart_icon01.gif) left top no-repeat;
	}
	#chart .inBox .iconList li.icon02 {
		background: url(/common/special/award/2014/img/index_img_chart_icon02.gif) left top no-repeat;
	}
	#chart .inBox .iconList li.icon03 {
		background: url(/common/special/award/2014/img/index_img_chart_icon03.gif) left top no-repeat;
	}
	#chart .inBox .iconList li.icon04 {
		background: url(/common/special/award/2014/img/index_img_chart_icon04.gif) left top no-repeat;
	}
	#chart .inBox .iconList li.icon05 {
		background: url(/common/special/award/2014/img/index_img_chart_icon05.gif) left top no-repeat;
	}
	#chart .inBox .btn_chart {
		width: 324px;
		margin: 0 auto 27px auto;
		background: url(/common/special/award/2014/img/index_btn_chart01.gif) left top no-repeat;
	}
		#chart .inBox .btn_chart a {
			height: 40px;
			display: block;
			text-indent: -9999px;
		}
		#chart .inBox .btn_chart:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
	#chart .inBox .detail {
		width: 870px;
		margin: 0 auto;
	}
		#chart .inBox .detail dl {
			width: 260px;
			float: left;
			margin-right: 20px;
		}
			#chart .inBox .detail dl dt {
				height: 50px;
				margin-bottom: 10px;
				text-indent: -9999px;
			}
		/* chart01 */
		#chart .inBox .detail .chart01 {
			width: 430px;
		}
			#chart .inBox .detail .chart01 dt {
				background: #222222 url(/common/special/award/2014/img/index_sttl_chart01.gif) center top no-repeat;
			}
		/* chart02 */
		#chart .inBox .detail .chart02 {
			width: 420px;
			margin-right: 0;
		}
			#chart .inBox .detail .chart02 dt {
				background: #f1efef url(/common/special/award/2014/img/index_sttl_chart02.gif) center top no-repeat;
			}
		/* chart03 */
		#chart .inBox .detail .chart03 {
			margin-right: 0;
		}

		/* table */
		#chart .inBox .detail table {
			width: 420px;
			background: #fff;
			margin-bottom: 9px;
			border-top: 3px solid #e0e5ec;
			border-left: 3px solid #e0e5ec;
		}
		#chart .inBox .detail .chart01 table {
			width: 430px;
		}
			#chart .inBox .detail table th {
				width: 25px;
				text-indent: -9999px;
				vertical-align: middle;
				background-color: #ffcad3;
				border-right: 3px solid #e0e5ec;
				border-bottom: 3px solid #e0e5ec;
			}
			#chart .inBox .detail table th.rank01 { background: url(/common/special/award/2014/img/index_icon_chart01.gif) left center no-repeat #dc2527; }
			#chart .inBox .detail table th.rank02 { background: url(/common/special/award/2014/img/index_icon_chart02.gif) left center no-repeat #ffcad3; }
			#chart .inBox .detail table th.rank03 { background: url(/common/special/award/2014/img/index_icon_chart03.gif) left center no-repeat #ffcad3; }
			#chart .inBox .detail table th.rank04 { background: url(/common/special/award/2014/img/index_icon_chart04.gif) left center no-repeat #ffcad3; }
			#chart .inBox .detail table th.rank05 { background: url(/common/special/award/2014/img/index_icon_chart05.gif) left center no-repeat #ffcad3; }
			#chart .inBox .detail table td {
				padding: 8px;
				vertical-align: middle;
				border-right: 3px solid #e0e5ec;
				border-bottom: 3px solid #e0e5ec;
			}
			#chart .inBox .detail table td.ranking {
				width: 25px;
				padding:0;
			}
			#chart .inBox .detail table td.tmb {
				width: 60px;
				padding:0;
				background: #f5f5f5;
			}
				#chart .inBox .detail table td .name {
					color: #313131;
					font-size: 12px;
					font-weight: bold;
					line-height:1.5;
				}
				#chart .inBox .detail table td .title {
					color: #313131;
					font-size: 12px;
					line-height:1.5;
				}
		#chart .inBox .detail .btn_more {
			float: right;
		}
			#chart .inBox .detail .btn_more a {
				display: block;
				width: 99px;
				height: 25px;
				text-indent: -9999px;
				background: url(/common/special/award/2014/img/index_btn_chart_more.gif) left top no-repeat;
			}
			#chart .inBox .detail .btn_more a:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

/* COMMENTARY
========================================================= */
#commentary {
	width: 100%;
	background: #e60027;
}
#commentary .inBox {
	box-shadow:rgb(193, 0, 32) 3px 4px 0px 0px;
	-webkit-box-shadow:rgb(193, 0, 32) 3px 4px 0px 0px;
	-moz-box-shadow:rgb(193, 0, 32) 3px 4px 0px 0px;
}
	#commentary .inBox h2 {
		height: 100px;
		background: url(/common/special/award/2014/img/index_ttl_commentary.gif) left top no-repeat;
	}
	#commentary .inBox .bnrList {
		width: 870px;
		margin: 0 auto;
	}
	#commentary .inBox .bnrList li {
		width: 278px;
		float: left;
		margin-right: 18px;
		margin-bottom: 18px;
	}
	#commentary .inBox .bnrList li.right {
		margin-right: 0;
	}
		#commentary .inBox .bnrList li img {
			border: 1px solid #e6e6e6;
		}
		#commentary .inBox .bnrList li a:hover img {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

/* ARCHIVE
========================================================= */
#archive {
	width: 100%;
	background: #00a33b;
}
#archive .inBox {
	width: 100%;
	padding-bottom: 22px;
	background: url(/common/special/award/2014/img/index_bg_archive.gif) center 135px no-repeat #00a33b;
}
	#archive .inBox h2 {
		height: 69px;
		margin-bottom: 33px;
		background: url(/common/special/award/2014/img/index_ttl_archive.gif) center top no-repeat;
	}
	#archive .inBox .linkList {
		width: 836px;
		margin: 0 auto;
	}
		#archive .inBox .linkList li {
			width: 140px;
			float: left;
			margin-right: 34px;
		}
		#archive .inBox .linkList li.last {
			margin-right:0;
		}
		#archive .inBox .linkList li a:hover img {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}


/* AWARDS
========================================================= */
	#headBlock .linkBtn .btn02 a {
		background: url(/common/special/award/2014/img/index_btn_mainVisual_awards.gif) left top no-repeat;
	}

	#vote .inBox h2 {
		background: url(/common/special/award/2014/img/index_ttl_awards.gif) left top no-repeat;
	}

	#vote .inBox {
		background: #FFFFFF;
	}

	#vote #artist_of_the_year {
		width:662px;
		margin:40px auto 0px;
	}