@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: #000; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; line-height:1.3em; }
body { margin:10px; color:#000; }
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; }

/* 後ろ1行あける */
.spacing { padding-bottom: 1em; }

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

#wrapper { width: 800px; background:url(../jpn/special/6th_pri_ala/img/bg_contents_header.gif) repeat-y; margin: 0; }

#contents { width: 800px; background:url(../jpn/special/6th_pri_ala/img/bg_contents.gif) repeat-y; margin: 0; margin-top:30px; }
.jp #contents { width: 800px; background:url(../jpn/special/6th_pri_ala/img/bg_contents_w.gif) repeat-y; margin: 0; margin-top:30px; }
.en #contents { width: 800px; background:url(../jpn/special/6th_pri_ala/img/bg_contents_w.gif) repeat-y; margin: 0; margin-top:30px; }

#contents a { text-decoration: none; }
#contents a:link { color: #999; border-bottom: #999 dotted 1px; }
#contents a:visited { color: #999; border-bottom: #999 dotted 1px; }
#contents a:hover, #contents a:active { color: #999; border-bottom: #999 solid 1px; }

#leftcol { width:379px; float:left; }
#rightcol { width:402px; float:right; }

#leftcol h2 { margin: 0 0 23px 14px; }
#leftcol h3 { margin: 0 0 11px 22px; }

#leftcol h4 { margin: 0 0 0 22px; }
#leftcol h5 { margin: 0 0 15px 22px; }


#contest { width:325px; margin: 0 0 0 22px; padding: 0 15px 0 15px; border-width: 0 1px 0 1px; border-color: #000; border-style: solid; padding-top: 15px; }
#contest p { font-size: x-small; }

#contents #contest a { font-size: x-small; text-decoration: none; }
#contents #contest a:link { font-size: x-small; color: #999; border-bottom: #999 dotted 1px; }
#contents #contest a:visited { font-size: x-small; color: #999; border-bottom: #999 dotted 1px; }
#contents #contest a:hover, #contents #contest a:active { font-size: x-small; color: #999; border-bottom: #999 solid 1px; }


#leftcol .spacing { padding-bottom: 1em; }
#rightcol .spacing { padding-bottom: 1em; }
#info .spacing { padding-bottom: 1em; }

#vinuscol { width:398px; background-color: #fff; border-width: 0 0 0 2px; border-color: #000; border-style: solid; margin-right: 2px; }

#vinuscol h2 { margin: 0 0 23px 12px; }
#vinuscol h3 { margin: 0 0 11px 20px; }
#vinuscol .outline h3 { margin: 18px 0 10px 0; }

#divacol { width:401px;　float:right; margin: 0 0 0 1px; }
#divacol h2 { margin: 0 0 14px 0; margin-left: 1px; }
#divacol h3 { margin: 0 0 11px 20px; }


#leftcol .end p em { margin: 0 0 0 22px; color: #f06; }
#rightcol .end p em { margin: 0 0 0 22px; color: #f06; }

.hall { width: 358px; margin: 0 0 8px 22px; padding-bottom: 25px; background:url(../jpn/special/6th_pri_ala/img/bg_line.gif) no-repeat left bottom; }
.divahall { width: 358px; margin: 0 0 8px 22px; padding-bottom: 12px;border-width: 0 0 1px 0; border-color: #000; border-style: solid; }
.divahall em { color: #f06; }

.outline { margin: 0 0 20px 22px; width: 358px; }
.outline_add { margin: 0 0 30px 22px; width: 358px; }

#leftcol .outline img { margin: 0 10px 10px 10px; float: left; }
/*#rightcol #vinuscol .outline img { margin: 0 0 10px 10px; float: right; }*/
#rightcol #vinuscol .outline .venus_photo01 img { margin: 0 0 10px 10px; float: right; }
#rightcol #vinuscol .outline .venus_photo02 img { margin: 0 10px 10px 0; float: left; }
#rightcol #vinuscol .outline em { font-weight: bold; }

.outline .button_area { width: 294px; height: 18px; margin-top: 6px; }
.outline .button_area li { float: left; margin-right: 5px; }
.outline .button_area li a { display: block; background-position: 0 0; height: 18px; }
.outline .button_area li a:hover, .outline .button_area li a:active { background-position: 0 -18px; }
#doll a { background-image: url(../jpn/special/6th_pri_ala/img/button_doll.gif); height: 18px; width: 142px; }
.goods a { background-image: url(../jpn/special/6th_pri_ala/img/button_goods.gif); height: 18px; width: 142px; }
#doll_e a { background-image: url(../eng/special/6th_pri_ala/img/button_doll.gif); height: 18px; width: 142px; }
.goods_e a { background-image: url(../eng/special/6th_pri_ala/img/button_goods.gif); height: 18px; width: 142px; }


.artist { margin: 0 0 20px 22px; width: 358px; }
.artist p { font-size: x-small; }
.artist em { font-size: x-small; font-weight: bold; }

#divacol .artist a { font-size: x-small; text-decoration: none; }
#divacol .artist a:link { font-size: x-small; color: #999; border-bottom: #999 dotted 1px; }
#divacol .artist a:visited { font-size: x-small; color: #999; border-bottom: #999 dotted 1px; }
#divacol .artist a:hover, #divacol .artist a:active { font-size: x-small; color: #999; border-bottom: #999 solid 1px; }

#info { width: 756px; background:url(../jpn/special/6th_pri_ala/img/line_double.gif) no-repeat left top; margin-left: 2px; padding: 20px 22px 0 22px; }

#info p {  font-size: x-small; }
#info p em {  font-size: x-small; color: #f06; }

#footer { width: 800px; padding-top: 5px; }
#footer .button_area { margin: 0 0 0 742px; width: 46px; }
#footer .credit { font-size:x-small; text-align: center; }