@charset "utf-8";

/* Alignment Style
---------------------------------------------------- */
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.btnC {
	margin-top: 20px;
	text-align: center;
}

/* Text Style
---------------------------------------------------- */
.red {
	color: #e60012;
}
p.normal {
	margin: 1em 0;
	line-height: 1.4;
}
p.indent1 {
	margin-left :1em;
	text-indent: -1em;
}
.margin1 {
	margin: 1em 0;
}
.marginT1 {
	margin-top: 1em;
}
.marginT2 {
	margin-top: 2em;
}
.marginT3 {
	margin-top: 3em;
}
img.iconCircle {
	vertical-align: middle;
	margin: 0 1px;
}

/* Float Clear style
---------------------------------------------------- */
.clear {
	clear: both !important;
}
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* awards common style
---------------------------------------------------- */
#awards #contents {
	background-color: #000;
	padding: 20px 15px;
	width: 900px;
}
#awards #main {
	float: left;
	width: 622px;
}
#awards #sideBar {
	float: right;
	width: 278px;
}
#awards #cTitle {
	margin-bottom: 20px;
}
#awards #cTitle2 {
}
#awards #contents ul li {
	list-style: none;
}
h3 {
	margin-bottom: 7px;
	clear: both;
}
h3.ver2 {
	border-bottom: 7px solid #fff;
	padding-bottom: 5px;
}
.boxL {
	 float:left;
}
.boxR {
	float: right;
}
.text2 {
	color: #fff;
}

/* navi style
---------------------------------------------------- */
#naviBox {
	background-color: #000;
	padding: 20px 15px 0;
	width: 900px;
}
#naviBox ul {
	margin: 0;
}
#naviBox li {
	float: left;
	width: 171px;
	height: 110px;
	margin: 0 11px 0 0;
	text-indent: -9999px;
	overflow:hidden;
	font-size:0;
}
#naviBox li.last {
	margin-right: 0;
}
#naviBox li a {
	display: block;
	width: 171px;
	height: 110px;
}

/* on */
#naviBox li#aNaviTop {
	background: url(/common/special/award/img/awards2011/navi/navi_top_on.gif) no-repeat 0 0;
}
#naviBox li#aNaviArtist {
	background: url(/common/special/award/img/awards2011/navi/navi_artist_on.gif) no-repeat 0 0;
}
#naviBox li#aNaviChart {
	background: url(/common/special/award/img/awards2011/navi/navi_chart_on.gif) no-repeat 0 0;
}
#naviBox li#aNaviVote {
	background: url(/common/special/award/img/awards2011/navi/navi_vote_on.gif) no-repeat 0 0;
}
#naviBox li#aNaviArchive {
	background: url(/common/special/award/img/awards2011/navi/navi_archive_on.gif) no-repeat 0 0;
}
#naviBox li#aNaviResult {
	background: url(/common/special/award/img/awards2011/navi/navi_result_on.gif) no-repeat 0 0;
}

/* off */
#naviBox li#aNaviTop a {
	background: url(/common/special/award/img/awards2011/navi/navi_top.gif) no-repeat 0 0;
}
#naviBox li#aNaviArtist a {
	background: url(/common/special/award/img/awards2011/navi/navi_artist.gif) no-repeat 0 0;
}
#naviBox li#aNaviChart a {
	background: url(/common/special/award/img/awards2011/navi/navi_chart.gif) no-repeat 0 0;
}
#naviBox li#aNaviVote a {
	background: url(/common/special/award/img/awards2011/navi/navi_vote.gif) no-repeat 0 0;
}
#naviBox li#aNaviArchive a {
	background: url(/common/special/award/img/awards2011/navi/navi_archive.gif) no-repeat 0 0;
}
#naviBox li#aNaviResult a {
	background: url(/common/special/award/img/awards2011/navi/navi_result.gif) no-repeat 0 0;
}

/* current */
.awardsTop #naviBox li#aNaviTop a {
	background: url(/common/special/award/img/awards2011/navi/navi_top_on.gif) no-repeat 0 0;
}
.awardsArtist #naviBox li#aNaviArtist a {
	background: url(/common/special/award/img/awards2011/navi/navi_artist_on.gif) no-repeat 0 0;
}
.awardsChart #naviBox li#aNaviChart a {
	background: url(/common/special/award/img/awards2011/navi/navi_chart_on.gif) no-repeat 0 0;
}
.awardsVote #naviBox li#aNaviVote a {
	background: url(/common/special/award/img/awards2011/navi/navi_vote_on.gif) no-repeat 0 0;
}
.awardsArchive2009 #naviBox li#aNaviArchive a,
.awardsArchive2010 #naviBox li#aNaviArchive a {
	background: url(/common/special/award/img/awards2011/navi/navi_archive_on.gif) no-repeat 0 0;
}
.awardsResult #naviBox li#aNaviResult a {
	background: url(/common/special/award/img/awards2011/navi/navi_result_on.gif) no-repeat 0 0;
}

/* hover */
#naviBox li#aNaviTop a:hover,
#naviBox li#aNaviArtist a:hover,
#naviBox li#aNaviChart a:hover,
#naviBox li#aNaviVote a:hover,
#naviBox li#aNaviArchive a:hover,
#naviBox li#aNaviResult a:hover {
	background-image: none;
}


/* side bar style
---------------------------------------------------- */
#sideBar {
	margin-top: 5px;
}
#sideBar ul {
	margin-bottom: 20px;
}
#sideBar ul li {
	margin-top: 15px;
}

/* mobile */
.awardsTop #mobile,
#sideBar #mobile {
	text-align:center;
}
.awardsTop #mobile p,
#sideBar #mobile p {
	color: #fff;
}
.awardsTop #mobile .qr,
#sideBar #mobile .qr {
	margin-top: 15px;
}


/* top style
---------------------------------------------------- */
#awards.awardsTop #main {
	float: left;
	width: 586px;
}

/* about */
.awardsTop #about,
.awardsTop #about2 {
	width: 568px;
	padding: 30px 9px 15px;
	background-color: #fff;
	margin-bottom: 30px;
}
.awardsTop #about2 {
	padding-top:10px;
}

.awardsTop #about .onair {
	text-align: center;
	color: #e60012;
	margin-bottom: 15px;
}

/* sponsor */
.detailSponsor {
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	margin-top: 20px;
}
.awardsTop #about2 .detailSponsor {
	border-top: none;
	padding:0;
	margin-top: 0;
}
.detailSponsor dl {
	width: 568px;
}
.detailSponsor dt {
	clear: both;
	padding-left: 12px;
	background: url(/common/special/award/img/awards2011/icon_square_b.gif) no-repeat 0 4px;
	float: left;
	width: 58px;
}
.detailSponsor dd {
	width: 498px;
	float: left;
}


/* mc */
.awardsTop #mc {
	width: 586px;
	margin-bottom: 30px;
}
.awardsTop #mc ul {
	margin: 20px 28px 0;
	width: 530px;
}
.awardsTop #mc ul li {
	float: left;
	width: 132px;
	margin-right: 30px;
}
.awardsTop #mc ul li span {
	display: block;
	margin-top: 5px;
	color: #fff;
}


/* entertainer */
.awardsTop #entertainer {
	margin-bottom: 30px;
}
.awardsTop .eBox {
	margin: 20px 28px 0;
	width: 530px;
}
.awardsTop .eBox ul {
	width: 530px;
	margin-bottom: 15px;
}
.awardsTop .eBox li {
	width: 240px;
}
.awardsTop .eBox li.boxL {
	float: left;
}
.awardsTop .eBox li.boxR {
	float: right;
}
.awardsTop .eBox li span {
	width: 240px;
	display: block;
	margin-top: 5px;
	color: #fff;
}

/* banner */
.awardsTop #spBanner li {
	margin-top: 15px;	
}
.awardsTop #spBanner .boxL,
.awardsTop #spBanner .boxR {
	width: 278px;
}
.awardsTop #spBanner2 li {
	text-align:center;
}

/* what's new */
.awardsTop #whatsnew {
	width: 258px;
	padding: 15px 10px;
	background-color: #fff;
	margin-bottom: 30px;
}
.awardsTop #whatsnew dt {
	font-weight: bold;
}
.awardsTop #whatsnew dd {
	margin: 0 0 15px;
}

/* twitter */
.awardsTop #twitter {
	margin-bottom: 30px;
}


/* artist style
---------------------------------------------------- */
.awardsArtist .artistBox3,
.awardsArtist .artistBox4 {
	margin-top: 20px;
	width: 570px;
	padding: 0 11px 14px;
	border:  1px solid #fff;
}
.artistBox5 {
	width: 600px;
}
.awardsArtist .artistBox3 p {
	color: #fff;
}
.awardsArtist .artistBox3 p.photo {
	margin-top: 10px;
	text-align: center;
	background-color: #fff;
	width: 570px;
	padding: 15px 0 6px;
}
.awardsArtist .artistBox3 p.photo span,
.awardsArtist .artistBox3 p.photoLast span,
.awardsArtist .artistBox4 p.photo span,
.awardsArtist .artistBox4 p.photoLast span,
.awardsArtist .artistBox5L p.photo span,
.awardsArtist .artistBox5R p.photo span {
	display: block;
	color:#333;
	margin-top: 5px;
	font-weight: bold;
	text-align: center;
}
.awardsArtist .artistBox4 .col3 {
	width: 542px;
	padding: 7px;
	background-color: #fff;
	margin-top: 10px;
}
.awardsArtist .artistBox4 .col3 p.photo,
.awardsArtist .artistBox4 .col2 p.photo {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}
.awardsArtist .artistBox4 .col3 p.photoLast,
.awardsArtist .artistBox4 .col2 p.photoLast {
	float: left;
	width: 180px;
	margin-right: 0;
}
.awardsArtist .artistBox4 .col2wrap {
	background-color: #fff;
	width: 556px;
	padding: 10px 0 5px;
}
.awardsArtist .artistBox4 .col2 {
	margin: 0 auto;
	width: 387px;
}
.awardsArtist .artistBox5L,
.awardsArtist .artistBox5R {
	margin-top: 20px;
	width: 270px;
	padding: 0 10px 14px;
	border:  1px solid #fff;
}
.awardsArtist .artistBox5L p,
.awardsArtist .artistBox5R p {
	color: #fff;
}
.awardsArtist .artistBox5L p.photo,
.awardsArtist .artistBox5R p.photo {
	margin-top: 10px;
	text-align: center;
	background-color: #fff;
	width: 270px;
	padding: 15px 0 6px;
}
.awardsArtist .artistBox5L {
	float: left;
}
.awardsArtist .artistBox5R {
	float: right;
}

/* chart style
---------------------------------------------------- */
.awardsChart .chartBox {
	width: 570px;
	padding: 14px;
	border:  1px solid #fff;
	margin-top: 25px;
}
.awardsChart .chartBox p {
	color: #fff;
}
.awardsChart .chartInBox {
	width: 470px;
	margin: 20px 0 0;
	padding: 10px 50px;
	background-color: #fff;
}
.awardsChart .chartInBox .photo {
	float: left;
	width: 144px;
}
.awardsChart .chartInBox .photo img {
	border: 1px solid #ccc;
}
.awardsChart .chartInBox dl {
	float: right;
	width: 326px;
	margin-top: 35px;
}
.awardsChart .chartInBox dl dt,
.awardsChart .chartInBox dl dd {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.awardsChart .chartInBox dl dt {
	clear:both;
	width: 50px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.awardsChart .chartInBox dl dd {
	width: 266px;
	float: left;
	font-weight: bold;
}

/* result style
---------------------------------------------------- */
#awards.awardsResult #main  {
}
#awards.awardsResult .resultBox1,
#awards.awardsResult .resultBox2wrap {
	width: 600px;
	margin-top: 30px;
}
#awards.awardsResult .resultBox2L,
#awards.awardsResult .resultBox2R {
	width: 280px;
}
#awards.awardsResult .resultBox2L {
	float: left;
}
#awards.awardsResult .resultBox2R {
	float: right;
}
#awards.awardsResult .comment {
	padding: 20px;
	background-color: #fff;
	margin-top: 0px;
	background-image: none;
	color: #333;
}

#awards.awardsResult .resultBox1 .comment {
	width: 560px;
	
}
#awards.awardsResult .resultBox2wrap .comment {
	width: 240px;
}
#awards.awardsResult .comment dl dd.ttl {
	margin-top: 20px;
	font-weight:bold;
}
#awards.awardsResult .comment dl dd.detail {
	margin-top: 5px;
}

/* archive style
---------------------------------------------------- */
/* 2009 */
#awards.awardsArchive2009 #contents {
	padding: 22px 15px 0;
	width: 900px;
}
#awards.awardsArchive2009 .awardsBox {
	margin-top: 20px;
	width: 900px;
}
#awards.awardsArchive2009 .awardsBox .col1,
#awards.awardsArchive2009 .awardsBox .col2,
#awards.awardsArchive2009 .awardsBox .col3 {
	width: 288px;
}
#awards.awardsArchive2009 .awardsBox .col1,
#awards.awardsArchive2009 .awardsBox .col2 {
	margin-right: 18px;
	float: left;
}
#awards.awardsArchive2009 .awardsBox .col3 {
	float: right;
}
#awards.awardsArchive2009 .awardsBox .artistBoxFrm {
	margin-bottom: 22px;
	background: url(/common/special/award/img/awards2009/bg_top.gif) no-repeat left top;
	width: 288px;
}

#awards.awardsArchive2009 .awardsBox .artistBox {
	background: url(/common/special/award/img/awards2009/bg_bottom.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 20px 0;
	width: 288px;
}
#awards.awardsArchive2009 .awardsBox p.name {
	margin: 0;
	padding: 0;
}
#awards.awardsArchive2009 .awardsBox .pic {
	margin-left: 20px;
	padding-top:21px;
	padding-left:11px;
	background: url(/common/special/award/img/awards2009/bg_pic.gif) no-repeat left top;
}
#awards.awardsArchive2009 .awardsBox .pic .zoom {
	margin-top: 6px;
	font-size: 10px;
	font-weight: bold;
}
#awards.awardsArchive2009 .awardsBox .pic .zoom a {
	background: url(/common/special/award/img/awards2009/icon_zoom_red.gif) no-repeat left bottom;
	padding: 3px 0  0 18px;
	color: #da0d10;
}
#awards.awardsArchive2009 .awardsBox p.commentTxt {
	margin: 14px 16px 0;
	padding: 0;
	background-image: none;
}
#awards.awardsArchive2009 .awardsBox p.commentTxt strong {
	color: #906a00;
	display: block;
}

/* 2010 */
#awards.awardsArchive2010 #contents {
	padding: 22px 15px 0;
	width: 900px;
}
.archive2010 {
	width: 890px;
	margin-bottom:24px;
	background: #fff;
	padding: 0 5px 10px;
}

/* menu */
.archiveMenu {
	width: 432px;
	margin: 20px auto;
}
.archiveMenu li {
	float: left;
	margin-right: 30px;
}
.archiveMenu li.last {
	margin-right: 0;
}