/* CSS Document */

*{
margin:0px;
padding:0px;
}

body{
background:url(../img/bg003.gif) repeat-x top #EBEDE8;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Lucida Grande,sans-serif;
font-size:12px;
color:#666;
line-height:130%;
margin:0px;
padding:0px;
}

ul,li,ol{
margin:0px;
padding:0px;
list-style:none;
}

h1,h2,h3,h4,h5{
font-weight:normal;
margin:0px;
padding:0px;
}
a:link{
color:#666666;
text-decoration:none;
}

a:visited{
color:#666666;
text-decoration:none;
}

a:hover{
color:#0066CC;
text-decoration:none;
}

a:active{
color:#3E7BC9;
text-decoration:none;
}
/* Basic Structure */

div#container{
background-color:transparent;
width:960px;
height:auto;
margin:0px auto 0px;
padding:0px;
}

div#submenu{
width:228px;
height:25px;
margin:0px;
padding:0px 0px 0px 732px;
}


div#header{
width:960px;
height:45px;
margin:0px 0px 10px;
}

div#top01{
width:960px;
margin:10px 0px 0px;
padding:0px;
}

div#new{
width:960px;
background:url(../img/top_bg03.gif) no-repeat left bottom #fff;
margin:10px 0px 0px;
padding:0px 0px 20px;
}

div#footer{
background:url(../img/copyright.gif) right bottom no-repeat;
width:100%;
padding:3px 0px;
margin:0px 0px 10px;
clear:both;
text-align:left;
}

.clearfix:after{
content: url(spacer.gif);
display: block;
clear: both;
height: 0;
}

.clearfix{display:inline-block;}

/* Header */

div#submenu ul{
width:228px;
margin:0px;
padding:0px;
}

div#submenu li{
margin:0px;
padding:0px;
text-indent:-9999px;
float:left;
}

#submenu .sm01 a{
background:url(../img/top_sub.gif) -0px -0px;
width:76px;
height:25px;
left:0px;
display:block;
}

#submenu .sm02 a{
background:url(../img/top_sub.gif) -76px -0px;
width:64px;
height:25px;
left:76px;
display:block;
}

#submenu .sm03 a{
background:url(../img/top_sub.gif) -140px -0px;
width:88px;
height:25px;
left:140px;
display:block;
}

#submenu .sm01 a:hover{
background:url(../img/top_sub.gif) -0px -25px;
width:76px;
height:25px;
left:0px;
display:block;
}

#submenu .sm02 a:hover{
background:url(../img/top_sub.gif) -76px -25px;
width:64px;
height:25px;
left:76px;
display:block;
}

#submenu .sm03 a:hover{
background:url(../img/top_sub.gif) -140px -25px;
width:88px;
height:25px;
left:140px;
display:block;
}


div#header h1{
background:url(../img/top_logo.gif) no-repeat;
width:230px;
height:45px;
margin:0px 120px 0px 0px;
padding:0px;
display:block;
text-indent:-9999px;
float:left;
}

div#header ul{
width:610px;
margin:14px 0px 17px;
padding:0px;
float:left;
}

div#header li{
margin:0px;
padding:0px;
text-indent:-9999px;
float:left;
}

#header .gm01 a{
background:url(../img/top_global.gif) -0px -0px no-repeat;
width:85px;
height:14px;
left:0px;
display:block;
}

#header .gm02 a{
background:url(../img/top_global.gif) -85px -0px no-repeat;
width:94px;
height:14px;
left:85px;
display:block;
}

#header .gm03 a{
background:url(../img/top_global.gif) -179px -0px no-repeat;
width:38px;
height:14px;
left:179px;
display:block;
}

#header .gm04 a{
background:url(../img/top_global.gif) -217px -0px no-repeat;
width:95px;
height:14px;
left:217px;
display:block;
}

#header .gm05 a{
background:url(../img/top_global.gif) -312px -0px no-repeat;
width:75px;
height:14px;
left:312px;
display:block;
}

#header .gm06 a{
background:url(../img/top_global.gif) -387px -0px no-repeat;
width:62px;
height:14px;
left:387px;
display:block;
}

#header .gm07 a{
background:url(../img/top_global.gif) -449px -0px no-repeat;
width:62px;
height:14px;
left:449px;
display:block;
}

#header .gm08 a{
background:url(../img/top_global.gif) -511px -0px no-repeat;
width:99px;
height:14px;
left:511px;
display:block;
}

/* Buttons */
div#top01 .box{
background:url(../img/top_bg01.gif) no-repeat left top;
width:247px;
min-height:165px;
margin:0px;
padding:0px 0px 0px 3px;
float:left;
}

div#top01 .box01{
width:206px;
min-height:165px;
margin:0px;
padding:0px;
float:left;
}

.box dt{
margin:8px 0px 0px;
padding:0px 8px;
}

.box dd{
text-align:right;
margin:8px 0px 0px;
pading:0px;
}

.box01 dt{
border:4px solid #ccc;
margin:0px 0px 5px;
padding:0px;
}

.box01 dd{
background:url(../img/top_bg02.gif) no-repeat left bottom;
margin:0px;
padding:0px 6px 0px 7px;
}

/* Whats New */
div#new h2{
background:url(../img/top_new_title.gif) no-repeat left top;
width:960px;
height:40px;
display:block;
text-indent:-9999px;
margin:0px;
padding:0px;
}

.new_box{
width:932px;
padding:0px 14px;
margin:10px 0px 0px;
}
.wn01{
background:url(../img/top_new_bg01.gif) no-repeat top left;
width:150px;
height:15px;
margin:0px 9px 3px 0px;
padding:4px 8px;
display:block;
float:left;
clear:left;
}
.apparel{
background:url(../img/top_new_bg03.gif) no-repeat top left;
width:78px;
height:15px;
margin:0px 9px 3px 0px;
padding:4px 8px 4px 80px;
display:block;
float:left;
clear:left;
}
.hobby{
background:url(../img/top_new_bg04.gif) no-repeat top left;
width:78px;
height:15px;
margin:0px 9px 3px 0px;
padding:4px 8px 4px 80px;
display:block;
float:left;
clear:left;
}
.trade{
background:url(../img/top_new_bg05.gif) no-repeat top left;
width:78px;
height:15px;
margin:0px 9px 3px 0px;
padding:4px 8px 4px 80px;
display:block;
float:left;
clear:left;
}
.com{
background:url(../img/top_new_bg06.gif) no-repeat top left;
width:78px;
height:15px;
margin:0px 9px 3px 0px;
padding:4px 8px 4px 80px;
display:block;
float:left;
clear:left;
}

.wn02{
background:url(../img/top_new_bg02.gif) no-repeat top right;
width:737px;
height:15px;
margin:0px 0px 3px;
padding:4px 10px;
display:block;
float:left;
}

.wn03{
text-align:right;
margin:0px 0px;
padding:0px;
clear:both;
}

/* Footer */

div#footer ul{
margin:10px 0px 0px 10px;
padding:0px;
background:url(../img/pp_border.gif) top left no-repeat;
height:24px;
}

div#footer li{
margin:0px;
padding:5px 7px 0px 7px;
float:left;
background:url(../img/pp_border.gif) top right no-repeat;
height:19px;
}