@charset "utf-8";

/* Text Style
---------------------------------------------------- */
.red {
	color: #c00;
}
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;
}
.center {
	text-align: center; 
}

/* 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 #container {
}
#awards h2 {
	text-align: center;
	padding: 70px 0;
}
#awards h2#awardWinners {
	padding: 10px;
}

#awards #contents {
	clear: both;
	padding: 35px 0 10px;
	width: 930px;
}
#awards #main {
	width: 610px;
	float: left;
}
#awards #side {
	background:url(/common/special/award/img/awards2012/side/bg_robot.gif) no-repeat right bottom;
	width: 260px;
	float: right;
	padding-bottom: 350px;
}
#awards h3 {
	background:url(/common/special/award/img/awards2012/bg_h3_wide.gif) repeat-x left bottom;
	padding: 0 0 20px 10px;
}


/* side menu style
---------------------------------------------------- */
#awards #side dl {
	margin-bottom: 30px;
}
#awards #side dt {
	margin-bottom: 6px;
}
#awards #side dd {
	margin-bottom: 10px;
}

/* navi style
---------------------------------------------------- */
#naviBox {
	width: 930px;
}
#naviBox ul {
	margin: 0;
	padding: 10px 0;
	width: 930px;
	background:url(/common/special/award/img/awards2012/navi/bg_navi.gif) repeat-x 0 0;
}
#naviBox li {
	float: left;
	padding: 0;
	height: 83px;
	font-size: 0;
	background-color: #000;
}
#naviBox li#aNaviTwitter {
	margin-right: 0;
}
#naviBox li a:hover img {
	opacity:0.9;
	filter: alpha(opacity=90);
}

#awards.about #aNaviAbout img,
#awards.artist #aNaviArtist img,
#awards.charts #aNaviCharts img,
#awards.vote #aNaviVote img,
#awards.winners #aNaviWinners img {
	opacity:0.9;
	filter: alpha(opacity=90);
}

/* top style
---------------------------------------------------- */
#awards.top #main {
	font-size:11px; font-size:1.1rem;
}
#awards.top #voteNow p {	
	font-size:11px; font-size:1.1rem;
}
#awards.top #main #mainL {
	float: left;
	width: 290px;
}
#awards.top .sttl {
}
#awards.top .text1,
#awards.top .outlineTable {
	margin: 0 15px;
}
#awards.top #main #mainR {
	float: right;
	width: 290px;
}

#awards.top #whats .inner,
#awards.top #bjma .inner,
#awards.top #entertainer .inner,
#awards.top #mc .inner,
#awards.top #ahistory .inner {
	background:url(/common/special/award/img/awards2012/top/bg_box1.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
#awards.top #whats .inner {
	padding-bottom: 10px;
}
#awards.top #whats,
#awards.top #entertainer,
#awards.top #mc {
	margin-bottom: 40px;
}
#awards.top #voteNow {
	margin-bottom: 30px;
}
#awards.top #whats dl {
	margin: 0 15px;
	font-weight: bold;	
}
#awards.top #whats dl dt {
	margin-bottom: 0;
	padding-bottom: 0;
}
#awards.top #whats .new {
	color: #c00;
	margin-left: 10px;
	font-size:10px; font-size:1rem;
}
#awards.top #whats dl dd {
	margin-bottom: 15px;
}
#awards.top #mc .mcImg {
	margin: 0 15px;
	padding-top: 15px;
}
#awards.top #mc dl {
	margin: 0 15px;
}
#awards.top #mc dl dt {
	margin: 5px 0 0;
	font-size:11px; font-size:1.1rem;
}
#awards.top #mc dl dd {
	margin:0;
	font-size:12px; font-size:1.2rem;
	font-weight: bold;
}
#awards.top #entertainer ul {
	width: 260px;
	margin: 0 15px;
	padding: 15px 0 0;
}
#awards.top #entertainer li {
	list-style: none;
}
#awards.top #entertainer li span {
	display:block;
	margin-top:2px;
}
#awards.top #entertainer li.photoL {
	float: left;
}
#awards.top #entertainer li.photoR {
	float: right;
}
#awards.top .outlineTable th,
#awards.top .outlineTable td {
	text-align: left;
	vertical-align: top;
}
#awards.top .outlineTable th {
	width: 5em;
	font-weight: normal;
}
#awards.top .outlineTable td.brk {
	width: 20px;
}
#awards.top #bjma {
	margin-top: 40px;
}
#awards.top #voteNow .btnVote {
	text-align: center;
	margin-top: 30px;
}
#awards.top #ahistory ul {
	margin: 0 23px 0 24px;
}
#awards.top #ahistory ul li {
	float: left;
	margin-right: 3px;
	list-style: none;
}
#awards.top #ahistory ul li.last {
	margin: 0;
}

/* about style
---------------------------------------------------- */
#awards.about .aboutBox .wrap {
	background:url(/common/special/award/img/awards2012/about/bg_mid.gif) repeat-y left top;
	width: 610px;
}
#awards.about .aboutBox .inner {
	background:url(/common/special/award/img/awards2012/about/bg_btm.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

#awards.about h3 {
	margin: 0;

}
#awards.about .aboutTable {
	width: 560px;
	background-color: #fff;
	margin: 0 auto;
}
#awards.about .aboutTable td {
	padding: 10px;
	vertical-align: middle;
}
#awards.about .aboutTable td.pic {
	text-align: center;
}
#awards.about .aboutTable tr.frm td {
	padding:0;
}
#awards.about .bB {
	border-bottom: 3px solid #f3f4f4;
}
#awards.about .bR {
	border-right: 3px solid #f3f4f4;
}

/* artist style
---------------------------------------------------- */
#awards.artist dl {
	margin: 20px 0 30px;
}
#awards.artist dd.exp {
	margin: 10px 0;
	font-weight: bold;
}
#awards.artist dd.aName {
	line-height: 1.8;
}
#awards.artist .artistBox1 {
	width: 610px;
	margin: 20px 0 0;
}
#awards.artist .artistBox2 {
	width: 290px;
	margin: 20px 0 0;
}
#awards.artist .artistBox1 .inner {
	width: 582px;
	margin: 0 auto;
}
#awards.artist .artistBox2 .inner {
	width: 250px;
	margin: 0 auto;
}
#awards.artist .artistBox1 .inner,
#awards.artist .artistBox2 .inner {
	padding: 10px 0;
	background-color: #e6e6e7;
}
#awards.artist .artistBox1 .inner p,
#awards.artist .artistBox2 .inner p {
	text-align: center;
}
#awards.artist .artistBox1 .inner span,
#awards.artist .artistBox2 .inner span {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
}
#awards.artist .col2 {
	width: 610px;
}
#awards.artist .col2 .boxL {
	width: 290px;
	float: left;
}
#awards.artist .col2 .boxR {
	width: 290px;
	float: right;
}
#awards.artist .col2 .boxL .artistBox2 p.popBox {
	position: relative;
	width: 230px;
	height: 240px;
	background-color: #b6b7b7;
margin: 0 10px 15px;
}
#awards.artist .col2 .boxL .artistBox2 p.popBox span {
	position: absolute;
	top: 190px;
	left: 0;
	display: block;
	text-align:center;
	width: 230px;
}

/* charts style
---------------------------------------------------- */
#awards.charts h4 {
	margin-bottom:15px;
}

#awards.charts .chartsBox {
	width: 603px;
	margin: 0 auto;
}
#awards.charts .chartsBox h3 {
	text-align: center;
}
#awards.charts .cBox {
	padding-top: 50px;
	margin-bottom: 10px;
	width: 603px;
	clear: both;
}
#awards.charts .chartsTable {
	width: 610px;
}
#awards.charts .chartsTable th,
#awards.charts .chartsTable td {
	border: 1px solid #231815;
	padding: 5px;
}
#awards.charts .chartsTable th.headTtl {
	background-color: #727171;
	color: #fff;
	width: 192px;
}
#awards.charts .chartsTable th.corner {
	background-color: #fff;
}
#awards.charts .chartsTable th.num {
	vertical-align: middle;
	background-color: #fff;
	width: 33px;
}
#awards.charts .chartsTable td {
	background-color: #efefef;
}
#awards.charts .chartsTable td img.jakcet {
	display: block;
	margin: 0 0 5px;
}
#awards.charts .chartsTable td.artistName {
	vertical-align: middle;
}
#awards.charts .chartsBox {
	width: 570px;
	margin: 0 20px 30px;
}
#awards.charts .chartsBox .pic {
	float: left;
	width: 200px;
}
#awards.charts .chartsBox .detail {
	float: right;
	width: 370px;
}
#awards.charts .chartsBox .detail dt {
	margin-top: 40px;
	font-weight: bold;
}
#awards.charts .chartsBox .detail dd {
	margin-top: 20px;
	font-weight: bold;
}
#awards.charts .chartsBox .detail span {
	margin-right: 10px;
	font-weight: normal;
}

/* vote style
---------------------------------------------------- */
.voteBox {
	width: 610px;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
.voteBox dd.detail {
	padding: 10px 15px;
}
.voteBox dd.artistName {
	padding: 0 15px;
	font-weight: bold;
}
.voteBox select {
	width:560px;
}
.voteBox#boxPop {
	background: url(/common/special/award/img/awards2012/vote/bg_pop.gif) no-repeat left bottom;
}
.voteBox#boxJazz {
	background: url(/common/special/award/img/awards2012/vote/bg_jazz.gif) no-repeat left bottom;
}
.voteBox#boxClassic {
	background: url(/common/special/award/img/awards2012/vote/bg_classic.gif) no-repeat left bottom;
}
.voteBox#boxAnimation {
	background: url(/common/special/award/img/awards2012/vote/bg_animation.gif) no-repeat left bottom;
}
.voteBox#boxIndependent {
	background: url(/common/special/award/img/awards2012/vote/bg_independent.gif) no-repeat left bottom;
}


#awards.vote h3 {
	margin: 0 0 10px;
}
.voteTtl {
	background: url(/common/special/award/img/awards2012/vote/icon_vote.gif) no-repeat left center;
	font-size:18px; font-size:1.8rem; line-height:1.3;
	font-weight: bold;
	margin: 20px 0 15px;
	padding-left: 20px;
}
.vote .attention {
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}
.btnC {
	margin-top: 20px;
	text-align: center;
}
.icon {
	margin-left: 5px;
}
.btnBack {
	margin-right: 20px;
}
.error {
	color: #c00;
	font-weight: bold;
}
.formTable input {
	margin-right: 3px;
}
.formTxt {
	margin:50px auto;
	border: 1px solid #c6c6c6;
	background-color: #f7f5f0;
	padding: 20px 0;
	text-align: center;
	width: 80%;
}
table.formTable {
	 width:100%;
	 margin: 20px 0;
}
table.formTable th,
table.formTable td {
	vertical-align: top;
	font-size:12px; font-size:1.2rem;
	padding:10px;
	border: 1px solid #888;
}
table.formTable th {
	background-color:#e1dfd4;
	text-align: left;
	font-weight: normal;
	width: 25%;
}
table.formTable td {
	background-color:#efeee8;
}

/* winners style
---------------------------------------------------- */
#awards.winners .winBox1,
#awards.winners .winBox2 {
	border: 2px solid #000;
	padding:13px;
	background-color: #e6e6e7;
}
#awards.winners .winBox1 {
	width: 580px;
	margin: 20px 0;
}
#awards.winners .winBox2 {
	width: 260px;
}
#awards.winners .aName {
	margin-top: 10px;
}
#awards.winners .aComment {
	border: 2px solid #000;
	padding:20px;
	margin: 20px 0 0;
	background-color: #fff;
}
#awards.winners .col2 {
	width: 610px;
}
#awards.winners .col2 .boxL {
	width: 290px;
	float: left;
}
#awards.winners .col2 .boxR {
	width: 290px;
	float: right;
}