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


body {
background-image: url(../img/cmn/bg.png);
background-repeat: repeat-x;
margin:0;padding:0;
text-align:center;
}

a, a:link, a:visited{ color:#09F; font-weight:bold; text-decoration:none; }
a:hover{ color:#6C0; font-weight:bold; text-decoration:underline; }
a:active{ color:#F3C; font-weight:bold; text-decoration:underline; }


#wrap{
background: transparent url(../img/cmn/stdbg.jpg) no-repeat center top;
margin:0;padding:0;
text-align:center;
}

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

#header{ margin:0 auto 0 0; padding:0; height:140px; /*width:245px;*/ text-align:left; }
#newsheader{ font-size:11px; }

#main{ width:740px; margin:10px auto; text-align:left; min-height:500px; }
#mwrap{ padding:0 10px; }


#navibar{ width:211px; float:right; background:transparent url(../img/cmn/vtline.gif) repeat-y left top; }
#navicnt{ padding-left:11px; }


#mc{ width:520px; 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{ font-size:.75em; }
#mc td p,#mc td th,#mc td td,#mc td li{ font-size:1em; }

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

#ft{ padding:20px 0; background:transparent url(../img/cmn/ftbg.png) repeat-x left top; }
#ft p.logo{ margin:0; }
#ft p.copy{ margin-top:.5em; font-family:veranda, Arial, Helvetica, sans-serif; font-size:11px;}


/****/
/* GLOBAL MENU */
#gnav{ background:transparent url(../img/cmn/gmenubg.gif) no-repeat left bottom; padding-bottom:24px; }
#gnav ul{ background:transparent url(../img/cmn/gmenuhd.gif) no-repeat left top; margin:0; padding:24px 0 0 0; }
#gnav li{ list-style:none; height:34px; margin:0; padding:0; }
#gnav li a{ background-image:url(../img/cmn/gmenu.gif); display:block; width:200px; height:34px; 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:-200px -0px; }
#gnav ul #navNews:link,		#gnav ul #navNews:visited,		#gnav ul #navNews:active
{ background-position:-400px -0px; }
#gnav ul #navGame:link,		#gnav ul #navGame:visited,		#gnav ul #navGame:active
{ background-position:-600px -0px; }
#gnav ul #navChara:link,	#gnav ul #navChara:visited,		#gnav ul #navChara:active
{ background-position:-800px -0px; }
#gnav ul #navPub:link,		#gnav ul #navPub:visited,		#gnav ul #navPub:active
{ background-position:-1000px -0px; }
#gnav ul #navSp:link,		#gnav ul #navSp:visited,		#gnav ul #navSp:active
{ background-position:-1200px -0px; }

#gnav ul #navTop:hover
{ background-position:-0px -34px; }
#gnav ul #navProduct:hover
{ background-position:-200px -34px; }
#gnav ul #navNews:hover
{ background-position:-400px -34px; }
#gnav ul #navGame:hover
{ background-position:-600px -34px; }
#gnav ul #navChara:hover
{ background-position:-800px -34px; }
#gnav ul #navPub:hover
{ background-position:-1000px -34px; }
#gnav ul #navSp:hover
{ background-position:-1200px -34px; }

#gnav ul li#current #navTop:link,		#gnav ul li#current #navTop:visited,		#gnav ul li#current #navTop:active
{ background-position:-0px -68px; }
#gnav ul li#current #navProduct:link,	#gnav ul li#current #navProduct:visited,	#gnav ul li#current #navProduct:active
{ background-position:-200px -68px; }
#gnav ul li#current #navNews:link,		#gnav ul li#current #navNews:visited,		#gnav ul li#current #navNews:active
{ background-position:-400px -68px; }
#gnav ul li#current #navGame:link,		#gnav ul li#current #navGame:visited,		#gnav ul li#current #navGame:active
{ background-position:-600px -68px; }
#gnav ul li#current #navChara:link,	#gnav ul li#current #navChara:visited,		#gnav ul li#current #navChara:active
{ background-position:-800px -68px; }
#gnav ul li#current #navPub:link,		#gnav ul li#current #navPub:visited,		#gnav ul li#current #navPub:active
{ background-position:-1000px -68px; }
#gnav ul li#current #navSp:link,		#gnav ul li#current #navSp:visited,		#gnav ul li#current #navSp:active
{ background-position:-1200px -68px; }

#gnav ul li.na #navTop
{ background-position:-0px -102px; }
#gnav ul li.na #navProduct
{ background-position:-200px -102px; }
#gnav ul li.na #navNews
{ background-position:-400px -102px; }
#gnav ul li.na #navGame
{ background-position:-600px -102px; }
#gnav ul li.na #navChara
{ background-position:-800px -102px; }
#gnav ul li.na #navPub
{ background-position:-1000px -102px; }
#gnav ul li.na #navSp
{ background-position:-1200px -102px; }

/* 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;}

/* information index */
.infolink{ display:block; width:410px; margin-left:10px; }


.fukidashi{ width:480px; background:transparent url(../img/sp/fukidashi/bg_fukidashi_top.gif) no-repeat left top; color:#F6F; font-size:14px;  }
.fukidashi_bt{ padding:20px 20px 16px 20px; background:transparent url(../img/sp/fukidashi/bg_fukidashi_bt.gif) no-repeat left bottom;  }