@charset "utf-8";
/* ------------------------- TOC 
setup
css hack
multi column

 ------------------------- */

/* ============================== setup */
* { color: #630; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", Osaka, "メイリオ", "MS PGothic", sans-serif; background-repeat: no-repeat; font-size: small; font-style: normal; font-weight: normal; line-height:1.5em; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, hr, ul, ol, li, dl, dt, dd, dir, menu, table, th, td, thead, tbody, tfoot, caption, form, fieldset, legend, isindex, embed, object, pre { margin: 0; padding: 0; border: 0; text-align: left; }
body { text-align: center; font-size: small; margin: 0 auto; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing:0; }
th, td { vertical-align: top; }
a,img { border: 0; }

a { color: #ab56ff; text-decoration: none; }
a:link { color: #ab56ff; text-decoration: none; }
a:visited { color: #ab56ff; text-decoration: none; }
a:hover, a:active { color: #7a2dd8; text-decoration: underline }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

strong { font-weight: bold; }

/* ============================== css hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* ============================== pre */
body.pre { background: #fdf3d2; width: 512px; }
body.pre #body { margin-top: 20px; background-color:#fff; padding: 20px; }
body.pre #body h1 { font-size: medium; font-weight:bold; margin-bottom: 15px; }
body.pre #body h2 { color: #f69; font-weight:bold; margin-bottom: 10px; }
body.pre #body h3 { font-weight:bold; margin-bottom: 5px; }
body.pre #body p { margin-bottom: 1.5em; }
body.pre #body ol { margin-bottom: 1.5em; }
body.pre #body ul { margin-bottom: 1.5em; list-style-type: disc; }
body.pre #body ol li { list-style-type: decimal; margin: 0 0 0.5em 2em; padding: 0; }
body.pre #body ul li { list-style-type: disc; margin: 0 0 0.5em 2em; padding: 0; }
body.pre #body .nomargin { margin-bottom:0; }
body.pre #body .mb5 { margin-bottom:5px; }
body.pre .pagetop a { display:block; width:100px; height:9px; overflow:hidden; text-indent:-1000px; background:url(../img/bt_pagetop.gif) no-repeat; line-height:1px; margin:5px 0 0 412px; }
body.pre .pagetop a:hover { background-position:0 -9px; }
body.pre #footer { padding: 10px; }
body.pre #footer .credit { text-align: center; font-size: x-small; }

/* ============================== finalist */
body.beauty { width:560px; }
body.beauty #container_in { margin: 20px 0; }

body.beauty { line-height: 1.2em; }
body.beauty .spacing { padding-bottom: 1em; }
body.beauty .rightcol { float:right; }
body.beauty .leftcol { float:left; }

body.final div#lead { width: 520px; background: url(../special/beauty2009/bg_lead.gif) ;background-repeat: no-repeat; padding: 7px 20px 20px 20px; margin: 0; }
body.final div#lead p { width: 520px; }

body.final div#contents { background: url(../special/beauty2009/bg_frame.gif) repeat-y left top; padding: 0 13px 10px 13px; margin: 0; width:534px; }
body.final div#contents h2 { padding:20px 0; }

body.beauty div.devide { border-top:1px dotted #F8B7BF; padding-top:10px; }
body.beauty div.set p a:link { color: #630; border-bottom: #630 dotted 1px; }
body.beauty div.set p a:visited { color: #630; border-bottom: #630 dotted 1px; }
body.beauty div.set p a:hover { color: #600; border-bottom: #600 solid 1px; }
body.beauty div.set p a:active { color: #600; border-bottom: #600 solid 1px; }

body.final table { width:524px; margin-left:5px; }
body.final td { vertical-align:top; padding-bottom:20px; }
body.final tr.last td { vertical-align:top; padding:0; }
body.final td img { margin-bottom:5px; }
body.final table.col4 td p { width:122px; font-size:x-small; }
body.final table.col4 td { width:134px; }
body.final table.col4 td.last { width:122px; }
body.final table.col3 td p { width:160px; font-size:x-small; }
body.final table.col3 td { width:182px; }
body.final table.col3 td.last { width:160px; }

body.final table div.more { width: 64px; height: 14px; margin-top:6px }
body.final table div.more a, body.final table div.more a:link, body.final table div.more a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/beauty2008/btn_more.gif); height: 14px; }
body.final table div.more a:hover, body.final table div.more a:active { background-position: 0 -14px; }

body.final table.col4 td .radio,
body.final table.col3 td .radio { margin-top: 5px;; }
body.final table.col4 td label,
body.final table.col3 td label { font-size:x-small; }

body.final #contents .button_area { margin: 0 0 0 254px; width: 275px; }
body#final_jp #contents .button_area a,
body#final_jp #contents .button_area a:link,
body#final_jp #contents .button_area a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/special/beauty2009/img/btn_aboutcontest.gif); height: 20px; }
body#final_en #contents .button_area a,
body#final_en #contents .button_area a:link,
body#final_en #contents .button_area a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../eng/special/beauty2009/img/btn_aboutcontest.gif); height: 20px; }
body#final_jp #contents .button_area a:hover,
body#final_jp #contents .button_area a:active { background-position: 0 -20px; }
body#final_en #contents .button_area a:hover,
body#final_en #contents .button_area a:active { background-position: 0 -20px; }

body#final_en #contents a { text-decoration: underline; color:#f8b7bf; }
body#final_en #contents a:link { text-decoration: underline; color:#f8b7bf; }
body#final_en #contents a:visited { text-decoration: underline; color:#f8b7bf; }
body#final_en #contents a:hover, body#final_en #contents a:active { text-decoration: underline; color:#f99; }

body.beauty #footer { line-height: 1em; width: 560px; padding-top: 5px; }
body.beauty #footer .credit { font-size:x-small; text-align: center; color: #630; }

body.beauty #footer div.close_area { margin: 0 0 0 504px; width: 46px; }
body.beauty #footer div.close_area a, body.beauty #footer div.close_area a:link, body.beauty #footer div.button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/beauty2008/btn_close.gif); height: 12px; }
body.beauty #footer div.close_area a:hover, body.beauty #footer .close_area a:active { background-position: 0 -13px; }


body.final_pop #container_out { text-align:center; width:100%; }
body.final_pop #container_in { margin: 0 auto; width:840px; text-align:center; }
body.pop02 #container_in { margin: 0 auto; width:940px; text-align:center; }
body.pop03 #container_in { margin: 0 auto; width:540px; text-align:center; }
body.final_pop #body { margin: 0 auto; }

body.final_pop .margin_right { margin-right: 20px; }
body.final_pop .margin_bottom { margin-bottom: 20px; }
body.final_pop p { font-size: medium; margin:20px 0 15px 0; }

body.final_pop #footer { margin-top:10px; }
body.final_pop #footer a,
body.final_pop #footer a:link,
body.final_pop #footer a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/beauty2008/btn_close.gif); height: 13px; }
body.final_pop #footer a:hover,
body.final_pop #footer a:active { background-position: 0 -13px; }
body.final_pop .w910 { margin-left:876px; }
body.final_pop .w870 { margin-left:859px; }
body.final_pop .w850 { margin-left:849px; }
body.final_pop .w810 { margin-left:779px; }
body.final_pop .w800 { margin-left:774px; }
body.final_pop .w780 { margin-left:764px; }
body.final_pop .w760 { margin-left:754px; }
body.final_pop .w750 { margin-left:749px; }
body.final_pop .w740 { margin-left:744px; }
body.final_pop .w730 { margin-left:739px; }
body.final_pop .w720 { margin-left:734px; }
body.final_pop .w680 { margin-left:714px; }
body.final_pop .w520 { margin-left:464px; }

body.final #lead .button_area { margin: 0; width: 275px; padding-top: 10px; }
body#final_jp #lead .button_area a,
body#final_jp #lead .button_area a:link,
body#final_jp #lead .button_area a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/special/beauty2009/img/btn_aboutcontest.gif); height: 20px; }
body#final_en #lead .button_area a,
body#final_en #lead .button_area a:link,
body#final_en #lead .button_area a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../eng/special/beauty2009/img/btn_aboutcontest.gif); height: 20px; }
body#final_jp #lead .button_area a:hover,
body#final_jp #lead .button_area a:active { background-position: 0 -20px; }
body#final_en #lead .button_area a:hover,
body#final_en #lead .button_area a:active { background-position: 0 -20px; }

body.final div#vote { border-top: 1px dotted #f99; padding-top: 10px; }
body.final div#vote table { width: 520px; margin: 10px 15px 0 10px; }
body.final div#vote th { width: 35%; padding: 2px; }
body.final div#vote td { width: 75%; padding: 2px; }
body.final input.gray { border: 1px solid #ccc; padding: 0.2em; }
body.final .medium { width: 150px; }
body.final .medium02 { width: 120px; }
body.final .long { width: 320px; }
body.final #button_submit { width: 520px; padding: 25px 0 0 0; text-align: center; }
body.final #button_submit input { width: 70px; text-align: center; padding: 2px; border: 1px solid #ccc; background-color: #ccc; }

body.final #lead .select_ph p { width: 520px; text-align: center; padding: 15px 0 0 0; font-weight: bold; }

body.final #err { margin-top:10px; margin-left: 10px; }
body.final #err p { color:#f00; font-size:x-small; }


/*result*/
body.final table.col1 { width: 534px; }
body.final table.col1 td p { width:200px; font-size:x-small; }
body.final table.col1 td { width:200px; }
body.final table.col1 th { width:334px; padding-left:15px; }
body.final table.col2 { width: 370px; }
body.final table.col2 td p { width:155px; font-size:x-small; }
body.final table.col2 td { width:185px; }
body.final .j_comment { margin-bottom: 20px; border-bottom: 1px dotted #f99; padding-bottom: 10px;  }