*{
  margin: 0;
  padding: 0;
}
h1,h6{
  font-size: 10px;
}
h2,h5,#footer p,#freeh4{
  font-size: 14px;
}
ul li{
  list-style: none;}
a{
  text-decoration: none;}
a:hover{
  color: #870018;
  background-color: #ffffff;}
body{
  margin: 20px 0px;
  text-align: center;
}
#contents{
  font-size: 12px;
  margin: auto;
  text-align: left;
  width: 900px;
}
/**********  header   ***********/
#header{
  height: 130px;
}
#header h1{
  padding:2px 10px;
  color: #ffffff;
  background-color: #d59758;
}
#header a img{
  border: 1px solid #ffffff;
  float: left;
}
#cart{
  margin: 25px 0px 0px 740px;
  height: 30px;
}
#cart a{
  border: 0;
}
#header form{
  margin-left:740px;
  width: 155px;
}
#srb2{
  float: left;
  font-size: 100%;
  width: 120px;
  height: 18px;
  margin-right: 3px;
  border: 1px solid #d59758;
}
#srb2:hover,#srb2:focus,#srb2:active{
  color: #333333;
  background-color: #ffefff;
}
#srb3{
  height: 18px;
  border: 1px solid #d59758;
}
/*ホーム・マイアカウント・お問合せリンク*/
#menu{
  clear: both;
  padding-left: 294px;
  height: 20px;
  font-weight: bold;
  font-family: "times new roman" ".self" "MS　明朝";
  color: #ffffff;
  background-color: #d59758;
}
#menu li{
  display: inline;
}
#menu li a{
  font-size: 16px;
  float: left;
  display: block;
  width: 100px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-left: 1px solid #ffffff;
  color: #ffffff;
  background-color: #d59758;
}
#menu li a:hover{
  color: #555555;
  background-color: #f5e6b0;
}
/****** パンくずナビ  ******/
#pankuzu{
  clear: both;
  text-align: right;
  height: 20px;
}
#pankuzu a{
  text-decoration: underline;
  color: #555555;
  background-color: #ffffff;
}
/************  main layout  **************/
#main{
  float: right;
  width: 728px;
  margin-left: 10px;
  color: #555555;
  background-color: #ffffff;
}
h2{
  color: #ffffff;
  background-color: #d59758;
  margin-bottom: 20px;
  line-height: 19px;
  height: 19px;
  padding-left: 10px;
}
/****** begin left side ******/
#left{
  float: left;
  width: 160px;
  margin-bottom: 10px;
}
/******left Category ******/
#category{
  margin-top:0px;
}
h5{
  clear: both;
  text-align: center;
  letter-spacing: 1px;
  line-height: 19px;
  height: 19px;
  font-family: "times new roman" ".self" "MS　明朝";
  color: #ffffff;
  background-color: #d59758;
  margin: 10px 0px;
}

/****** Category end ******/

/****** begin footer ******/
#sinfo{
  width: 900px;
  line-height: 1.5em;
  height: 1.5em;
  clear: both;
  color: #555555;
  background-color: #f5e6b0;
}
#sinfo li{
  display: inline;
}
#sinfo li a{
  display: block;
  margin: 0px 0px 0px 5px;
  float: right;
  color: #333333;
  background-color: #f5e6b0;
  text-decoration: underline;
}
#sinfo li a:hover{
  color: #000000;
  background-color: #ffcc99;
}
address{
  width: 900px;
  line-height: 1.5em;
  height: 1.5em;
  clear: both;
  text-align: right;
  font-style: normal;
  color: #333333;
  background-color: #ffffff;
  border-top:1px dotted #d59758;
  border-bottom: 2px solid #d59758;
}
.red{
  color: red;
  background-color: #ffffff;
}

#guideindex{
}
#guideindex li{
  display: inline;
}
#guideindex li a{
  display: block;
  font-size: 12px;
  border: 1px solid #d59758;
  border-left: 3px solid #d59758;
  padding: 5px 0px 5px 10px;
  margin: 5px 0px 10px 0px;
  color: #d59758;
  background-color: #ffffff;
}
#guideindex li a:hover{
  color: #ffcc00;
  background-color: #ffffff;
  text-decoration: underline;
}
/******* mainarea share only  *******/
h3,h4{
  font-size: 12px;
  height: 1.5em;
  line-height: 1.5em;
  color: #d59758;
  background-color: #ffffff;
  border-left: 10px solid;
  border-bottom: 1px solid;
  padding-left: 10px;
  margin-bottom: 10px;
}
/******* guideindex only  *******/

#guideindextop{
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5em;
  color: #555555;
  background-color: #ffffff;
}
.guidebox{
  float: left;
  text-align: center;
  display: block;
  width: 240px;
  height: 150px;
}
.guidebox img{
  border: 1px solid #d59758;
}
.guidebox img:hover{
  border: 1px solid #ffcc00;
}

/******* payment only  *******/
#payment1{
  height: 110px;
}
.fifth a{
  display: block;
  padding: 5px 0px;
  margin: 0px 5px 10px 5px;
  text-align: center;
  width: 130px;
  height: 1.5em;
  line-height: 1.5em;
  float: left;
  font-weight: bold;
  color: #d59758;
  background-color: #ffffff;
  border: 1px solid #d59758;
}
.fifth a:hover{
  color: #ffffff;
  background-color: #d59758;
}
.npbox a img{
  border: 0;
}
.npbox,.creditbox,.postbox,.mitsuibox,.ebankbox,.tokutoku{
  margin: 20px 0px 20px 0px;
  padding-bottom:10px ;
  border: 1px solid #d59758;
}
.paymentsub{
  background-color: #d59758;
  color: #ffffff;
  padding-left: 10px;
  font-size: 14px;
}
.npbox img,.creditbox img,.postbox img,.mitsuibox img,.ebankbox img,.tokutoku img{
  margin: 10px;
}
.npbox p,#creditbox p,#postbox p,#mitsuibox p,#ebankbox p,#tokutoku p{
  padding: 10px;
}
.shiki{
  font-weight: bold;
  color: red;
  background-color: #ffffff;
}
/******* point only  *******/
#pointlist{
  border-top: 1px solid #d59758;
  border-bottom: 1px solid #d59758;
  padding: 5px 0px 5px 30px ;
  margin: 0px 0px 30px 0px;
}
#pointlist li{
  line-height: 1.8em;
  color: #555555;
  background-color: #ffffff;
}
#pointlist li a:hover{
  text-decoration: underline;
}
#pointlist span{
  color: red;
  background-color: white;
  text-decoration: underline;
}
#cam{
  margin: 0px 0px 20px 10px;
}
.pointbox p{
  padding: 5px 0px 5px 20px;
  line-height: 1.8em;
}
.pointbox p a{
  color: red;
  background-color: #ffffff;
}
.pointbox{
  padding: 0px 10px 20px 10px;
}
.pointbox img{
  padding-left: 20px;
  line-height: 1.5em;
}
/*** send only ***/
#fee,#sendtimetable,#meyasu{
  margin-left: 20px;
  line-height: 2em;
}
#fee{
  font-size: 14px;
  margin-bottom: 10px;
}
.send{
  border-collapse:collapse;border-spacing:0;
  margin-left: 20px;
  margin-top: 20px;
  text-align: center;
}
#caption{
  margin-bottom: 20px;
  width: 554px;
  color: #555555;
  background-color: #f5e6b0;
}
.send td{
  width: 110px;
  padding: 5px;
  border: 1px solid #d59758;
}
#sendtimetable{
  margin-top: 10px;
  color: red;
  background-color: #ffffff;
}
#postoffice,#sagawakyubin{
  margin: 20px;
  float: left;
}
.tsuisekiimg{
  width: 310px;
  height: 120px;
}
.tsuisekiimg a img{
  padding: 10px;
  border: 2px solid #ffcc00;
}
.link{
  display: block;
  margin: 10px 20px;
  color: red;
  background-color: #fffffff;
  font-size: 14px;
  text-decoration: underline;
}



/*** cancel only ***/
span.red a{
  color: red;
  background-color: #ffffff;
  display: block;
  text-decoration: underline;
}
.cabox{
  line-height: 2em;
  margin-bottom: 10px;
}
.cabox p{
  margin-left: 20px;
}
.cabox ul{
  margin-left: 20px;
}
#cancel{
}
#return{}
#mistake{}
#jank{}
#shopinfo{
  border: 1px solid;
  width: 300px;
}
.box p,.box ul{
  padding: 10px;
}
/*** qa only ***/
.red a{
  color: red;
  background-color: #ffffff;
  text-decoration: underline;
}
.qabox{
  line-height: 1.8em;
  margin-left: 10px;
}
dl{
  margin: 10px 0;
}
dt{
  color: #123456;
  background-color: #eeeeee;
  margin-bottom: 10px;
}
dd{
  padding-left: 10px;
  background-color: #ffffff;
}
/*** review only ***/
#review{
  margin: 5px;
  line-height: 1.5em;
}
#review dt{
  color: #555555;
  background-color: #AACAE2;
  padding-left: 10px
}
#review dd{
  color: #555555;
  background-color: #ffffff;
  padding: 5px 10px;
}

/*** facebox ***/

#facebox .b {
	background: url(../images/b.png)
}
#facebox .tl {
	background: url(../images/tl.png)
}
#facebox .tr {
	background: url(../images/tr.png)
}
#facebox .bl {
	background: url(../images/bl.png)
}
#facebox .br {
	background: url(../images/br.png)
}
#facebox {
	z-index: 100; left: 0px; position: absolute; top: 0px; text-align: left
}
#facebox .popup {
	position: relative
}
#facebox table {
	border-collapse: collapse
}
#facebox td {
	padding-right: 0px; padding-left: 0px; border-bottom-width: 0px; padding-bottom: 0px; padding-top: 0px
}
#facebox .body {
	padding-right: 10px; padding-left: 10px; background: #fff; padding-bottom: 10px; width: 370px; padding-top: 10px
}
#facebox .loading {
	text-align: center
}
#facebox .image {
	text-align: center
}
#facebox img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px; border-right-width: 0px
}
#facebox .footer {
	border-top: #dddddd 1px solid; margin-top: 10px; padding-top: 5px; text-align: right
}
#facebox .tl {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; overflow: hidden; width: 10px; padding-top: 0px; height: 10px
}
#facebox .tr {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; overflow: hidden; width: 10px; padding-top: 0px; height: 10px
}
#facebox .bl {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; overflow: hidden; width: 10px; padding-top: 0px; height: 10px
}
#facebox .br {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; overflow: hidden; width: 10px; padding-top: 0px; height: 10px
}
#facebox_overlay {
	left: 0px; width: 100%; position: fixed; top: 0px; height: 100%
}
.facebox_hide {
	z-index: -100
}
.facebox_overlaybg {
	z-index: 99; background-color: #000
}
 html #facebox_overlay {
	position: absolute; ; height: expression(document.body.scrollheight > document.body.offsetheight ? document.body.scrollheight : document.body.offsetheight + 'px')
}