@charset "UTF-8";
/* CSS Document */

/* body
**********************************************************************/
body{ min-width:800px; min-height:600px; background:#000; margin:0; padding:0; font-family:"goudyo"; color:#92908F; }


/* format
**********************************************************************/
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-size:1px; line-height:1px; }
li{ font-size:1px; line-height:1px; list-style-type:none; }
li img{ vertical-align:bottom; }
img{ border:0; }
a{ color:#92908F; text-decoration:none; outline:none; }
a:hover{ color:#BFBF93; text-decoration:none; }
.clear{ clear:both; margin:0; padding:0; font-size:0; line-height:0; }


/* layout
**********************************************************************/
#bodyWrap{ width:100%; height:600px; background:url(../../img/bg.png) no-repeat center center; position:relative;}
#contentsWrap{ width:512px; height:358px; margin:0 auto; position:absolute; left:144px; top:123px;}


/* language
**********************************************************************/
#contentsWrap #langBox{ width:231px; height:56px; position:absolute; left:143px; z-index:3;}
#contentsWrap #langBox a.title{ width:204px; height:25px; padding:5px 0 0 0; display:block; text-align:center; font-size:14px; line-height:140%; color:#BFBF93; font-weight:bold; position:absolute; top:13px; left:13px; z-index:3; background:url(../img/back_bg.png) repeat;}
#contentsWrap #langBox img.bg{ position:absolute; z-index:2;}
#contentsWrap #langBox .dropBox{ width:231px; display:block; position:absolute; overflow:hidden;}
#contentsWrap #langBox .drop{ width:167px; height:154px; display:block; padding:21px 23px 23px 21px; background:url(../../img/input_bg01_bg.png) no-repeat; position:absolute; top:36px; left:9px; z-index:1;}
#contentsWrap #langBox .drop ul{ width:167px; height:164px;}
#contentsWrap #langBox .drop ul li{ width:165px; height:20px;}
#contentsWrap #langBox .drop ul li a{ width:165px; height:20px; display:block; padding:0 0 3px 0; font-size:11px; line-height:155%; font-weight:bold;}
/* scrollbar
**********************************************************************/
#contentsWrap #langBox .tinyscrollbar .viewport { width:165px; overflow:hidden; position:relative; }
#contentsWrap #langBox .tinyscrollbar .overview { padding:0; margin:0; position:absolute; left:0; top:0; list-style:none; }
#contentsWrap #langBox .tinyscrollbar .scrollbar{ width:4px; position:relative; float:right; }
#contentsWrap #langBox .tinyscrollbar .track { width:4px; height:100%; position:relative; }
#contentsWrap #langBox .tinyscrollbar .thumb { background:#A59E66; width:4px; height:20px; position:absolute; top:0; right:-16px; overflow:hidden; cursor:pointer; }
#contentsWrap #langBox .tinyscrollbar .disable { display:none; }



/* title
**********************************************************************/
#contentsWrap h1{ width:512px; height:81px; position:absolute; top:96px; z-index:1;}


/* age
**********************************************************************/
#contentsWrap ul#ageBox{ width:449px; height:34px; position:absolute; top:213px; left:30px; z-index:2;}
#contentsWrap ul#ageBox li{ height:34px; float:left; position:relative;}
#contentsWrap ul#ageBox .dropBox{ width:154px; display:block; position:absolute; overflow:hidden;}
#contentsWrap ul#ageBox .drop{ width:110px; height:95px; display:block; padding:21px 23px 23px 21px; background:url(../../img/input_bg02_bg.png) no-repeat; position:absolute; top:24px; z-index:1;}
#contentsWrap ul#ageBox .drop ul{ width:110px; height:95px;}
#contentsWrap ul#ageBox .drop ul li{ width:105px; height:auto; float:none;}
#contentsWrap ul#ageBox .drop ul li a{ width:105px; display:block; padding:0 0 3px 0; font-size:11px; line-height:155%; font-weight:bold;}
#contentsWrap ul#ageBox li.age1{ width:150px;}
#contentsWrap ul#ageBox li.age1 .drop{ left:1px;}
#contentsWrap ul#ageBox li.age2{ width:147px;}
#contentsWrap ul#ageBox li.age2 .drop{ left:-2px;}
#contentsWrap ul#ageBox li.age3{ width:152px;}
#contentsWrap ul#ageBox li.age3 .drop{ left:-2px;}
#contentsWrap ul#ageBox li a.title{ width:144px; height:19px; padding:4px 0 0 0; display:block; text-align:center; font-size:13px; line-height:130%; color:#BFBF93; font-weight:bold; position:absolute; top:5px; left:5px; z-index:2; background:url(../img/back_bg.png) repeat;}
#contentsWrap ul#ageBox li img.bg{ position:absolute; z-index:1;}
#contentsWrap a#btnEnter{ width:244px; height:53px; position:absolute; top:305px; left:140px; cursor:default; z-index:1;}
/* scrollbar
**********************************************************************/
#contentsWrap ul#ageBox .tinyscrollbar .viewport { width:105px; overflow:hidden; position:relative; }
#contentsWrap ul#ageBox .tinyscrollbar .overview { padding:0; margin:0; position:absolute; left:0; top:0; list-style:none; }
#contentsWrap ul#ageBox .tinyscrollbar .scrollbar{ width:4px; position:relative; float:right; }
#contentsWrap ul#ageBox .tinyscrollbar .track { width:4px; height:100%; position:relative; }
#contentsWrap ul#ageBox .tinyscrollbar .thumb { background:#A59E66; width:4px; height:20px; position:absolute; top:0; right:-16px; overflow:hidden; cursor:pointer; }
#contentsWrap ul#ageBox .tinyscrollbar .disable { display:none; }