/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* { margin:0; padding:0; }
table,div,span,h1,h2,h3,h4,h5,h6,h7,p,pre,ul,li,em { margin: 0 0 0 0; padding: 0 0 0 0; line-height:100%; font-size: 10px; font-style: normal; font-weight: normal; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS ゴシック"; }
table, div, h3, p,span,pre,ul,li,em { margin: 0px; padding: 0px; font-size: 10px; line-height: 18px; font-weight: normal; color: #888888; }
A:link, A:active, A:visited { font-size: 10px; font-weight: bold; color: #EC3026; text-decoration:underline; } A:hover { font-size: 11px; font-weight: bold; color: #56B9FF; text-decoration:underline; }
a,form { position: relative; z-index: 100; }
img { border: none; }
.clears { clear: both; }

body { margin: 0 0 0 0; padding:0 0 0 0; text-align: left; }
html { overflow-y: hidden; }


/*-----------------------------------------------
 __STAGE
-----------------------------------------------*/

#STAGE_BG { height: 100%; background: url("img/bg.jpg") center center no-repeat; }
#STAGE { position:absolute; top: 50%; left: 50%; width: 979px; height: 596px; margin: -298px 0 0 -490px; background: url("img/stage_bg.jpg") left top no-repeat; color:black; text-align:center; }
body > #STAGE { height:auto; min-height: 596px; }

#CONTENTS { position: relative; width: 979px; height: 596px; margin: 0px; padding: 0px; text-align: left; }
#STAGE #CONTENTS div.back { position:absolute; top: 37px; left: 393px; width: 48px; height: 23px; }
#STAGE #CONTENTS div.Perrier { position:absolute; top: 527px; left: 141px; width: 65px; height: 43px; }
#STAGE #CONTENTS div.GLAMOROUS { position:absolute; top: 527px; left: 206px; width: 71px; height: 43px; }
#STAGE #CONTENTS div.Freixenet { position:absolute; top: 527px; left: 277px; width: 78px; height: 43px; }
#STAGE #CONTENTS div.PUNKADELIX { position:absolute; top: 527px; left: 355px; width: 85px; height: 43px; }

#STAGE #CONTENTS div.imageL { position:absolute; top: 37px; left: 460px; width: 386px; height: 533px; }
#STAGE #CONTENTS div.imgVoxAll { position:absolute; top: 109px; left: 855px; width: 112px; height: 460px; }
ul.imgVox { width: 118px; height: 450px; margin: 0px; padding: 0px; list-style: none; }
ul.imgVox li { height: 57px; float: left; display: inline; margin: 0px; padding: 0px; }
ul.imgVox li img { width: 53px; height: 53px; margin: 0 3px 3px 0; }
ul.imgVox li a:link img { border: 1px solid #efefef; }
ul.imgVox li a:active img { border: 1px solid #efefef; }
ul.imgVox li a:visited img { border: 1px solid #efefef; }
ul.imgVox li a:hover img { border: 1px solid #ed7185; }




/* ---------------------------------------------------- clearfix-- */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
/* for ie */
display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{ height: 1%;}
.clearfix{ display: block;}
/* End hide from IE-mac */