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

/*------------------------------------------------------------
CSS information
reseet,base layout CSS

1.RESET
2.DEFAULT
3.HEADER
4.PAGEBASE
5.FOOTER
------------------------------------------------------------*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html {overflow-y: scroll;}
html , body{height:100%;}
body , div , 
dl , dt , dd , ul , ol , li , 
h1 , h2 , h3 , h4 , h5 , h6 , pre ,
form , fieldset , input , textarea ,
p,blockquote,th,td,img,a{
margin: 0;
padding: 0;
}
q:before,q:after{content:'';}
object , embed{vertical-align:top;}
img , abbr , acronym , fieldset{border:0;}
img{vertical-align:bottom;}
li{list-style-type:none;}
a{overflow:hidden;}
p{margin:0 0 1em 0;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
DEFAULT
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html{background:url(../../img/common/bg.jpg) repeat-x fixed;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{
font-size:80%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:150%;
color:#363636;
text-align:center;
}
.alphafilter{  
behavior:expression(IEPNGFIX.fix(this));  
}


a{color:#67a151;}
a:hover{text-decoration:none;}

#wrapper{height:100%;}
#wrap{
width:802px;
padding:0 11px !important;padding:0 10px;
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -99px;
background:url(../../img/common/bg_main.png) repeat-y center;
}
body#index #wrap{margin:0 auto -75px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
HEADER
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#header{
width:802px;
overflow:hidden;
}
#header hr{display:none;}
#logo{
width:245px;
height:45px;
float:left;
}
#head{
width:802px;
height:45px;
padding:7px 0 0;
border-top:3px solid #5aa242;
overflow:hidden !important;
}
#headNavigate{
width:539px;
float:right;
padding:0 13px 0 0;
}
#headSnavi , #headNavi{text-align:right;}
#headSnavi , #headNavi{width:539px;}
#headSnavi ul li , #headNavi ul li{display:inline;}
#headSnavi ul{
font-size:80%;
margin:0 !important;margin:0 0 5px;
border-right:1px solid #ccc;
}
#headSnavi ul li{
border-left:1px solid #ccc;
padding:0 10px;
}
#headNavi{height:13px;}
#headNavi ul li{padding:0 0 0 15px;}

/*NAVI*/
#navi{
width:780px;
margin:0px auto;
height:35px;
background:url(../../img/common/global_navi.gif) no-repeat;
text-indent:-9999px;
font-size:1px;
}
#navi ul li{float:left;}
#navi ul li a{
display:block;
width:156px;
height:35px;
}
#navi ul li.naviShop a:hover , body#shop #navi ul li.naviShop a{background:url(../../img/common/global_navi.gif) no-repeat 0 -36px;}
#navi ul li.naviEvent a:hover , body#event #navi ul li.naviEvent a{background:url(../../img/common/global_navi.gif) no-repeat -156px -36px;}
#navi ul li.naviGoods a:hover , body#goods #navi ul li.naviGoods a{background:url(../../img/common/global_navi.gif) no-repeat -312px -36px;}
#navi ul li.naviOpinion a:hover , body#opinion #navi ul li.naviOpinion a{background:url(../../img/common/global_navi.gif) no-repeat -468px -36px;}
#navi ul li.naviOz a:hover , body#oz #navi ul li.naviOz a{background:url(../../img/common/global_navi.gif) no-repeat -624px -36px;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SIDE
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#side hr{display:none;}
#side{
width:189px;
padding:0 0 10px;
float:right;
}
ul.sideShop{padding:1px 0 10px;}
ul.sideShop li{padding:0 0 3px;}

ul.sideBanner li{
margin:0 0 5px;
padding:0 0 5px;
border-bottom:1px dotted #ccc;
}
ul.sideOther{padding:5px 0 0;}
ul.sideOther li{
text-align:center;
padding:0 0 10px;}

#container{
width:784px;
padding:10px 0 0 11px !important;padding:10px 0 0 4px;
text-align:left;
overflow:hidden;
}
body#index #container{padding-top:0 !important;}
#content{
width:585px;
float:left;
padding:0 0 10px;
}
body#index #content{padding:10px 0;}

.indexBanner{text-align:center;}
.indexBanner img{
display:block;
clear:both;
margin:5px auto 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FOOTER
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.push{height:99px;clear:both;}
body#index .push{height:75px;clear:both;}
.push hr{display:none;}
#footer{
width:802px;
height:99px;
margin:0px auto;
padding:0 10px !important;padding:0;
clear:both;
overflow:hidden !important;
text-align:left;
}
body#index #footer{height:75px;}

#footer li{float:left;}

#footNavi , #footSnavi{
width:782px;
padding:5px 10px;
clear:both;
overflow:hidden;
font-size:80%;
}
#footNavi{
border-top:3px solid #5aa242;
}
#footNavi li{padding:0 15px 0 5px;}
#footNavi li a{
padding:0 0 0 12px;
background:url(../../img/common/icon_arrow.jpg) no-repeat 0 2px;
}

#footSnavi{
padding:5px 0;
margin:0px auto;
border-top:1px dotted #ccc;
}
#footSnavi a{color:#444;}
#footSnavi li{
background:url(../../img/common/line.gif) no-repeat right center;
padding:0 12px 0 0;
margin:0 8px 0 0;
}
#footSnavi li.last{background:none;}

div#footer .copy{
text-align:right;
padding:0 15px 0 0;
margin:-55px 0 0;
font-size:80%;
}