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

* {padding:0; margin:0;}

html, body {height:100%;}

body{
background:#000;
font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3";
font-size:12px;}

#shadow{
background:/*url(../images/shadow.gif)*/#645d2a;
width:935px;
height:512px;
display:block;
margin:0 auto;
position:relative;
top:50%;
margin-top:-255px;
z-index:1;}

#container{
position:absolute;
width:933px;
height:510px;
border:#e9e164;
text-align:left;
margin:1px 0 0 1px;}

a img {border:none;}

a {color:#fff; text-decoration:none;}
a:hover {text-decoration:underline;}
.floatleft{float:left;}

#contents{
width:720px;
height:510px;
float:left;
background:url(../images/bg_contents.jpg);}
#contents_tvcm{
width:680px;
height:380px;
float:left;
padding:130px 0 0 40px;
background:url(../images/bg_tvcm.gif) no-repeat;
color:#e0d179;
font-size:16px;
font-weight:bold;}

.contents_inner{
position:relative;
top:57px;
_top:40px;
width:637px;
height:400px;
margin:25px auto;}
*:first-child+html .contents_inner{
top:42px;}

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

#right_menu{
width:213px;
height:510px;
float:left;
background:url(../images/line_menuL.gif) left repeat-y #000;}

.logo {
margin:20px 0 0 17px;
width:180px;
height:40px;
text-align:center;
background:url(../images/line_logo.gif) left bottom repeat-x;}

.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:180px;
height:41px;
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:180px;
height:41px;
display:block;}

.link ul li.feature a{
background:url(../images/link_feature.gif) left top no-repeat;
width:180px;
height:41px;
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:180px;
height:41px;
display:block;}

.link ul li.player a{
background:url(../images/link_player.gif) left top no-repeat;
width:180px;
height:41px;
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:180px;
height:41px;
display:block;}

.link ul li.shoplist a{
background:url(../images/link_shoplist.gif) left top no-repeat;
width:180px;
height:41px;
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:180px;
height:41px;
display:block;}

.link ul li.campaign a{
background:url(../images/link_campaign.gif) left top no-repeat;
width:180px;
height:41px;
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:180px;
height:41px;
display:block;}

.link ul li.download a{
background:url(../images/link_download.gif) left top no-repeat;
width:180px;
height:41px;
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:180px;
height:41px;
display:block;}

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

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

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

/*-------Champaign--------*/

.playvideo{
margin-right:10px;}

#contents_tvcm a{
border:1px solid #645d2a;
display:block;
margin-top:4px;}

#contents_tvcm a:hover{
border:1px solid #1d2020;}

/*-------clearfix--------*/

.clearfix:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix{ display: inline-block; }
html[xmlns] .clearfix{ display: block; }
* html .clearfix{ height: 1%; }




.link ul li.campaign2 a{
background:url(../images/link_campaign2.gif) left top no-repeat;
width:180px;
height:41px;
display:block;}

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