*{ font-size:1em; line-height:1.5em; }


body {
background:#000 url(../img/cmn/bg.jpg) no-repeat center top;
margin:0;padding:0;
text-align:center;
color:#FFF; 
}

a, a:link, a:visited{ color:#9F0; font-weight:bold; text-decoration:none; }
a:hover{ color:#F30; font-weight:bold; text-decoration:underline; }
a:active{ color:#F3C; font-weight:bold; text-decoration:underline; }


#wrap{
margin:0;padding:0;
text-align:center;
}

#mcwrap{ width:770px; margin:0 auto; }

#header{ margin:0 auto 0 0; padding:0; text-align:left; }
#header h1{ margin:0; padding:0; }

#newsheader{ font-size:11px; }

#main{ width:770px; margin:20px auto 0 auto; text-align:left; }
#mwrap{ padding:0 10px; }


#navibar{ width:180px; float:right; }
#navicnt{  }


#mc{ width:570px; float:left; }
#mc #pageheader{ margin:0; }
#mc p.breadgram{ font-size:11px; margin:4px 0 2em 0; }
#mc p,#mc th,#mc td,#mc li, #mc caption{ font-size:.75em; }
#mc td p,#mc td th,#mc td td,#mc td li{ font-size:1em; }
#mc h4{ margin-top:2.5em; }
#mc h5{ font-size:.86em; border-bottom:1px solid #666;  background:transparent url(../img/cmn/menu_bg.gif) repeat-y left top; padding-left:10px;}
#mc td h5{ font-size:1em; border-bottom:1px solid #666;  background:transparent url(../img/cmn/menu_bg.gif) repeat-y left top; padding-left:10px; margin-bottom:4px;}


#mcft{ clear:both; text-align:center; padding:1em 0 0 0; font-size:11px; font-weight:bold; }
#mcft p#ftnav{ margin:0; color:#666; }

#ft{ padding:20px 0; }
#ft p.logo{ margin:0; }
#ft p.copy{ margin-top:0; font-family:veranda, Arial, Helvetica, sans-serif; font-size:11px;}


/****/
/* GLOBAL MENU */
#gnav{ background:transparent url(../img/cmn/menu_bg.gif) repeat-y left top; /*padding-bottom:24px;*/ padding-left:10px; }
#gnav ul{ margin:0; padding:0; }
#gnav li{ list-style:none; height:40px; margin:0; padding:0; }
#gnav li a{ background-image:url(../img/cmn/gmenu.gif); display:block; width:170px; height:40px; text-decoration:none; }
#gnav li a span{ display:block; position:absolute; left:-9999px; }

#gnav ul #navTop:link,		#gnav ul #navTop:visited,		#gnav ul #navTop:active
{ background-position:-0px -0px; }
#gnav ul #navProduct:link,	#gnav ul #navProduct:visited,	#gnav ul #navProduct:active
{ background-position:-170px -0px; }
#gnav ul #navTokuten:link,		#gnav ul #navTokuten:visited,		#gnav ul #navTokuten:active
{ background-position:-340px -0px; }
#gnav ul #navGame:link,		#gnav ul #navGame:visited,		#gnav ul #navGame:active
{ background-position:-510px -0px; }
#gnav ul #navChara:link,	#gnav ul #navChara:visited,		#gnav ul #navChara:active
{ background-position:-680px -0px; }
#gnav ul #navGallary:link,		#gnav ul #navGallary:visited,		#gnav ul #navGallary:active
{ background-position:-850px -0px; }
#gnav ul #navInfo:link,		#gnav ul #navInfo:visited,		#gnav ul #navInfo:active
{ background-position:-1020px -0px; }
#gnav ul #navMovie:link,		#gnav ul #navMovie:visited,		#gnav ul #navMovie:active
{ background-position:-1190px -0px; }

#gnav ul #navTop:hover
{ background-position:-0px -40px; }
#gnav ul #navProduct:hover
{ background-position:-170px -40px; }
#gnav ul #navTokuten:hover
{ background-position:-340px -40px; }
#gnav ul #navGame:hover
{ background-position:-510px -40px; }
#gnav ul #navChara:hover
{ background-position:-680px -40px; }
#gnav ul #navGallary:hover
{ background-position:-850px -40px; }
#gnav ul #navInfo:hover
{ background-position:-1020px -40px; }
#gnav ul #navMovie:hover
{ background-position:-1190px -40px; }

#gnav ul li#current #navTop:link,		#gnav ul li#current #navTop:visited,		#gnav ul li#current #navTop:active
{ background-position:-0px -80px; }
#gnav ul li#current #navProduct:link,	#gnav ul li#current #navProduct:visited,	#gnav ul li#current #navProduct:active
{ background-position:-170px -80px; }
#gnav ul li#current #navTokuten:link,		#gnav ul li#current #navTokuten:visited,		#gnav ul li#current #navTokuten:active
{ background-position:-340px -80px; }
#gnav ul li#current #navGame:link,		#gnav ul li#current #navGame:visited,		#gnav ul li#current #navGame:active
{ background-position:-510px -80px; }
#gnav ul li#current #navChara:link,	#gnav ul li#current #navChara:visited,		#gnav ul li#current #navChara:active
{ background-position:-680px -80px; }
#gnav ul li#current #navGallary:link,		#gnav ul li#current #navGallary:visited,		#gnav ul li#current #navGallary:active
{ background-position:-850px -80px; }
#gnav ul li#current #navInfo:link,		#gnav ul li#current #navInfo:visited,		#gnav ul li#current #navInfo:active
{ background-position:-1020px -80px; }
#gnav ul li#current #navMovie:link,		#gnav ul li#current #navMovie:visited,		#gnav ul li#current #navMovie:active
{ background-position:-1190px -80px; }

#gnav ul li.na #navTop
{ background-position:-0px -120px; }
#gnav ul li.na #navProduct
{ background-position:-170px -120px; }
#gnav ul li.na #navTokuten
{ background-position:-340px -120px; }
#gnav ul li.na #navGame
{ background-position:-510px -120px; }
#gnav ul li.na #navChara
{ background-position:-680px -120px; }
#gnav ul li.na #navGallary
{ background-position:-850px -120px; }
#gnav ul li.na #navInfo
{ background-position:-1020px -120px; }
#gnav ul li.na #navMovie
{ background-position:-1190px -120px; }

/* SUBMENU */
#gnav ul li ul{ margin:0; padding:0; font-size:.75em; background-color:#F8F8F8; background-image: none; }
#gnav ul li ul li{ list-style-type:square; list-style-position:outside; margin:0 .5em 0 1.5em; padding: 1px; border-color:#CCC; border-width:1px none; border-style:solid none; width:180px; height:auto; }

/****/

div.notebox_hd{ background: transparent url(../img/cmn/notebox_hd.gif) no-repeat 0 0; padding-top:1em; margin:1.5em 0; }
div.notebox_ft{ background: transparent url(../img/cmn/notebox_ft.gif) no-repeat 0 bottom; padding:0 1em 1em 1em; }

div.moviecontainer{ width:400px; margin:1.5em auto; }


/* content index (for index.html) */
div.ofbox{
height:250px; width:300px; overflow:auto;
scrollbar-base-color:#FFFFFF;
scrollbar-arrow-color: #2E6AD8;
scrollbar-highlight-color: #2E6AD8;
scrollbar-darkshadow-color: #2E6AD8;
scrollbar-3d-light-color: #ffffff;
scrollbar-track-color: #EAF2F7;
}

ul.toplist{ margin-top:0; }
ul.toplist li{ margin-bottom:.5em; }

ul.nostyle{ margin:10px 0; padding:0; }
ul.nostyle li{ margin:0 0 5px 0; padding:0; list-style:none; }

/** Generic Classes **/

.fright{ float:right; }
.fleft{ float:left; }
.aleft{ text-align:left; }
.aright{ text-align:right; }
.acenter{ text-align:center; }
.clear{ clear:both; }
hr.clear{ clear:both; height:1px; visibility:hidden; }

.smaller, #main .smaller{ font-size:smaller; }
.larger, #main .larger{ font-size:larger; }
.x-large, #main .x-large{ font-size:1.5em; }

.sep{ margin:2em 0; }
.notopmargin, #main .notopmargin{ margin-top:0; }
.nobtmargin, #main .nobtmargin{ margin-bottom:0; }
.nomargin, #main .nomargin{ margin:0; }

.rpad1em{ padding-right:1em;}
.lpad1em{ padding-left:1em;}
.bpad1em{ padding-bottom:1em;}

.c_stpink{ color:#F06; }
.c_stblue{ color:#09F; }
.c_storg{ color:#F90; }



/** tables **/
table.listtable{ border-collapse:collapse; margin:1em; }
table.listtable th{ background-color:#0391FD; white-space:nowrap; color:#FFF; }
table.listtable th,table.listtable td{ padding:4px 8px; text-align:left; border:1px solid #FFF; }


table.legend{ width:490px; margin:0 auto; background:transparent url(../img/product/tb_legend_mid.gif) repeat-y 0 0; }
table.legend td table td p{ padding-left:32px; margin:0; }

/* dropdon menu */
.dropdown{ margin:1em 0;}
.dropdown dt, .dropdown dd {width:200px; margin:0; padding:0;}
.dropdown dd{display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul{width:200px; margin:0; padding:0; list-style:none; border-top:none; }
.dropdown li{display:inline; margin:0; padding:1px 0;}


/* spec. table */
table.spec{ border-collapse:collapse; margin:0; width:100%; }
table.spec td, table.spec th{ border:1px solid #444; padding:4px; }
table.spec th{ white-space:nowrap; background-color:#444;  border-bottom:1px solid #222;}


table.cs{ border-collapse:collapse; border:1px solid #CDD975; margin:.5em auto; width:650px; }
table.cs th{background-color:#CDD975; font-size:1em;}
table.cs th,table.cs td{padding:3px; text-align:center;}


/* pubtable */

table.pub{ border-collapse:collapse; margin:0; }

table.pub th{ white-space:nowrap; background-color:#444; text-align:left;}

table.pub th,table.pub td{font-size:.75em; line-height:1.5em; padding:8px; border-bottom:1px solid #444; }

/* character select */
#main ul.chara{ margin:1px auto; padding:1px 0; }
#main ul.chara li{ marign:0; padding:0 1px; float:left; list-style:none; }
#main ul.chara li img{ display:block; margin:2px 0 0 0; }

/* character description */
#cdesc{ width:570px; }
#cdesc p{ margin-top:0; }

#cdesc #eva_01{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_01.jpg) no-repeat 0 0; }
#cdesc #eva_01_movie{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_01_movie.jpg) no-repeat 0 0; }
#cdesc #eva_02{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_02.jpg) no-repeat 0 0; }
#cdesc #eva_03{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_03.jpg) no-repeat 0 0; }
#cdesc #eva_04{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_04.jpg) no-repeat 0 0; }
#cdesc #eva_zero{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_zero.jpg) no-repeat 0 0; }
#cdesc #eva_zero_movie{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_zero_movie.jpg) no-repeat 0 0; }
#cdesc #eva_ryo{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_ryo.jpg) no-repeat 0 0; }
#cdesc #eva_otsu{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_otsu.jpg) no-repeat 0 0; }
#cdesc #eva_kou{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/eva_kou.jpg) no-repeat 0 0; }

#cdesc #shito_02_lilith{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_02_lilith.jpg) no-repeat 0 0; }
#cdesc #shito_03_sachi{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_03_sachi.jpg) no-repeat 0 0; }
#cdesc #shito_04_sham{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_04_sham.jpg) no-repeat 0 0; }
#cdesc #shito_05_lami{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_05_lami.jpg) no-repeat 0 0; }
#cdesc #shito_06_gagi{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_06_gagi.jpg) no-repeat 0 0; }
#cdesc #shito_07_isl{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_07_isl.jpg) no-repeat 0 0; }
#cdesc #shito_10_saha{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_10_saha.jpg) no-repeat 0 0; }
#cdesc #shito_12_rel{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_12_rel.jpg) no-repeat 0 0; }
#cdesc #shito_14_zel{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/shito_14_zel.jpg) no-repeat 0 0; }

#cdesc #ja{ padding:50px 4px 0 375px; height:200px; background: transparent url(../img/chara/cut/ja.jpg) no-repeat 0 0; }


#main #lightpop #lightpop #lightpop-content{color:#666;}