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

body{
background:url(../images/header_bg.jpg) repeat-x 0 0;
text-align:center;
margin:0;
padding:0;
color:#333;
}

a:link{
color:#3399CC;
}

a:visited{
color:#CC3366;
}

a img{
border:none;
}

.clear{
clear:both;
}

.clearfix:after, #header:after, .section:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
font-size:0.1em;
line-height:0;
}

.clearfix, #header, .section {
  min-height: 1px;
}

*html .clearfix, *html #header, *html .section {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper{
width:100%;
margin:0;
padding:0;
text-align:center;
}

#contents {
width:900px;
text-align:left;
margin:0 auto;
}

#header {
height:62px;
}

*html #header {
height:62px;
}

h1{
background:url(../images/logo.jpg) no-repeat 0 0;
width:394px;
height:38px;
margin:13px 0 0 0;
float:left;
}

h1 span{
position:absolute;
left:-9999px;
}

h1 a {
display:block;
width:394px;
height:38px;
}


#header .headerNavi {
float:right;
}

.topImages {
margin-top:10px;
}

.topMenu {
margin:1px 0 20px 0;
}

.topMenu ul {
margin:0;
padding:0;
list-style-type:none;
}

.topMenu li {
float:left;
}

.topMenu li a {
display:block;
height:55px;
}

.topMenu li span {
position:absolute;
left:-9999px;
}

.topMenu li.home {
background:url(../images/btn_01.gif) no-repeat 0 0;
width:179px;
height:55px;
}

.topMenu li.home a:hover {
background:url(../images/btn_01.gif) no-repeat 0 -55px;
display:block;
width:179px;
height:55px;
}

.topMenu li.shop {
background:url(../images/btn_02.gif) no-repeat 0 0;
width:180px;
height:55px;
}

.topMenu li.shop a:hover, .topMenu li.shopOn {
background:url(../images/btn_02.gif) no-repeat 0 -55px;
display:block;
width:180px;
height:55px;
}

.topMenu li.presents {
background:url(../images/btn_03.gif) no-repeat 0 0;
width:180px;
height:55px;
}

.topMenu li.presents a:hover, .topMenu li.presentsOn {
background:url(../images/btn_03.gif) no-repeat 0 -55px;
display:block;
width:180px;
height:55px;
}

.topMenu li.promotion {
background:url(../images/btn_04.gif) no-repeat 0 0;
width:180px;
height:55px;
}

.topMenu li.promotion a:hover, .topMenu li.promotionOn {
background:url(../images/btn_04.gif) no-repeat 0 -55px;
display:block;
width:180px;
height:55px;
}

.topMenu li.contact {
background:url(../images/btn_05.gif) no-repeat 0 0;
width:181px;
height:55px;
}

.topMenu li.contact a:hover {
background:url(../images/btn_05.gif) no-repeat 0 -55px;
display:block;
width:181px;
height:55px;
}

p{
margin:3px 0;
font-size:0.8em;
line-height:160%;
}

#rightSide {
width:300px;
float:right;
}

#leftSide {
width:560px;
float:left;
}

#footer {
background:url(../images/bottom_bg.gif) repeat-x 0 0;
height:177px;
margin:30px 0 0 0;
font-size:0.65em;
color:#666666;
text-align:center;
}

#bottom {
width:900px;
text-align:left;
margin:0 auto;
}

#bottom .toTop {
text-align:right;
}

.toTop2{
margin:8px 0;text-align:right;font-size:0.65em;
}