@charset "UTF-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
font-size:14px;
}
body * {
line-height:1.5;
}
/* a {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
} */
img {
border:0;
vertical-align:bottom;
}
ul,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table {
font-size:100%;
border-collapse:collapse;
}

a {color:#08c;}
a {color:#369;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/* 共通設定 */
.red {
margin-top:.2em;
color:#f00;
}
.blue {
color:#369;
}
.imgLeft {
float:left;
margin-right:10px;
margin-bottom:8px;
}
big {
color:#c00;
/* font-size:18px; */
font-weight:bold;
}
.sen {
clear:both;
margin:0 0 18px;
border-bottom:solid #ccc 1px;
height:14px;
}


/*
ブロック
----------------------------------------------- */
body {
background:#f6f2eb;
background:#f6f2eb url(img/all_bg.gif) repeat-y center top;
text-align:center;
color:#333;
}

#ALL {
background:#fff;
text-align:left;
margin:0 auto;
width:780px;
}

/*
header
----------------------------------------------- */
#header {
position:relative;
z-index:1;
}
#header .h1ttl {
background:url(../img/headimg.jpg) no-repeat 0 0;
width:780px;
}
#top #header .h1ttl {
background:url(../img/header.jpg) no-repeat 0 0;
}
#header .h1ttl h1 {
font-size:100%;
position:relative;
width:780px;
height:120px;
z-index:-1;
}
#top #header .h1ttl h1 {
height:305px;
}
#header p.smenu {
position:absolute;
top:100px;
width:756px;
margin:0 12px 0;
text-align:right;
font-size:90%;
font-weight:bold;
}
#top #header p {
margin:0 12px 0;
color:#666;
font-size:90%;
}
#top p.topchu {
margin:16px 0 0;
color:#88541d;
}

/*
menu
----------------------------------------------- */
#menu p {
text-align:right;
margin:0 12px 0;
font-size:90%;
}
#header p.smenu a,
#menu p a {
text-decoration:none;
}

/*
ナビゲーション
----------------------------------------------- */
#divnavi {
background:#abbdcb url(img/btnbg.gif) repeat-x 0 -70px;
width:100%;
line-height:1;
}
#navi {
position:relative;
}
#top #divnavi {
margin-top:4px;
}
#navi li {
display:block;
float:left;
position:relative;
}
#navi a {
display:block;
text-decoration:none;
color:#369;
padding:4px 12px 2px;
font-weight:bold;
}
#navi a:hover {
background:#369 url(img/btnbg.gif) repeat-x 0 0;
color:#FFF;
text-decoration:none;
}
#navi a.in {
background-image:none;
background:#666 url(img/navion.gif) repeat-x 0 0;
color:#FFF;
}

/* プルダウン */
#navi ul {
display:none;
position:absolute;
top:28px;
left:0;
}
* html #navi ul {
line-height:0;
}
#navi ul li {
float:none;
}
#navi ul {
width:140px;
}
#navi ul a {
display:block;
width:124px;
background:#333;
padding:4px 8px;
color:#fff;
border-bottom:1px solid #fff;
opacity:0.9;
filter:alpha(opacity=90);
zoom:1;
line-height:1;
font-size:12px;
font-weight:normal;
}
#navi ul a.hover {
background:#369;
}
#navi ul ul {
top:0;
left:142px;
}

/*
#topmain
----------------------------------------------- */
#topmain {
margin:12px 12px 0;
}
#topmain h2 {
margin:0 0 12px;
}

#topmain .top3 .top32 .topdl {
width:572px;
background:url(img/top_01btm.gif) no-repeat bottom;
padding-bottom:12px;
}
#topmain .top3 .top32 .topdl dl {
background:url(img/top_01top.gif) no-repeat;
padding:12px 12px 0;
}
#topmain .top3 .top32 dt {
font-size:110%;
color:#88541d;
font-weight:bold;
}

#topmain .top3 {
margin-top:24px;
width:756px;
}

/* #topmain .top3 .top31 {
float:left;
width:256px;
margin-right:14px;
} */
#topmain .top3 .top32 {
float:left;
width:582px;
/* margin-right:14px; */
}
/* #topmain .top3 .top32 ul {
margin-top:8px;
}
#topmain .top3 .top32 li {
font-size:90%;
padding-bottom:4px;
margin-bottom:4px;
border-bottom:dotted 1px #ccc;
} */

#topmain .top3 .top32 h3 {
margin-top:16px;
font-size:120%;
color:#88541d;
}
#topmain .top3 .top32 .spec {
overflow:auto;
}
#topmain .top3 .top32 .spec3 {
float:left;
width:178px;
margin-right:12px;
font-size:12px;
font-weight:bold;
}
#topmain .top3 .top32 .spec3 .imgin img {
border:solid #999 1px;
margin-bottom:6px;
transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
box-shadow:1px 1px 6px #999;
-moz-box-shadow:1px 1px 6px #999;
-webkit-box-shadow:1px 1px 6px #999;
/* filter: alpha(opacity=80);
opacity: 0.8; */
}
#topmain .top3 .top32 .spec3 .imgin img:hover {
/* transform-origin:50% 50%;
transform:scale(1.1,1.1); */
box-shadow:5px 5px 8px #999;
/* -moz-transform-origin:50% 50%;
-moz-transform:scale(1.05,1.05); */
-moz-box-shadow:5px 5px 8px #999;
/* -webkit-transform-origin:50% 50%;
-webkit-transform:scale(1.05,1.05); */
-webkit-box-shadow:5px 5px 8px #999;
/* filter: alpha(opacity=100);
opacity: 1; */
}

#topmain .top3 .top33 {
float:right;
width:160px;
}
#topmain .top3 .top33 p {
margin-bottom:8px;
}
#topmain .top3 .top32 .topnew {
width:572px;
}
#topmain .top3 .top32 .newttl {
margin-top:12px;
background:#369 url(img/btnbg.gif) repeat-x 0 -70px;
padding:2px 12px 1px;
line-height:1;
font-weight:bold;
color:#369;
}


/* パン屑 */
#pankuzu {
margin:4px 12px 0;
font-size:90%;
}

/*
#main
----------------------------------------------- */
#main {
margin:24px 12px 0;
/* background:#fff url(img/side_bg.gif) repeat-y 596px 0; */
}
#main .mainL {
float:left;
width:580px;
}
#main .mainR {
float:right;
width:160px;
}
#main h2 {
margin:0 0 8px;
color:#963;
}
#main .mainL p.p00 {
margin:0 0 16px 32px;
}
#main .mainL h3 {
margin-left:32px;
background:#88541d;
color:#fff;
font-size:100%;
line-height:1;
padding:6px 8px 4px;
}
#main .mainL .giju {
margin:0 0 0 32px;
background:#f6f2eb;
padding-bottom:8px;
border-top:solid #fff 1px;
border-bottom:solid #ccc 1px;
}
#main .mainL .giju .gijuL {
float:left;
width:264px;
}
#main .mainL .giju .gijuR {
float:right;
width:264px;
}
#main .mainL .giju p {
margin:4px 8px 0;
font-size:90%;
}
#main .mainL .giju p strong {
font-size:120%;
color:#88541d;
}

/*
商品紹介
----------------------------------------------- */
.shohin {
margin:12px 0 0 32px;
padding-bottom:12px;
border-bottom:solid 4px #dbcbbb;
}
.shohin .shohinL {
float:left;
width:160px;
}
.shohin .shohinR {
float:right;
width:380px;
}
.shohin .shohinR .p01 {
border-left:solid 6px #88541d;
padding-left:4px;
}
.shohin .shohinR .p01 strong {
font-size:120%;
color:#88541d;
}
.shohin .shohinR .p01 em {
font-size:80%;
font-style:normal;
vertical-align:.3em;
background-color:#f00;
color:#fff;
padding:2px 4px;
line-height:1;
}
.shohin .shohinR .caption {
font-size:90%;
margin:8px 0 0 10px;
}
.shohin .shohinR .price {
font-size:90%;
margin:8px 0 0 10px;
}
.shohin .shohinR .btn {
margin:8px 0 0 10px;
}

/* 商品紹介 */
#main .shohinh2 {
margin-bottom:12px;
}
#main .photoL {
float:left;
width:320px;
}
#main .photoR {
float:right;
width:416px;
}
#main .photoR .specdiv {
margin-top:12px;
background:#666;
color:#fff;
padding:8px;
font-size:90%;
}
#main .photoR .specdiv.stop { /* 写真がない場合 */
margin-top:0;
}
#main .photoR .setumei {
font-size:90%;
line-height:1.8;
color:#666;
letter-spacing:.2em;
border-left:solid #999 2px;
padding-left:4px;
}
#main .photoR .specdiv .setumei {
color:#ff3;
letter-spacing:.2em;
padding-bottom:6px;
border-bottom:solid #fff 1px;
}
/* #main .photoR .specdiv .caption {
margin-top:12px;
} */
#main .photoR .specdiv .price {
margin-top:8px;
}
#main .photoR .btn {
margin-top:8px;
}


/*
▼商品紹介2（#main.shohin2）
----------------------------------------------- */
#main.shohin2 h2 {
margin-bottom:4px;
}
#main.shohin2 h3 {
margin-left:0;
background:none;
color:#88541d;
font-size:16px;
line-height:1.5;
padding:0;
}

#main.shohin2 .other {
margin-top:16px;
padding-top:12px;
border-top:solid #ccc 1px;
}
#main.shohin2 .spec {
overflow:auto;
width:756px;
margin-bottom:16px;
}
#main.shohin2 .spec3 {
float:left;
width:177px;
margin-right:12px;
font-size:12px;
font-weight:bold;
}
#main.shohin2 .spec3 .imgin img {
border:solid #999 1px;
margin-bottom:6px;
transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
box-shadow:1px 1px 6px #999;
-moz-box-shadow:1px 1px 6px #999;
-webkit-box-shadow:1px 1px 6px #999;
}
#main.shohin2 .spec3 .imgin img:hover {
box-shadow:5px 5px 8px #999;
-moz-box-shadow:5px 5px 8px #999;
-webkit-box-shadow:5px 5px 8px #999;
}

#main.shohin2 img.imgLeft {
border:solid #999 1px;
margin-bottom:6px;
transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
box-shadow:1px 1px 6px #999;
-moz-box-shadow:1px 1px 6px #999;
-webkit-box-shadow:1px 1px 6px #999;
}
#main.shohin2 img.imgLeft:hover {
box-shadow:3px 3px 8px #999;
-moz-box-shadow:3px 3px 8px #999;
-webkit-box-shadow:3px 3px 8px #999;
}

#main.shohin2 .noimg {
margin-top:10px;
float:left;
width:74px;
}
#main.shohin2 .noimg img {
border:solid #999 1px;
transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
box-shadow:1px 1px 6px #999;
-moz-box-shadow:1px 1px 6px #999;
-webkit-box-shadow:1px 1px 6px #999;
}




/*
#footer
----------------------------------------------- */
#footer {
margin:32px 12px 0;
padding-bottom:12px;
}
#top #footer {
margin-top:48px;
}
#footer a {
/* color:#666; */
text-decoration:none;
}
#footer .copyright {
font:bold 90% Helvetica, "Lucida Grande", Arial, Geneva, Verdana, sans-serif;
color:#666;
}

#back {
background:#ff0 url(img/bgptn.gif) repeat-x center top;
height:48px;
}

/* ブログテスト */
.blog_kiji {
border-bottom:solid 1px #ccc;
padding:0 0 4px;
margin-bottom:24px;
background:#fcfdf9;
font-size:90%;
}


/* 特定商取引法に基づく表記 */
.tokutei dl* {
line-height:1.8;
}
.tokutei dl {
margin-left:32px;
}
.tokutei dt {
margin-top:14px;
font-weight:bold;
color:#369;
}
.tokutei dd {
padding-left:24px;
font-family:'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝', serif;
}
.tokutei dd .btn a {
padding:4px 8px;
font-size:90%;
text-decoration:none;
font-weight:bold;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
background-color:#369;
color:#fff;
}
.tokutei dd .btn a:hover {
background-color:#963;
}

.tokutei dl.hyou {
margin:12px 0 0 32px;
padding-bottom:12px;
border-bottom:solid #999 1px;
}
.tokutei .hyou dt {
float:left;
width:12em;
margin-top:0;
padding:2px 4px;
font-weight:bold;
/* color:#666; */
border-bottom:solid #fff 1px;
}
.tokutei .hyou dd {
margin-left:12em;
padding-left:0;
padding:2px 4px;
border-bottom:solid #fff 1px;
}

#main .tokutei h3 {
margin-top:16px;
background:#369;
}

.tokutei .oazukari {
padding:0 8px;
background-color:#ddf;
border:solid #ccc 1px;
}

.tokutei .bcenter {
margin:16px 0 0 64px;
width:480px;
text-align:center;
}

.tokutei .bcenter .bcenterL {
float:left;
padding:8px;
width:210px;
}

.tokutei .bcenter .bcenterR {
float:right;
padding:8px;
width:210px;
background-color:#ddf;
}
/* .tokutei .bcenter .bcenterR p {
padding:8px;
} */

#feed {
border:solid #ccc 1px;
border-top:none;
/* margin:0 0 12px; */
/* height:90px;
overflow:auto; */
padding:0 8px;
}
#feed li {
font-size:12px;
padding:4px 0;
border-bottom:dotted #ccc 1px;
}

/*
印刷用
----------------------------------------------- */
.print {
display:none;
}
@media print {
body {
background:#FFF none !important;
color:#000;
}
a:link,
a:visited,
a:hover,
a:active {
color:#000;
}
.print {
display:block;
}
#header .h1ttl {
display:none;
}
}


/* css_end */