@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #630; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#000; text-align: center; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 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 { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */

/* ビューティコンテスト共通 */
body.beauty #container_out { text-align:center; width:100%; }
body.beauty #container_in { margin: 0 auto; width:560px; }

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

/* リード */
div#lead { width: 560px;  background: url(../special/beauty2008/bg_lead.gif) ;background-repeat: no-repeat; padding: 7px 13px 20px 13px; margin: 0; }
div#lead p { width: 534px; }
div#lead p em { color: #f00; }

/* タブ_共通 */
div#tab_area { background: url(../special/beauty2008/bg_frame.gif) repeat-y left top; padding: 0 2px; margin: 0; }
div#tab_area ul { width:556px; }
div#tab_area li { float:left; }

/* タブ_current */
body.jp li.tab01_current { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: 0 0; }
body.jp li.tab02_current { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: -185px 0; }
body.jp li.tab03_current { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 186px; height: 26px; background-position: -370px 0; }

body.en li.tab01_current { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: 0 0; }
body.en li.tab02_current { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: -185px 0; }
body.en li.tab03_current { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 186px; height: 26px; background-position: -370px 0; }

/* タブ_link */
body.jp li.tab01 a:link,body.jp li.tab01 a:visited { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: 0 -26px; }
body.jp li.tab02 a:link,body.jp li.tab02 a:visited { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: -185px -26px; }
body.jp li.tab03 a:link,body.jp li.tab03 a:visited { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 186px; height: 26px; background-position: -370px -26px; }

body.en li.tab01 a:link,body.en li.tab01 a:visited { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: 0 -26px; }
body.en li.tab02 a:link,body.en li.tab02 a:visited { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: -185px -26px; }
body.en li.tab03 a:link,body.en li.tab03 a:visited { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 186px; height: 26px; background-position: -370px -26px; }

/* タブ_over */
body.jp li.tab01 a:hover,body.jp li.tab01 a:active { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: 0 -52px; }
body.jp li.tab02 a:hover,body.jp li.tab02 a:active { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: -185px -52px; }
body.jp li.tab03 a:hover,body.jp li.tab03 a:active { display: block; background: url(../../jpn/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 186px; height: 26px; background-position: -370px -52px; }

body.en li.tab01 a:hover,body.en li.tab01 a:active { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: 0 -52px; }
body.en li.tab02 a:hover,body.en li.tab02 a:active { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 185px; height: 26px; background-position: -185px -52px; }
body.en li.tab03 a:hover,body.en li.tab03 a:active { display: block; background: url(../../eng/special/beauty2008/img/tab.gif) no-repeat 0 0; width: 186px; height: 26px; background-position: -370px -52px; }


/* 本文 共通*/
div#contents { background: url(../special/beauty2008/bg_frame.gif) repeat-y left top; padding: 0 13px 10px 13px; margin: 0; width:534px; }
div#contents div.set { margin-right:15px ; }
div#contents h2 { padding-top:20px; }
div#contents div.set p { padding-left:30px ; }

div#contents h3 { margin:20px 0 0 0; }
div#contents ul { width:500px; padding-left:25px; }
div#contents ul li { padding-top:10px; list-style-type:disc; }
div#contents ol { padding-left:50px; }
div#contents ol li { list-style-type:disc; }

div#contents h4 { padding:10px 0 10px 30px ; }

body.jp div.button_area { width:395px; margin-left:84px; padding-top:20px; }
body.jp div.button_area a:link,body.jp div.button_area a:visited {  display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/special/beauty2008/img/btn_2007finalist.gif); height: 20px; }
body.jp div.button_area a:hover, body.jp div.button_area a:active { background-position: 0 -20px; }

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

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; }

/* 本文 idx*/
div#contents div.set div.multicol2 div.leftcol { width:400px; }
div#contents div.set div.multicol2 div.rightcol { width:95px; }
div#contents div.set div.multicol2 div.rightcol div.lbl { margin-top:15px; margin-bottom:5px; }
div#contents div.set div.multicol2 div.rightcol div.txt { font-size:x-small; }

/* 本文 rules*/
body#rules_jp div#contents div.photoright img,
body#rules_en div#contents div.photoright img { float:right; margin-left:10px; margin-bottom:10px; }
body#rules_jp div#contents div.photoright { padding:15px 15px 0 10px; }
body#rules_en div#contents div.photoright { padding:0 15px 0 10px; }
body#rules_jp div#contents div.photoleft img,
body#rules_en div#contents div.photoleft img { float:left; margin-right:20px; margin-bottom:10px; }
body#rules_jp div#contents div.photoleft,
body#rules_en div#contents div.photoleft  { padding:10px 15px 0 10px; }

/* 本文 howto*/
body#howto_jp div.preface p,
body#howto_en div.preface p { padding:15px 15px 0 5px; }
body#howto_jp div#contents div.multicol2,
body#howto_en div#contents div.multicol2 { padding:15px 15px 0 0; }
body#howto_jp div#contents div.multicol2 .leftcol,
body#howto_en div#contents div.multicol2 .leftcol { width:265px; }
body#howto_jp div#contents div.multicol2 .leftcol p.info,
body#howto_en div#contents div.multicol2 .leftcol p.info { padding-left:5px; }
body#howto_jp div#contents div.multicol2 .rightcol,
body#howto_en div#contents div.multicol2 .rightcol { width:237px; }

body#howto_jp div#contents div.dl_area { width:275px; padding:5px 30px; }
body#howto_jp div#contents div.dl_area a:link,body#howto_jp div#contents div.dl_area a:visited {  display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/special/beauty2008/img/btn_dl.gif); height: 20px; }
body#howto_jp div#contents div.dl_area a:hover, body#howto_jp div#contents div.dl_area a:active { background-position: 0 -20px; }

body#howto_en div#contents div.dl_area { width:275px; padding:5px 30px; }
body#howto_en div#contents div.dl_area a:link,body#howto_en div#contents div.dl_area a:visited {  display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../eng/special/beauty2008/img/btn_dl.gif); height: 20px; }
body#howto_en div#contents div.dl_area a:hover, body#howto_en div#contents div.dl_area a:active { background-position: 0 -20px; }

/* 本文 semi-fianlist*/
body.semifinal div#lead h2 { padding-top:5px; }
body.semifinal div#contents h2 { padding:20px 0; }
body.semifinal table { width:524px; margin-left:5px; }
body.semifinal td { vertical-align:top; padding-bottom:20px; }
body.semifinal tr.last td { vertical-align:top; padding:0; }
body.semifinal td img { margin-bottom:5px; }
body.semifinal table.col4 td p { width:122px; font-size:x-small; }
body.semifinal table.col4 td { width:134px; }
body.semifinal table.col4 td.last { width:122px; }
body.semifinal table.col3 td p { width:160px; font-size:x-small; }
body.semifinal table.col3 td { width:182px; }
body.semifinal table.col3 td.last { width:160px; }

body.semifinal table div.more { width: 64px; height: 14px; margin-top:6px }
body.semifinal table div.more a, body.semifinal table div.more a:link, body.semifinal 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.semifinal table div.more a:hover, body.semifinal table div.more a:active { background-position: 0 -14px; }

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

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

body#semifinal_en #contents a { text-decoration: underline; color:#f8b7bf; }
body#semifinal_en #contents a:link { text-decoration: underline; color:#f8b7bf; }
body#semifinal_en #contents a:visited { text-decoration: underline; color:#f8b7bf; }
body#semifinal_en #contents a:hover, body#semifinal_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.semifinal_pop #container_out { text-align:center; width:100%; }
body.semifinal_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.semifinal_pop #body { margin: 0 auto; }

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

body.semifinal_pop #footer { margin-top:10px; }
body.semifinal_pop #footer a,
body.semifinal_pop #footer a:link,
body.semifinal_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.semifinal_pop #footer a:hover,
body.semifinal_pop #footer a:active { background-position: 0 -13px; }
body.semifinal_pop .w910 { margin-left:876px; }
body.semifinal_pop .w870 { margin-left:859px; }
body.semifinal_pop .w850 { margin-left:849px; }
body.semifinal_pop .w810 { margin-left:779px; }
body.semifinal_pop .w800 { margin-left:774px; }
body.semifinal_pop .w780 { margin-left:764px; }
body.semifinal_pop .w760 { margin-left:754px; }
body.semifinal_pop .w750 { margin-left:749px; }
body.semifinal_pop .w740 { margin-left:744px; }
body.semifinal_pop .w730 { margin-left:739px; }
body.semifinal_pop .w720 { margin-left:734px; }
body.semifinal_pop .w680 { margin-left:714px; }
body.semifinal_pop .w520 { margin-left:464px; }

body.semifinal div#lead { width: 560px; background: url(../special/beauty2008/bg_lead.gif) ;background-repeat: no-repeat; padding: 7px 13px 20px 13px; margin: 0; }
body.semifinal div#lead p { width: 534px; }

body.confirm div#lead { width: 560px; background: url(../special/beauty2008/bg_lead.gif) ;background-repeat: no-repeat; background-position: 0 -88px; padding: 7px 13px 20px 13px; margin: 0; min-height: 30px; }
body.confirm div#lead p { width: 534px; }

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

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

.semifinal dt { float: left; }
.semifinal dd { float: left; padding-left: 10px; }
.semifinal .mt20 { margin-top:20px; }
.semifinal .pt20 { padding-top:20px; }

.semifinal p a:link { text-decoration: underline; color:#f8b7bf; }
.semifinal p a:visited { text-decoration: underline; color:#f8b7bf; }
.semifinal p a:hover { text-decoration: underline; color:#f99; }
.semifinal p a:active { text-decoration: underline; color:#f8b7bf; }

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

body.semifinal div#lead_final { width: 560px; background: url(../special/beauty2008/bg_lead.gif) ;background-repeat: no-repeat; background-position: 0 -44px; padding: 7px 13px 20px 13px; margin: 0; min-height: 30px; }
body.semifinal div#lead_final p { width: 534px; }
body.semifinal div#lead_final h2 { padding-top:15px; }
/*body.semifinal table.col1 { margin-left: 164px; margin-top:-20px; width: 200px; }*/
body.semifinal table.col1 { margin-top:-20px; width: 534px; }
body.semifinal table.col1 h3 { padding-left: 46px; }
body.semifinal table.col1 td p { width:200px; font-size:x-small; }
body.semifinal table.col1 td { width:200px; }
body.semifinal table.col1 th { width:334px; padding-top:50px; padding-left:15px; }
/*body.semifinal table.col1_p { margin-left: 130px; margin-top:-20px; width: 200px; }*/
body.semifinal table.col1_p { margin-top:-20px; width: 534px; }
body.semifinal table.col1_p h3 { padding-left: 80px; }
body.semifinal table.col1_p td p { width:270px; font-size:x-small; }
body.semifinal table.col1_p td { width:270px; }
body.semifinal table.col1_p th { width:264px; padding-top:50px; padding-left:15px; }
body.semifinal table.col3_final { margin-top:-25px; }
body.semifinal table.col3_final h3 { padding-left: 22px; }
body.semifinal table.col3_final td p { width:155px; font-size:x-small; }
body.semifinal table.col3_final td { width:185px; }
body.semifinal table.col3_final td.last { width:155px; }
body.semifinal table.col3_final_p { margin-top:-25px; }
body.semifinal table.col3_final_p h3 { padding-left: 22px; }
body.semifinal table.col3_final_p td p { width:155px; font-size:x-small; }
body.semifinal table.col3_final_p td { width:185px; }
body.semifinal table.col3_final_p td.first { width:167px; }
body.semifinal table.col3_final_p td.last { width:172px; }

strong { font-weight: bold; }