body { font-size: 12px; margin:0 10px;}
tr,td {font-size: 12px;}
big{font-size:120%;}
small{font-size:90%;}

.black {color:#000000;}
.blackb {font-weight: bold; color:#000000;}
.blacks {color:#000000; font-size: 83%;}
.white {color:#ffffff}
.whiteb {font-weight: bold; color:#ffffff;}
.whitebb {font-weight: bold; color:#ffffff;}
.whites {color:#ffffff; font-size: 83%;}
.red {color:#CC0000;}
.redb {font-weight: bold; color:#CC0000;}
.redb2 {font-size:120%; font-weight: bold; color:#CC0000;}
.reds {color:#CC0000; font-size: 83%;}
.green {color:#006600;}
.greenb {font-weight: bold; color:#3366cc;}
.greens {color:#006600; font-size: 83%;}
.blue {color:#3366cc; text-decoration: none;}
.bluea {color:#3366cc;}
.bluebig {font-size:120%; font-weight: bold; color:#3366cc; text-decoration: none;}
.blueb {font-weight:bold; color:#3366cc; text-decoration: none;}
.blueb2 {font-weight:bold; color:#0033CC; text-decoration: none;}
.blues {color:#3366cc; text-decoration: none;}
.orange {color:#FF8800;}
.orangeb {font-weight:bold; color:#FF8800;}
.oranges {color:#FF8800; font-size: 83%;}
.seline {color:#555555; }
.cgethu {color:#FF99CC;}
.cgethubig {font-size:120%; color:#FF99CC;}
.cpcgame {color:#ff0000;}
.canime {color:#ff6600;}
.cmusic {color:#ffcc00;}
.cgoods {color:#66cc33;}
.cboys {color:#9966ff;}
.cdoujin {color:#990099;}
.csearch {color:#3399ff;}
.cinfo {color:#0066ff;}
.gray {color:#555555;}
.ranknum {font-size: 18px; font-weight: bold; color:#ffffff;font-style: italic;}
.navyb {font-size: 130%; font-weight: bold; color:navy; text-decoration: none;}

a.black:link,a.black:visited {text-decoration: none; color:#000000;}
a.black:active {text-decoration: none; color:#0066CC; }
a.black:hover {text-decoration: underline; color:#0066CC;}

a.blackb:link,a.blackb:visited {text-decoration: none; color:#000000; font-weight:bold;}
a.blackb:active {text-decoration: none; color:#0066CC; font-weight:bold;}
a.blackb:hover {text-decoration: underline; color:#0066CC; font-weight:bold;}

a.blacks:link,a.blacks:visited {font-size: 83%; text-decoration: none; color:#000000;}
a.blacks:active {font-size: 83%; text-decoration: none; color:#0066CC; }
a.blacks:hover {font-size: 83%; text-decoration: underline; color:#0066CC;}

a.whiteb:link,a.whiteb:visited {text-decoration: none; font-weight: bold; color:#FFFFFF;}
a.whiteb:active {text-decoration: none; font-weight: bold; color:#000066; }
a.whiteb:hover {text-decoration: underline; font-weight: bold; color:#000066;}

a.green:link,a.green:visited {text-decoration: none; color:#006600;}
a.green:active {text-decoration: underline; color:#FF66CC; }
a.green:hover {text-decoration: underline; color:#FF9900;}

a.orange:link,a.orange:visited {text-decoration: none; color:#FF8800;}
a.orange:active {text-decoration: underline; color:#FF66CC; }
a.orange:hover {text-decoration: underline; color:#FF9900;}

a.greenb:link,a.greenb:visited {text-decoration: none; color:#3366cc; font-weight: bold;}
a.greenb:active {text-decoration: underline; color:#FF66CC; font-weight: bold; }
a.greenb:hover {text-decoration: underline; color:#FF66CC; font-weight: bold;}

a.orangeb:link,a.orangeb:visited {text-decoration: none; color:#FF8800; font-weight:bold;}
a.orangeb:active {text-decoration: underline; color:#FF66CC; font-weight:bold; }
a.orangeb:hover {text-decoration: underline; color:#FF66CC; font-weight:bold;}

a.blue:link,a.blue:visited {text-decoration: none; color:#3366cc;}
a.blue:active {text-decoration: underline; color:#FF66CC; }
a.blue:hover {text-decoration: underline; color:#FF9900;}

a.blueb2:link,a.blueb2:visited {text-decoration: none; color:#0033CC;}
a.blueb2:active {text-decoration: underline; color:#FF66CC; }
a.blueb2:hover {text-decoration: underline; color:#FF9900;}

a.blues:link,a.blues:visited {text-decoration: none; color:#3366cc;}
a.blues:active {text-decoration: underline; color:#FF66CC; }
a.blues:hover {text-decoration: underline; color:#FF9900;}

a.blueb:link,a.blueb:visited {text-decoration: none; color:#3366cc; font-weight: bold;}
a.blueb:active {text-decoration: underline; color:#FF66CC; font-weight: bold;}
a.blueb:hover {text-decoration: underline; color:#FF66CC; font-weight: bold;}

a.bluea:link,a.bluea:visited {text-decoration: underline; color:#3366cc;}
a.bluea:active {text-decoration: underline; color:#FF66CC; }
a.bluea:hover {text-decoration: underline; color:#FF9900;}

#header1{
float: left; width: 300px; height:60px; 
}
#header2{
float: right; width: 430px; height:33px;
position: absolute; top:6px; right:8px;
clear: both;
}
#header3{
float: right; width: 430px; height:21px;
position: absolute; top:39px; right:8px;
clear: both;
}

#colortabs{
clear: both;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#colortabs ul{
font-weight: bold;
font-size: 13px;
margin:0;
padding:0;
list-style:none;
}

#colortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}

#colortabs a{
float:left;
color:#494949;
background: #e0e0e0 url(common/images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#colortabs a span{
float:left;
display:block;
background: transparent url(common/images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#colortabs a span{
float:none;
}

#colortabs #tabtop a:hover{
background-color:#0066CC;
color:white;
}
#colortabs #tabpc a:hover{
background-color:#CC3333;
color:white;
}

#colortabs #tabanime a:hover{
background-color:#FF9933;
color:white;
}

#colortabs #tabmusic a:hover{
background-color:#FFCC33;
color:black;
}

#colortabs #tabgoods a:hover{
background-color:#669900;
color:white;
}

#colortabs #tabbooks a:hover{
background-color:#990099;
color:white;
}

#colortabs #tabdvdpg a:hover{
background-color:#00AAFF;
color:white;
}

#colortabs #tabboys a:hover{
background-color:#AE63CA;
color:white;
}

#colortabs #tabdl a:hover{
background-color:#EC8BB0;
color:white;
}

#colortabs #tabinfo a:hover{
background-color:#0066CC;
color:white;
}

#colortabs #tabblog a:hover{
background-color:#0066CC;
color:white;
}

#slantedmenu{
font-weight: bold;
font-size: 13px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color:#e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color:#494949;
padding: 3px 0;
padding-right: 20px;
margin: 0;
text-decoration: none;
background: transparent url(common/images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color:#494949;
} 

#slantedmenu ul li a:hover{
color:#0066CC;
}

.menubox{
padding: 2px;
}

.menubox ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align menubox interface*/
font-size: 14px;
}

.menubox li{
list-style-type: none;
display: inline;
padding-top: 1px;
padding-bottom: 1px;
}

.menubox a, .menubox a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color:#2e6ab1;
}

.menubox a:hover, .menubox a:active{
border: 1px solid #2b66a5;
color:#000;
background-color:#FFFF80;
}

.menubox a.disablelink, .menubox a.disablelink:hover{
background-color:white;
cursor: default;
color:#929292;
border-color:#929292;
font-weight: normal !important;
}

#myform{ 
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font-weight: bold;
height: 22px;
background-color:#FFFF99;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 120%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color:#2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color:#000;
background-color:#FFFF80;
}

.pagination a.currentpage{
background-color:#2e6ab1;
color:#FFF !important;
border-color:#2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color:white;
cursor: default;
color:#929292;
border-color:#929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color:#FFFF99;
}

#pscroller2{
width: 400px;
height: 20px;
border: 1px solid white;
padding: 1px;
background-color:#FFFF99;
}

#pscroller2 a{
text-decoration: none;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 180px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(/top/glossyback.gif) repeat-x bottom left;
font-weight: bold;
font-size: 120%;
color: white;
display: block;
position: relative;
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ 
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(/top/glossyback2.gif);
}

.glossymenu div.submenu{ 
background: white;
}

.glossymenu div.submenu ul{ 
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #9A9A9A;
}

.glossymenu div.submenu ul li a{
display: block;
/*font-size: 12px;*/
color: #555555;
text-decoration: none;
padding: 2px 0;
padding-left: 5px;
}

.glossymenu div.submenu ul li a:hover{
background: #99CCFF;
color: black;
}

      *.float
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }

/* update */

#whatsnew{ width: auto; border: 1px #999999 solid; margin: 8px 0 0 0;padding: 2px; text-align:left; }

#calendar{
width: auto;
border: 1px #999999 solid; 
background-color:#f1f1fd;
text-align: center;
margin: 2px 0px;
padding: 2px;
}

#reserve{ width: 100%; margin: 2px 0px; padding: 4px;}

#box-n1 { width: 100%; }

#box-n2 { width: 100%; }

.box-n { 
float: left; width:48%; height:85px;
border-bottom: 1px solid #CCCCCC; 
border-left: 1px solid #CCCCCC; 
color:#555555;
margin: 0px;
padding: 3px
}

div.box-n a {font-weight: bold; color:#3366cc; text-decoration: none}
div.box-n a:link {text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-n a:visited {text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-n a:active {text-decoration: underline; color:#FF66CC; font-weight: bold;}
div.box-n a:hover {text-decoration: underline; color:#FF66CC; font-weight: bold;}

.banner_topwide {background:#FF4A65 url("/banner/banner_topwide.jpg") no-repeat center}

.box-title{
float: left; width:100%; 
}

.box-a { 
float: left; width:310px; height:190px;
border: 1px solid #CCCCCC; 
color:#555555;
margin: 5px;
padding: 3px;
}

div.box-a a {font-weight: bold; color:#3366cc; text-decoration: none}
div.box-a a:link {12px; text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-a a:visited {12px; text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-a a:active {12px; text-decoration: underline; color:#FF66CC; font-weight: bold;}
div.box-a a:hover {12px; text-decoration: underline; color:#FF66CC; font-weight: bold;}

.box-b { 
float: left; width:130px; height:230px;
border: 1px solid #CCCCCC; 
color:#555555;
margin: 5px;
padding: 3px;
}

div.box-b a {font-weight: bold; color:#3366cc; text-decoration: none}
div.box-b a:link {text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-b a:visited {text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-b a:active {text-decoration: underline; color:#FF66CC; font-weight: bold;}
div.box-b a:hover {text-decoration: underline; color:#FF66CC; font-weight: bold;}

.box-c { 
float: left; width:130px; height:260px;
border: 0px solid #CCCCCC; 
color:#555555;
padding: 0 2px 0 2px;
}

div.box-c a {font-weight: bold; color:#3366cc; text-decoration: none}
div.box-c a:link {text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-c a:visited {text-decoration: none; color:#3366cc; font-weight: bold;}
div.box-c a:active {text-decoration: underline; color:#FF66CC; font-weight: bold;}
div.box-c a:hover {text-decoration: underline; color:#FF66CC; font-weight: bold;}

.rankingtitle { 
margin: 0px;
padding: 4px;
width: auto; /*width of menu*/
font-weight: bold;
font-size: 120%;
color:#FFFFFF;
/*background-color:#3366cc;*/
background: black url('/top/glossyback.gif') repeat-x bottom left;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
} 

.menu-title { 
margin: 0px;
padding: 4px;
width: auto; /*width of menu*/
font-weight: bold;
font-size: 120%;
color:#FFFFFF;
/*background-color:#3366cc;*/
background: black url('/top/glossyback.gif') repeat-x bottom left;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.title-center { /*top.html center only */
padding: 2px 4px;
border-color:#3366cc; 
border-style: solid; 
text-align:left;
font-size: 120%;
color:#3366cc;
border-width: 0 0 1px 5px;
margin: 2px 0px;
} 

.doujin { 
padding: 2px 4px;
border-color:#FF69B4; 
border-style: solid; 
text-align:left;
font-size: 120%;
color:#FF69B4;
border-width: 0 0 1px 5px;
margin: 2px 0px;
} 


.update2 { 
font-size:120%;
padding: 2px 4px;
border-color:#3366cc; 
border-style: solid; 
text-align:left;
color:#3366cc;
border-width: 0 0 1px 8px;
margin: 2px;
} 

#container {
 width:100%;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

.banner { margin-top:10px; text-align:center;}

.tabletitle {
 text-align:left;
 width:98%;
 height:15px;
 padding:3px;
 margin:1px 1px;
 border: 1px #999999 solid;
 background-color: #EEEEEE;
 font-size: 120%;
 color: #000000;
 font-weight: 600;
}

.tablebody { text-align:left; width:90%; padding:3px;}

.movie { text-align:left; width:360px;}

.movie_right{ /*header of 2nd demo*/
color: black;
margin-bottom: 3px;
}

.movie_content {
width:360px;
margin:0;
}

.openmovie{ 
color:black;
text-decoration: none; 
}
a.openmovie:link,a.openmovie:hover {color:black;cursor: none;}

.closedmovie{ 
color: #3366cc;
text-decoration: none; 
}
a.closedmovie:hover {color:#FF9900;text-decoration: underline; }


.list-whatsnew ul {list-style: none; margin: 0; padding: 0;}
.list-ranking ul {list-style: none; margin: 0; padding: 0;}
.list-menu ul {list-style: none;  margin: 0; padding: 0;}

.list {list-style: none; margin: 0; padding: 0;}
.list li {margin: 0; padding: 0 0 0 10px;float:left;}

.box-list {list-style: none; margin: 0; padding: 0;}
.box-list li {margin: 0; padding: 0 0 0 4px;float:left; width:100px; height:145px;text-align:left;color:#555555;}

.list-sub {list-style: none; margin: 0; padding: 0;}
.list-sub li {margin: 0; padding: 0 0 0 2px;float:left;}
.list-sub3 {list-style: none; margin: 0; padding: 0;}

li.blue  { list-style-type: none; padding: 1px 0px 1px 5px; margin: 2px; } 

LI.pc { color: #555555;list-style-type: none; background: url('/common/images/li_pc.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.dvdpg { color: #555555;list-style-type: none; background: url('/common/images/li_dvdpg.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.anime { color: #555555;list-style-type: none; background: url('/common/images/li_anime.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.cd { color: #555555;list-style-type: none; background: url('/common/images/li_cd.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.goods { color: #555555;list-style-type: none; background: url('/common/images/li_goods.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.books { color: #555555;list-style-type: none; background: url('/common/images/li_books.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.boys { color: #555555;list-style-type: none; background: url('/common/images/li_boys.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.news { color: #555555;list-style-type: none; background: url('/common/images/li_news.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.dl { color: #555555;list-style-type: none; background: url('/common/images/li_dl.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.tokuten { color: #555555;list-style-type: none; background: url('/common/images/li_tokuten.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.demo { color: #555555;list-style-type: none; background: url('/common/images/li_demo.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.update { color: #555555;list-style-type: none; background: url('/common/images/li_update.gif') no-repeat; padding: 2px 0px 2px 40px; margin: 2px;line-height:110%;} 
LI.allow { color: #555555;list-style-type: none; background: url('/common/images/allow_red.gif') no-repeat; padding: 0px 0px 2px 10px; margin: 2px;line-height:110%;} 
LI.rank1 { color: #555555;list-style-type: none; background: url('/common/images/li_rank1.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank2 { color: #555555;list-style-type: none; background: url('/common/images/li_rank2.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank3 { color: #555555;list-style-type: none; background: url('/common/images/li_rank3.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank4 { color: #555555;list-style-type: none; background: url('/common/images/li_rank4.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank5 { color: #555555;list-style-type: none; background: url('/common/images/li_rank5.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank6 { color: #555555;list-style-type: none; background: url('/common/images/li_rank6.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank7 { color: #555555;list-style-type: none; background: url('/common/images/li_rank7.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank8 { color: #555555;list-style-type: none; background: url('/common/images/li_rank8.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank9 { color: #555555;list-style-type: none; background: url('/common/images/li_rank9.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank10 { color: #555555;list-style-type: none; background: url('/common/images/li_rank10.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank11 { color: #555555;list-style-type: none; background: url('/common/images/li_rank11.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank12 { color: #555555;list-style-type: none; background: url('/common/images/li_rank12.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank13 { color: #555555;list-style-type: none; background: url('/common/images/li_rank13.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank14 { color: #555555;list-style-type: none; background: url('/common/images/li_rank14.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank15 { color: #555555;list-style-type: none; background: url('/common/images/li_rank15.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank16 { color: #555555;list-style-type: none; background: url('/common/images/li_rank16.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank17 { color: #555555;list-style-type: none; background: url('/common/images/li_rank17.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank18 { color: #555555;list-style-type: none; background: url('/common/images/li_rank18.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank19 { color: #555555;list-style-type: none; background: url('/common/images/li_rank19.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 
LI.rank20 { color: #555555;list-style-type: none; background: url('/common/images/li_rank20.gif') no-repeat; padding: 1px 0px 2px 19px; margin: 2px;line-height:110%;} 

#soft-title { line-height:180%; font-size:140%; font-weight:bold; 
width:100%; margin:10px 0px; border-top:1px #CCCCCC dotted;border-bottom:1px #CCCCCC dotted; padding:5px 0px;
}

.chara-name { font-size:100%;}

#container-top{text-align:left;margin:0;}
#wrapper-center{float:left;width:100%;}
#content-center{margin: 12px 184px 0 184px; padding:0 4px;text-align:left;}
#navigation{float:left;width:180px;margin-top:2px;margin-left:-100%;text-align:left;}
#extra{float:left;width:180px;margin-top:2px;margin-left:-180px;text-align:left;}
#footer{clear:left;width:100%}

div.word {
font-size:14px;
word-spacing: 4px;
line-height: 150%;
}