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

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

/* ============================== setup */
* { color: #630; margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; font-style: 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; }

/* ============================== common */
body.bc { width:560px; }
body.bc #container { margin: 20px 0; }
body.bc .spacing { padding-bottom: 1em; }
body.bc .spc { padding-bottom: 1em; }
body.bc .rc { float:right; }
body.bc .lc { float:left; }
body.bc p { margin-left: 0; }

body.bc .lead { width: 520px; background: url(../special/bc/bg_lead.gif) ;background-repeat: no-repeat; padding: 15px 20px 5px 20px; margin: 0; }
body.bc #body { background: url(../special/bc/bg_frame.gif) repeat-y left top; padding: 0 13px 10px 13px; margin: 0; width:534px; }

body.bc #footer { line-height: 1em; width: 560px; padding-top: 5px; }
body.bc #footer .credit { font-size: 84%; text-align: center; color: #630; }
body.bc #footer div.close_area { margin: 0 0 0 504px; width: 46px; }
body.bc #footer div.close_area a, body.bc #footer div.close_area a:link, body.bc #footer div.button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/bc/btn_close.gif); height: 12px; }
body.bc #footer div.close_area a:hover, body.bc #footer .close_area a:active { background-position: 0 -13px; }

/* ============================== 2010 */
body.bc2010 ul#tab { background: url(../special/bc/bg_frame.gif) repeat-y left top; padding-left: 2px; }
body.bc2010 ul#tab li { float:left; height: 26px; width: 278px; }
/* link */
body.bc2010 li#tab01_jp a:link, body.bc2010 li#tab01_jp a:visited { display: block; background: url(../../jpn/special/beauty2010/img/tab.gif) no-repeat 0 0; width: 278px; height: 26px; background-position: 0 -26px; }
body.bc2010 li#tab02_jp a:link, body.bc2010 li#tab02_jp a:visited { display: block; background: url(../../jpn/special/beauty2010/img/tab.gif) no-repeat 0 0; width: 278px; height: 26px; background-position: -278px -26px; }
body.bc2010 li#tab01_en a:link, body.bc2010 li#tab01_en a:visited { display: block; background: url(../../eng/special/beauty2010/img/tab.gif) no-repeat 0 0; width: 278px; height: 26px; background-position: 0 -26px; }
body.bc2010 li#tab02_en a:link, body.bc2010 li#tab02_en a:visited { display: block; background: url(../../eng/special/beauty2010/img/tab.gif) no-repeat 0 0; width: 278px; height: 26px; background-position: -278px -26px; }
/* hover */
body.bc2010 li#tab01_jp a:hover, body.bc2010 li#tab01_jp a:active {background-position: 0 -52px; }
body.bc2010 li#tab02_jp a:hover, body.bc2010 li#tab02_jp a:active {background-position: -278px -52px; }
body.bc2010 li#tab01_en a:hover, body.bc2010 li#tab01_en a:active {background-position: 0 -52px; }
body.bc2010 li#tab02_en a:hover, body.bc2010 li#tab02_en a:active {background-position: -278px -52px; }
/* active */
body#outline li#tab01_jp a:link, body#outline li#tab01_jp a:visited {background-position: 0 0; }
body#download li#tab02_jp a:link, body#download li#tab02_jp a:visited { background-position: -278px 0; }
body#outline li#tab01_en a:link, body#outline li#tab01_en a:visited {background-position: 0 0; }
body#download li#tab02_en a:link, body#download li#tab02_en a:visited { background-position: -278px 0; }

body.bc2010 #body h2 { padding-top: 15px; }
body.bc2010 #body p { margin:0 7px; }
body#outline #body p { margin:0 7px 0 30px; }
body#download #body p { margin:0 7px 0 30px; }
body.bc2010 #body h3 { margin-top: 10px; margin-left: 30px; margin-bottom: 5px; }

body#outline #body h4 { font-weight: bold; margin-top: 10px; margin-left: 30px; margin-bottom: 5px; }
body#outline #body ol li { list-style-type: decimal; margin-left: 52px; margin-right: 7px; }

body#download #body ul li { list-style-type: disc; margin-left: 52px; margin-right: 7px; }
body#download .dl { padding: 10px 0; }
body#download .dl a:link, body#download .dl a:visited { display: block; background: url(../../jpn/special/beauty2010/img/btn_dl.gif) no-repeat 0 0; width: 275px; height: 20px; background-position: 0 0; }
body#download .dl a:link, body#download .dl a:visited { display: block; background: url(../../eng/special/beauty2010/img/btn_dl.gif) no-repeat 0 0; width: 410px; height: 20px; background-position: 0 0; }

body#download .dl a:hover, body#download .dl a:active { background-position: 0 -20px; }

body.bc2010 div.button_jp { width:395px; margin-left:70px; padding-top:20px; }
body.bc2010 div.button_jp a:link,body.bc2010 div.button_jp a:visited {  display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/special/beauty2010/img/btn_2009finalist.gif); height: 20px; }
body.bc2010 div.button_jp a:hover, body.bc2010 div.button_jp a:active { background-position: 0 -20px; }

body.bc2010 div.button_en { width:455px; margin-left:40px; padding-top:20px; }
body.bc2010 div.button_en a:link,body.bc2010 div.button_en a:visited {  display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../eng/special/beauty2010/img/btn_2009finalist.gif); height: 20px; }
body.bc2010 div.button_en a:hover, body.bc2010 div.button_en a:active { background-position: 0 -20px; }

/*----------------- finalist */
body#final .lead { width: 520px; background: url(../special/bc/bg_lead.gif) ;background-repeat: no-repeat; padding: 15px 20px 15px 20px; margin: 0; }
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; border: 1px solid #fcc; }
body#final td .ro img { border: 0px; margin-top: 3px; }
body#final table.col4 td p { width:122px; font-size: 84%; margin-left: 0; }
body#final table.col4 td { width:134px; }
body#final table.col4 td.last { width:122px; }
body#final .button_area { margin: 0 0 0 240px; width: 275px; }

body.pop01 #container { margin: 0 auto; width:780px; text-align:center; }
body.pop02 #container { margin: 0 auto; width:900px; text-align:center; }
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/bc/btn_close.gif); height: 13px; }
body.final_pop #footer a:hover,
body.final_pop #footer a:active { background-position: 0 -13px; }
body.final_pop .w780 { margin-left:735px; }
body.final_pop .w900 { margin-left:855px; }

body#final table.col4 td label,
body#final table.col3 td label { font-size: 84%; }

body#final #vote { border-top: 1px dotted #f99; padding-top: 10px; }
body#final #vote table { width: 520px; margin: 10px 15px 0 10px; }
body#final #vote th { width: 35%; padding: 2px; }
body#final #vote td { width: 75%; padding: 2px; }
body#final input.gray { border: 1px solid #ccc; padding: 0.2em; }
body#final .medium { width: 140px; }
body#final .medium02 { width: 120px; }
body#final .long { width: 310px; }
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: 84%; }

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

body#final #body h3 { margin-bottom: 8px; margin-left: 5px; margin-top: 0px; }
body#final #body td h3 { height: 23px; margin-left: 0px; }
body#final #body td h3 img { margin-bottom:0px; border: 0; }
body#final #body td p { margin-left: 0px; }