@charset "Shift_JIS";

#hpb-headerMain {
width:430px;
float:left;
z-index:2;
margin:0;
}

#hpb-headerMain h1 {
text-align:left;
font-weight:400;
line-height:12px;
font-size:10px;
margin:0;
padding:8px 0 0;
}

#hpb-headerLogo {
width:500px;
float:left;
}

#hpb-headerLogo a {
display:block;
text-indent:-9999px;
overflow:hidden;
height:58px;
background-image:url(logo_8Aa.webp);
background-position:center left;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#hpb-headerExtra1 {
width:350px;
height:43px;
float:right;
text-align:right;
margin:10px 0 0;
padding:0;
}

#hpb-headerExtra1 p.tel {
font-size:1.3em;
line-height:16px;
text-align:right;
color:#00A4FF;
font-weight:700;
margin:0;
padding:5px 0 0;
}

#hpb-headerExtra1 p.tel span {
font-size:12px;
font-weight:400;
padding-right:10px;
color:#000;
}

#hpb-headerExtra1 p.mail {
text-align:right;
font-size:12px;
line-height:14px;
margin:0;
padding:5px 0 0;
}

#hpb-headerExtra1 p.mail a {
padding-left:5px;
padding-right:5px;
font-weight:700;
}

#hpb-headerExtra2 {
height:30px;
overflow:hidden;
text-align:right;
position:absolute;
width:870px;
top:0;
left:0;
}

#hpb-headerExtra2 ul {
display:block;
list-style-type:none;
border-right-width:1px;
border-right-style:solid;
border-right-color:#000;
margin:5px 0 0;
padding:0;
}

#hpb-headerExtra2 li {
display:inline;
border-left-width:1px;
border-left-style:solid;
border-left-color:#000;
font-size:12px;
}

#hpb-footerMain {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

#hpb-footerMain p {
margin-top:0;
margin-bottom:0;
padding-top:3px;
padding-bottom:3px;
font-size:0.9em;
text-align:center;
color:#fff;
}

#hpb-footerExtra1 {
margin-top:-50px;
text-align:left;
}

#hpb-footerExtra1 ul {
padding-left:0;
list-style-type:none;
border-left-width:1px;
border-left-style:solid;
border-left-color:#000;
margin:0;
}

#hpb-footerExtra1 li {
display:inline;
border-right-width:1px;
border-right-style:solid;
border-right-color:#000;
font-size:12px;
}

#ranking {
background-color:#f0f0f0;
min-height:185px;
}

* html #ranking {
height:185px;
}

#ranking h3 {
background-color:#000;
text-align:left;
color:#fff;
font-size:1em;
line-height:34px;
margin-top:0;
margin-bottom:0;
padding-left:5px;
height:29px;
}

#ranking img.new {
float:right;
margin-top:-10px;
margin-right:0;
}

#ranking li {
display:block;
border-top-width:1px;
border-top-style:solid;
border-top-color:#fff;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CCC;
text-align:left;
line-height:1.4;
padding:5px 5px 4px 25px;
}

#ranking li img {
vertical-align:text-top;
}

#ranking li#r01 {
background-image:url(rankingNum_8Aa_01.webp);
background-position:5px 4px;
background-repeat:no-repeat;
}

#ranking li#r02 {
background-image:url(rankingNum_8Aa_02.webp);
background-position:5px 4px;
background-repeat:no-repeat;
}

#ranking li#r03 {
background-image:url(rankingNum_8Aa_03.webp);
background-position:5px 4px;
background-repeat:no-repeat;
}

#ranking li#r04 {
background-image:url(rankingNum_8Aa_04.webp);
background-position:5px 4px;
background-repeat:no-repeat;
}

#ranking li#r05 {
background-image:url(rankingNum_8Aa_05.webp);
background-position:5px 4px;
background-repeat:no-repeat;
}

#banner {
margin-top:15px;
margin-bottom:27px;
}

#banner li {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
}

#banner li a {
display:block;
text-indent:-9999px;
overflow:hidden;
}

#banner a#banner-sale {
height:170px;
background-image:url(banner_8Aa_01.webp);
background-position:center center;
background-repeat:no-repeat;
}

#banner a#banner-present {
height:56px;
background-image:url(banner_8Aa_02.webp);
background-position:center center;
background-repeat:no-repeat;
}

#banner a#banner-magazine {
height:56px;
background-image:url(banner_8Aa_03.webp);
background-position:center center;
background-repeat:no-repeat;
}

#banner a#banner-rss {
height:28px;
background-image:url(banner_8Aa_04.webp);
background-position:center center;
background-repeat:no-repeat;
}

#shopinfo {
background-color:#f0f0f0;
padding-bottom:1px;
}

#shopinfo h3 {
background-color:#000;
color:#fff;
height:30px;
line-height:32px;
text-align:left;
}

#shopinfo h3 span.ja {
font-size:0.9em;
padding-left:10px;
}

#shopinfo h4 {
margin-left:auto;
margin-right:auto;
margin-bottom:0;
font-size:1.1em;
padding-top:0;
padding-left:10px;
padding-right:10px;
color:#000;
}

#shopinfo p {
margin-left:auto;
margin-right:auto;
line-height:1.5;
padding-left:10px;
padding-right:10px;
}

#shopinfo a {
line-height:1.7;
}

#hpb-skip {
height:1px;
overflow:hidden;
text-indent:-9999px;
margin:0;
padding:0;
}

p {
margin-top:0.5em;
margin-bottom:1.5em;
padding-right:0.1em;
padding-left:0.1em;
line-height:1.4;
text-align:left;
}

p.large {
font-weight:700;
font-size:1.2em;
margin-bottom:0.4em;
color:#1191FE;
}

p.indent {
padding-left:15px;
}

p.price {
color:#D5016B;
text-align:right;
font-size:1.2em;
}

p.more {
margin-bottom:0;
text-align:right;
padding-right:5px;
}

p.more a {
display:block;
width:46px;
height:13px;
margin-left:auto;
background-image:url(more_8Aa.webp);
background-position:top left;
background-repeat:no-repeat;
text-align:left;
text-indent:-9999px;
overflow:hidden;
}

p.icon {
margin-top:2px;
margin-bottom:2px;
padding-top:0;
padding-bottom:0;
font-size:0.5em;
}

#hpb-main p.icon img {
margin-top:0;
margin-bottom:0;
margin-right:5px;
}

.left {
float:left;
}

.right {
float:right;
}

hr {
width:100%;
height:1px;
clear:both;
color:#fff;
border-style:none;
border-width:1px;
margin:0 auto 20px;
padding:0;
}

.hpb-layoutset-02 h2 {
margin-top:0;
background-color:#000;
background-image:url(titleBg_8Aa.webp);
background-position:top left;
background-repeat:repeat-x;
text-align:left;
overflow:hidden;
height:50px;
line-height:55px;
}

.hpb-layoutset-02 h2 span.ja {
font-size:1.2em;
color:#fff;
padding-left:15px;
padding-right:15px;
}

.hpb-layoutset-02 h2 span.en {
color:#00A4FF;
font-size:0.9em;
text-transform:uppercase;
}

#hpb-wrapper h3 {
height:25px;
padding-top:0;
padding-bottom:5px;
padding-left:10px;
background-image:url(indexBg_8Aa.webp);
background-position:top right;
background-repeat:repeat-x;
color:#fff;
font-size:1.15em;
text-align:left;
line-height:27px;
overflow:hidden;
clear:both;
margin:20px 0 0;
}

h3.hpb-c-index {
height:1px;
overflow:hidden;
text-indent:-9999px;
background:none;
margin:0;
padding:0;
}

#hpb-main h3 img {
margin-top:0;
margin-bottom:0;
margin-left:15px;
vertical-align:middle;
}

h4 {
text-align:left;
font-size:1.2em;
line-height:1.2;
font-weight:700;
color:#00A4FF;
margin:0;
padding:5px 10px 0 0;
}

h4 img {
margin-left:15px;
}

h5 {
margin-top:0;
margin-bottom:0;
padding-left:5px;
text-align:left;
font-size:1.1em;
line-height:1.5;
font-weight:700;
}

table {
border-collapse:collapse;
border-top-width:1px;
border-top-style:solid;
border-top-color:#000;
margin:5px 0;
}

table th {
text-align:left;
background-color:#00A4FF;
color:#fff;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
white-space:nowrap;
padding:5px 10px;
}

table td {
text-align:left;
background-color:#f0f0f0;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
padding:5px 10px;
}

input.button {
margin-top:10px;
margin-bottom:15px;
}

textarea {
width:380px;
height:200px;
}

input.l {
width:380px;
}

input.m {
width:250px;
}

input.s {
width:50px;
}

#hpb-main ul {
list-style-type:none;
margin:5px 0 20px;
padding:0;
}

#hpb-main ul li {
text-align:left;
line-height:1.4;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
background-image:url(point_8Aa.webp);
background-position:5px 10px;
background-repeat:no-repeat;
padding:5px 15px;
}

#hpb-main dl {
margin:5px 0 20px;
padding:0;
}

#hpb-main dt {
float:left;
text-align:left;
line-height:1.4;
width:9em !important;
color:#00A4FF;
font-weight:700;
margin:0;
padding:5px 0 5px 2px;
}

#hpb-main dd {
text-align:left;
line-height:1.4;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
margin:0;
padding:5px 0 5px 10em;
}

* html #hpb-main dd {
height:1%;
}

#hpb-main img {
margin-top:5px;
margin-bottom:10px;
}

#hpb-main img.left {
margin-top:5px;
margin-right:20px;
margin-bottom:10px;
float:left;
}

#hpb-main img.right {
margin-top:5px;
margin-bottom:10px;
margin-left:20px;
float:right;
}

#pagetop {
text-align:right;
margin:10px auto 0;
}

#pagetop a {
display:block;
width:90px;
height:13px;
background-image:url(returnTop_8Aa.webp);
background-position:center left;
background-repeat:no-repeat;
text-align:left;
text-indent:-9999px;
overflow:hidden;
margin-left:auto;
margin-right:0;
}

.hpb-layoutset-01 #hpb-title h2 {
height:185px;
background-image:url(mainimg_8Aa.webp);
text-align:left;
text-indent:-9999px;
overflow:hidden;
margin-top:0;
margin-bottom:0;
}

#toppage-item div.item {
width:342px;
float:left;
}

#toppage-item img.itemimg {
float:left;
margin-left:5px;
margin-right:7px;
border-color:#000;
border-style:solid;
border-width:1px;
}

#toppage-item h4 {
font-size:1.2em;
text-align:left;
width:172px;
float:right;
margin-right:5px;
margin-left:auto;
color:#000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
}

#toppage-item p {
padding-left:5px;
padding-right:6px;
margin-bottom:0;
}

#toppage-item p.price {
margin-top:30px;
text-align:right;
}

#hpb-main #toppage-special ul {
margin:10px 0 0;
padding:0;
}

#hpb-main #toppage-special li {
border-bottom-width:0;
border-bottom-style:none;
border-bottom-color:#fff;
background-image:none;
display:block;
margin:0;
padding:0 0 15px;
}

#hpb-main #toppage-special a {
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
}

#special-bargain {
width:685px;
}

#special-bargain a {
height:100px;
background-image:url(specialBanner_8Aa_01.webp);
background-position:top left;
background-repeat:no-repeat;
}

#special-gift a {
height:80px;
background-image:url(specialBanner_8Aa_02.webp);
background-position:top left;
background-repeat:no-repeat;
}

#special-outlet a {
height:80px;
background-image:url(specialBanner_8Aa_03.webp);
background-position:top left;
background-repeat:no-repeat;
}

#special-pricedown a {
height:80px;
background-image:url(specialBanner_8Aa_04.webp);
background-position:top left;
background-repeat:no-repeat;
}

#special-recommend a {
height:80px;
background-image:url(specialBanner_8Aa_05.webp);
background-position:top left;
background-repeat:no-repeat;
}

h3 span.cat {
font-weight:400;
color:#ff0;
padding-right:10px;
font-size:0.9em;
}

#item .item {
width:163px;
margin-right:7px;
margin-bottom:7px;
float:left;
background-color:#f0f0f0;
padding-bottom:5px;
}

#item .itemimg {
margin-top:10px;
margin-bottom:0;
border-color:#000;
border-style:solid;
border-width:1px;
}

#item h4 {
margin-top:0;
margin-bottom:0;
font-size:1em;
line-height:1.3;
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
color:#000;
}

#item p.icon {
height:15px;
line-height:15px;
padding-left:5px;
padding-right:5px;
}

#item p.price {
margin-top:0;
margin-bottom:0;
padding-left:5px;
padding-right:5px;
text-align:left;
font-size:1.1em;
float:left;
}

#item p.more {
margin-top:2px;
}

#detail .price {
font-size:1.3em;
margin-bottom:0;
padding-top:5px;
}

#hpb-wrapper #detail h3 {
color:#000;
font-size:1.3em;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
padding-left:5px;
background-image:none;
margin-bottom:10px;
}

#flow {
background-color:#ccc;
font-size:1.2em;
margin-left:10px;
margin-right:10px;
}

#flow ol {
color:#000;
text-align:left;
font-weight:700;
}

#flow ol li {
background-color:#f0f0f0;
background-image:url(flowArrow_8Aa.webp);
background-position:40px 0;
background-repeat:no-repeat;
padding:40px 10px 10px;
}

#flow ol li:first-child {
padding-top:10px;
background-image:none;
}

#campaign .image {
height:220px;
text-align:left;
text-indent:-9999px;
overflow:hidden;
margin-bottom:5px;
}

#spring .image {
background-image:url(springcamp_8Aa.webp);
background-position:center center;
background-repeat:no-repeat;
}

#summer .image {
background-image:url(summercamp_8Aa.webp);
background-position:center center;
background-repeat:no-repeat;
}

#autumn .image {
background-image:url(autumncamp_8Aa.webp);
background-position:center center;
background-repeat:no-repeat;
}

#winter .image {
background-image:url(wintercamp_8Aa.webp);
background-position:center center;
background-repeat:no-repeat;
}

#campaign .item {
background-color:#f0f0f0;
min-height:230px;
padding:5px 10px 10px 5px;
}

* html #campaign .item {
height:230px;
}

#campaign .item img {
margin-left:15px;
margin-right:15px;
border-color:#000;
border-style:solid;
border-width:1px;
}

#hpb-headerExtra1 p.mail a:link,#hpb-headerExtra1 p.mail a:visited {
background-color:#000;
color:#fff;
text-decoration:none;
}

#hpb-headerExtra1 p.mail a:hover,#hpb-headerExtra1 p.mail a:active {
background-color:#00A4FF;
color:#fff;
text-decoration:none;
}

#hpb-headerExtra2 li a,#hpb-footerExtra1 li a {
padding-left:10px;
padding-right:10px;
}

#hpb-headerExtra2 a:link,#hpb-headerExtra2 a:visited,#hpb-footerExtra1 a:link,#hpb-footerExtra1 a:visited,#ranking a:link,#ranking a:visited {
color:#000;
text-decoration:none;
}

#hpb-headerExtra2 a:hover,#hpb-headerExtra2 a:active,#hpb-footerExtra1 a:hover,#hpb-footerExtra1 a:active,a:link,a:visited {
color:#00A4FF;
text-decoration:underline;
}

#ranking ol,#banner ul {
list-style-type:none;
margin:0;
padding:0;
}

#ranking a:hover,#ranking a:active {
color:#00A4FF;
text-decoration:none;
}

a:hover,a:active {
color:#0080C4;
text-decoration:underline;
}

#hpb-main dl:after,#campaign .item:after {
content:".";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#special-gift,#special-pricedown {
width:335px;
float:left;
}

#special-outlet,#special-recommend {
width:335px;
float:right;
}