/* CSS Document */


body,
div,
p,
ul,
ol,
li,
img,
a,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
  background: #dcdcda ;
  color: #000;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

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

.wrapper {
  width:842px;
  margin:0 auto;
  text-align:left;
  background:#fff;
  padding-bottom: 40px;
  font-feature-settings: "palt";
}
.note {
  font-size:0.8em;
  line-height:1.5;
  font-weight:normal;
}
.caut {
  list-style-type:none;
  overflow:hidden;
  font-size: 0.7em;
}
.caut li {
  padding-left:1em;
  text-indent:-1em;
}


#header {
  background: url(../images/main_bg1.jpg) no-repeat center top;
  width:842px;
  height: 325px;
  position:relative;
}
#header h1 {
  display:block;
  position:absolute;
  z-index:1;
}
#header strong {
  display:block;
  position:absolute;
  z-index:2;
  top:29px;
  right:54px;
}
#header strong a {
  display:block;
  width:94px;
  height:94px;
}

.conte {
  width:736px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.conte .catalog {
  display:block;
  position:absolute;
  top:2px;
  right:0;
}

.conte .pkg {
  display:block;
  width:352px;
  float:right;
}
.conte dl dt, 
.conte dl dd {
  display:block;
  margin:0;
  padding:0;
  overflow:auto;
}

.conte .img {
  float:left;
}

.bdrb {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.conte .detail {
  width: 358px;
  float: right;
}
.conte .detail p {
  font-size: 0.8rem;
  line-height: 1.7;
}
.conte .detail .sm {
  font-size: 0.65rem;
}
.conte .itm {
  margin-top: 10px;
  padding-top: 10px;
  overflow: hidden;
  position: relative;
}
.conte .detail .bdr {
  border-top: 1px solid #ccc;
}
.conte .detail h3 {
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 5px 0;
  position: relative;
}
.conte .detail h3 strong {
  font-size: 22px;
}
.conte .detail h3 span {
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
}
.conte .detail .clr {
  overflow: hidden;
  padding: 5px 0 0;
}
.conte .detail strong.ltd {
  float: left;
  color: #b9141e;
}
.conte .detail strong.ltd span {
  font-size: 20px;
}
.conte .detail strong.ctlg {
  float: right;
  padding-top: 10px;
}
.conte .detail .itm .img {
  position: absolute;
  top: 14px;
  right: 0;
}
.conte .detail .pr {
  display: block;
  font-size: 14px;
}
.conte .detail .pr strong {
  font-size: 18px;
  font-weight: bold;
}
.conte .att {
  background: #d9d9d9;
  line-height: 2;
  padding-left: 1em;
  margin-bottom: 5px;
}
.conte .end {
  color: #cc0000;
}
.conte .imgs {
  width: 350px;
  float: left;
}
.conte .imgs .thumb {
  float: right;
}
.conte .imgs .thumb p {
  padding-top: 15px;
}
.conte .imgs .ill {
  float: left;
  padding-top: 30px;
}

.Btm {
  border-bottom: 1px solid #ccc;
}
.sg {
  padding: 20px 0;
  position: relative;
}
.sg dt {
  display: block;
  margin: 0;
  color: #d65093;
}
.sg dd {
  display: block;
  margin: 0;
}
.sg dd.bnr {
  position: absolute;
  top: 20px;
  right: 0;
}

.copy {
  padding: 20px 0;
  text-align: center;
}

.ovr:hover {
  background:#fff;
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: “alpha( opacity=70)”;
}

.lnk_area {
  margin-top: 20px;
}
.lnk_area p {
  padding-bottom: 1em;
}
.lnk_area span {
  font-family: "monospace";
}

.clr {
  overflow:hidden;
}
.fl_left {
  float:left;
}
.fl_right {
  float:right;
}

/* margin */
.mar_t0 {
  margin-top: 0 !important;
}
.mar_t5 {
  margin-top: 5px !important;
}
.mar_t10 {
  margin-top: 10px !important;
}
.mar_t15 {
  margin-top: 15px !important;
}
.mar_t20 {
  margin-top: 20px !important;
}
.mar_t25 {
  margin-top: 25px !important;
}
.mar_t30 {
  margin-top: 30px !important;
}
.mar_t35 {
  margin-top: 35px !important;
}
.mar_t40 {
  margin-top: 40px !important;
}
.mar_t45 {
  margin-top: 45px !important;
}
.mar_t50 {
  margin-top: 50px !important;
}

.mar_b0 {
  margin-bottom: 0 !important;
}
.mar_b5 {
  margin-bottom: 5px !important;
}
.mar_b10 {
  margin-bottom: 10px !important;
}
.mar_b15 {
  margin-bottom: 15px !important;
}
.mar_b20 {
  margin-bottom: 20px !important;
}
.mar_b25 {
  margin-bottom: 25px !important;
}
.mar_b30 {
  margin-bottom: 30px !important;
}
.mar_b35 {
  margin-bottom: 35px !important;
}
.mar_b40 {
  margin-bottom: 40px !important;
}
.mar_b45 {
  margin-bottom: 45px !important;
}
.mar_b50 {
  margin-bottom: 50px !important;
}

.mar_l0 {
  margin-left: 0 !important;
}
.mar_l5 {
  margin-left: 5px !important;
}
.mar_l10 {
  margin-left: 10px !important;
}
.mar_l15 {
  margin-left: 15px !important;
}
.mar_l20 {
  margin-left: 20px !important;
}
.mar_l25 {
  margin-left: 25px !important;
}
.mar_l30 {
  margin-left: 30px !important;
}
.mar_l35 {
  margin-left: 35px !important;
}
.mar_l40 {
  margin-left: 40px !important;
}
.mar_l45 {
  margin-left: 45px !important;
}
.mar_l50 {
  margin-left: 50px !important;
}

.mar_r0 {
  margin-right: 0 !important;
}
.mar_r5 {
  margin-right: 5px !important;
}
.mar_r10 {
  margin-right: 10px !important;
}
.mar_r15 {
  margin-right: 15px !important;
}
.mar_r20 {
  margin-right: 20px !important;
}
.mar_r25 {
  margin-right: 25px !important;
}
.mar_r30 {
  margin-right: 30px !important;
}
.mar_r35 {
  margin-right: 35px !important;
}
.mar_r40 {
  margin-right: 40px !important;
}
.mar_r45 {
  margin-right: 45px !important;
}
.mar_r50 {
  margin-right: 50px !important;
}