/*　フッターをページ最下部に固定する　*/

html,body,#wrap {
height:100%;
width: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}


#main {
padding-bottom: 95px;
width: 910px;
margin: 0px auto;
background-image: url(img/page-bg.gif);
background-repeat: repeat-y;
}

#bottom {
position: relative;
margin-top: -95px;
height: 95px;
clear: both;
width: 100%;
background-image: url(img/bottom-bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*　ここまで　*/


h1 {
position: absolute;
margin: 0px auto;
text-indent: -9000px;
font-size: 10px;
clear: both;
width: 100%;
height: 50px;
background-image: url(img/head-line.jpg);
background-repeat: repeat-x;
background-position: right top;
/*behavior: expression(IEPNGFIX.fix(this));*/
z-index: 0;
}

body {
margin: 0px auto;
text-align: center;
color: #000000;
font-family: Verdana,Arial,Helvetica,Osaka,sans-serif;
font-size: 100%;
background-color: #ffffff;
}

img {
border: 0;
}

a{
color: #0080ff;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}



/*　トップページ関連　ここから　*/




#head {
position: relative;
clear: both;
width: 900px;
margin: 0px auto;
text-align: center;
background-image: url(img/head-bg.jpg);
background-repeat: no-repeat;
background-position: left;
height: 139px;
z-index: 1;
}

.logo-top {
margin: 0px auto;
float: left;
}

.cart-kakunin {
margin: 0px auto;
float: right;
margin-top: 90px;
margin-right: 15px;
}


#menu {
clear: both;
width: 100%;
margin: 0px auto;
text-align: center;
background-image: url(img/menu-bg.jpg);
background-repeat: repeat-x;
height: 44px;
overflow: hidden;
}

.menu-area {
width: 900px;
margin: 0px auto;
}

.menu10 {
width: 780px;
margin: 0px auto;
margin-left: 60px;
padding-left: 0px;
list-style-type: none;
padding-top: 0px;
}

.menu10 li {
margin: 0px auto;
float: left;
}

.menu10 li a {
display: block;
float: left;
margin: 0px auto;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
color: #ffffff;
text-decoration: none;
}

.menu10 li a:hover {
float: left;
margin: 0px auto;
display: block;
padding-top: 15px;
padding-bottom: 15px;
color: red;
text-decoration: none;
background-color: #ffffff;
background-image:url(img/menuhoverbg.gif);
background-repeat:repeat-x;
}


.top-contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
}

.contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
}

.side {
margin: 0px auto;
float: left;
width: 219px;
overflow: hidden;
padding-bottom: 10px;
}

.main {
margin: 0px auto;
float: right;
width: 680px;
padding-bottom: 10px;
}

div.side h2 {
clear: both;
width: 200px;
margin: 0px auto;
font-size: 80%;
}

.side-title_zakka {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_zakka.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_zakka:hover {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_zakka.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_chaki {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_chaki.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_chaki:hover {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_chaki.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_level-b {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_level-b.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_level-b:hover {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_level-b.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_tencho {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_tencho.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_tencho:hover {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_tencho.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_yahoo {
display: block;
margin: 0px auto;
width: 200px;
height: 219px;
background-image: url(img/side-yahoo.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 13px;
}

.side-title_yahoo:hover {
display: block;
margin: 0px auto;
width: 200px;
height: 219px;
background-image: url(img/side-yahoo.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 13px;
}


.side-title_monthly {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_monthly.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}

.side-title_monthly:hover {
display: block;
margin: 0px auto;
width: 200px;
height: 37px;
background-image: url(img/side-title_monthly.jpg);
background-repeat: no-repeat;
text-indent: -9000px;
margin-top: 10px;
}



.side-menu-box {
margin: 0px auto;
width: 198px;
border-left: 1px solid #C30100;
border-right: 1px solid #C30100;
border-bottom: 1px solid #C30100;
padding-bottom: 5px;
}

.side-menu-box ul {
margin: 0px auto;
text-align: left;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

.side-menu-box ul li {
margin: 0px auto;
padding-top: 5px;
}

.side-menu-box ul li a {
display: block;
width: 90%;
margin: 0px auto;
background-image: url(img/sidemenu_a.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 14px;
color: #000000;
text-decoration: none;
font-size: 90%;
margin-left: 15px;
}

.side-menu-box ul li a:hover {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu_a.gif);
background-repeat: no-repeat;
background-position: 2px center;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 14px;
color: #ff0000;
text-decoration: none;
font-size: 90%;
margin-left: 15px;
}



.top-comment {
margin: 0px auto;
width: 680px;
/*height: 121px;*/
background-image: url(img/top-comment-bg.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-top: 20px;
padding-bottom: 27px;
overflow: hidden;
}

.top-comment p {
margin: 0px auto;
width: 450px;
text-align: left;
line-height: 160%;
color: #ffffff;
}

div.top-contents h3 {
margin: 0px auto;
font-size: 80%;
}

.top-banner_zakka {
display: block;
margin: 0px auto;
width: 330px;
height: 120px;
background-image: url(img/top-banner01.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 5px;
}

.top-banner_zakka:hover {
display: block;
margin: 0px auto;
width: 330px;
height: 120px;
background-image: url(img/top-banner01.jpg);
background-repeat: no-repeat;
background-position: left bottom;
text-indent: -9000px;
margin-top: 10px;
margin-left: 5px;
}

.top-banner_chaki {
display: block;
margin: 0px auto;
width: 330px;
height: 120px;
background-image: url(img/top-banner01.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 10px;
float: right;
margin-right: 5px;
}

.top-banner_chaki:hover {
display: block;
margin: 0px auto;
width: 330px;
height: 120px;
background-image: url(img/top-banner01.jpg);
background-repeat: no-repeat;
background-position: right bottom;
text-indent: -9000px;
margin-top: 10px;
margin-right: 5px;
}

.top-banner_level-b {
display: block;
margin: 0px auto;
width: 160px;
height: 183px;
background-image: url(img/top-banner02.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 5px;
}

.top-banner_level-b:hover {
display: block;
margin: 0px auto;
width: 160px;
height: 183px;
background-image: url(img/top-banner02.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 10px;
margin-left: 5px;
}

.top-banner_tencho {
display: block;
margin: 0px auto;
width: 160px;
height: 183px;
background-image: url(img/top-banner03.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 10px;
float: right;
margin-right: 5px;
}

.top-banner_tencho:hover {
display: block;
margin: 0px auto;
width: 160px;
height: 183px;
background-image: url(img/top-banner03.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 10px;
margin-right: 5px;
}

.top-concept {
display: block;
margin: 0px auto;
width: 336px;
height: 197px;
background-image: url(img/top-concept.jpg);
background-repeat: no-repeat;
background-position: center center;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 5px;
}

.top-news {
margin: 0px auto;
width: 330px;
background-image: url(img/top-news-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 10px;
margin-left: 5px;
float: left;
font-size: 80%;
padding-top: 28px;
padding-bottom: 7px;
}

.top-news-box {
clear: both;
margin: 0px auto;
width: 98%;
height: 110px;
overflow: auto;
}

dl.top-news-body {
clear: both;
margin: 0px auto;
width: 94%;
text-align: left;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

dl.top-news-body dt {
  clear: left;
  float: left;
  width: 6em;
  padding: 2px 0.5em;
}

dl.top-news-body dd {
  margin-left: 0;
  padding: 1px 0.5em 1px 7em;
  border-bottom: dotted 1px #CCC;
}

dl.top-news-body dd a {
display: block;
margin: 0px auto;
color: #000000;
text-decoration: none;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}

dl.top-news-body dd a:hover {
display: block;
margin: 0px auto;
color: #ff0000;
text-decoration: none;
background-color: #fffedd;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}

.top-nyuka {
margin: 0px auto;
width: 330px;
background-image: url(img/top-nyuka-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 10px;
margin-right: 5px;
float: right;
font-size: 80%;
padding-top: 28px;
padding-bottom: 7px;
}

.top-nyuka-box {
clear: both;
margin: 0px auto;
width: 97%;
height: 110px;
overflow: auto;
}




/* フッター部　*/

.footer {
margin: 0px auto;
width: 910px;
background-image: url(img/footer-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 95px;
}


.menu20 {
width: 900px;
margin: 0px auto;
margin-left: 70px;
padding-left: 0px;
list-style-type: none;
padding-top: 15px;
font-size: 80%;
}

.menu20 li {
margin: 0px auto;
float: left;
}

.no-bar {
display: block;
float: left;
margin: 0px auto;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 7px;
padding-right: 7px;
color: #000000;
text-decoration: none;
}

.no-bar:hover {
float: left;
margin: 0px auto;
display: block;
padding-top: 1px;
padding-bottom: 1px;
color: red;
text-decoration: underline;
}

.left-bar {
display: block;
float: left;
margin: 0px auto;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 7px;
padding-right: 7px;
color: #000000;
text-decoration: none;
border-left: 1px solid #000000;
}

.left-bar:hover {
float: left;
margin: 0px auto;
display: block;
padding-top: 1px;
padding-bottom: 1px;
color: red;
text-decoration: underline;
border-left: 1px solid #000000;
}


.copy {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
color: #ffffff;
font-size: 80%;
padding-top: 18px;
}

/*下層ページ*/

.cate-title {
clear: both;
margin: 0px auto;
margin-top: 10px;
background-image: url(img/titlebar.jpg);
background-repeat: no-repeat;
background-position: center center;
text-align: right;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 45px;
overflow: hidden;
color: #ffffff;
}

.entry-title {
clear: both;
margin: 0px auto;
background-image: url(img/s-hyodai-bg.gif);
background-repeat: no-repeat;
background-position: center center;
margin-top: 20px;
padding-left: 70px;
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
}

.entry-body {
margin: 0px auto;
text-align: center;
width: 100%;
font-size: 90%;
}

.entry-body p {
margin: 0px auto;
text-align: left;
width: 93%;
line-height: 150%;
}

.entry-body2 {
margin: 0px auto;
text-align: center;
width: 600px;
font-size: 90%;
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
margin-top: 15px;
}

.entry-body2 p {
margin: 0px auto;
text-align: left;
width: 560px;;
line-height: 150%;
}

.update {
margin: 0px auto;
width: 560px;
text-align: right;
margin-top: 1px;
}


.tokusho {
margin: 0px auto;
width: 600px;
border-collapse: collapse;
font-size: 90%;
border: 1px solid #362965;
margin-top: 30px;
}

.tokusho th {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
vertical-align: top;
line-height: 130%;
width: 28%;
text-align: left;
font-weight: normal;
border: 1px solid #362965;
background-color: #DDD3FF;
}

.tokusho td {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
vertical-align: top;
line-height: 130%;
text-align: left;
border: 1px solid #362965;
}

.privacy {
margin: 0px auto;
width: 89%;
text-align: left;
margin-top: 15px;
}

.privacy dt{
margin: 0px auto;
background-image: url(img/s-hyodai-bg.gif);
background-repeat: no-repeat;
background-position: center center;
margin-top: 20px;
padding-left: 35px;
padding-top: 8px;
padding-bottom: 8px;
}

.privacy dd{
margin: 0px auto;
margin-top: 5px;
margin-left: 3em;
padding-right: 1em;
line-height: 150%;
}

.guide-body {
margin: 0px auto;
text-align: center;
width: 600px;
font-size: 90%;
margin-top: 15px;
}

.guide-body p {
margin: 0px auto;
text-align: left;
width: 590px;
line-height: 150%;
}

.kirie-top {
margin: 0px auto;
width: 660px;
line-height: 150%;
text-align: left;
margin-top: 15px;
font-size: 90%;
background-image: url(img/kirie-image.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-top: 20px;
padding-bottom: 50px;
}

.uchie-top {
margin: 0px auto;
width: 600px;
line-height: 150%;
text-align: left;
margin-top: 15px;
font-size: 90%;
/*background-image: url(img/kirie-image.jpg);
background-repeat: no-repeat;
background-position: right top;*/
padding-top: 20px;
padding-bottom: 50px;
}


/*商品ページ　一覧*/

.shouhin-content {
clear: both;
margin: 0px auto;
margin-top: 15px;
width: 600px;
border-bottom: 1px dotted #b9b9b9;
padding-bottom: 5px;
overflow: auto;
}

.sc-photo_s {
float: left;
margin: 0px auto;
margin-left: 5px;
padding: 2px;
border: 1px solid #cccccc;
}

.sc-r {
float: right;
margin: 0px auto;
margin-right: 10px;
width: 400px;
}

h5 {
clear: both;
margin: 0px auto;
margin-top: 10px;
text-align: left;
font-size: 120%;
}

.sc-price {
margin: 0px auto;
margin-top: 10px;
text-align: left;
padding-left: 15px;
}

.sc-syousai {
display: block;
margin: 0px auto;
width: 143px;
height: 26px;
background-image: url(img/shousai_a.jpg);
background-repeat: no-repeat;
background-position: center center;
text-indent: -9000px;
margin-top: 10px;
float: right;
margin-right: 5px;
}

.sc-syousai:hover {
display: block;
margin: 0px auto;
width: 143px;
height: 26px;
background-image: url(img/shousai_hover.jpg);
background-repeat: no-repeat;
background-position: center center;
text-indent: -9000px;
margin-top: 10px;
margin-right: 5px;
}


/*商品ページ　個別*/

.shouhin-entry {
margin: 0px auto;
margin-top: 15px;
width: 600px;
padding-bottom: 5px;
}

.shouhin-entry_photo {
float: left;
margin: 0px auto;
margin-left: 5px;
padding: 2px 2px;
border: 1px solid #cccccc;
}

.se-r {
float: right;
margin: 0px auto;
margin-right: 10px;
width: 210px;
}

.se-price {
clear: both;
margin: 0px auto;
text-align: left;
width: 100%;
margin-top: 10px;
}

.se-r p {
float: right;
margin: 0px auto;
text-align: left;
width: 100%;
margin-top: 5px;
}

.se-r img {
float: right;
margin: 0px auto;
margin-top: 15px;
}

.se-body form {
margin: 0px auto;
padding-top: 15px;
text-align: right;
}

.cartin {
margin: 0px auto;
margin-top: 10px;
}

.comment {
clear: both;
margin: 0px auto;
margin-top: 10px;
width: 600px;
}

.comment p {
margin: 0px auto;
text-align: left;
line-height: 130%;
font-size: 90%;
width: 85%;
margin-top: 5px;
}


.thumbnail {
clear: both;
margin: 0px auto;
margin-top: 10px;
width: 100%;
}



.thumbnail p {
float: left;
margin: 0px auto;
margin-left: 5px;
margin-top: 5px;
padding: 2px;
border: 1px solid #cccccc;
}

.other_photo {
margin: 0px auto;
text-align: left;
width: 95%;
padding-top: 10px;
}

.op_s {
font-size: 85%;
padding-left: 15px;
}