@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) */

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

.beauty { line-height: 1.2em; }
.beauty .spacing { padding-bottom: 1em; }

/* リード */
#lead { width: 560px;  background: url(../jpn/special/beauty2007/img/bg_lead.gif) ;background-repeat: no-repeat; padding: 5px 13px 10px 13px; margin: 0; }
#lead p { width: 534px; }
#lead .notes { font-size: x-small; }
#contents #lead h2 { margin: 20px 0 20px 0; width: 534px; padding-top: 10px; }

#contents { background: url(../jpn/special/beauty2007/img/bg_frame.gif) repeat-y left top; padding: 0 13px 0 0; margin: 0; }
#contents #lead h2 { margin: 0 13px 10px 0; width: 534px; padding-top: 10px; }
#contents h2 { margin: 0 13px 20px 13px; width: 534px; padding-top: 10px; }

.beauty #lead a { color: #600; border-bottom: #600 dotted 1px; }
.beauty #lead a:link { color: #600; border-bottom: #600 dotted 1px; }
.beauty #lead a:visited { color: #600; border-bottom: #600 dotted 1px; }
.beauty #lead a:hover, .beauty #lead a:active { color: #600; border-bottom: #600 solid 1px; }

.photocol{ width: 498px; margin: 0 31px 20px 31px; }
.photocol .leftcol { width: 324px; float: left; }
.photocol .leftcol1_1 { width: 150px; float: left; }
.photocol .leftcol1_2 { width: 150px; float: right; }
.photocol .rightcol { width: 150px; float: right; }

.photocol p { font-size: x-small; }

#info { width: 534px; margin: 0 13px 0 13px; padding: 10px 0 15px 0; }


#beauty_jp #contents .button_area { margin: 0 0 0 272px; width: 275px; }
#beauty_jp #contents .button_area a, #beauty_jp #contents .button_area a:link, #beauty_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; }
#beauty_jp #contents .button_area a:hover, #beauty_jp #contents .button_area a:active { background-position: 0 -20px; }

#beauty_en #contents .button_area { margin: 0 0 0 272px; width: 275px; }
#beauty_en #contents .button_area a, #beauty_en #contents .button_area a:link, #beauty_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; }
#beauty_en #contents .button_area a:hover, #beauty_en #contents .button_area a:active { background-position: 0 -20px; }

#footer { line-height: 1em; width: 560px; padding-top: 5px; }
#footer .button_area { margin: 0 0 0 504px; width: 46px; }
#footer .credit { font-size:x-small; text-align: center; }

.grandprix { margin: 0 0 10px 149px; }
.second { margin: 0 0 20px 0; }
.semi { margin: 10px 0 0 87px; }
.lbl { text-align: center; }
.lbl img { margin-bottom: 5px; }