@charset "shift_jis";

/*
body {
 background-position: center top; background-image: url(/app/images/static/background.gif); margin: 0; color: #333333; background-repeat: repeat-y; background-color: #ffffff
}
*/
body{ background:url("/app/images/u/bg.gif") repeat-y center top; padding:0; margin:0 auto; color: #333333; background-color: #ffffff; }

#Wrapper{width: 800px; margin-left: auto; margin-right: auto; text-align: center;}

/* base */
.alignright { margin:0; padding:0; display:block; float:right;}
.aligncenter { margin:0; padding:0; text-align:center; display:block; clear:both;}
a img { border: none; }
.clearall{clear:both; height:0; line-height:1%; font-size:1px;}
p{margin:0; padding:0;}
/* base end */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* hack */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.allclear{ clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px;}


/* navigation */
.navi{width:176px; margin-bottom: 8px;}
.top-bn{margin: 0 0 3px 0;}
.navi .title{width:166px; text-align:left; margin:6px 0;}
.navi .navitable{margin-bottom:5px;}
.navi table td ul{list-style:none; margin:5px 0 3px 7px; padding:0;}
.navi table td ul li{background:url("/app/images/static/top/navi_arrow.gif") no-repeat left center; padding-left:10px; font-size: 76%; line-height: 160%; text-align:left;}
.navi table td ul li.dow{background:url("/app/images/static/top/navi_arrow02.gif") no-repeat left center; padding-left:10px; text-align:left;}
td.mainarea{padding-left:23px; text-align:left;}
.mainimg{margin-bottom:6px;}
.mainimg .txt-area{background:url("/app/images/static/top/top_2007_01_center.gif") repeat-y top left; padding:10px 0 5px 15px}
.mainimg .txt-area p{background:url("/app/images/static/top/top_2007_01_icon.gif") no-repeat center left; padding-left:8px; margin-bottom:2px;}
.mainimg .btn-icon{ float:right;}

.bj-sp{width:295px; background:url("/app/images/static/top/bg_bj2008_01.gif") repeat-y left top; float:left; margin:0; padding:0;}
.bj-sp-bot{width:295px; background:url("/app/images/static/top/bg_bj2008_02.gif") no-repeat left bottom;}
.sc-sp{width:265px; background:url("/app/images/static/top/bg_bj2008_sc_01.gif") repeat-y left top; float:left; margin:0; padding:0;}
.sc-sp-bot{width:265px; background:url("/app/images/static/top/bg_bj2008_sc_02.gif") no-repeat left bottom;}
ul.bj-dot{margin:2px 12px 5px 12px; padding:0;}
ul.bj-dot li{background:url("/app/images/static/top/dot_bj2008_01.gif") no-repeat left top; padding-left:12px; text-align:left; list-style:none; margin:0;}
ul.sc-dot{margin:5px 0 0 12px; padding:0;}
ul.sc-dot li.sc-l{width:113px; background:url("/app/images/static/top/ico_bj2008_nt.gif") no-repeat left center; padding-left:13px; text-align:left; list-style:none; float:left; margin:0 8px 3px 0;}
ul.sc-dot li.sc-r{width:103px; background:url("/app/images/static/top/ico_bj2008_nt.gif") no-repeat left center; padding-left:13px; text-align:left; list-style:none; float:left; margin:0 0 3px 0;}

ul.news{list-style:none; margin:3px 0 0 16px; padding:0;}
ul.news li{font-size:76%; line-height:160%; background:url("/app/images/static/top/top_2007_arrow.gif") no-repeat left top; padding-left:15px;}

ul.sound{list-style:none; margin:3px 0 0 16px; padding:0;}
ul.sound li{float:left; font-size:76%; line-height:160%; background:url("/app/images/static/top/top_2007_arrow.gif") no-repeat left top; padding-left:15px; margin-right:17px;}

/* navigation end */

/* footer  */
#footer { width: 754px; margin: 2px auto 0px auto; text-align: center; font-size: small;}
#footer a { color: #666; text-decoration: none; }
#footer a:link, #footer a:visited { color: #666666; font-weight:normal;}
#footer a:hover, #footer a:active { color: #ff8200; text-decoration: underline; }

#copyright { float: left; margin-right: 30px; }
#date { float: center; }
#statement { float: right; margin-right: 20px;}
#justsystems { float: right; margin-top: 2px; padding-bottom: 0px; }
/* footer end */

/* a */

A:link { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none; }
A:visited { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none; }
A:active { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: underline; }
A:hover { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: underline; }

a.a1:link { color: #000000; text-decoration: none; font-weight:normal;}
a.a1:visited { color: #000000; text-decoration: none; font-weight:normal;}
a.a1:active { color: #ff6600; text-decoration: underline; font-weight:normal;}
a.a1:hover { color: #ff6600; text-decoration: underline; font-weight:normal; background-color: none; }
a.a2:link { color: #ff6600; text-decoration: underline; font-weight:normal;}
a.a2:visited { color: #ff6600; text-decoration: underline; font-weight:normal;}
a.a2:active { color: #ff6600; text-decoration: none; font-weight:normal;}
a.a2:hover { color: #ff6600; text-decoration: none; font-weight:normal; background-color: none; }
a.a3 {background:url(/app/images/static/2007up/sec_bj_ico_01.gif) no-repeat left center; padding-left:10px; margin-left:3px;}
a.a3:link { color: #ff6600; text-decoration: underline; font-weight:normal;}
a.a3:visited { color: #ff6600; text-decoration: underline; font-weight:normal;}
a.a3:active { color: #ff6600; text-decoration: none; font-weight:normal;}
a.a3:hover { color: #ff6600; text-decoration: none; font-weight:normal; background-color: none; }
/* a end */

/* ΆTCYwθ */

.fs10 { font-size: 63%; line-height: 150%;}
.fs12 { font-size: 76%; line-height: 150%;}
.fs14 { font-size: 90%; line-height: 150%;}
.fs16 { font-size: 100%; line-height: 150%;}
.fs18 { font-size: 110%; line-height: 150%;}

/* ΘΥXy[T */
.spacing-min { margin-bottom: 1px; }
.spacing5 { margin-bottom: 5px; }
.spacing10 { margin-bottom: 10px; }
.spacing11 { margin-bottom: 11px; }
.spacing15 { margin-bottom: 15px; }
.spacing16 { margin-bottom: 16px; }
.spacing18 { margin-bottom: 18px; }
.spacing20 { margin-bottom: 20px; }
.spacing23 { margin-bottom: 23px; }
.spacing25 { margin-bottom: 25px; }

/* topirQ[V */
.bj-top-navi{ width:538px; height:30px;}
.bj-top-navi td{vertical-align:top;}
.bj-top-navi td.navi01{ width:112px; background:url("/app/images/static/beatjam/bj_top_navi01.gif") no-repeat; padding:7px 0 0 22px; margin: 0;}
.bj-top-navi td.navi02{ width:112px; background:url("/app/images/static/beatjam/bj_top_navi02.gif") no-repeat; padding:7px 0 0 22px; margin: 0;}
.bj-top-navi td.navi03{ width:112px; background:url("/app/images/static/beatjam/bj_top_navi03.gif") no-repeat; padding:7px 0 0 22px; margin: 0;}
.bj-top-navi td.navi04{ width:114px; background:url("/app/images/static/beatjam/bj_top_navi04.gif") no-repeat; padding:7px 0 0 22px; margin: 0;}

/* sec menu */
.sectitle{margin-bottom:10px;}
.sec-conts{padding:0 11px;}
.caption{margin-bottom:10px;}
.dlbtn{margin:0 auto 24px auto; text-align:center; }
.imagephot{margin:0 0 20px 11px;}
img.photobt{margin-bottom:5px;}

table.box-bottom{ margin:0 0 20px 0;}
ul.txt{list-style-type: none; list-style-position:outside; margin:3px 12px 5px 16px; padding:0;}
table.box-bottom td.memb-bt{ padding-bottom:5px;}
table.box-bottom td.icon-bt{ padding-bottom:10px;}
div.captionleft{ width:230px;margin-bottom:10px; text-align:left; padding-left:30px;}
table.prog-box{ width:516px; margin:10px 10px 10px 10px; border:solid #C6C6C6 1px}
table.prog-box td.bggray{ background-color:#F5F5F5; border-right:solid #C6C6C6 1px;}
table.prog-box td.topbord{ border-top:solid #C6C6C6 1px;}
.progtxt{margin:5px 0 5px 5px;}
table.sectittle-box{ width:516px; margin:10px 10px 5px 10px;}
table.sectittle-box td.tittle-box{ height:12px; background-color:#DBF3B4;}
table.sectittle-box td p.sectittxt{ background:url("/app/images/static/2007up/sec_bj_vup_icon02.gif") no-repeat left center; margin:2px 0 2px 5px; padding-left:10px;}

table.ins td img.photo{ margin:15px 15px 0 0;}
ol.txt{ list-style-position:outside; margin:12px 10px 0 35px; padding:0;}


table.bj-prog-box{ width:538px; margin:10px 0 10px 0; border:solid #C6C6C6 1px}
table.bj-prog-box td.bggray{ background-color:#F5F5F5; border-right:solid #C6C6C6 1px;}
table.bj-prog-box td.topbord{ border-top:solid #C6C6C6 1px;}
table.bj-sectitl-box{ width:538px; margin:10px 0 5px 0;}
table.bj-sectitl-box td.tittle-box{ height:12px; background-color:#DBF3B4;}
table.bj-sectitl-box td p.sectittxt{ background:url("/app/images/static/2007up/sec_bj_vup_icon02.gif") no-repeat left center; margin:2px 0 2px 5px; padding-left:10px;}



table.player-tab{ margin-top:15px;}

.sectittle-box{ height:12px; background-color:#DBF3B4; margin:0; padding:2px 0 5px 0;}
.sectittle-box p.sectittxt{ background:url("/app/images/static/2007up/sec_bj_vup_icon02.gif") no-repeat left center; margin:2px 0 2px 5px; padding-left:10px; font-size:10px;}
table.bj-player-box{ width:538px; margin:2px 0 15px 0;}
table.bj-player-box td{ padding:8px 0 8px 0;}
table.bj-player-box td.rig-border{ border-right:solid #C6C6C6 1px; border-bottom:dotted #C6C6C6 1px;}
table.bj-player-box td.bt-border{ border-bottom:dotted #C6C6C6 1px;}
table.bj-player-box td.end-border{ border-right:solid #C6C6C6 1px;}
.playertxt{margin:2px 0 2px 5px;}
.rec-title{margin-bottom:10px;}
table.bj-ind{ margin-bottom:20px;}
table.bj-ind td.bttmsp{ padding-bottom:10px;}
table.bj-ind td.bak-gra{ background:url("/app/images/static/beatjam/sec_bj_osusume_center02.gif") repeat-x top center; border-left:1px solid #A3A3A3; border-right:1px solid #A3A3A3; padding:0 10px 0 10px;}
table.bj-ind td.centbg{ padding:0 10px 0 7px; }
table.bj-ind td.centbg-otukai{ background:url("/app/images/static/beatjam/sec_bj_otukai_center02.gif") repeat top center;}
table.bj-ind td.centbg-pro{ background:url("/app/images/static/beatjam/sec_bj_product_center.gif") repeat top center;}
table.ind-cont{ background-color:#EDFFD0; background:url("/app/images/static/beatjam/sec_bj_osusume_center03.gif") repeat-y top center;}
td.tokutyo-bak02{ background-color:#EDFFD0; background:url("/app/images/static/beatjam/sec_bj_osusume_center03.gif") repeat-y top center;}
ul.ind-cont{list-style:none; margin:0 0 0 12px; padding:0;}
ul.ind-cont li{ background:url("/app/images/static/beatjam/sec_bj_2007index_icon.gif") no-repeat left center; padding-left:15px;}
table.ind-cont td.centbg-otuka02{ background:url("/app/images/static/beatjam/sec_bj_otukai_center.gif") no-repeat top center; vertical-align:top; background-color:#D4EBC6; border-left:1px solid #A3A3A3; border-right:1px solid #A3A3A3;}
a.detasp{ margin:0 0 0 75px;}
div a.detasp02{ margin:0 8px 0 0;}
div img.vistaico{ margin:0 5px 0 0;}


/* index@E_E[h */
table.bj-ind td.konyu-cent{ background:url("/app/images/static/beatjam/sec_bj_dow_bak01.gif") repeat-x top; border-left:2px solid #F06600; border-bottom:2px solid #F06600; border-right:2px solid #F06600; padding:10px 3px 10px 4px; }
table.bj-ind td.dow-konyu{ border-top:2px solid #B9B9B9; border-left:2px solid #B9B9B9; border-right:2px solid #B9B9B9; padding:5px 5px 0 5px; }
table.bj-ind td.dow-konyu p.name{ margin-bottom: 2px; text-align:center;}
.pricetxt{margin:2px 0 2px 5px; text-align:center; vertical-align:top;}
.downtxt{margin:0 10px 5px 25px;}
table.bj-ind-box{ margin-bottom:12px; border:solid #A3A3A3 1px;}
table.bj-ind-box td img.infotittl{ margin:7px 0 5px 10px;}
.infotxt{margin:2px 0 5px 12px;}

/* index_b@E_E[h */
table.bj-ind td.bjtop-b-member{ background:#F7CCCC; padding:5px;}
table.bj-ind td.bjtop-b-upgrade{ border-right:2px solid #B9B9B9; border-left:2px solid #B9B9B9; border-bottom:2px solid #B9B9B9; padding:3px;}
table.bj-ind td.bjtop-b-upgrade p.txt{ text-align:center;}

/* index_c@E_E[h */
table.bj-ind td.bjtop-c-member{ background:#F7CCCC; padding:5px;}
table.bj-ind td.bjtop-c-upgrade{ background:url("/app/images/static/beatjam/sec_bj_dow_bak01_c.gif") repeat-x top; background-color:#F9F4C6; border:2px solid #F06600; padding:6px 3px 0 3px;}
table.bj-ind td.bjtop-c-upgrade p.txt{ margin:0 12px 5px 12px;}
table.bj-ind td.bjtop-c-dowbtm{ background:#F06600; vertical-align:bottom;}

/* index_d@E_E[h */
table.bj-ind td.bjtop-d-member{ background:#F7CCCC; padding:5px;}
table.bj-ind td.bjtop-d-download{ background:url("/app/images/static/beatjam/sec_bj_dow_bak01_d.gif") repeat-x top; background-color:#F9F4C6; border-left:2px solid #F06600; border-right:2px solid #F06600; padding:5px 3px 0 4px;}
table.bj-ind td.bjtop-d-download02{ background-color:#F9F4C6; background:url("/app/images/static/beatjam/sec_bj_dow_bak02_d.gif") repeat-y top;}
table.bj-ind td.bjtop-d-konyu{ border:2px solid #B9B9B9; padding:6px 7px 2px 6px;}
table.bj-ind td.bjtop-d-konyu p.txt{ text-align:center;}



div.subtittl-sp{ margin-bottom:5px;}
.subtittl-txt{ margin-bottom:8px;}
table.use-01{ margin-bottom:30px;}
table.use-01 td.setsumei{ background-color:#F5F5F5; padding:5px 7px 5px 7px;}

table.use-01 td.imgtxt{ padding:10px 5px 10px 0;}
div.space{ margin:15px 0 15px 0;}
ul.use{list-style:none; margin:3px 0 0 0; padding:0;}


table.info-list{ margin-bottom:10px;}
.list-txt{margin:5px 0 5px 0;}
table.info-list td img.tittlsp{ margin:5px 0 5px 0;}
table.info-list td.line{ border-bottom:dotted #C6C6C6 1px;}

.toku-midashi{ margin-bottom:10px;}
table.before-box{ margin-bottom:5px; border:solid #A3A3A3 1px; background-color:#EFEFEF;}
table.before-box td.beforetxt{ padding:5px 5px 5px 5px;}
table.after-box{ margin-bottom:20px;}
table.after-box td.after-cent{ background:url("/app/images/static/beatjam/sec_toku_bj2007_center.gif") top center;}
.after-txt{ margin:5px 5px 10px 5px;}
div.after-img{ margin:0 0 8px 8px;}
div.after-img02{ margin:8px 6px 0 5px;}
ul.after-arrw{list-style:none; margin:0 0 0 2px; padding:0;}
ul.after-arrw li{font-size:76%; background:url("/app/images/static/beatjam/sec_toku_arrow01.gif") no-repeat left center; padding-left:12px;}
/* sec menu end */

/* Θγ2007N2ΗΑ */
/* Θγ2007N7όΟ */



#header {  FONT-SIZE: 10px; }

#header FORM {
  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header INPUT {
  FONT-SIZE: 12px
}
#right_menu .on_border {
  BORDER-RIGHT: #4d4d4d 1px solid; BORDER-TOP: #4d4d4d 1px solid; BORDER-LEFT: #4d4d4d 1px solid; BORDER-BOTTOM: #4d4d4d 1px solid; BACKGROUND-COLOR: #ffffff
}
#right_menu TD {
  TEXT-ALIGN: left
}
.top_text {
  FONT-SIZE: 16px; LINE-HEIGHT: 120%
}
.news_text {
  FONT-SIZE: 13px; LINE-HEIGHT: 110%
}
.under {
  FONT-SIZE: 13px; COLOR: #333333; LINE-HEIGHT: 110%
}
.lead_text {
  FONT-SIZE: 12px; LINE-HEIGHT: 140%
}
.main_text {
  FONT-SIZE: small; LINE-HEIGHT: 120%
}
.sentence {
  FONT-SIZE: small; LINE-HEIGHT: 150%
}
#en9 {
  FONT-FAMILY: Arial, Verdana, sans-serif
}
#en10 {
  FONT-FAMILY: Arial, Verdana, sans-serif
}
#en12 {
  FONT-FAMILY: Arial, Verdana, sans-serif
}
#ja9 {
  FONT-FAMILY: Osaka, lr oSVbN, MS UI Gothic, sans-serif
}
#ja10 {
  FONT-FAMILY: Osaka, lr oSVbN, MS UI Gothic, sans-serif
}
#ja12 {
  FONT-FAMILY: Osaka, lr oSVbN, MS UI Gothic, sans-serif
}
#ja14 {
  FONT-FAMILY: Osaka, lr oSVbN, MS UI Gothic, sans-serif
}
.tc1 {
  FONT-SIZE: 12px; COLOR: #ff6600; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc2 {
  FONT-SIZE: 12px; COLOR: #cccccc; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc3 {
  FONT-SIZE: 12px; COLOR: #ff0000; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc4 {
  FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc5 {
  FONT-SIZE: 12px; COLOR: #009e5d; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc6 {
  FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc1s {
  FONT-SIZE: 10px; COLOR: #ff6600; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc2s {
  FONT-SIZE: 10px; COLOR: #cccccc; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc3s {
  FONT-SIZE: 10px; COLOR: #ff0000; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc4s {
  FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.tc5s {
  FONT-SIZE: 10px; COLOR: #009e5d; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none
}
.under A:link {
  FONT-WEIGHT: bold; COLOR: #808080; TEXT-DECORATION: none
}
.under A:visited {
  FONT-WEIGHT: bold; COLOR: #808080; TEXT-DECORATION: none
}
.under A:active {
  FONT-WEIGHT: bold; BACKGROUND-COLOR: #f4f4f4; TEXT-DECORATION: underline
}
.under A:hover {
  FONT-WEIGHT: bold; BACKGROUND-COLOR: #dcdcdc; TEXT-DECORATION: underline
}
DIV.autobanner {
  BACKGROUND-POSITION: left center; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(/app/images/static/autobanner_bg.gif); LINE-HEIGHT: 180%; BACKGROUND-REPEAT: no-repeat
}


.use-gray{background-color:#F0F0F0; padding:10px;}
.use-gray td.cdget{padding-right:5px;}
td.use-2-3{padding:0 20px 0 10px;}

.dl-ler3{background-color:#FEF9DA; border:2px solid #F58A42; padding:8px; margin-left:15px;}
.dl-ler3mu{background-color:#FEF9DA; border:2px solid #F58A42; padding:8px;}
.dl-frame{border-left:1px solid #A3A3A3; border-right:1px solid #A3A3A3; padding:9px;}
.dl-green{width:503px!important;  background:url("/app/images/static/beatjamle/arw_down_02.gif") no-repeat 4px 6px #DBF3B4; padding-left:15px;}

.orange{color:#FF5400;}
.red{color:#FF0000;}

.spacing40{ margin-bottom:40px;}


/*  ΘΊ2007.11.20ΗΑ HEADER@Footer3  */

/* Header */
#Header { width:770px; margin:5px auto 10px auto; text-align:left; auto;}
#Header h1 { width:204px; margin: 0; padding: 0; font-size:100%; float:left; }
#Header h2 { margin: 0; padding: 0; font-size:100%; font-weight:normal;}
#Header h3 { margin: 0; padding: 0;}
#Header p { margin: 0; padding: 0;}
#Header ul { margin: 0; padding: 0; list-style-type: none;}
#Header ol { margin: 0; padding: 0; list-style-type: none;}
#Header li { margin: 0; padding: 0;}
#Header form { margin: 0; padding: 0;}
#Header dl { margin: 0; padding: 0;}
#Header dt { margin: 0; padding: 0;}
#Header dd { margin: 0; padding: 0;}

#Header .LoginName{ background:url("/app/images/u/login_sp_bottom.gif") no-repeat left bottom; padding-bottom:3px; width:336px; float:left; margin-top:5px; text-align:center;}
#Header .LoginNameTop{ background:url("/app/images/u/login_sp_top.gif") no-repeat left top; padding:5px 4px 0 0;}

#Header .LoginArea{ float:left; margin-top:7px; padding-left:70px;}
#Header .LoginArea input{vertical-align:middle; margin:0 3px;}

#login{float:right;}
#login li{float:left;}
#login li a{display:block; height:17px; width:63px; margin:10px 0 0 4px;}
#login li.n01 a{background:url("/app/images/u/bt_login_mypage.gif") no-repeat left top; margin-right:10px;}
#login li.n02 a{background:url("/app/images/u/bt_login_entry.gif") no-repeat left top;}
#login li.n03 a{background:url("/app/images/u/bt_login_logout.gif") no-repeat left top;}
#login li.n04 a{background:url("/app/images/u/bt_login_login.gif") no-repeat left top; margin-right:10px;}
#login li.n05 a{background:url("/app/images/u/bt_login_member.gif") no-repeat left top;}

#login li.n01 a:hover,#login li.n01 a:active{background-position:left -17px;}
#login li.n02 a:hover,#login li.n02 a:active{background-position:left -17px;}
#login li.n03 a:hover,#login li.n03 a:active{background-position:left -17px;}
#login li.n04 a:hover,#login li.n04 a:active{background-position:left -17px;}
#login li.n05 a:hover,#login li.n05 a:active{background-position:left -17px;}

#Footer3{padding:22px 10px 10px 10px ; clear:both; width:770px; margin:0 auto;}
#Footer3 a:link, #Footer3 a:visited { color: #666; text-decoration: none; font-weight:normal;}
#Footer3 a:hover, #Footer3 a:active { color: #FF8200; text-decoration: underline; font-weight:normal;}
#Footer3 .leftbox{float:left; margin-top:-13px; text-align: left; }
#Footer3 img{margin-left:20px; vertical-align:middle;}

.SysMsg{width: 800px; text-align: center;}
.SysMsg div{text-align: left;}
.LoginErr{width: 620px; text-align: center;}
.LoginErr div{text-align: left; font-weight: bold; FONT-SIZE: 12px; COLOR: #ff0000; LINE-HEIGHT: 1.4em; FONT-FAMILY: "lr oSVbN", "Osaka", "MS UI Gothic", "Osaka"; TEXT-DECORATION: none}
div.SysNavigation{text-align: left; width: 100%; margin: 0; padding: 4em 0 2em 4em; font-size: 0.9em;}

/* p­ΈXg 080708ΗΑ */
#topic-path{ 
  width: 800px; margin: 5px auto; padding-left: 30px; text-align: left; font-size: 0.8em;
}


/* CRecΜ©o΅ 080709ΗΑ */
h2.greenmark{
	background-image: url("/app/images/static/beatjam/ttl_use_blank.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 100%;
	margin: 0 0 8px 0;
	padding: 0 0 5px 20px;
	width: 520px;
}

/* CRecΜ©o΅ 080815ΗΑ */
h2.graymark{
	background-image: url("/app/images/static/common/ttl_graymark.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 100%;
	margin: 0 0 8px 0;
	padding: 0 0 5px 20px;
	width: 520px;
}

/* Ej[ΜυtH[ 080715ΗΑ */
.navi #artist-search{ margin: 0px 0px 10px 5px; }


/* Ξ@νe[up 091201ΗΑ */

#bj-player-box-2009{
	border-collapse:collapse;
	margin:5px 0 20px 0;
}

#bj-player-box-2009 th{
border:1px solid #C6C7C6;
background-color:#d4efbd;
}

#bj-player-box-2009 td{
border:1px solid #C6C7C6;
}

#bj-player-box-2009 p.progtxt{
	margin-right:5px;
}

/* Ξ@νe[up 20100325ΗΑ */
h3.device_genre {
	font-size: 90%;
	border-left: 5px solid #d4efbd;
	margin: 5px 0;
	padding-left: 5px;
}

tr.device_maker {
	background-color: #e3e3e3;
}

tr.dev_os th {
	width: 138px;
}

th.dev_name {
	width: 111px;
}

ul#device_genre_list {
	list-style:none;
	margin:20px;
	padding:0;
}

ul#device_genre_list li{
	background:url("/app/images/static/top/navi_arrow.gif") no-repeat left center;
	padding-left:10px; font-size: 76%;
	line-height: 160%;
	text-align:left;
}

ul#device_genre_list li a{
	font-weight: normal;
}