@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333333;	
	font-family: Arial,MingLiU;
	font-size: 0.82em;
	
}

a {
	color: #c11e48;
	text-decoration: underline;
	font-size: 1em;
	outline:none;
}

a:hover  {
	color: #e59c15;
}

input.text {
	border: solid #7F9DB9 1px;
	padding: 2px;
}

textarea.text {
	border: solid #7F9DB9 1px;
	padding: 2px;
}

.errorbox {
	color: red;
}

.msgbox {
	margin: 1em 0;
}

/* *** Float containers fix:
       http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
 .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.all {
	width:948px;
	margin: auto;
	background:url(images/all_bg.png) repeat-y;
	}
.sub_page .topcol {
	height:221px;
}

.sub_page .topcol h1 {
	display:block;
	text-indent:-5000px;
	width:100px;
	float:left;
	}
	
.sub_page .topcol ul {
	display:block;
	list-style:none;
	float:right;
	width:270px;
	color:#a4afb6;
	margin-top:7px;
	font-size:11px;

	}
	
.sub_page .topcol ul li {
	display:inline;
	padding-left:12px;
}

.sub_page .topcol ul li a {
	padding-right:12px;
	color:#0e68a6;
	text-decoration:none;
	}
	
.sub_page .topcol ul li a.main {
	padding-left:24px;
	background:url(images/top_main.png) no-repeat left top;
	}
	
.sub_page .topcol ul li a:hover {
	color: #c11e48;
	text-decoration:none;
	}
	
.sub_page .middlecol {
	background:url(images/midcol_bg.png) no-repeat left bottom;
	}
	
.sub_page .leftcol {
	width:227px;
	float:left;
	}

.sub_page .leftcol ul.menu {	
	list-style:none;
	}
	
.sub_page .leftcol ul.sub_bg {
	background:url(images/leftcol_bg.png) no-repeat left top;
	height:400px;
	}
	
.sub_page .leftcol ul.sub_bg li a {
	height:32px;
	}
	
.sub_page .leftcol ul.menu li a {
	display:block;
	text-indent:-5000px;
	width:214px;
	}
	
.sub_page .leftcol ul.menu li a.news {
	background:url(images/menu_news.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.dec {
	background:url(images/menu_dec.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.list {
	background:url(images/menu_list.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.contact {
	background:url(images/menu_contact.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.vote {
	background:url(images/menu_vote.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.intro {
	background:url(images/menu_intro.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.sign {
	background:url(images/menu_sign.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.discuss {
	background:url(images/menu_discuss.png) no-repeat left center;
	height:38px;
	}
	
.sub_page .leftcol ul.menu li a.news:hover {
	background:url(images/menu_newsb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.dec:hover {
	background:url(images/menu_decb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.list:hover {
	background:url(images/menu_listb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.contact:hover {
	background:url(images/menu_contactb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.vote:hover {
	background:url(images/menu_voteb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.intro:hover {
	background:url(images/menu_introb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.sign:hover {
	background:url(images/menu_signb.png) no-repeat left center;
	}
	
.sub_page .leftcol ul.menu li a.discuss:hover {
	background:url(images/menu_discussb.png) no-repeat left center;
	}
	
.sub_page .rightcol {
	width:721px;
	float:left;
	background:#f5f9fc;
	}

.sub_page .base {
	padding-bottom:40px;
	background:#FFFFFF;
	text-align:center;
	

	}

.sub_page .base h4  {
	background-color:#878787;
	line-height:19px;
	font-size:11px;
	color:#cbcbcb;
	text-align:center;
	font-weight:normal;	
	}
	
.sub_page .base ul {
	list-style:none;
	color:#a4afb6;
	font-size:11px;
	padding-top:5px;
	}
	
.sub_page .base ul li {
	display:inline;
	padding-left:12px;
}

.sub_page .base ul li.count {
	color:#0e68a6;
	}

.sub_page .base ul li a {
	padding-right:12px;
	color:#0e68a6;
	text-decoration:none;
	}
	
.sub_page .base ul li a:hover {
	color: #c11e48;
	text-decoration:none;
	}
	
.sub_page h1.onemore, .sub_page h2.onemore, .sub_page h3.onemore, .sub_page h4.onemore, .main_page h2.onemore {
	display:block;
	text-indent:-5000px;
	font-size:10px;
	}
	
.main .topcol {
	height:389px;
	background:url(images/top_h1_main.png) no-repeat left top;	
	}
	
.main .leftcol ul.main_menu {
	background:url(images/main_lefcol_bg.png) no-repeat left top;
	height:206px;
	padding-left:10px;
	}
	
.main .leftcol ul.main_menu li a {
	height:23px;
	padding-left:10px;
	}
	
.main .rightcol {
	height:206px;
	background:url(images/main_rightcol_bg.png) no-repeat left top;
	}
	
.main .rightcol span.txt {
	display:block;
	text-indent:-5000px;
	}
	
.main .base a.onemore {
	display:block;
	font-size:10px;
	color:#9f9e9e;
	text-decoration:none;
	}
	
.main .base a.onemore h2 {
	font-size:10px;
	font-weight:normal;
	}	

.dec .topcol {
	background:url(images/top_h1_dec.png) no-repeat left top;	
	}
	
.sign .topcol {
	background:url(images/top_h1_sign.png) no-repeat left top;	
	}
	
.intro .topcol {
	background:url(images/top_h1_intro.png) no-repeat left top;	
	}
	
.discuss .topcol {
	background:url(images/top_h1_discuss.png) no-repeat left top;	
	}
	
.list .topcol {
	background:url(images/top_h1_list.png) no-repeat left top;
	height:197px;	
	}
.vote .topcol {
	background:url(images/top_h1_vote.png) no-repeat left top;
	}
	
.news .topcol, .contact .topcol {
	background:url(images/top_h1_news.png) no-repeat left top;	
	}
	
.dec .rightcol {
	background:url(images/dec_content_bg.png) no-repeat left top;
	padding-bottom:20px;
	}
	
.dec .rightcol span.txt {
	display:block;
	padding-left:41px;
	padding-top:107px;
	line-height:24px;
	width:425px;
	color:#000000;
	}
	
.dec .rightcol span {
	display:block;
	padding-left:279px;
	width:300px;
	list-style:none;
	margin-top:20px;
	}

.dec .rightcol span a {
	display:block;
	height:41px;
	text-indent:-5000px;
	float:left;
	}
.dec .rightcol span a.agree {
	width:87px;
	background:url(images/dec_agree.png) no-repeat left top;
	}

.dec .rightcol span a.disagree {
	width:107px;
	background:url(images/dec_disagree.png) no-repeat left top;
	}
	
.dec .rightcol span a.agree:hover {
	background:url(images/dec_agreeb.png) no-repeat left top;
	}

.dec .rightcol span a.disagree:hover {
	background:url(images/dec_disagreeb.png) no-repeat left top;
	}
	
	
.sign .rightcol {
	background:url(images/sign_content_bg.png) no-repeat left top;
	}

.sign div.container {
	padding: 80px 30px;
}

.sign div.box {
	position: relative;
	width: 644px;
	height: 240px;
}

.sign div.box h3 {
	height: 31px;
	width: 62px;
	text-indent: -5000px;
	background: url(images/sign_txt_sign.png) no-repeat left top;
}

.sign div.agree span.block {
	display: block;
	float: left;
}
.sign div.agree span.checkbox {
	width: 30px;
	padding: 3px;
	text-align: center;
}
.sign div.agree span.declaration {
	width: 500px;
}
.sign div.agree #declaration_fulltxt {
	display: none;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px 0px 10px -30px;
	border: 1px solid #d4d5d6;
	color:#000000;
}

.sign div.box div.flash {
	position: absolute;
	width: 456px;
	height: 195px;
	padding: 7px;
	background: url(images/sign_flash_bg.png) no-repeat left top;
	top: 31px;
	left: 0px;
}

.sign div.box a.celebrity {
	position: absolute;
	width: 162px;
	height: 45px;
	text-indent: -5000px;
	top: 34px;
	left: 482px;
	background: url(images/sign_btn_famous.png) no-repeat left top;
}

.sign div.box span.flash {
	display:block;
	position: absolute;
	top: 245px;
	left: 6px;
	font-size:11px;
	color:#a1a4a6;
	}

.sign div.box a.form {
	position: absolute;
	width: 80px;
	height: 36px;
	text-indent: -5000px;
	top: 204px;
}
.sign div.box a.reset {
	left: 482px;
	background: url(images/sign_btn_clean.png) no-repeat left top;
}
.sign div.box a.submit {
	left: 562px;
	background: url(images/sign_btn_submit.png) no-repeat left top;
}

.sign div.showcase {
	padding: 77px 2px 15px;
	text-align: center;
}
.sign div.shorter {
	padding: 20px 2px 15px;
}
.sign div.showcase h2 {
	text-align: left;
	font-size: 1em;
}
.sign div.showcase ul.sign-show-box li {
	list-style: none;
	float: left;
	background: url(images/sign_box_bg.png) no-repeat left top;
	padding: 1px;
	width: 160px;
	height: 69px;
	margin: 0px 0px 2px 2px;
}
.cele div.showcase ul.sign-show-box li {
	list-style: none;
	float: left;
	background: none;
	padding: 10px 1px;
	width: 160px;
	height: auto;
	margin: 10px 0px 2px 2px;
}
.sign div.showcase ul.sign-page-nav {
	margin: 10px 0px;
}
.sign div.showcase ul.sign-page-nav li {
	display: inline;
	line-height: 1.7em;
	padding: 0em .5em;
}


.intro span.txt, .list span.txt, .news span.txt {
	display:block;
	line-height:18px;
	width:578px;
	padding-top:73px;
	padding-left:60px;
	}
	
.intro .rightcol {
	background:url(images/intro_content_bg.png) no-repeat left top;
	padding-bottom:50px;
	}

.intro span.txt span.red {
	color:#bb0149;
	font-weight:bold;
	}
	
.intro span.txt ul {
	list-style: disc;
	width:400px;
	padding-left:14px;
	}

.intro span.txt ul ol {
	list-style:decimal;
	padding-left:20px;
	padding-top:20px;
	}
	
	
.list .rightcol {
	background:url(images/list_content_bg.png) no-repeat left top;
	padding-bottom:50px;
	}
	
.list span.txt  {
	line-height:25px;
	 }
	
.list table td {
	width:200px;
	}
	
.news .rightcol {
	background:url(images/news_content_bg.png) no-repeat left top;
	padding-bottom:50px;
	}
	
.news span.txt  {
	padding-left:35px;
	}
	
.news .rightcol .mess {
	width:647px;
	background:url(images/news_box_mid.png) repeat-y left;
	margin-bottom:30px;
	}
	
	
.news .rightcol .mess div.bg {
	background:url(images/news_box_top.png) no-repeat left top;
	padding:10px;
	}
	
.news .rightcol .mess div.bg div.pos_l {
	float:left;
	width:390px;
	}
	
.news .rightcol .mess div.bg div.pos_l h3.topic {
	font-size:13px;
	}


.news .rightcol .mess div.bg div.pos_r {
	float:right;
	}
	
.news .rightcol .mess div.bg div.pos_r img {
	padding:3px;
	border: 1px solid #cccccc;
	}
	
.news .rightcol .mess div.base_bg {	
	background:url(images/news_box_bom.png) no-repeat left bottom;
	height:20px;
}
	
.news .naviga {
	margin: 0em 3em;
}

.news .naviga a {
	text-decoration: none;
}
.news .naviga .right {
	text-align: right;
	font-weight: bold;
}

.news .naviga .nav li {
	list-style: none;
	display: inline;
	padding-left: 1em;
}
.news .naviga .nav li.current a {
	font-weight: normal;
	text-decoration: underline;
}

.contact .rightcol {
	background:url(images/contact_content_bg.png) no-repeat left top;
	padding-bottom:50px;
	}
	
.discuss .container, .vote .container {
	padding: 113px 30px 100px 46px;
}

.discuss .rightcol {
	background:url(images/discuss_content_bg.png) no-repeat left top;
	padding-bottom:20px;
	}

.discuss h3 {
	font-size: 1.1em;
	color: #BB0149;
	height: 27px;
	padding: 0px 0px 0px 53px;
	background:url(images/discuss_title.png) no-repeat left top;
}

.discuss .ccmc-form {
	margin: 3em 0;
}

.discuss .ccmc-form fieldset {
	padding: 0.5em 1.6em 0.5em 1.3em;
}

.discuss .left {
	float: left;
	width: 45%;
}

.discuss .right {
	float: right;
	width: 45%;
}

.discuss .ccmc-form label {
	display: block;
	font-weight: bold;
	color: #002637;
}

.discuss .ccmc-form input {
	margin-bottom: 0.6em;
}

.discuss .ccmc-form .left input ,
.discuss .ccmc-form .left textarea {
	width: 100%;
}

.discuss .ccmc-form .left textarea {
	height: 4em;
}

.discuss .ccmc-form .right input {
	width: 100%;
}
.discuss .ccmc-form button {
	border: 0px;
	float: right;
	width: 80px;
	height: 36px;
	text-indent: -5000px;
}
.discuss .ccmc-form  button.reset {
	background: url(images/discuss_btn_clean.png) no-repeat left top;
}
.discuss .ccmc-form  button.submit {
	background: url(images/discuss_btn_submit.png) no-repeat left top;
}

.discuss div.comment {
	background: url(images/discuss_comment_bg.png) repeat-y left top;
	width: 644px;
	margin: 1em 0em;
}

.discuss .comment .header {
	background: url(images/discuss_comment_header.png) no-repeat left top;
	width: 594px;
	height: 33px;
	padding-left: 50px;
	line-height: 33px;
}

.discuss .comment .header strong {
	color: #BB0149;
}

.discuss .comment h4 {
	padding: 1em 1.8em 0em;
}
.discuss .comment .content {
	padding: 0.2em 1.8em 1em;
	line-height: 1.7em;
}

.discuss .comment .footer {
	background: url(images/discuss_comment_footer.png) no-repeat left top;
	width: 644px;
	height: 13px;
	position: relative;
	top: 3px;
}


.discuss .naviga {
	margin: 2em 0;
}

.discuss .naviga a {
	text-decoration: none;
}
.discuss .naviga .right {
	text-align: right;
	font-weight: bold;
}

.discuss .naviga .nav li {
	list-style: none;
	display: inline;
	padding-left: 1em;
}
.discuss .naviga .nav li.current a {
	font-weight: normal;
	text-decoration: underline;
}

.discuss .remark {
	color: #999999;
	font-size: 0.9em;
}
.discuss .remark strong {
	text-decoration: underline;
	margin: 1em 0em;
	display: block;
}
.discuss .remark ol li {
	margin-left: 1.5em;
}

.ccmc-form {
	width: 644px;
	background: url(images/ccmc_form_bg.png) repeat-y left top;
}

.ccmc-form span.header {
	display: block;
	width: 644px;
	height: 11px;
	background: url(images/ccmc_form_header.png) no-repeat left top;
}

.ccmc-form span.footer {
	display: block;
	width: 644px;
	height: 11px;
	background: url(images/ccmc_form_footer.png) no-repeat left top;
	position: relative;
	top: 4px;
}

.ccmc-form fieldset {
	border: 0px;
}

.vote .rightcol {
	background:url(images/vote_content_bg.png) no-repeat left top;
	padding-bottom:20px;
	}
	
.vote h3 {
	font-size: 1.1em;
	color: #BB0149;
	height: 27px;
	padding: 6px 0px 0px 38px;
	background:url(images/vote_title.png) no-repeat left top;
}

.vote .rightcol .mess {
	width:644px;
	background:url(images/vote_box_mid.png) repeat-y left;
	margin-bottom:30px;
	}
	
	
.vote .rightcol .mess div.bg {
	background:url(images/vote_box_top.png) no-repeat left top;
	padding: 20px 10px 10px 10px;
	}
	
.vote .rightcol .mess div.bg div.pos_l {
	float:left;
	width:374px;
	}
	
.vote .rightcol .mess div.bg div.pos_l ul {
	list-style:none;
	padding-left:20px;
}

.vote .rightcol .mess div.bg div.pos_l li {
	line-height:25px;
	color:#000000;
}

.vote .rightcol .mess div.bg div.pos_r {
	float:right;
	}
	
.vote .rightcol .mess div.bg div.pos_r ul {
	list-style:none;
}

.vote .rightcol .mess div.bg div.pos_r li {
	line-height:25px;
	margin-right: 25px;
	clear: both;
}
.vote .rightcol .mess div.bg div.pos_r ul.result li {
	margin-right: 0px !important;
}

.vote .rightcol .mess div.bg div.pos_r li input.sep {
	margin-left: 80px;
	vertical-align: middle;
}

.vote .rightcol .mess div.bg div.pos_r li span.sep {
}
.vote .rightcol .mess div.bg div.pos_r li span.cell {
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	margin-left: 20px;
}
	
.vote .rightcol .mess span.base_bg {	
	display: block;
	background:url(images/vote_box_btm.png) no-repeat left bottom;
	height:20px;
}

.vote .rightcol .container span.botton {
	display:block;
	padding-left:243px;
	}
	

.vote .rightcol .container a{
	display:block;
	width:80px;
	height:36px;
	text-indent:-5000px;
	float:left;
	margin-right:10px;
	}
	
.vote .rightcol .container button {
	display:block;
	width:80px;
	height:36px;
	border: 0px;
	text-indent:-5000px;
	float:left;
	margin-right:10px;
	}
.vote .rightcol .container button.voting {
	background:url(images/vote_btn_submit.png) no-repeat left top;
	}
	
.vote .rightcol .container a.voting {
	background:url(images/vote_btn_submit.png) no-repeat left top;
	}
.vote .rightcol .container a.result {
	background:url(images/vote_btn_result.png) no-repeat left top;
	}
	

.vote .rightcol .container .chart {
	margin-bottom: 2em;
}
.vote .rightcol .container .chart img {
	border: solid 1px #CCCCCC;
}

.contact .container {
	padding: 53px 30px 100px 46px;
}
.contact .container .intro {
	line-height: 2em;
	font-weight: bold;
	margin-bottom: 2em;
}
.contact .container form fieldset {
	position: relative;
}
.contact .container form fieldset p {
	clear: both;
}
.contact .container form fieldset p label {
	display: block;
	float: left;
	width: 100px;
	line-height: 25px;
	padding-left: 50px;
	background: url(images/contact_arrow.png) no-repeat 25px center ;
}
.contact .container form fieldset p input.radio {
}
.contact .container form fieldset p input.text {
	display: block;
	float: left;
}
.contact .container form fieldset p input.text {
	width: 245px;
}
.contact .container form fieldset p textarea.text {
	width: 345px;
	height: 75px;
}
.contact .container button {
	display:block;
	width:80px;
	height:36px;
	border: 0px;
	text-indent:-5000px;
	position: absolute;
	margin-right:10px;
	left: 540px;
	}
.contact .container button.submit {
	top: 170px;
	background:url(images/discuss_btn_submit.png) no-repeat left top;
	}
.contact .container button.reset {
	top: 135px;
	background:url(images/discuss_btn_clean.png) no-repeat left top;
	}