<!--

/* Global //////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {  font-size: 12px;  color: #333333; font-family: "Osaka", "ＭＳ Ｐゴシック";
	background-image: url(/images/bg.gif); background-repeat: repeat-y}

td {  font-size: 12px;  color: #333333; font-family: "Osaka", "ＭＳ Ｐゴシック"; }

.p8 {  font-size: 8px}
.p10 {  font-size: 10px ; line-height: 1.5em}
.p12 {  font-size: 12px ; line-height: 1.4em}
.p14 {  font-size: 14px}

.p10g { font-size: 10px ; line-height: 1.5em ; color: #777777}
.p12g { font-size: 12px ; line-height: 1.4em ; color: #777777}



.TxtS {  font-size: 10px ; }
.TxtM {  font-size: 12px ; }
.TxtL {  font-size: 14px ; }


ul { margin: 0px; padding:0px}
li { margin: 0px; padding:0px; list-style-type: none}


a { color: #0033FF; text-decoration:none }
a:active { color: #FF3300; text-decoration:none}
a:hover { color: #FF3300; text-decoration:underline} 




.spacer5 {  height: 5px}
.spacer10 {  height: 10px}




.Line {  background-color: #BBBBBB; height: 1px; overflow: hidden}




/* Search //////////////////////////////////////////////////////////////////////////////////////////////////////*/

.search {  background-color: #FFFFFF; border: #999999 solid 1px;
           width: 103px; padding: 1px; margin-right: 3px; margin-left: 0px;
           font-family: "Osaka", "ＭＳ Ｐゴシック";}


.SearchResult { text-align: left; width: 570px; line-height: 1.5em; margin-bottom: 30px }



/* Index //////////////////////////////////////////////////////////////////////////////////////////////////////*/

.news {  font-size: 10px; color:#555555; line-height: 1.4em}
.news2 {  font-size: 10px; color:#FF0000; line-height: 1.4em}
.artist {  font-size: 10px; font-weight: bold; color: #333333}
.dscbg {  font-size: 10px; width: 146px; 
          border: 1px solid #CCCCCC; border-bottom-width: 0px; border-right-width: 0px; 
          margin: 0px; margin-right: 3px}

.dscbg2 {  font-size: 10px; width: 146px; 
          border: 1px solid #BBBBBB; border-bottom-width: 0px; border-right-width: 0px; 
          margin: 0px; margin-right: 3px }

.dscimg {  border-color: #CCCCCC; color: #CCCCCC}

.dsc {  font-size: 10px; line-height: 13px;  color: #333333}
.dsc2 {  font-size: 9px; line-height: 12px;  color: #FF0000}
.dsc3 {  font-size: 7px; line-height: 9px;  color: #333333}
.dsc4 {  font-size: 9px; line-height: 9px;  color: #333333}
.dsc5 {  font-size: 9px; line-height: 10px;  color: #333333}
.dsc6 {  font-size: 10px; line-height: 11px;  color: #333333}
.dsc7 {  font-size: 10px; line-height: 13px;  color: #FF0000}

.pickupS {  padding-right: 5px;padding-left: 7px; vertical-align: top;}
img.pickupS {  padding-right: 5px;padding-top: 5px;padding-left:0px}

.pickupL {  padding-right: 7px;padding-left: 5px;vertical-align: top;}



#PickupS, #PickupC {  margin: 5px 0px 15px 5px; font-size: 10px; line-height: 1.5em; color: #777777 ; }
#PickupS li, #PickupC li { }
#PickupS li a, #PickupC li a {   font-size: 12px; font-weight: bold; }
#PickupS li a img, #PickupC li a img { margin: 0px 5px 0px 0px; float: left}



.IndexDl { font-size: 10px; line-height: 1.5em }

#PickupL,#PickupI { margin: 5px 0px 15px 0px; }
#PickupL li a img, #PickupI li a img { margin: 0px 0px 10px 0px;}


.BoxDl { border: 1px solid #666666; border-bottom: 0px solid #666666; background-color: #FFFFFF; padding: 0px }
#Dl { float: left; font-size: 10px; line-height: 1.5em; margin: 5px }
#Dl li a img{ border:1px solid #333333 }
#Dl.Mobile { width:268px }
#Dl.Pc { width:167px }
#Dl.Banner { width:120px; margin: 5px 5px 5px 0px  }
#Dl.Bottom {  background-image: url(Dl_Box_Bottom.gif); background-repeat: no-repeat;  }


#Tab { border-bottom: 5px solid #999999 }



.IndexDl { font-size: 10px; line-height: 1.5em }


/* Mobile //////////////////////////////////////////////////////////////////////////////////////////////////////*/

.MobileRank1 {  font-size: 10px; vertical-align: top; width:15px; text-align: center}
.MobileRank2 {  font-size: 10px; vertical-align: top;}
.MobileRankLine { height: 1px; background-color: #CCCCCC}


.recopulldown{ font-size:12px; font-family: "Osaka", "ＭＳ Ｐゴシック"; width:90px}
.recoinput{ font-size:12px;}

input.radio{ margin:0px;}






/* Artist List //////////////////////////////////////////////////////////////////////////////////////////////////////*/


#ListIndex {  float: left; font-weight: bold;  }
#ListIndex  li {  width: 280px; float: left }
#ListIndex  li.GoTop {  text-align: right }

#ListIndexSub {  width: 10px;float: left; font-size: 10px;  margin: 3px 0px; clear: both; }
#ListArtist { width: 550px; float: right; text-align: left;}
#ListArtist2 { width: 550px; float: right; text-align: left; }

#ListArtist li { float: left; width: 164px; background-repeat: no-repeat; padding: 4px 4px 0px 14px; margin: 0px; background-position: 0px 5px; }
#ListArtist2 li { float: left; width: 531px; background-repeat: no-repeat; padding: 4px 4px 0px 14px; margin: 0px; background-position: 0px 5px; }


.uj {  background-image: url(/images/list/uj.gif)}
.nr {  background-image: url(/images/list/nr.gif)}
.sgm {  background-image: url(/images/list/sgm.gif)}
.fet {  background-image: url(/images/list/fet.gif)}
.usm {  background-image: url(/images/list/usm.gif)}
.gear {  background-image: url(/images/list/gear.gif)}
.pol {  background-image: url(/images/list/dvd.gif)}
.others {  background-image: url(/images/list/others.gif)}
.esum {  background-image: url(../images/list/esum.gif)}
.mc {  background-image: url(../images/list/mc.gif)}
.int {  background-image: url(/images/list/int.gif)}

.cls {  background-image: url(/images/list/cls.gif)}
.jazz {  background-image: url(/images/list/jazz.gif)}





/* Menu//////////////////////////////////////////////////////////////////////////////////////////////////////*/


#MenuSub { margin: 0px 0px 20px 0px; padding: 0px; width: 152px; text-align: left;  }
#MenuSub li {  list-style-type: none; margin: 0px 0px 1px 0px; border: 1px solid #CCCCCC}
#MenuSub li.Header { padding: 2px 5px;  font-weight: bold; background-color: #CCCCCC;}
#MenuSub li a {  display: block; padding: 1px 5px; color: #444444; background-color: #DDDDDD;  }
#MenuSub li a:hover { color: #FF3300; text-decoration:underline; background-color: #E5E5E5 }



#MenuLeft {  width:162px;  padding: 0px 0px 15px 0px;}
#MenuLeft li {  padding: 5px 5px 0px 5px; font-size: 10px; line-height: 1.5em; color: #555555;  }
#MenuLeft li.Header { margin: 0px; padding: 0px;}
#MenuLeft img {  }
#MenuLeft  a{  color: #555555}

#MenuLeft li.DlMobile { font-size: 12px; background-image: url(/images/icon/mobile.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px  }
#MenuLeft li.DlPc { font-size: 12px;  background-image: url(/images/icon/pc.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px }




.menu {  font-size: 10px; font-family: "Osaka", "ＭＳ Ｐゴシック"; vertical-align:bottom}
a.menu { font-size: 10px; color: #555555; text-decoration:none}
a.menu:hover,a.menu:active  { color: #555555; text-decoration:none}

a.menu2 {  color: #444444}
a.menu2:hover, a.menu2:active { color: #FF3300; text-decoration:underline}

td.MenuLeft {  padding-top: 5px; padding-right: 5px; padding-bottom: 25px; padding-left: 5px; font-size: 10px; line-height: 1.5em; color: #555555; width:162px}
img.MenuLeft {  margin-right:5px}
a.MenuLeft {  color: #555555}
td.TableMain { padding:5px 0px; width:598px}
td.TableMenu { padding:5px 0px; width:162px; background-color:#CCCCCC}



/* Footer //////////////////////////////////////////////////////////////////////////////////////////////////////*/
.FooterBg{  background-image:   url(/images/footer_bg.gif); background-color: #DDDDDD}

.ImgLink { border: 1px solid #666666 }

.Footer { font-size: 10px; line-height: 1.5em;}



/* Header //////////////////////////////////////////////////////////////////////////////////////////////////////*/

.teriyakibg {  background-image: url(/images/header_teriyaki.gif); background-repeat: no-repeat}
.birthdaybg {  background-image: url(/images/header_birthday_3.gif); background-repeat: no-repeat; background-color: #000000}
.aibg {  background-image: url(/images/header_ai2.gif); background-repeat: no-repeat; background-color: #000000}
.greeeenbg {  background-image: url(/images/Header_greeeen.jpg); background-repeat: no-repeat; background-color: #FFFFFF}



-->