@charset "utf-8";

/* CatseyeGroup */
body {
width:100%;
margin:0;
color:#333;
font-size:83%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.4;
background:url(img/bg.gif) repeat-x;
}

h1,h2,h3,p,em,ul,li,hr,dl,dt,dd {
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
list-style:none;
}

address {
font-style:normal;
margin-bottom:10px;
}

img {
border: 0;
margin:0;
padding:0;
vertical-align:bottom;
line-height:0;
}

img.img_right {
float:right;
margin-left:1em;
margin-bottom:1em;
}

hr.clear {
visibility:hidden;
clear:both;
}

hr {
border:1px #900 solid;
margin:10px 0;
}

/*clearfix---------------*/
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*clearfix---------------*/

/* WRAPPER */
#wrapper {
width:900px;
margin:0 auto;
background:url(img/wrapper_bg.gif);
}

#wrapper_inner {
width:870px;
background:url(img/wrapper_inner.gif) top no-repeat;
padding:0 15px;
}

/* HEADER */
#header {
width:870px;
height:100px;
background:url(img/header_bg.gif) no-repeat;
}

h1#logo {
width:340px;
padding:20px 150px 0 25px;
display:block;
float:left;
}

ul#sub-navi li {
width:165px;
height:35px;
margin:0;
padding:0;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
}

ul#sub-navi li a {
display: block;
padding: 0;
height: 35px;
text-decoration: none;
background-image:url(img/sub-navi.gif);
background-repeat: no-repeat;
outline-style: none;
}

ul#sub-navi li#bukken-b a {
background-position:0 0;
}

ul#sub-navi li#bukken-b a:hover {
background-position:0 -35px;
}

ul#sub-navi li#bukken-b a.current {
background-position:0 -35px;
}

ul#sub-navi li#pp-b a {
background-position:-165px 0;
}

ul#sub-navi li#pp-b a:hover {
background-position:-165px -35px;
}

ul#sub-navi li#pp-b a.current {
background-position:-165px -35px;
}

/* TOPIMG */
h2#main-img {
padding-top:10px;
}

/* MAIN */
#main {
width:830px;
padding:0 20px;
margin:25px 0;
background:url(img/dot-line.gif) center repeat-y;
}

#main-bp {
width:830px;
padding:0 20px;
margin:25px 0;
}

#kantou {
width:380px;
float:left;
}

#hokkaido {
width:380px;
float:right;
}

ul.shop li {
width:380px;
padding-bottom:10px;
}

ul.shop li a:hover {
top:2px;
left:2px;
position:relative;
}

/* Footer */
#footer {
width:820px;
margin-left:5px;
padding:20px 20px 0 20px;
border-top:#000 3px solid;
background:url(img/footer-bg.gif);
color:#F5F5F5;
}

p.link {
font-size:85%;
padding-bottom:20px;
}

#copy {
width:850px;
margin-left:5px;
background-color:#000;
padding:5px;
text-align:center;
color:#F5F5F5;
}

/* LINK */
a:link {
color:#F5F5F5;
text-decoration:none;
}

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

a:hover {
color:#CCC;
}

a:active {
color:#CCC;
}

/* LINK */
a.def:link {
color:#00C;
text-decoration:none;
}

a.def:visited {
color:#00C;
text-decoration:none;
}

a.def:hover {
color:#06C;
}

a.def:active {
color:#06C;
}


/*----------------
bukken
----------------*/
.b-left {
width:400px;
float:left;
}
.b-right {
width:400px;
float:right;
}
h2.bukken-t {
height:44px;
padding:10px 0 0 10px;
margin-bottom:5px;
background:url(img/bukken-t-bg.gif) repeat-x;
}
p.bukken {
padding-left:10px;
}
.red {
color:#F00;
font-size:120%;
font-weight:bold;
}
table.bukken-table {
border-top:solid 1px #CCC;
border-left:solid 1px #CCC;
}
table.bukken-table th {
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
background-color:#F5F5F5;
width:30%;
padding:5px;
}
table.bukken-table td {
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
width:70%;
padding:5px;
}

/*----------------
privacy
----------------*/
dl.pp dt {
font-weight:bold;
font-size:110%;
padding-bottom:2px;
margin-bottom:4px;
border-bottom:#333 dotted 1px;
}
dl.pp dd {
padding-bottom:20px;
}
ol {
margin-bottom:10px;
}
ol li {
list-style:circle;
}

/*----------------
kantou
----------------*/
dl.add dt {
font-weight:bold;
padding:2px;
margin-bottom:4px;
background-color:#F5F5F5;
}

dl.add dd {
padding-bottom:10px;
padding-left:10px;
}
div.headphone {
padding:5px;
background-color:#E8FCFF;
}
div.headphone img {
float:left;
padding-right:10px;
}