/*　フッターをページ最下部に固定する　*/

html,body,#wrap {
height:100%;
width: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}


#main {
padding-bottom: 203px;
width: 900px;
margin: 0px auto;
background-image: url(img/page-bg.gif);
background-repeat: repeat-y;
}

#bottom {
position: relative;
margin-top: -203px;
height: 203px;
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 */

/*　ここまで　*/



body {
margin: 0px auto;
text-align: center;
color: #000000;
font-family: Verdana,Arial,Helvetica,Osaka,sans-serif;
font-size: 100%;
background-image: url(img/head-line.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #ffffff;
}

img {
border: 0;
}

a{
color: #0080ff;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}



/*　トップページ関連　ここから　*/




#head {
clear: both;
width: 900px;
margin: 0px auto;
text-align: center;
}

h1 {
margin: 0px auto;
font-size: 1px;
text-indent: -9000px;
}

.head-left {
margin: 0px auto;
float: left;
margin-top: 4px;
}

.head-right {
margin: 0px auto;
float: right;
width: 400px;
}

.head-navi {
clear: both;
margin: 0px auto;
padding-top: 12px;
text-align: right;
margin-right: 15px;
font-size: 13px;
}

.head-navi a {
text-decoration: none;
color: #4d4d4d;
}

.head-navi a:hover {
text-decoration: underline;
color: #ff0000;
}

.top-b_inquiry {
margin: 0px auto;
display: block;
background-image: url(img/b-inquiry.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 380px;
height: 54px;
text-indent: -9000px;
margin-top: 7px;
}

.top-b_inquiry:hover {
margin: 0px auto;
display: block;
background-image: url(img/b-inquiry.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 380px;
height: 54px;
text-indent: -9000px;
margin-top: 7px;
}



#menu {
clear: both;
width: 100%;
margin: 0px auto;
text-align: center;
background-image: url(img/menu-bg.jpg);
background-repeat: repeat-x;
height: 40px;
}

.menu-area {
width: 900px;
margin: 0px auto;
position: relative;
z-index: 2;
}

.menu10 {
width: 900px;
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

.menu10 li {
margin: 0px auto;
float: left;
}

.menu11 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 225px;
height: 40px;
text-indent: -3000px;
}

.menu11 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 225px;
height: 40px;
text-indent: -3000px;
}


.menu12 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -225px top;
width: 225px;
height: 40px;
text-indent: -3000px;
}

.menu12 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -225px bottom;
width: 225px;
height: 40px;
text-indent: -3000px;
}

.menu13 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -450px top;
width: 225px;
height: 40px;
text-indent: -3000px;
}

.menu13 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -450px bottom;
width: 225px;
height: 40px;
text-indent: -3000px;
}

.menu14 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -675px top;
width: 225px;
height: 40px;
text-indent: -3000px;
}

.menu14 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -675px bottom;
width: 225px;
height: 40px;
text-indent: -3000px;
}

div#p0 {
left: 225px;
top: 40px;
}

.set {
position: absolute;
visibility: hidden;
z-index: 3;
text-align: left;
}

.set ul {
margin: 0px auto;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
font-size: 90%;
}

.set ul li {
margin: 0;
}

.set li a {
margin: 0;
display: block;
width: 200px;
background-color: #ffefff;
text-decoration: none;
color: #040e5f;
padding: 4px 0px 4px 10px;
border-top: 1px solid #fff9ff;
border-left: 1px solid #fff9ff;
border-bottom: 1px solid #ffcaff;
border-right: 1px solid #ffcaff;
}

.set li a:hover {
margin: 0;
display: block;
width: 200px;
background-color: #ede3f0;
text-decoration: none;
color: #ff0000;
padding: 4px 0px 4px 10px;
border-top: 1px solid #fff9ff;
border-left: 1px solid #fff9ff;
border-bottom: 1px solid #ffcaff;
border-right: 1px solid #ffcaff;
}



.top-contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
padding-bottom: 10px;
z-index: 0;
}

.contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
padding-bottom: 10px;
z-index: 0;
}

.topflash{
margin: 0px auto;
width: 900px;
z-index: 1;
}

div.top-contents h2 {
margin: 0px auto;
}

.top-banner_mori {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner01.jpg);
background-repeat: no-repeat;
background-position: top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 10px;
}

.top-banner_mori:hover {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner01.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -9000px;
margin-top: 10px;
margin-left: 10px;
}

.top-banner_umo {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner02.jpg);
background-repeat: no-repeat;
background-position: top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 10px;
}

.top-banner_umo:hover {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner02.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -9000px;
margin-top: 10px;
margin-left: 10px;
}

.top-banner_sennin {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner03.jpg);
background-repeat: no-repeat;
background-position: top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 10px;
}

.top-banner_sennin:hover {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner03.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -9000px;
margin-top: 10px;
margin-left: 10px;
}


.top-banner_coat {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner04.jpg);
background-repeat: no-repeat;
background-position: top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 10px;
}

.top-banner_coat:hover {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner04.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -9000px;
margin-top: 10px;
margin-left: 10px;
}

/*  2010/3/1 森の癒し→天地の恵み  */

.top-banner_tenti {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner06.jpg);
background-repeat: no-repeat;
background-position: top;
text-indent: -9000px;
margin-top: 10px;
float: left;
margin-left: 10px;
}

.top-banner_tenti:hover {
display: block;
margin: 0px auto;
width: 435px;
height: 114px;
background-image: url(img/top-banner06.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -9000px;
margin-top: 10px;
margin-left: 10px;
}










.news-area {
margin: 0px auto;
width: 435px;
margin-top: 10px;
margin-left: 10px;
float: left;
font-size: 80%;
padding-bottom: 7px;
}

.news-box {
clear: both;
margin: 0px auto;
width: 98%;
height: 123px;
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;
}


.b-area {
margin: 0px auto;
width: 435px;
margin-top: 10px;
margin-right: 10px;
float: right;
}

.top-banner_select {
display: block;
margin: 0px auto;
width: 215px;
height: 72px;
background-image: url(img/liproselectshop_a_banner.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
float: left;
}

.top-banner_select:hover {
display: block;
margin: 0px auto;
width: 215px;
height: 72px;
background-image: url(img/liproselectshop_b_banner.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
float: left;
}

.top-banner_cart {
display: block;
margin: 0px auto;
width: 215px;
height: 72px;
background-image: url(img/side_cart.jpg);
background-repeat: no-repeat;
background-position: left bottom;
text-indent: -9000px;
margin-top: 10px;
float: left;
}

.top-banner_cart:hover {
display: block;
margin: 0px auto;
width: 215px;
height: 72px;
background-image: url(img/side_cart2.jpg);
background-repeat: no-repeat;
background-position: left bottom;
text-indent: -9000px;
margin-top: 10px;
float: left;
}

/*.top-banner_jewelry {
display: block;
margin: 0px auto;
width: 215px;
height: 72px;
background-image: url(img/top-banner05.jpg);
background-repeat: no-repeat;
background-position: left -77px;
text-indent: -9000px;
margin-top: 10px;
float: left;
}

.top-banner_jewelry:hover {
display: block;
margin: 0px auto;
width: 215px;
height: 72px;
background-image: url(img/top-banner05.jpg);
background-repeat: no-repeat;
background-position: left -227px;
text-indent: -9000px;
margin-top: 10px;
float: left;
}*/

.top-banner_takuhai {
display: block;
margin: 0px auto;
width: 215px;
height: 150px;
background-image: url(img/side_kirin.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
float: right;
}

.top-banner_takuhai:hover {
display: block;
margin: 0px auto;
width: 215px;
height: 150px;
background-image: url(img/side_kirin2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
text-indent: -9000px;
}

.top-ad {
clear: both;
margin: 0px auto;
width: 730px;
padding-top: 10px;
font-size: 11px;
text-align: center;
}

.top-ad a {
text-decoration: none;
color: #4d4d4d;
padding-left: 3px;
padding-right: 3px;
margin-left: 3px;
margin-right: 3px;
}

.top-ad a:hover {
text-decoration: underline;
color: #ff0000;
padding-left: 3px;
padding-right: 3px;
margin-left: 3px;
margin-right: 3px;
}






/* フッター部　*/

.footer {
text-align: right;
margin: 0px auto;
width: 900px;
}




.copy {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
color: #ffffff;
font-size: 80%;
padding-top: 18px;
line-height: 150%;
}


/* 下層ページここから　*/

.side {
margin: 0px auto;
float: left;
width: 205px;
overflow: hidden;
text-align: center;
padding-bottom: 20px;
color: #6f6f6f;
}

.main {
margin: 0px auto;
float: right;
width: 689px;
padding-bottom: 5px;
}

div.side h2 {
clear: both;
width: 201px;
margin: 0px auto;
font-size: 80%;
margin-left: 1px;
}

.side-title_mori {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-mori.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
}

.side-title_mori:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-mori.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
}

.side-title_mori_on {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-mori.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
}

.side-title_mori_on:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-mori.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
}

.side-title_umo {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-umo.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_umo:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-umo.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_umo_on {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-umo.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_umo_on:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-umo.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}


.side-title_sennin {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-sennin2.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_sennin:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-sennin2.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_sennin_on {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-sennin2.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_sennin_on:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-sennin2.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}


.side-title_megumi {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-megumi.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_megumi:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-megumi.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_megumi_on {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-megumi.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_megumi_on:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-megumi.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}


.side-title_coat {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-coat.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_coat:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-coat.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_coat_on {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-coat.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_coat_on:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-coat.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_jewelry {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-jewelry.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_jewelry:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-jewelry.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_jewelry_on {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-jewelry.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_jewelry_on:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 52px;
background-image: url(img/side-jewelry.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 1px;
}

.side-title_select {
display: block;
margin: 0px auto;
width: 201px;
height: 72px;
background-image: url(img/side-select.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 8px;
}

.side-title_select:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 72px;
background-image: url(img/side-select.jpg);
background-repeat: no-repeat;
background-position: -202px top;
text-indent: -9000px;
margin-top: 8px;
}

.side-title_kirin {
display: block;
margin: 0px auto;
width: 201px;
height: 146px;
background-image: url(img/side-kirin.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 8px;
}

.side-title_kirin:hover {
display: block;
margin: 0px auto;
width: 201px;
height: 146px;
background-image: url(img/side-kirin.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 8px;
}

.side-title_blog1 {
display: block;
margin: 0px auto;
width: 192px;
height: 42px;
background-image: url(img/side-blog1.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 8px;
margin-left: 1px;
}

.side-title_blog1:hover {
display: block;
margin: 0px auto;
width: 192px;
height: 42px;
background-image: url(img/side-blog1.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 8px;
margin-left: 1px;
}


.side-title_blog2 {
display: block;
margin: 0px auto;
width: 192px;
height: 42px;
background-image: url(img/side-blog2.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 3px;
margin-left: 1px;
}

.side-title_blog2:hover {
display: block;
margin: 0px auto;
width: 192px;
height: 42px;
background-image: url(img/side-blog2.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 3px;
margin-left: 1px;
}

.side-title_help {
display: block;
margin: 0px auto;
width: 192px;
height: 30px;
background-image: url(img/side-help.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 8px;
}

.side-title_help:hover {
display: block;
margin: 0px auto;
width: 190px;
height: 30px;
background-image: url(img/side-help.jpg);
background-repeat: no-repeat;
background-position: -193px top;
text-indent: -9000px;
margin-top: 8px;
}


.side-title_cart {
display: block;
margin: 0px auto;
width: 190px;
height: 30px;
background-image: url(img/side-cart.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 3px;
}

.side-title_cart:hover {
display: block;
margin: 0px auto;
width: 190px;
height: 30px;
background-image: url(img/side-cart.jpg);
background-repeat: no-repeat;
background-position: right top;
text-indent: -9000px;
margin-top: 3px;
}

.side-key {
margin: 0px auto;
margin-top: 3px;
background-image: url(img/side-key.jpg);
background-repeat: no-repeat;
background-position: 8px top;
width: 190px;
text-align: right;
}

.side-key img {
margin: 0px auto;
margin-top: 5px;
margin-right: 20px;
}

.side-key p {
margin: 0px auto;
margin-top: 5px;
width: 190px;
text-align: left;
font-size: 80%;
line-height: 130%;
}

.side-title_pay {
display: block;
margin: 0px auto;
width: 192px;
height: 30px;
background-image: url(img/side-pay.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 13px;
}

.side-title_inquiry {
display: block;
margin: 0px auto;
width: 192px;
height: 30px;
background-image: url(img/side-inquiry.jpg);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9000px;
margin-top: 13px;
}

.side-inquiry {
margin: 0px auto;
margin-top: 5px;
width: 190px;
text-align: left;
font-size: 80%;
line-height: 130%;
}

.side-freedial {
background-image: url(img/side-freedial.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
}

.side-menu-box {
margin: 0px auto;
width: 175px;
background-image: url(img/side-submenu-bg.gif);
background-repeat: repeat-y;
background-position: center top;
padding-bottom: 5px;
}

.side-bottom {
margin: 0px auto;
width: 175px;
background-image: url(img/side-submenu-bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
height: 4px;
margin-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/side-submenu_a.gif);
background-repeat: no-repeat;
background-position: left 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #000000;
text-decoration: none;
font-size: 80%;
margin-left: 8px;
}

.side-menu-box ul li a:hover {
display: block;
margin: 0px auto;
background-image: url(img/side-submenu_hover.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #ff0000;
text-decoration: none;
font-size: 80%;
margin-left: 8px;
}



.sub-image {
clear: both;
margin: 0px auto;
}

.sub-comment {
margin: 0px auto;
padding-top: 10px;
text-align: left;
width: 600px;
font-size: 90%;
line-height: 150%;
}

.sub-comment strong {
color: #7A1717;
}

div.main h3 {
clear: both;
margin: 0px auto;
text-align: left;
color: #040e5f;
background-image: url(img/common-h-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 45px;
font-size: 90%;
}

div.main h4 {
clear: both;
margin: 0px auto;
text-align: left;
color: #9C0A0A;
margin-top: 15px;
padding-left: 40px;
font-size: 90%;
}


.common-p {
clear: both;
margin: 0px auto;
width: 600px;
line-height: 150%;
text-align: left;
margin-top: 15px;
font-size: 90%;
}

.red {
color: red;
}


.order-area {
clear: both;
margin: 0px auto;
width: 650px;
}

.order-area p {
margin: 0px auto;
float: left;
margin-top: 20px;
margin-left: 25px;
width: 285px;
font-size: 90%;
}


.order-cart {
display: block;
width: 285px;
height: 55px;
margin: 0px auto;
background-image: url(img/order-cart.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}

.order-cart:hover {
display: block;
margin: 0px auto;
width: 285px;
height: 55px;
background-image: url(img/order-cart.jpg);
background-repeat: no-repeat;
background-position: center bottom;
text-indent: -9000px;
float: left;
}

.order-fax {
display: block;
width: 285px;
height: 55px;
margin: 0px auto;
background-image: url(img/order-fax.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}

.order-fax:hover {
display: block;
margin: 0px auto;
width: 285px;
height: 55px;
background-image: url(img/order-fax.jpg);
background-repeat: no-repeat;
background-position: center bottom;
text-indent: -9000px;
float: left;
}

.order-phone {
display: block;
width: 285px;
height: 55px;
margin: 0px auto;
background-image: url(img/order-phone.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}


.order-mobile {
display: block;
width: 285px;
height: 55px;
margin: 0px auto;
background-image: url(img/order-mobile.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}


.order-mail {
display: block;
width: 285px;
height: 55px;
margin: 0px auto;
background-image: url(img/order-mail.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}

.order-mail:hover {
display: block;
margin: 0px auto;
width: 285px;
height: 55px;
background-image: url(img/order-mail.jpg);
background-repeat: no-repeat;
background-position: center bottom;
text-indent: -9000px;
float: left;
}

.order-form {
display: block;
width: 285px;
height: 55px;
margin: 0px auto;
background-image: url(img/order-form.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}

.order-form:hover {
display: block;
margin: 0px auto;
width: 285px;
height: 55px;
background-image: url(img/order-form.jpg);
background-repeat: no-repeat;
background-position: center bottom;
text-indent: -9000px;
float: left;
}




.pagetop {
clear: both;
margin: 0px auto;
width: 640px;
text-align: right;
font-size: 80%;
padding-top: 20px;
}

.pagetop a {
color: #4d4d4d;
background-image: url(img/gotop_off.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
text-decoration: none;
font-size: 85%;
}

.pagetop a:hover {
color: #ff0000;
background-image: url(img/gotop_on.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
text-decoration: underline;
font-size: 85%;
}


/*     森の癒し      */





dl.iyashi-faq {
clear: both;
margin: 0px auto;
width: 600px;
text-align: left;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 90%;
}

dl.iyashi-faq dt {
  clear: left;
  float: left;
  width: 10em;
  padding: 2px 0.5em;
text-align: right;
margin-top: 3px;
line-height: 150%;
}

dl.iyashi-faq dd {
  margin-left: 0;
  padding: 1px 0.5em 1px 11em;
margin-top: 3px;
line-height: 150%;
}





.iyashi-shiyou {
margin: 0px auto;
width: 620px;
border-collapse: collapse;
border: 1px solid #8c8c8c;
font-size: 90%;
margin-top: 15px;
}

.iyashi-shiyou th {
text-align: left;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #8c8c8c;
width: 180px;
background-color: #FAFCFA;
}


.shiyou-body {
text-align: left;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
line-height: 150%;
border: 1px solid #8c8c8c;
}


.shiyou-left {
text-align: center;
line-height: 150%;
border: 1px solid #8c8c8c;
background-color: #efefef;
width: 25px;
}



/*     UMO      */




.umo-komidashi {
margin: 0px auto;
text-align: left;
color: #9C0A0A;
margin-top: 15px;
padding-left: 10px;
}


.p-float_l {
float: left;
margin-left: 0px;
margin-right: 6px;
margin-bottom: 6px;
}

.p-float_r {
float: right;
margin-left: 6px;
margin-right: 0px;
margin-bottom: 6px;
}

.umo_otoku-area {
clear: both;
margin: 0px auto;
width: 650px;
}

.umo_otoku-area p {
margin: 0px auto;
float: left;
margin-top: 20px;
margin-left: 20px;
width: 292px;
font-size: 80%;
text-align: left;
line-height: 130%;
}


.umo-otoku1 {
display: block;
width: 292px;
height: 70px;
margin: 0px auto;
background-image: url(img/umo-otoku1.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}


.umo-otoku2 {
display: block;
width: 292px;
height: 70px;
margin: 0px auto;
background-image: url(img/umo-otoku2.jpg);
background-repeat: no-repeat;
background-position: center top;
text-indent: -9000px;
float: left;
}

.patent {
margin: 0px auto;
width: 650px;
text-align: center;
}

.patent p {
margin: 0px auto;
width: 200px;
text-align: center;
float: left;
margin-left: 10px;
margin-top: 10px;
font-size: 14px;
height: 315px;
}

.patent img {
border: 1px solid #7d7d7d;
}



/*     極楽仙人      */




.gokuraku-kiji {
margin: 0px auto;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 6px;
font-size: 12px;
line-height: 120%;
background-color: #ffefff;
width: 198px;
color: #4d4d4d;
}





.gokuraku-movie {
float: right;
margin: 0px auto;
margin-left: 10px;
text-align: center;
width: 320px;
padding: 1px;
border: 1px solid #cccccc;
}

.gokuraku-movie p {
margin: 0px auto;
font-size: 12px;
text-align: left;
line-height: 120%;
width: 300px;
}


.gokuraku-osusume {
margin: 0px auto;
text-align: left;
width: 520px;
list-style-type: none;
font-size: 90%;
}

.gokuraku-osusume li {
margin: 0px auto;
margin-top: 10px;
background-image: url(gokuraku/img/osusume-check.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 40px;
padding-top: 4px;
padding-bottom: 3px;
}

.gokuraku-tokucho {
margin: 0px auto;
margin-top: 10px;
background-image: url(gokuraku/img/tokucho.gif);
background-repeat: no-repeat;
background-position: 15px 3px;
padding-left: 55px;
padding-top: 4px;
padding-bottom: 3px;
}

.gokuraku-option {
margin: 0px auto;
width: 600px;
}

.gokuraku-option p {
margin: 0px auto;
float: left;
font-size: 12px;
line-height: 130%;
text-align: center;
margin-left: 10px;
}





/*     リプロコート      */






.dhtmlgoodies_question{	/* サブメニュー部分 */
color:#666666;
text-decoration:none;
text-align:left;
overflow:hidden;
cursor:pointer;
padding-left: 1px;
/*margin-top: 5px;
margin-bottom: 1px;*/
}


.dhtmlgoodies_question p{
margin: 0px auto;
}

.dhtmlgoodies_answer{	/* 解答部分*/
margin:0px auto;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
color: #000000;
}

/*
.dhtmlgoodies_question a {
text-decoration: none;
color: #000000;
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 90%;
}
*/

.side-sub01 {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub01.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub01:hover {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub01.jpg);
background-repeat: no-repeat;
background-position: right center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub02 {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub02.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub02:hover {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub02.jpg);
background-repeat: no-repeat;
background-position: right center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub03 {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub03.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub03:hover {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub03.jpg);
background-repeat: no-repeat;
background-position: right center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub04 {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub04.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub04:hover {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub04.jpg);
background-repeat: no-repeat;
background-position: right center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub05 {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub05.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}

.side-sub05:hover {
margin: 0px auto;
display: block;
background-image: url(liprocoat/img/side-sub05.jpg);
background-repeat: no-repeat;
background-position: right center;
width: 171px;
height: 25px;
text-indent: -3000px;
margin-top: 1px;
}




.side-menu-box-liprocoat {
margin: 0px auto;
width: 175px;
background-image: url(img/side-submenu-bg.gif);
background-repeat: repeat-y;
background-position: center top;
}

.side-menu-box-liprocoat ul {
margin: 0px auto;
text-align: left;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

.side-menu-box-liprocoat ul li {
margin: 0px auto;
padding-top: 5px;
}

.side-menu-box-liprocoat ul li a {
display: block;
width: 90%;
margin: 0px auto;
background-image: url(img/side-submenu_a.gif);
background-repeat: no-repeat;
background-position: left 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #000000;
text-decoration: none;
font-size: 80%;
margin-left: 8px;
}

.side-menu-box-liprocoat ul li a:hover {
display: block;
margin: 0px auto;
background-image: url(img/side-submenu_hover.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #ff0000;
text-decoration: none;
font-size: 80%;
margin-left: 8px;
}


.coat-ul {
margin: 0px auto;
font-size: 90%;
text-align: left;
width: 450px;
padding-left: 0px;
list-style-type: none;
}

.coat-ul li {
margin: 0px auto;
margin-top: 10px;
background-image: url(liprocoat/img/signal5_06.gif);
background-repeat: no-repeat;
background-position: left 3px;
padding-left: 20px;
}

.coat-tokucho {
margin: 0px auto;
font-size: 90%;
text-align: left;
width: 450px;
padding-left: 30px;
}

.coat-tokucho li {
margin: 0px auto;
margin-top: 10px;
}

.pet-kouka {
margin: 0px auto;
font-size: 90%;
text-align: left;
width: 450px;
padding-left: 30px;
background-image: url(liprocoat/img/pet_3.jpg);
background-repeat: no-repeat;
background-position: right bottom;
padding-top: 15px;
padding-bottom: 15px;
}

.coat-tokucho li {
margin: 0px auto;
margin-top: 10px;
}


.jirei-box {
clear: both;
margin: 0px auto;
width: 600px;
font-size: 90%;
}


dl.sekou-spec {
float: left;margin: 0px auto;
width: 300px;
text-align: left;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

dl.sekou-spec dt {
  clear: left;
  float: left;
  width: 5em;
  padding: 2px 0.5em;
text-align: right;
margin-top: 3px;
line-height: 150%;
}

dl.sekou-spec dd {
  margin-left: 0;
  padding: 1px 0.5em 1px 7em;
margin-top: 3px;
line-height: 150%;
}






/*     ジュエリー      */








h4.uandd{/*タイトルの設定*/
  font-size: 14px;/*文字サイズ*/
  font-family: monospace;
  margin: 1.5em 15% 0.7em 15px;/*余白。15%が右の余白です*/
  border-bottom: solid 1px #EE9696;/*下線の色*/
  }

h4.uandd span.up{/*上がる文字*/
  color: #FFFFFF;/*文字色*/
  background-color: #D65151;/*背景色*/
  padding: 0.2em 0.2em 0.1em 0.2em;
  margin: 0 2px 0 0;
  border: solid 1px #D65151;/*背景色と同じに*/
  }
h4.uandd span.down{/*下がる文字*/
  color: #C65151;/*文字色*/
  background-color: #FFFFFF;/*背景色*/
  padding: 0.2em 0.2em 0.1em 0.2em;
  margin: 0 2px 0 0;
  border: solid 1px #D65151;/*背景色と同じに*/
  position: relative;
  top: 0.3em;/*下がる程度*/
  z-index: 1;
  }






/*     お茶・お水の宅配      */




.kirin-product {
margin: 0px auto;
width: 520px;
}


.kirin-l {
margin: 0px auto;
float: left;
margin-top: 15px;
}

.kirin-r {
margin: 0px auto;
float: right;
margin-top: 15px;
}

.kirin-c {
clear: both;
margin: 0px auto;
margin-top: 15px;
}

.kirin-product a {
text-decoration: none;
color: #000000;
font-size: 90%;
}

.kirin-product a:hover {
text-decoration: underline;
color: #ff0000;
font-size: 90%;
}


.kirin-navi {
margin: 10px auto;
width: 620px;
}

.kirin-navi ul {
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

.kirin-navi ul li {
margin: 0px auto;
float: left;
}

.kirin-navi ul li a {
display: block;
float: left;
margin: 0px auto;
background-image: url(img/side-submenu_a.gif);
background-repeat: no-repeat;
background-position: left 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #000000;
text-decoration: none;
font-size: 90%;
text-align: left;
margin-right: 15px;
}

.kirin-navi ul li a:hover {
display: block;
float: left;
margin: 0px auto;
background-image: url(img/side-submenu_hover.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #ff0000;
text-decoration: none;
font-size: 90%;
text-align: left;
margin-right: 15px;
}


.kirin-shouhin_area {
margin: 0px auto;
width: 600px;
}

.kirin-shouhin {
margin: 0px auto;
float: left;
width: 280px;
border: 1px solid #999999;
margin-top: 15px;
margin-left: 10px;
padding-top: 5px;
}

.kirin-shouhin p {
margin: 0px auto;
background-color: #efefef;
margin-top: 5px;
font-size: 90%;
line-height: 150%;
padding-top: 5px;
padding-bottom: 5px;
}














.company-navi {
margin: 10px auto;
width: 620px;
text-align: right;
}

.company-navi ul {
margin: 0px auto;
margin-right: 0px;
padding-left: 0px;
list-style-type: none;
width: 250px;
}

.company-navi ul li {
margin: 0px auto;
float: left;
}

.company-navi ul li a {
display: block;
float: left;
margin: 0px auto;
background-image: url(img/side-submenu_a.gif);
background-repeat: no-repeat;
background-position: left 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #000000;
text-decoration: none;
font-size: 90%;
text-align: left;
margin-right: 15px;
}

.company-navi ul li a:hover {
display: block;
float: left;
margin: 0px auto;
background-image: url(img/side-submenu_hover.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #ff0000;
text-decoration: none;
font-size: 90%;
text-align: left;
margin-right: 15px;
}










.tokusho-navi {
margin: 10px auto;
width: 620px;
}

.tokusho-navi ul {
margin: 0px auto;
margin-right: 0px;
padding-left: 0px;
list-style-type: none;
width: 600px;
}

.tokusho-navi ul li {
margin: 0px auto;
float: left;
}

.tokusho-navi ul li a {
display: block;
float: left;
margin: 0px auto;
background-image: url(img/side-submenu_a.gif);
background-repeat: no-repeat;
background-position: left 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #000000;
text-decoration: none;
font-size: 90%;
text-align: left;
margin-right: 15px;
}

.tokusho-navi ul li a:hover {
display: block;
float: left;
margin: 0px auto;
background-image: url(img/side-submenu_hover.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #ff0000;
text-decoration: none;
font-size: 90%;
text-align: left;
margin-right: 15px;
}


.siharaihouhou {
margin: 0px auto;
width: 570px;
background-color: #efefef;
text-align: left;
line-height: 150%;
font-size: 90%;
padding: 5px 1em 5px 1em;
border: 1px solid #9d9d9d;
}


.privacy {
margin: 0px auto;
text-align: left;
font-size: 90%;
width: 600px;
}

.privacy dt {
margin: 0px auto;
margin-top: 15px;
border-left: 5px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-left: 10px;
padding-bottom: 1px;
padding-top: 1px;
}

.privacy dd {
margin: 0px auto;
margin-top: 5px;
margin-left: 2em;
line-height: 150%;
}




.chumon-form {
margin: 0px auto;
text-align: left;
font-size: 90%;
width: 600px;
}

.chumon-form dt {
margin: 0px auto;
margin-top: 15px;
border-left: 5px solid #008F03;
padding-left: 10px;
padding-bottom: 3px;
padding-top: 3px;
background-color: #E4FFE5;
}

.chumon-form dd {
margin: 0px auto;
margin-top: 5px;
margin-left: 2em;
line-height: 150%;
}





