@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0;}

html, body {height:100%;}

body{
background:url(../images/bg.jpg) #000;
font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3";
font-size:12px;}

#shadow{
background:url(../images/shadow.png);
width:971px;
height:548px;
display:block;
margin:0 auto;
position:relative; 
top:50%; 
margin-top:-255px;
_background:#333;
_width:935px;
_height:512px;} 

#container{
position:absolute;
width:933px;
height:510px;
margin:19px 0 0 19px;
_margin:1px 0 0 1px;}

a img {border:none;}

a {color:#fff2a6}

#contents{
width:720px;
height:510px;
float:left;
background:url(../images/bg_contents.jpg);}

.contents_inner{
width:637px;
margin:25px auto;}

.contents_flash{
width:720px;
height:510px;}

#right_menu{
width:213px;
height:510px;
float:left;
background:url(../images/bg_menu.png);}

* html #right_menu {
behavior: expression(IEPNGFIX.fix(this));} 

.logo {
margin:20px 0 0 17px;
width:180px;
height:38px;
text-align:center;
border-bottom:1px solid #909090;}

.link{
margin:15px 0 0 17px;}

.link ul li{
list-style:none;
margin-bottom:1px;
text-indent:-99999px;}

/*----------right menu rollover----------*/

.link ul li.products a{
background:url(../images/link_products.gif) left top no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.products a:hover{
background-position: right bottom;}

.link ul li.products_on{
background:url(../images/link_products.gif) right bottom no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.feature a{
background:url(../images/link_feature.gif) left top no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.feature a:hover{
background-position: right bottom;}

.link ul li.feature_on{
background:url(../images/link_feature.gif) right bottom no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.player a{
background:url(../images/link_player.gif) left top no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.player a:hover{
background-position: right bottom;}

.link ul li.player_on{
background:url(../images/link_player.gif) right bottom no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.shoplist a{
background:url(../images/link_shoplist.gif) left top no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.shoplist a:hover{
background-position: right bottom;}

.link ul li.shoplist_on{
background:url(../images/link_shoplist.gif) right bottom no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.campaign a{
background:url(../images/link_campaign.gif) left top no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.campaign a:hover{
background-position: right bottom;}

.link ul li.campaign_on{
background:url(../images/link_campaign.gif) right bottom no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.download a{
background:url(../images/link_download.gif) left top no-repeat;
width:179px;
height:40px;
display:block;}

.link ul li.download a:hover{
background-position: right bottom;}

.link ul li.download_on{
background:url(../images/link_download.gif) right bottom no-repeat;
width:179px;
height:40px;
display:block;}

/*---------------------*/

.tribes{
margin:15px 0 0 17px;}

.puma_logo{
margin:5px 0 0 17px;
width:179px;
text-align:right;}