/* reset
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li, dl, dt, dd,
img,
form {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  font-weight: normal;
  border: 0;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  font-size: 75%;
  /* IE */
}

html > body div#elStyle {
  font-size: 12px;
  /* Except IE */
}

/* Clearfix */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-Mac */
/* base common
----------------------------------------------------*/
article#w1000 {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}

#contentArea {
  background: white;
  width: 1000px;
}

#contentAreaInner {
  padding: 0;
  margin: 0;
  width: 735px;
  float: left;
}

#contentRight {
  width: 235px;
  float: right;
  padding: 0;
  margin: 0;
}

/* content base
----------------------------------------------------*/
#ymp4 {
  position: relative;
  text-align: center;
}
#ymp4 .com {
  position: absolute;
  top: 0;
  left: 0;
}
#ymp4 #mv {
  margin: 0;
  line-height: 0;
  font-size: 0;
}
#ymp4 #mv h1, #ymp4 #mv img {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
#ymp4 .copy {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
#ymp4 .ymp4_content {
  background: url(../img/bg_dotted.png) 0 0 repeat-y;
}
#ymp4 nav {
  padding: 15px 0;
}
#ymp4 nav ul li {
  display: inline-block;
  margin: 0 5px;
}
#ymp4 .inr {
  width: 708px;
  margin: 0 auto;
}
#ymp4 .inr + .inr {
  margin-top: 20px;
}
#ymp4 .inr h2 {
  margin: 0;
  padding: 0;
  line-height: 0;
}
#ymp4 .inr .box_inr {
  background: url(../img/bg_box.png) center bottom no-repeat;
  padding-bottom: 25px;
}
#ymp4 .inr .box_inr .date {
  padding: 25px 0;
  text-align: center;
}
#ymp4 .inr .box_inr .date img {
  display: block;
  margin: 0 auto 8px;
}
#ymp4 .inr .box_inr .item {
  width: 656px;
  margin: 0 auto;
  border: 6px solid #f5da33;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}
#ymp4 .inr .box_inr .item h3 {
  width: 593px;
  position: relative;
}
#ymp4 .inr .box_inr .item h3 span {
  position: absolute;
  right: 40px;
  top: -20px;
}
#ymp4 .inr .box_inr .item-img {
  margin: 10px 0 10px;
}
#ymp4 .inr .box_inr .item-info {
  overflow: hidden;
  padding: 0 5px;
  margin-bottom: 20px;
}
#ymp4 .inr .box_inr .item-price {
  float: left;
}
#ymp4 .inr .box_inr .item .btn_store {
  float: right;
}
#ymp4 .inr .box_inr .item .txt_list {
  text-align: left;
  padding: 0 5px;
}
#ymp4 #ymp4_contact {
  padding: 15px 0;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
}
#ymp4 #ymp4_contact img {
  display: block;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

/* style
----------------------------------------------------*/
.clr,
.clr img {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.img_cnt {
  text-align: center !important;
}

.img_cnt img {
  margin: 0 auto;
}

.ov:hover img {
  opacity: 0.80;
  filter: alpha(opacity=80);
}

.dsb {
  display: block !important;
}

.flt {
  float: left !important;
}

.frt {
  float: right !important;
}

.txt_list li {
  padding-left: 1em !important;
  text-indent: -1em !important;
  padding-bottom: 1px !important;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
/* margin-top */
.mt00 {
  margin-top: 0px !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt08 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

/* padding-top */
.pt00 {
  padding-top: 0px !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

/* margin-right */
.mr00 {
  margin-right: 0px !important;
}

.mr05 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

/* padding-right */
.pr00 {
  padding-right: 0px !important;
}

.pr05 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

/* margin-bottom */
.mb00 {
  margin-bottom: 0px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb08 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

/* padding-bottom */
.pb00 {
  padding-bottom: 0px !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

/* margin-left */
.ml00 {
  margin-left: 0px !important;
}

.ml05 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml80 {
  margin-left: 80px !important;
}

/* padding-left */
.pl00 {
  padding-left: 0px !important;
}

.pl05 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.t_left {
  text-align: left !important;
}

.t_center {
  text-align: center !important;
}

.t_right {
  text-align: right !important;
}

.t_white {
  color: #fff !important;
}

.t_red {
  color: #c60a02 !important;
}

.t_bold {
  font-weight: bold !important;
}

.t_normal {
  font-weight: normal !important;
}

.t_xsml {
  font-size: 66.7%;
}

.t_sml {
  font-size: 83.3%;
}

.t_lrg {
  font-size: 116.7%;
}

.t_xlrg {
  font-size: 133.3%;
}

.lh12 {
  line-height: 1.2 !important;
}

.lh15 {
  line-height: 1.5 !important;
}