@charset "utf-8";
/* CSS Document */

/*@import url("/css/footer.css");*/

html {
  height: 100%;
}

body {
  font-size: 80%;
  line-height: 1.4;
  color: #555;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: 100%;
  letter-spacing: 0.1em;
}

a {
  text-decoration: none;
}
a:link {
  color: #0e76de;
}
a:visited {
  color: #0e76de;
}
a:hover {
  color: #559ade;
}
a:active {
  color: #0e76de;
}

button {
  display: inline-block;
  /display: block;
}

*html #wrapper {
  height: 100%;
}
#wrapper {
  position: relative;
  min-height: 100%;
  text-align: left;
}
body > #wrapper {
  height: auto;
}
#container {
  text-align: center;
}
#container.mypage {
  background: url(/img/shop/bg_header_03.gif) repeat-x left 34px;
  *height: 100%;
}

input[type="radio"],
input[type="checkbox"] {
  position: static !important;
  /*vertical-align: text-bottom !important;*/
  margin-right: 8px;
  margin-left: 3px;
}
input[type="text"] {
  height: 18px;
}

input.text {
  border-top: 1px solid #acadb2;
  border-right: 1px solid #dbdee5;
  border-bottom: 1px solid #e2e9ef;
  border-left: 1px solid #e2e3e8;
  padding: 2px 3px;
  border-radius: 4px; /* CSS3草案 */
  -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
  -moz-border-radius: 4px; /* Firefox用 */
}
textarea {
  border-top: 1px solid #acadb2;
  border-right: 1px solid #dbdee5;
  border-bottom: 1px solid #e2e9ef;
  border-left: 1px solid #e2e3e8;
  padding: 2px 3px;
  border-radius: 4px; /* CSS3草案 */
  -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
}

/**/

#header #headerCont,
#gnavi #gnaviInner #gnaviCont,
#ecGnavi #ecGnaviCont,
#contentsArea {
  text-align: left;
}

/*
-----------------------------------------------------------------------
	header
-----------------------------------------------------------------------
*/

#header {
  background: url(/img/shop/btn_header_03.gif) repeat-x left top;
  margin: 0 0 28px;
  height: auto;
}
#header.type02 {
  background: none;
}
#header.type03 {
  margin-bottom: -10px;
}
#header.type04 {
  margin-bottom: 18px;
}
#header.type05 {
  /* /products/company/配下で使用 */
  margin-bottom: 21px;
}
#header.type06 {
  /*  */
  margin-bottom: 12px;
}

#header #headerCont {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

#header #headerCont .headerLeft {
  width: 65%;
  float: left;
  padding: 30px 0 0;
  overflow: hidden;
}
#header.type03 #headerCont .headerLeft {
  padding-top: 26px;
}
#header.type03 #headerCont .headerLeft {
  padding-top: 21px;
}
#header.type05 #headerCont .headerLeft {
  padding-top: 22px;
}

#header #headerCont .headerLeft img {
  float: left;
  margin: 0 25px 0 0;
}
#header #headerCont .headerLeft p {
  float: left;
  padding: 17px 0 0;
}

#header #headerCont .headerLeft .smallcontents {
  float: left;
  margin-right: 14px;
}

/**/

#header #headerCont .headerRight {
  float: right;
  width: 35%;
  /*width:450px;*/
}
#header #headerCont .headerRight img {
  padding: 30px 0 0;
}
#header.type02 #headerCont .headerRight,
#header.type06 #headerCont .headerRight {
  padding: 34px 0 0;
  text-align: right;
}
#header.type04 #headerCont .headerRight {
  padding: 20px 0 0;
  text-align: right;
}
#header.type05 #headerCont .headerRight {
  padding-top: 24px;
  text-align: right;
}

#header #headerCont .headerRight .headerRightInner {
  height: 65px;
  background: url(/img/shop/bg_header_radius_r.png) no-repeat right top;
  float: right;
}
#header #headerCont .headerRight .headerRightInner .headerRightCont {
  height: 65px;
  float: left;
  background: url(/img/shop/bg_header_radius_l.png) no-repeat left top;
}
#header #headerCont .headerRight .headerRightInner .headerRightCont ul {
  background: url(/img/shop/bg_header_radius_c.png) repeat-x left top;
  margin: 0 5px;
  _margin: 0 2px;
  padding: 0 3px;
  height: 65px;
  float: left;
}

#header #headerCont .headerRight .headerRightInner .headerRightCont ul li {
  float: left;
  padding: 5px 0 0;
  margin-right: 1px;
}
#header #headerCont .headerRight .headerRightInner .headerRightCont ul li.last {
  margin-right: 0px;
}

#header.type04 #headerCont .headerRight .headerLinks {
  overflow: hidden;
  width: 100%;
  padding: 18px 0 0;
}

#header.type04 #headerCont .headerRight .headerLinks li {
  float: right;
  margin-left: 20px;
}

/*
-----------------------------------------------------------------------
	global navigation
-----------------------------------------------------------------------
*/
#gnavi {
  background: url(/img/shop/bg_header.gif) repeat-x left top;
  height: 36px;
}
#gnavi #gnaviInner {
  margin: 0 1px;
  background: url(/img/shop/bg_header_02.gif) repeat-x left top;
  height: 100%;
}
#gnavi #gnaviInner #gnaviCont {
  width: 960px;
  margin: 0 auto;
  /*overflow:hidden;*/
  zoom: 1;
}
#gnavi #gnaviInner #gnaviCont:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: collapse;
}

/**/

#gnavi #gnaviInner #gnaviCont .gnaviLeft {
  width: 75%;
  float: left;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft .gnaviName {
  padding: 9px 0 0;
}
#gnavi #gnaviInner .gnaviShop .gnaviLeft {
  width: 50% !important;
  float: left;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft:after,
#gnavi #gnaviInner #gnaviCont .gnaviRight:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: collapse;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft,
#gnavi #gnaviInner #gnaviCont .gnaviRight {
  zoom: 1;
}

#gnavi #gnaviInner #gnaviCont .gnaviRight {
  width: 25%;
  float: right;
}

#gnavi #gnaviInner .gnaviShop .gnaviRight {
  width: 50% !important;
  float: right;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft li {
  float: left;
  height: 36px;
  position: relative;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft li .btn {
  height: 100%;
  position: relative;
  z-index: 10;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft li .btn a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 100;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li .btn a:hover {
  background-position: 0 -36px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.active .btn a,
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.active .btn a:hover {
  background-position: 0 -72px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.slideActive {
  z-index: 100;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.slideActive .btn a,
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.slideActive .btn a:hover,
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.active.slideActive .btn a:hover {
  background-position: 0 -108px;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft li .btn a span {
  display: none;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav01 {
  width: 63px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav01 .btn a {
  background-image: url(/img/shop/header_navi_01.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav02 {
  width: 115px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav02.slideActive {
  width: 116px;
  margin-right: -1px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav02 .btn a {
  background-image: url(/img/shop/header_navi_02.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav03 {
  width: 80px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav03 .btn a {
  background-image: url(/img/shop/header_navi_03.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav04 {
  width: 81px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav04 .btn a {
  background-image: url(/img/shop/header_navi_04.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav05 {
  width: 103px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav05 .btn a {
  background-image: url(/img/shop/header_navi_05.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav06 {
  width: 105px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav06 .btn a {
  background-image: url(/img/shop/header_navi_06.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav07 {
  width: 85px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav07 .btn a {
  background-image: url(/img/shop/header_navi_07.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav08 {
  width: 77px;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft li.nav08 .btn a {
  background-image: url(/img/shop/header_navi_08.gif);
}

/**/

#gnavi #gnaviInner #gnaviCont .gnaviLeft li .slideArea {
  display: none;
  position: absolute;
  left: 0px;
  top: 34px;
  width: 240px;
  background: url(/img/shop/bg_navi_popup.gif) no-repeat left bottom;
  padding: 0 0 2px;
  z-index: 9;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft li .slideArea .slideAreaInner {
  background: #fbfbfb;
  border-top: 1px solid #b3b3b2;
  border-left: 1px solid #b3b3b2;
  border-right: 1px solid #b3b3b2;
  padding: 10px 15px 8px;
  overflow: hidden;
  zoom: 1;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft .slideArea ul {
  float: left;
  width: 40%;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft .slideArea ul.lSide {
  float: left;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft .slideArea ul.rSide {
  float: right;
}

#gnavi #gnaviInner #gnaviCont .gnaviLeft .slideArea li {
  background: none;
  border: none;
  padding: 0;
  float: none;
  position: static;
  margin: 0 0 7px;
  height: auto;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft .slideArea li a {
  display: inline;
}
#gnavi #gnaviInner #gnaviCont .gnaviLeft .slideArea li a:hover {
  background: none;
}

/**/

#gnavi #gnaviInner #gnaviCont .gnaviRight li {
  float: right;
  height: 36px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li a:hover {
  background-position: 0 -36px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.active a,
#gnavi #gnaviInner #gnaviCont .gnaviRight li.active a:hover {
  background-position: 0 -72px;
}

#gnavi #gnaviInner #gnaviCont .gnaviRight li a span {
  display: none;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav01 {
  width: 84px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav01 a {
  background-image: url(/img/shop/header_navi_logout_shop.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav01_login {
  width: 84px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav01_login a {
  background-image: url(/img/shop/header_navi_login_shop.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav02 {
  width: 116px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav02 a {
  background-image: url(/img/shop/header_navi_mp_shop.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav03 {
  width: 90px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav03 a {
  background-image: url(/img/shop/header_navi_data2.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav04 {
  width: 120px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav04 a {
  background-image: url(/img/shop/header_navi_cart2.gif);
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav05 {
  width: 78px;
}
#gnavi #gnaviInner #gnaviCont .gnaviRight li.nav05 a {
  background-image: url(/img/shop/header_navi_regist_shop.gif);
}

/* yahoo search */
#srchBox {
  width: 19%;
  color: #666;
  text-align: left;
  margin: 0;
  padding: 3px;
  font-size: 13px;
  height: 31px;
}
#srchBox #srch #srchForm {
  white-space: nowrap;
  text-align: left/9;
  margin-top: 0;
}
#srchBox #srch #srchForm .nomark {
  background: none;
  background-color: #fff;
}
#srchBox #srchInput {
  width: 158px;
  display: inline-block;
}
#srch {
  margin: 0;
  padding: 0;
}
#srchBox #srchBtn {
  width: 41px;
  transition: opacity 0.1s linear;
}
#srchBox #srchBtn:hover {
  opacity: 0.89;
}
#srchBox.watermark #srchInput {
  padding: 7px 5px 7px 5px;
  border: none;
  vertical-align: 12px;
  border-radius: 3px 0 0 3px;
  background: #fff
    url("https://s.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif")
    5px center no-repeat;
  transition: color 0.2s linear;
}
#srchBox.watermark #srchInput:focus,
#srchBox.watermark #srchInput:hover {
  outline: none;
  background: none;
  background-color: #f1f1f1;
}

#yjserpif {
  height: 2250px;
}

/*
-----------------------------------------------------------------------
	EC global navigation
-----------------------------------------------------------------------
*/
#ecGnavi {
  width: 960px;
  margin: 0 auto 23px;
}
#ecGnavi.type03 {
  margin-bottom: 28px;
}

#ecGnavi ul {
  overflow: hidden;
  width: 100%;
}

#ecGnavi ul li {
  float: left;
}
#ecGnavi ul li img {
  display: block;
}

/*
-----------------------------------------------------------------------
	contentsArea
-----------------------------------------------------------------------
*/

#contentsHead {
  padding: 0 0 8px 18px;
  width: 880px;
  margin: 0;
}

#contentsHead #title {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
}

#contentsHead .text {
  margin-left: 5px;
}

.text.bottom {
  margin-top: 8px;
}

.imgover.position {
  margin-left: 13px;
}

div.dialogConfirm {
  background-color: white;
  top: 50%;
  left: 50%;
  position: fixed;
  width: 550px;
  height: 270px;
  border: solid 1px gray;
  margin-top: -135px;
  margin-left: -275px;
  border-radius: 5px;
  z-index: 99999;
}

div.dialogBox {
  width: 480px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 46px;
}

div.closeBtn {
  background-color: gray;
  border: 1px solid gray;
  width: 7px;
  height: 7px;
  padding: 1px 7px 13px 7px;
  float: right;
  position: relative;
  left: -16px;
  top: 16px;
  background-image: linear-gradient(
    bottom,
    rgb(120, 120, 120) 16%,
    rgb(182, 182, 182) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgb(120, 120, 120) 16%,
    rgb(182, 182, 182) 100%
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgb(120, 120, 120) 16%,
    rgb(182, 182, 182) 100%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(120, 120, 120) 16%,
    rgb(182, 182, 182) 100%
  );
  background-image: -ms-linear-gradient(
    bottom,
    rgb(120, 120, 120) 16%,
    rgb(182, 182, 182) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(120, 120, 120)),
    color-stop(1, rgb(182, 182, 182))
  );
  cursor: pointer;
  border-radius: 3px;
}

.overlay {
  background: black;
  opacity: 0.5;
  z-index: 99998;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

p.closeText {
  color: white;
  font-weight: bold;
  width: 23px;
  height: 23px;
  font-size: 15px;
  text-align: center;
  margin: -2px -8px;
  padding: 1px 1px;
}

span.purple {
  font-weight: bold;
}

p.boxMain {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0px;
}

p.boxSub {
  font-size: 13px;
}

span .boxSub {
  color: #e2068f;
}

button.dialogDone {
  cursor: pointer;
  outline: none;
  background-image: linear-gradient(
    bottom,
    rgb(249, 87, 0) 17%,
    rgb(255, 150, 80) 59%
  );
  background-image: -o-linear-gradient(
    bottom,
    rgb(249, 87, 0) 17%,
    rgb(255, 150, 80) 59%
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgb(249, 87, 0) 17%,
    rgb(255, 150, 80) 59%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgb(249, 87, 0) 17%,
    rgb(255, 150, 80) 59%
  );
  background-image: -ms-linear-gradient(
    bottom,
    rgb(249, 87, 0) 17%,
    rgb(255, 150, 80) 59%
  );
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.17, rgb(249, 87, 0)),
    color-stop(0.59, rgb(255, 150, 80))
  ) !important;
  color: white;
  font-weight: bold;
  background: rgb(255, 150, 80);
  margin: 20px;
  padding: 6px 70px;
  font-size: 16px;
  border-radius: 5px;
}

button.dialogDone:hover {
  opacity: 0.8;
}

#contentsHead td#leftCell {
  width: 679px;
  display: block;
}

li.orderBtmCenter.mb20 {
  margin-left: 13px;
}

#contentsArea {
  width: 960px;
  margin: 0 auto 80px;
}

#contentsArea ul.steps {
  overflow: hidden;
  width: 714px;
  margin: 0 auto 22px;
  height: 25px;
  background: url(/img/shop/bg_steps.gif) repeat-x left top;
}
#contentsArea #mainContents ul.steps {
  margin-bottom: 29px;
}

#contentsArea ul.steps li {
  float: left;
}

#contentsArea .leadBlock {
  width: 100%;
  position: relative;
  margin: 0 0 15px;
}

#contentsArea .leadBlock .leftColumn {
  width: 625px;
}
#contentsArea .leadBlock .rightColumn {
  width: 335px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
#contentsArea .leadBlock .rightColumn p {
  float: right;
}
span#dm_info {
  margin-left: 40px;
}

/*
-----------------------------------------------------------------------
	side
-----------------------------------------------------------------------
*/

#side {
  width: 226px;
  float: left;
}

#side .webtel {
  margin-top: 10px;
}
#side .webtel .webtelText {
  border-bottom: 1px solid #b3b2b2;
  border-left: 1px solid #b3b2b2;
  border-right: 1px solid #b3b2b2;
  padding: 0 13px 10px 13px;
}
#side .webform {
  background: url(/img/shop/contactWeb.gif) 0 0 no-repeat;
  height: 141px;
  margin-top: 10px;
}
#side .webform img {
  margin: 70px 0 0 15px;
}

#side .naviShopTop {
  margin-bottom: 30px;
  width: 224px;
}
#side .ShopSideTitle h3 {
  padding: 5px 10px 3px;
  margin: 0;
  border-bottom: 1px solid #b3b2b2;
  border-top: 1px solid #b3b2b2;
  background: #0e116b repeat-x left bottom;
  color: white;
  font-weight: normal;
}

#side .naviShopTop li {
  border-bottom: 1px dotted #7e7e7e;
}
#side .naviShopTop li.first {
  /*border-top: 1px dotted #7e7e7e;*/
}
/*
	登録者情報
*/
#contentsArea #side .userInfo {
  width: 194px;
  margin: 0 0 8px 0;
  padding: 15px;
  border: 1px solid #b3b2b2;
}

#contentsArea #side .userInfo dt {
  font-weight: bold;
}

#contentsArea #side .userInfo .userInfoTitle {
  margin: 0 0 13px 0;
}

#contentsArea #side .userInfo .userInfoTitle2 {
  margin: 0 0 5px 0;
}

#contentsArea #side .userInfo .userInfoChange {
  margin: 0 0 13px 0;
}

/*
	トップユーザポイント
*/

#contentsArea #side .userInfo .userInfoPoint {
  margin: 0 0 5px 0;
  font-weight: bold;
  background: #ededed;
  text-align: center;
  padding: 15px 0;
}

#contentsArea #side .userInfo .userInfo {
  margin: 0 0 13px 0;
  font-weight: bold;
}

/*
	ユーザポイント
*/

#contentsArea #side .userPoint {
  width: 194px;
  margin: 0 0 15px 0;
  padding: 15px;
  border: 1px solid #b3b2b2;
}

#contentsArea #side .userPoint dt {
  margin: 0 0 13px 0;
  font-weight: bold;
}

#contentsArea #side .userPointAct {
  margin: 0 0 15px 0;
  border: 1px solid #b3b2b2;
}

#contentsArea #side .userPointAct .userPointAct0 {
  margin: 0 0 13px 0;
  font-weight: bold;
  padding: 15px 28px 0 15px;
  width: 181px;
}

#contentsArea #side .userPointAct .userPointAct1 {
  font-weight: bold;
  padding: 0 28px 10px 15px;
  width: 181px;
  border-bottom: 1px solid #b3b2b2;
}

#contentsArea #side .userPointAct .userPointAct2 {
  padding: 15px 28px 10px 15px;
  font-weight: bold;
  width: 181px;
}

#contentsArea #side .userPointAct .userPointAct3 {
  font-weight: bold;
  padding: 0;
  width: 226px;
}

#contentsArea #side .userPointAct .userPointAct3 div {
  float: left;
}

#contentsArea #side .userPointAct .userPointAct4 {
  font-weight: bold;
  padding: 10px 28px 15px 15px;
  width: 181px;
  text-align: center;
}

/*
	カテゴリ
*/
#contentsArea #side .linkColor01 a {
  color: #555555;
}
#contentsArea #side .linkColor01 a:hover {
  color: #aaa9a8;
}

/*
-----------------------------------------------------------------------
	mainContent(right column)
-----------------------------------------------------------------------
*/

#mainContents {
  width: 713px;
  float: right;
}

#contentsMypage #mainContents {
  width: 960px;
  margin: 0px;
  float: right;
}

/*
-----------------------------------------------------------------------
	汎用クラス
-----------------------------------------------------------------------
*/

#contentsArea .tableDsn01 {
  border-collapse: collapse;
  width: 100%;
  position: relative;
  z-index: 997;
}
#contentsArea .tableDsn01 th,
#contentsArea .tableDsn01 td {
  background: url(/img/shop/bg_line_dotted.gif) repeat-x left bottom;
  padding: 17px 0;
}
#contentsArea .tableDsn01 tr#pd0 td {
  padding: 1px;
}

#contentsArea .tableDsn01 tr.last th,
#contentsArea .tableDsn01 tr.last td {
  background: none;
}

#contentsArea .tableDsn01 tfoot th,
#contentsArea .tableDsn01 tfoot td {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #f7f7f7;
}

#contentsArea .tableDsn01 th,
#contentsArea .tableDsn01 td {
  vertical-align: middle;
  padding: 16px 0 16px 15px;
  color: #333333;
}
#contentsArea .tableDsn01 th.sizeTop {
  vertical-align: top;
}

#contentsArea .tableDsn01 .totalPrice {
  vertical-align: middle;
  padding: 16px 15px 16px 0;
}

#contentsArea .tableDsn01 .totalPrice dl {
  float: right;
}

#contentsArea .tableDsn01 .totalPrice dt,
#contentsArea .tableDsn01 .totalPrice dd {
  float: left;
}

#contentsArea .tableDsn01 th {
  width: 216px;
  /*width:21%;*/
  font-weight: bold;
  color: #333333;
}
#contentsArea .tableDsn01 td.colspan {
  /*width:75%;*/
  /*width:699px;*/
}

#contentsArea .tableDsn01 .first {
  padding: 0 0 10px 0px;
  vertical-align: top;
}
#contentsArea .tableDsn01 td.first {
  padding-top: 4px;
}
#contentsArea .tableDsn01 td.first02 {
  padding-top: 0px;
  vertical-align: top;
}

/* 120712追記 */
#contentsArea .tableDsn01 .totalPrice {
  text-align: right;
}
#contentsArea .tableDsn01 .totalPrice table,
#contentsArea .tableDsn01 .sendDate table {
  border: none;
  width: 100%;
  float: right;
}
#contentsArea .tableDsn01 .sendDate table {
  float: left;
  width: auto;
}
#contentsArea .tableDsn01 .totalPrice table th,
#contentsArea .tableDsn01 .totalPrice table td,
#contentsArea .tableDsn01 .sendDate table th,
#contentsArea .tableDsn01 .sendDate table td {
  border: none;
  padding: 0;
  width: auto;
  text-align: right;
}
#contentsArea .tableDsn01 .totalPrice table td {
  padding-right: 18px;
  width: 11em;
}

#contentsArea .tableDsn01 .sendDate table th,
#contentsArea .tableDsn01 .sendDate table td {
  text-align: left;
}
#contentsArea .tableDsn01 .sendDate table td {
  padding-right: 5px;
}

/* 追記2013/4/19/ t.sekiguchi */

#contentsArea .tableDsn01 tr td ul.methodMenu {
}

#contentsArea .tableDsn01 tr td ul.methodMenu li {
  float: left;
  margin-right: 20px;
}
/**/

/*#contentsArea .tableDsn01 .totalPrice dl,
#contentsArea .tableDsn01 .totalPrice dt,
#contentsArea .tableDsn01 .totalPrice dd{
	display:inline;
}
#contentsArea .tableDsn01 .totalPrice dl{
	padding:0 18px 0 0;
	overflow:hidden;
	zoom:1;
	float: right;
}
#contentsArea .tableDsn01 .totalPrice dt{
	margin-right:3px;
	float:left;
	padding:8px 0 0 0;
	text-align: right;
	border: 1px solid #ff0000;
	display: inline-block;
}
#contentsArea .tableDsn01 .totalPrice dd{
	float:right;
	display: inline;
}
*/

/**/

#contentsArea .tableDsn02 {
  width: 100%;
}

#contentsArea .tableDsn02 th,
#contentsArea .tableDsn02 td {
  padding: 0;
}

#contentsArea .tableDsn02 th {
  color: #666666;
}

#contentsArea table.tableDsn02 thead th,
#contentsArea table.tableDsn02 tbody th {
  background: #dfdfdf !important;
  text-align: center;
  border-bottom: 2px solid #ffffff;
}
#contentsArea table.tableDsn02 thead th.unit,
#contentsArea table.tableDsn02 tr#shop_day th.unit {
  width: 14% !important;
  font-weight: bold;
  color: #000000;
}

#contentsArea table.tableDsn02 thead th.unit,
#contentsArea table.tableDsn02 tr#shop_day th.unit_dm {
  width: 20% !important;
}

#contentsArea table.tableDsn02 thead th,
#contentsArea table.tableDsn02 tr#shop_day th {
  width: 18%;
  border-left: 1px solid #ffffff;
}

#contentsArea .tableDsn02 th.thRow {
  border-right: 2px solid #ffffff;
  width: 14% !important;
  border-left: none;
}
#contentsArea .tableDsn02 tbody td {
  background: #f4f4f4 !important;
  text-align: center;
}
#contentsArea .tableDsn02 thead th,
#contentsArea .tableDsn02 tr#shop_day th {
  padding: 4px 0 4px;
  font-weight: normal;
}
#contentsArea .tableDsn02 tbody th,
#contentsArea .tableDsn02 tbody td {
  padding: 7px 0 2px;
}

#contentsArea .tableDsn02 tbody th {
  font-weight: bold;
}

#contentsArea .tableDsn02 tbody td {
  border: 1px solid #ffffff;
  font-weight: normal;
}

/**/

#contentsArea .txtField01 {
  width: 110px;
  margin: 0 0 0 10px;
  background: #ffffff;
}

/*
	追記120712
*/
#contentsArea .tableDsn02 .btnRadio {
  overflow: hidden;
  zoom: 1;
  display: inline-block;
  margin-left: -10px;
}
#contentsArea .tableDsn02 .btnRadio input {
  margin-top: 10px;
  margin: 0 auto;
}
#contentsArea .tableDsn02 .btnRadio span.price {
  text-align: center;
  color: #1A1004;
  font-size: 10px;
}

/*
	追記130412
*/

#contentsArea .tableDsn02 .price_left {
  display: table-cell;
  width: 25px;
  text-align: center;
  vertical-align: middle;
}

#contentsArea .tableDsn02 .price_right {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
  height: auto;
}

#contentsArea .tableDsn02 .current_price {
  color: #00A0E8;
  font-size: 14px;
  font-weight: bold;
}

#contentsArea .tableDsn02 .price_table_amount {
  font-weight: bold;
  color: #000000;
}


/**/

/*
	マイページ系表組
*/

#contentsArea .orderBlock {
  padding: 0 0 13px;
  display: block;
}
#contentsArea .orderBlock.last {
  padding-bottom: 0;
}
#contentsArea .orderBlock .orderBlockInner {
  padding: 0 0 17px;
  background: url(/img/shop/bg_line_dotted_02.png) no-repeat center bottom;
}
#contentsArea .orderBlock .orderBlockInnerEstimate {
  padding: 0 0 17px;
}
#contentsArea .orderBlock .orderBlockInner.last {
  background: none;
}
#contentsArea .orderBlock.last .orderBlockInner {
  background: none;
  padding-bottom: 0;
}

#contentsArea .tableDsn03 {
  padding-left: 18px;
}
#contentsArea .tableDsn03 table.fig {
  width: 880px !important;
  margin: 0;
}
#contentsArea .tableDsn04 .tableDsn04Box {
  border-bottom: 1px solid #b3b2b2;
}
#contentsArea .tableDsn04 .tableDsn04Box .tableDsn04None {
  text-align: center;
  padding: 25px 0 35px;
}
#contentsArea .tableDsn04 .tableDsn04Box .figEstimate th,
#contentsArea .tableDsn04 .tableDsn04Box .figEstimate td {
  padding: 15px 0;
  background: url(/img/shop/bg_line_dotted_999999.gif) left bottom repeat-x;
}
#contentsArea .tableDsn04 .figEstimate {
  width: 685px;
  margin: 0 auto;
}
#contentsArea .tableDsn04 .tableDsn04btm {
  padding-bottom: 20px;
}
#contentsArea .tableDsn04 th,
#contentsArea .tableDsn04 td {
  padding: 9px 0 0;
  vertical-align: top;
}
#contentsArea .tableDsn04 .w18p {
  font-weight: bold;
  text-align: right;
}
#contentsArea .tableDsn04 .w80p {
  padding-right: 15px;
}
#contentsArea .tableDsn04 .w5p,
#contentsArea .tableDsn04 .w2p {
  text-align: center;
}
#contentsArea .CartDsn04 {
  padding: 8px 0 18px;
  border-bottom: 1px solid #b3b2b2;
}
#contentsArea .CartDsn04 li {
  height: 28px;
  text-align: center;
  padding: 50px 0 10px;
  font-weight: bold;
  font-size: 1.33em;
  display: block;
  float: left;
}
#contentsArea .CartDsn04 .CartDsn04Step01 {
  width: 220px;
  background: url(/img/shop/bg_mypage_step02.png) no-repeat 0 0;
  margin-left: 15px;
  _margin-left: 7px;
}
#contentsArea .CartDsn04 .CartDsn04Step02 {
  width: 220px;
  background: url(/img/shop/bg_mypage_step01.png) no-repeat 0 0;
  margin: 0 16px;
}
#contentsArea .CartDsn04 .CartDsn04Step03 {
  width: 210px;
  background: url(/img/shop/bg_mypage_step03.png) no-repeat 0 0;
  margin-right: 15px;
  _margin-right: 7px;
}

#contentsArea .tableDsn03 table.fig td.rightCell {
  text-align: center;
  vertical-align: middle;
  width: 200px !important;
  border-left: 1px solid rgb(179, 178, 178);
}

/* デフォルト */
#contentsArea .tableDsn03 table.fig td.rightCell.bgColor01 {
  background: #f2f2f2;
}
#contentsArea .tableDsn03 table.fig td.rightCell.cartBorder {
  border: 1px solid rgb(179, 178, 178);
}

/* 履歴用 */
#contentsArea .tableDsn03.type02 {
  /*
	border-bottom:1px solid #B3B2B2;
*/
  padding-bottom: 8px;
}
#contentsArea .tableDsn03.type02 table.fig td.rightCell {
  text-align: right;
  width: 168px;
}
#contentsArea .tableDsn03.type02 table.fig td.cell01 {
  width: 119px;
}
#contentsArea .tableDsn03.type02 table.fig td.rightCell .btnBase,
#contentsArea .tableDsn03.type02 table.fig td.rightCell p {
  margin: 0 0 0 55px;
}
#contentsArea .tableDsn03.type02 table.fig td.rightCell p.last {
  margin-bottom: 0;
}
#contentsArea .tableDsn03.type02 table.fig td.rightCell .thumbnail {
  float: none;
  margin: 0 0 15px 27px;
}
#contentsArea .tableDsn03.type02 table.fig td.rightCell .actionBox {
  text-align: center;
}
#contentsArea .tableDsn03.type02 table.fig td.rightCell .actionBox .btnBase a {
  width: 135px;
  margin: 10px auto 0;
  font-size: 14px;
}

/**/
#contentsArea .tableDsn03 table.fig td.colon {
  width: 24px;
  text-align: center;
}

#contentsArea .tableDsn03 table.fig .tableDsn03Inner {
  /* [disabled]width:100%; */
}
#contentsArea .tableDsn03 table.fig .tableDsn03Inner th,
#contentsArea .tableDsn03 table.fig .tableDsn03Inner td {
  padding: 3px 5px 4px;
}
#contentsArea .tableDsn03 table.fig .tableDsn03Inner th {
  width: 60px;
  font-weight: bold;
}

#contentsArea .tableDsn03 table.fig .tableDsn03Inner td textarea {
  width: 356px;
  height: 68px;
}

#contentsArea .tableDsn03 table.fig .tableDsn03Inner tr.first th,
#contentsArea .tableDsn03 table.fig .tableDsn03Inner tr.first td {
  padding-top: 0;
}
#contentsArea .tableDsn03 table.fig .tableDsn03Inner tr.last th,
#contentsArea .tableDsn03 table.fig .tableDsn03Inner tr.last td {
  padding-bottom: 0;
  vertical-align: top;
  padding-top: 5px;
}

/*工務発注依頼用*/
#contentsArea .tableDsn05 {
  border-collapse: collapse;
  width: 100%;
  position: relative;
}
#contentsArea .tableDsn05 th,
#contentsArea .tableDsn05 td {
  background: url(/img/shop/bg_line_dotted.gif) repeat-x left bottom;
}
#contentsArea .tableDsn05 tr#pd0 td {
  padding: 1px;
}

#contentsArea .tableDsn05 tr.last th,
#contentsArea .tableDsn05 tr.last td {
  background: none;
}

#contentsArea .tableDsn05 tfoot th,
#contentsArea .tableDsn05 tfoot td {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #f7f7f7;
}

#contentsArea .tableDsn05 th,
#contentsArea .tableDsn05 td {
  vertical-align: middle;
  padding: 8px;
  color: #333333;
}

#contentsArea .tableDsn05 th {
  width: 90px;
  /*width:21%;*/
  font-weight: bold;
  color: #333333;
}
#contentsArea .tableDsn05 td.colspan {
  /*width:75%;*/
  /*width:699px;*/
}
#contentsArea .tableDsn05 .backNone {
  background: none;
}

#contentsArea .orderBlock .orderSubtotalAtcart {
  border-top: 1px solid #b3b2b2;
  border-bottom: 1px solid #b3b2b2;
  padding: 10px 0 10px 700px;
  margin: 24px 0 0;
  width: 260px;
}
#contentsArea .orderBlock .orderSubtotal {
  border-top: 1px solid #b3b2b2;
  border-bottom: 1px solid #b3b2b2;
  padding: 10px 0 10px 452px;
  margin: 24px 0 0;
  width: 260px;
}

#contentsArea .orderBlock .orderSubtotal div,
#contentsArea .orderBlock .orderSubtotalAtcart div,
#contentsArea .orderBlock .orderSubtotal02 div {
  float: left;
}

#contentsArea .orderBlock .orderSubtotal .orderAmount,
#contentsArea .orderBlock .orderSubtotalAtcart .orderAmount,
#contentsArea .orderBlock .orderSubtotal02 .orderAmount {
  float: right;
  padding: 0 5px 0 0;
  width: 200px;
  width: 180px\9;
  text-align: right;
}

#contentsArea .orderBlock .sumTotalBox {
  border-top: 1px solid #b3b2b2;
  border-bottom: 1px solid #b3b2b2;
  margin: 20px 0;
  padding: 20px 0;
}

#contentsArea .orderBlock .orderSubtotal .orderAmount .sumTotalFont,
#contentsArea .orderBlock .orderSubtotalAtcart .orderAmount .sumTotalFont,
#contentsArea .orderBlock .sumTotalBox .sumTotalFont {
  font-size: 0.86em;
}

#contentsArea .orderBlock .orderLine {
  text-align: center;
}

#contentsArea .pubReceipt {
  border-bottom: 1px solid #b3b2b2;
  padding: 15px;
  margin-bottom: 15px;
}

#contentsArea .pubReceipt .deliveryMethod {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
}

#contentsArea .pubReceipt p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

#contentsArea .pubReceipt #errDelivery {
  font-size: 15px;
  font-weight: bold;
}
#errDeliveryName {
  font-size: 15px;
  font-weight: bold;
}

#contentsArea .sumTotalBox {
  border-top: 1px solid #b3b2b2;
  border-bottom: 1px solid #b3b2b2;
  margin: 0 0 20px 0;
  padding: 20px 0;
}

#contentsArea .sumTotalBox .sumTotal {
  width: 100%;
}

#contentsArea .orderSubtotal .orderAmount .sumTotalFont,
#contentsArea .sumTotalBox .sumTotalFont {
  font-size: 0.86em;
}

#contentsArea .sumTotalBox .sumTotal th {
  width: 390px;
}

#contentsArea .sumTotalBox #estimate {
  color: #e2068f;
  font-weight: bold;
  display: block;
  text-align: center;
  width: 130px;
  padding: 8px 0 6px 0;
  border: 1px solid #ccc;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 10%, #eaeaea 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(10%, #ffffff),
    color-stop(100%, #eaeaea)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ffffff 10%,
    #eaeaea 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ffffff 10%,
    #eaeaea 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 10%, #eaeaea 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 10%, #eaeaea 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
  text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#contentsArea .sumTotalBox #estimate:hover {
  background: #eaeaea; /* Old browsers */
  background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 78%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eaeaea),
    color-stop(78%, #ffffff)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #eaeaea 0%,
    #ffffff 78%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #eaeaea 0%,
    #ffffff 78%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eaeaea 0%, #ffffff 78%); /* IE10+ */
  background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 78%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#contentsArea .estimate {
  border-bottom: 1px solid #b3b2b2;
  margin-bottom: 13px;
}

#contentsArea .sumTotal th {
  padding: 0 15px 0 0;
}

#contentsArea .sumTotal .sumTotalBorder {
  border-top: 1px solid #ccc;
}

#contentsArea .sumTotal .sumTotalBoxPad {
  padding: 2px 0;
}

#contentsArea .sumTotal .sumTotalRight,
#contentsArea .sumTotal .sumTotalEnd {
  text-align: right;
}

#contentsArea .orderBtmLeft {
  float: left;
}

#contentsArea .orderBtmRight {
  float: right;
}
#contentsArea .orderBtmCenter {
  text-align: center;
}

/*
----------------------------------------------------
	見出し系
	マージンなどは個別ページで調整する。
	以下はデフォルト。
----------------------------------------------------
*/

/*
	ページタイトル(h1系)
*/
.pageHead {
  /* 画像用 */
  margin: 0 0 38px;
}

.type04 .pageHead {
  margin-bottom: 0;
}

.pageHead02,
.pageHead03 {
  /* テキスト用 */
  font-size: 2.5em;
  padding: 6px 0 0 14px;
  margin: 0 0 25px;
  color: #333333;
}

.type02 .pageHead02 {
  /* マイページ用(ヘッダー右ロゴ時) */
  padding-left: 15px;
  margin-bottom: 0px;
}

.type03 .pageHead02 {
  /* マイページで使用(アイコンロゴ時) */
  padding-left: 48px;
  background: url(/img/shop/logo_03.png) no-repeat 2px 19px;
  padding-top: 11px;
}

.point {
  letter-spacing: 0em;
  font-weight: bold;
}
.pageHead03 {
  /* イメージ＋テキスト */
  margin-bottom: 0;
}
.pageHead03 img {
  vertical-align: text-bottom;
}

.keyVisual {
  /* キービジュアル用 */
  margin: 0 0 14px;
}

.point {
  letter-spacing: 0em;
  font-weight: bold;
}
/*
	コンテンツタイトル(h2系)
*/
#contentsArea .contentHead,
#contentsArea .contentHead02,
#contentsArea .contentHead03,
#contentsArea .contentHead04 {
  background: url(/img/shop/bg_line_fancybox_t.gif) #ededed repeat-x left top;
  *height: 100%;
}
#contentsArea .contentHead {
  margin: 0 0 30px;
}
#contentsArea .contentHead02,
#contentsArea .contentHead03 {
  margin: 0 0 15px;
}
#contentsArea .contentHeadInner {
  padding: 12px 0 12px 17px;
}
#contentsArea .contentHead03 .contentHeadInner {
  padding: 9px 0 7px 17px;
}
#contentsArea .contentHead04 .contentHeadInner {
  padding: 0;
}
#contentsArea .contentHead04 .contentHeadInner h2 {
  padding: 13px 0 12px 50px;
}
#contentsArea .contentHead04 .contentHeadInner .contentHeadNews {
  background: url(/img/shop/icon_news.png) no-repeat 7px 2px;
}
#contentsArea .contentHead04 .contentHeadInner .contentHeadMail {
  background: url(/img/shop/icon_mail.png) no-repeat 7px 2px;
}
#contentsArea .contentHead04 .contentHeadInner .contentHeadCart {
  background: url(/img/shop/icon_cart.png) no-repeat 7px 2px;
}
#contentsArea .contentHead04 .contentHeadInner .contentHeadEstimate {
  background: url(/img/shop/icon_estimate.png) no-repeat 7px 2px;
}

#contentsArea .contentHeadInner {
  background: url(/img/shop/bg_line_fancybox_b.gif) repeat-x left bottom;
  overflow: hidden;
  zoom: 1;
}
#contentsArea .contentHead02 .head {
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: bold;
  color: #333333;
}
#contentsArea .head1 {
  font-size: 1.16em;
  font-weight: bold;
  color: #333333;
}
#contentsArea .contentHead03 .head {
  float: left;
  width: 70%;
  font-weight: bold;
  color: #e2068f;
}
#contentsArea .contentHead04 .head {
  font-size: 0.83em;
  font-weight: bold;
  color: #333333;
}
#contentsArea .contentHead dl {
  padding: 18px 0;
  overflow: hidden;
  width: 100%;
}
#contentsArea .contentHead dt {
  font-weight: bold;
  padding-left: 16px;
  width: 40%;
  float: left;
}

#contentsArea .contentHead03 .optNavi {
  float: right;
  overflow: hidden;
  width: 30%;
  display: block;
  padding: 8px 0 0;
}
#contentsArea .contentHead03 .optNavi li {
  float: right;
  border-right: 1px solid #cccccc;
  padding: 0 5px;
}
#contentsArea .contentHead03 .optNavi li.first {
  border-right: none;
  margin-right: 5px;
}

#contentsArea .contentHead04 {
  font-weight: bold;
  font-size: 1.33em;
  color: #333;
  margin: 0 0 10px;
}

/*
	h3以下の見出し
	font-sizeなど変更ある場合はexHead0Xの形で増産
*/
#contentsArea .exHead {
  font-weight: bold;
  font-size: 1.33em;
  color: #333333;
  display: table-cell;
}

#contentsArea .exHead02 {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 15px;
  color: #333333;
}

#contentsArea .exHead03 {
  font-weight: bold;
  font-size: 1.16em;
  margin-bottom: 7px;
  color: #333333;
}

.heading-box {
  margin-bottom: 20px;
}
/*
	ページャ
*/
#contentsArea .contentHead .pager {
  width: 305px;
  float: right;
}
#contentsArea .contentHead .head {
  float: left;
  width: 40%;
  font-weight: bold;
  color: #333333;
}

#contentsArea .contentHead .head .larger03 {
  /* [disabled]font-size:1.42em; */
}

#contentsArea .pager {
  width: 100%;
}
#contentsArea .pager .btnNext,
#contentsArea .pager .btnPrev,
#contentsArea .pager .pageNums {
  float: right;
}

#contentsArea .pager .btnNext img,
#contentsArea .pager .btnPrev img {
  vertical-align: middle;
}
#contentsArea .pager .btnNext {
  padding: 0 15px 0 6px;
}
#contentsArea .pager .btnPrev {
  padding: 0 6px 0 0;
}

#contentsArea .pager .pageNums a {
  text-decoration: none;
  padding: 6px 8px 6px 9px;
  border: solid gray 1px;
  box-shadow: 0px 1px #efefef !important;
  text-shadow: 0px 1px #f6f6f6 !important;
  background: #fafafa;
  font-size: 12px !important;
  margin-right: 3px !important;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.33, rgb(240, 240, 240)),
    color-stop(1, rgb(251, 251, 251))
  );
  font-weight: bold;
  color: #333333;
}
#contentsArea .pager .pageNums a:hover {
  color: white;
  background: #409aeb;
}
#contentsArea .pager .pageNums a.active {
  font-weight: bold;
  text-decoration: none;
  color: white;
  background: #409aeb;
}

#contentsArea .pagerArea .pager .btnNext {
  margin-right: -13px;
}
#contentsArea .pagerArea {
  float: right;
  display: table-cell;
}

.pagerArea.top {
  margin-top: -20px;
}

.pagerArea.under {
  padding: 14px 0 17px;
}

/*
----------------------------------------------------------------------
	アイコンまたはテキスト付き系
----------------------------------------------------------------------
*/

.pointArea {
  margin: 0 0 20px;
}

.pointArea dt {
  margin: 0 0 5px;
  font-weight: bold;
}

.txtPoint,
.pointArea dt {
  background: url(/img/shop/icon_point.gif) no-repeat left 4px;
  padding: 0 0 0 42px;
}
.txtPoint02 {
  background: url(/img/shop/icon_point.gif) no-repeat left 5px;
  padding: 0 0 0 42px;
  font-size: 1.16em;
}

/**/

.txtRecom {
  background: url(/img/shop/icon_recom.gif) no-repeat left 3px;
  padding: 0 0 0 49px;
}

.txtRecom02 {
  background: url(/img/shop/icon_recom_02.gif) no-repeat left 4px;
  padding: 0 0 0 83px;
  font-size: 1.33em;
}

/* アイコンのみ */
.iconRecom {
  background: url(/img/shop/icon_recom.gif) no-repeat left top;
  width: 36px;
  height: 11px;
}
.iconRecom span {
  display: none;
}

/**/

.txtDownload {
  background: url(/img/shop/icon_download.png) no-repeat left 3px;
  padding: 0 0 0 19px;
}

/**/

.txtArrow {
  background: url(/img/shop/icon_arrow.png) no-repeat left 5px;
  padding: 0 0 0 11px;
}

/**/

.fileList {
  margin-bottom: 30px;
}

.fileList li {
  padding: 7px 0 7px;
  background: url(/img/shop/bg_line_dotted.gif) repeat-x left bottom;
}
.fileList li .inner {
  background: url(/img/shop/icon_print.gif) no-repeat left 3px;
  padding: 0 0 0 20px;
  overflow: hidden;
  zoom: 1;
}
.fileList li .fileName {
  width: 70%;
  float: left;
  font-weight: bold;
}
.fileList li .delete {
  float: right;
  padding: 0 5px 0 0;
  letter-spacing: 0px;
}

/**/

.itemComment {
  padding: 20px 0 7px;
  margin-top: 30px;
  background: url(/img/shop/bg_line_dotted.gif) repeat-x left top;
}
/**/

.openFolder {
  background: url(/img/shop/icon_folder.png) no-repeat 0 1px;
  padding: 0 0 0 23px;
  letter-spacing: 0.05em;
}

/*
-------------------------------------------------------------
	ヘルプ系
-------------------------------------------------------------
*/

.iconMarge {
  margin: 0 0.5em 0 0;
}

.baloon {
  margin: 0 0.5em 0 0;
}

.helpArea {
  display: inline;
  position: relative;
}

.baloonArea {
  /*display:none;*/
  width: 383px;
  background: url(/img/shop/bg_baloon_t.png) no-repeat right top;
  padding: 4px 0 0;
  text-align: left;
  font-weight: normal;
  position: absolute;
  left: 23px;
  top: -35px;
  z-index: 99999;
  color: #000000;
}
.baloonArea.type02 {
  background: url(/img/shop/bg_baloon_t_02.png) no-repeat right top;
  width: 430px;
  bottom: 25px !important;
  left: -198px;
  top: auto;
}
.baloonArea .baloonInner {
  background: url(/img/shop/bg_baloon_b.png) no-repeat right bottom;
  padding: 0px 0 9px;
  height: 100%;
}
.baloonArea.type02 .baloonInner {
  padding-bottom: 15px;
  background: url(/img/shop/bg_baloon_b_02.png) no-repeat right bottom;
}
.baloonArea .baloonCont {
  position: relative;
  height: 100%;
  background: url(/img/shop/bg_baloon_m.png) repeat-y right top;
}
.baloonArea.type02 .baloonCont {
  background: url(/img/shop/bg_baloon_m_02.png) repeat-y right top;
}

.baloonArea .baloonContInner {
  padding: 23px 35px 0;
  background: url(/img/shop/bg_baloon_arrow.png) no-repeat left 30px;
}
.baloonArea.type02 .baloonContInner {
  background: none;
  padding: 16px 35px 0;
  _padding: 16px 31px 0;
}

.baloonArea .btnClose {
  position: absolute;
  left: 354px;
  top: 4px;
}
.baloonArea.type02 .btnClose {
  left: 403px;
  top: 6px;
}

.baloonArea .baloonContInner dl {
  padding: 0 0 22px;
}
.baloonArea .baloonContInner dl dt {
  font-weight: bold;
  margin: 0 0 3px;
}

.baloonArea.type02 .baloonContInner dl dt {
  margin: 0px 0 13px;
  text-align: center;
}

/*2012.08.21　サイズ計算ツール*/
.baloonAreaSize {
  /*display:none;*/
  width: 215px;
  background: url(/img/shop/bg_baloon_t_03.png) no-repeat top;
  padding: 12px 0 0 0;
  font-weight: normal;
  z-index: 99999;
  color: #000000;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
  margin: 10px 0 0 -2px;
}
.baloonAreaSize .baloonInner {
  background: url(/img/shop/bg_baloon_b_03.png) no-repeat right bottom;
  padding: 0px 0 9px;
  height: 100%;
}
.baloonAreaSize .baloonCont {
  position: relative;
  height: 100%;
  background: url(/img/shop/bg_baloon_m_03.png) repeat-y right top;
}
.baloonAreaSize .baloonContInner {
  padding: 20px 13px 0;
}
.baloonAreaSize .btnClose {
  position: absolute;
  right: 12px;
  top: 5px;
}
.baloonAreaSize .sizeT {
}
.baloonAreaSize .baloonContInner dl {
}
.baloonAreaSize .baloonContInner dl dt {
  margin-top: 5px;
}
.baloonAreaSize .baloonContInner dd {
  padding: 0 0 9px;
}
.baloonAreaSize .baloonContInner input {
  margin: 0 5px;
}
.baloonAreaSize .sizeB {
  margin: 10px 0 0 0px;
  border-top: 1px dotted #666666;
}
.baloonAreaSize .baloonContInner .sizeB input {
  width: 100px;
  color: #c42086;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  margin: 7px 0 0 0;
  height: 24px;
}
.baloonAreaSize dd.btnNext a {
  margin: 4px 49px 0 0px;
}
.baloonAreaSize .helpArea {
  display: block;
  padding: 10px 0 0 0px;
}
.baloonAreaSize .sizeHead {
  padding: 0 0 10px 0px;
}

/**/

/* 凡例 */
#contentsArea .explanatoryNotesList {
  padding: 5px 0 0 7px;
}
#contentsArea .explanatoryNotesList li {
  display: inline;
  margin-right: 5px;
  color: #666666;
}
#contentsArea .explanatoryNotesList li img {
  margin-right: 5px;
  vertical-align: baseline;
}

/*
-------------------------------------------------------
	ライトボックス系
-------------------------------------------------------
*/

.wrapBox {
  width: 668px;
  color: #333333;
}
.wrapBoxInner {
  padding: 47px 0 0px;
  _padding: 34px 0 0;
}
.wbFooter {
  border-top: 1px solid #b3b2b2;
  padding: 15px 0 33px;
}

.wbFooter img,
.wbFooter input {
  vertical-align: baseline;
  margin: 0 8px;
}

.remindBox .wrapBoxInner,
.cancelBox .wrapBoxInner {
  padding-left: 28px;
  padding-right: 28px;
  color: #333333;
}

.remindBox {
}

.remindBox .head,
.cancelBox .head {
  font-size: 2.08em;
  text-align: center;
  display: block;
  margin: 0 0 30px;
  font-weight: bold;
}
.remindBox .lead,
.remindBox .lead02 {
  font-weight: bold;
  text-align: center;
  margin: 0 0 26px;
}
.remindBox .lead02 {
  padding-bottom: 48px;
  padding-top: 35px;
}
.remindBox .formParts {
  text-align: center;
  margin: 0 0 30px;
}
.remindBox .formParts.first {
  margin-bottom: 13px;
}

.remindBox .formParts dt,
.remindBox .formParts dd {
  display: inline;
  font-weight: bold;
}

.remindBox .formParts .txtField02 {
  width: 269px;
}
.remindBox .formParts .txtField03 {
  width: 162px;
}

.cancelBox .contentHead {
  background: url(/img/shop/bg_line_fancybox_t.gif) #ededed repeat-x left top;
  text-align: left;
  margin: 0 0 15px;
}
.cancelBox .contentHeadInner {
  background: url(/img/shop/bg_line_fancybox_b.gif) repeat-x left bottom;
  padding: 7px 0 7px 14px;
}
.cancelBox .contentHead dl {
  overflow: hidden;
  zoom: 1;
}
.cancelBox .contentHead dl dt,
.cancelBox .contentHead dl dd {
  /*display:inline;*/
  font-weight: bold;
  color: #e6279e;
}
.cancelBox .contentHead dl dt {
  font-size: 1.16em;
  float: left;
  padding-top: 0.3em;
  *padding-top: 0.35em;
}
.cancelBox .contentHead dl dd {
  font-size: 1.66em;
  float: left;
}

.cancelBox .item01 {
  margin-bottom: 3px;
}

.cancelBox .item02 {
  display: inline;
  margin: 0 15px 0 0;
}

.cancelBox .item01 dt,
.cancelBox .item01 dd,
.cancelBox .item02 dt,
.cancelBox .item02 dd {
  display: inline;
}

.cancelBox .item01 dt,
.cancelBox .item02 dt {
  font-weight: bold;
}

.cancelBox .data {
  text-align: left;
  margin: 0 15px 16px;
}

.cancelBox .annotationArea {
  text-align: left;
  padding: 32px 0 0;
}

/*.cancelBox .annotationArea p,*/
.cancelBox .annotationArea dl,
.cancelBox .annotationArea dt,
.cancelBox .annotationArea dd {
  display: inline;
  margin-right: 7px;
}

/*
-----------------------------------------------------------
	お問い合わせフォーム
-----------------------------------------------------------
*/

.formBox dt {
  background: url(/img/bg_def_h2_tit_2.gif) no-repeat scroll left top;
  color: #ffffff;
  padding: 18px 0 18px 18px;
  font-size: 1.16em;
  font-weight: bold;
}
.formBox dt span {
  margin-left: 1em;
}

.formBox table {
  width: 824px;
}

.formBox th {
  font-weight: bold;
}
.formBox th span {
  margin-left: 0.5em;
}

.formBox tbody th,
.formBox tbody td {
  padding: 10px 0 10px 18px;
}

.formBox tbody th {
  width: 25%;
  border-right: 1px solid #c6c3b9;
  background: url("/img/bg_td_g.gif") no-repeat scroll 0 0 transparent;
  vertical-align: middle;
}
.formBox tbody td,
.formBox tfoot td {
  background: url("/img/bg_td_w.gif") no-repeat scroll 0 0 transparent;
}

.formBox tfoot td {
  padding: 12px 0 10px;
}

.formBox button.inputConfirmBtn {
  cursor: pointer;
  background: url("/img/btn_confirme.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  cursor: pointer;
  height: 38px;
  text-indent: -9999px;
  width: 188px;
}
.formBox button.inputConfirmBtn:hover {
  background: url("/img/btn_confirme.png") 0 -38px no-repeat;
}
.formBox .agreeBox {
  margin-bottom: 10px;
  position: relative;
}

/*root: *> */
.formBox .agreeBox .checkbox {
  position: absolute !important;
  _left: -25px;
  _top: -3px;
}

/*
-----------------------------------------------------------
	その他
-----------------------------------------------------------
*/

.kerning {
  letter-spacing: 0.5em;
}

.kerning02 {
  margin-right: 37px;
}

.alpha:link {
  opacity: 1;
}

.alpha:hover {
  opacity: 0.7;
}

/**/

.alert {
  color: #ff0000;
}

/**/

.hide {
  display: none;
}

/**/

.padB0 {
  padding-bottom: 0 !important;
}

/**/

.bg0 {
  background: none !important;
}

/**/

.bdr0 {
  border-width: 0px !important;
}

/**/

.lead {
  margin: 0 0 20px;
}

/**/

.mar0 {
  margin: 0 !important;
}

.marb0 {
  margin-bottom: 0 !important;
}

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

.marb28 {
  margin-bottom: 28px !important;
}

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

/**/

.txtIndent {
  text-indent: -1.5em;
  padding: 0 0 0 1.5em;
}
.txtIndent02 {
  text-indent: -1em;
  padding: 0 0 0 1em;
}
.orange {
  color: #ff6600 !important;
}
.purple {
  color: #e2068f !important;
}
.accent {
  color: #333 !important;
}
.red {
  color: #f00 !important;
}
.gray {
  color: #999999 !important;
}

/**/

.bold {
  font-weight: bold;
}

.nobold {
  font-weight: normal;
}

/**/

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

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

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

/**/

.valignT {
  vertical-align: top !important;
}

.valignM {
  vertical-align: middle !important;
}

.valignB {
  vertical-align: bottom !important;
}

/**/

.floatL {
  float: left !important;
}

.floatR {
  float: right !important;
}

/*
	フォントサイズ
*/

/* 14px相当 */
.larger {
  font-size: 1.16em;
}
.larger02 {
  font-size: 1.33em;
}
.larger03 {
  font-size: 2.08em;
}
.larger04 {
  font-size: 1.66em;
}
.larger05 {
  font-size: 1.83em;
}
.larger06 {
  font-size: 2em;
}
/* 10px相当 */
.smaller {
  font-size: 0.83em;
}
.smaller02 {
  font-size: 0.66em;
}
.smaller03 {
  /* 120712追加 */
  font-size: 0.91em;
}

/*
	テキストフィールドの幅サイズ
*/

.w243 {
  width: 243px;
}

.w340 {
  width: 340px;
}

.w515 {
  width: 515px;
}

/* 100% */
.w100p {
  width: 100%;
}

.w50p {
  width: 50%;
}

.w18p {
  width: 18%;
}

.w2p {
  width: 2%;
}

.w134 {
  width: 134px;
}

.w80p {
  width: 80%;
}

.w437 {
  width: 437px;
}

.w280 {
  width: 280px;
}

.w215 {
  width: 215px;
}

.w160 {
  width: 160px;
}

.w105 {
  width: 105px !important;
}

.w87 {
  width: 87px;
}

.w24 {
  width: 24px;
}

/**/

.clearfix:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  content: "";
}
.clearfix {
  zoom: 1;
}

.btns {
  overflow: hidden;
}
.btns ul {
  width: 490px;
  margin: 0 auto;
}
.btns li {
  float: left;
  margin-right: 20px;
  _margin-right: 10px;
  width: 235px;
}
.btns li.btnlast {
  margin-right: 0px;
}

.lineDottedInner {
  padding: 17px 0 17px;
  background: url(/img/shop/bg_line_dotted_02.png) no-repeat center center;
}

.txtArrow {
  display: inline;
}
.txtArrow a {
  color: #000000 !important;
}

.txtArrow a:hover {
  color: #999 !important;
}

.displayNone {
  display: none;
}

.w40 {
  width: 40px;
}
.w55 {
  width: 55px;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.w160 {
  width: 160px;
}
.w164 {
  width: 164px;
}
.w166 {
  width: 166px;
}
.w170 {
  width: 170px;
}
.w200 {
  width: 200px;
}
.w220 {
  width: 220px;
}
.w227 {
  width: 227px;
}
.w250 {
  width: 250px;
}
.w280 {
  width: 280px;
}
.w340 {
  width: 340px;
}
.w400 {
  width: 400px;
}
.w410 {
  width: 410px;
}
.w420 {
  width: 420px;
}
.w430 {
  width: 430px;
}
.w450 {
  width: 450px;
}
.w520 {
  width: 520px;
}
.w620 {
  width: 620px;
}

.mb3 {
  margin-bottom: 3px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb18 {
  margin-bottom: 18px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb70 {
  margin-bottom: 70px;
}

.mr4 {
  margin-right: 4px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}

.ml10 {
  margin-left: 10px;
}
.ml12 {
  margin-left: 12px;
}
.ml14 {
  margin-left: 14px;
}
.ml17 {
  margin-left: 17px;
}
.ml20 {
  margin-left: 20px;
}
.ml26 {
  margin-left: 26px;
}
.ml30 {
  margin-left: 30px;
}
.ml43 {
  margin-left: 43px;
}
.ml74 {
  margin-left: 74px;
}
.ml105 {
  margin-left: 105px;
}
.ml125 {
  margin-left: 125px;
}
.ml160 {
  margin-left: 160px;
}
.ml230 {
  margin-left: 230px;
}

.mt2 {
  margin-top: 2px;
}
.mt3 {
  margin-top: 3px;
}
.mt5 {
  margin-top: 5px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt21 {
  margin-top: 21px;
}
.mt24 {
  margin-top: 24px;
}
.mt30 {
  margin-top: 30px;
}
.mt38 {
  margin-top: 38px;
}
.mt42 {
  margin-top: 42px;
}
.mt40 {
  margin-top: 40px;
}
.mt48 {
  margin-top: 48px;
}
.mt52 {
  margin-top: 52px;
}
.mt55 {
  margin-top: 55px;
}
.mt56 {
  margin-top: 56px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mt81 {
  margin-top: 81px;
}
.mt98 {
  margin-top: 98px;
}
.mt120 {
  margin-top: 120px;
}
.mt160 {
  margin-top: 160px;
}

.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb12 {
  padding-bottom: 12px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb18 {
  padding-bottom: 18px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb40 {
  padding-bottom: 40px;
}

.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}

.txt_s {
  font-size: 87%;
}
.txt_l {
  font-size: 117%;
}
.txt_ll {
  font-size: 134%;
}
.txt_lll {
  font-size: 150%;
}
.taCenter {
  text-align: center;
}
.taRight {
  text-align: right;
}
.m0a {
  margin: 0 auto !important;
}
.db {
  display: block;
}
.btnBase a,
.btnBase p,
.btnBase input,
.btnBaseDisable {
  color: #333;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  width: 160px;
  padding: 8px 5px 6px 5px;
  margin-left: 5px;
  border: 1px solid #ccc;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 10%, #eaeaea 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(10%, #ffffff),
    color-stop(100%, #eaeaea)
  );
  background: -webkit-linear-gradient(top, #ffffff 10%, #eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 10%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 10%, #eaeaea 100%);
  background: linear-gradient(to bottom, #ffffff 10%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
  text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.btnBase a:hover,
.btnBase p:hover,
.btnBase input:hover {
  background: #eaeaea;
  background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 78%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eaeaea),
    color-stop(78%, #ffffff)
  );
  background: -webkit-linear-gradient(top, #eaeaea 0%, #ffffff 78%);
  background: -o-linear-gradient(top, #eaeaea 0%, #ffffff 78%);
  background: -ms-linear-gradient(top, #eaeaea 0%, #ffffff 78%);
  background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 78%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
}

/**/

/* 120718追加 */
/*
	点線ボックス
*/

#contentsArea .dottedBox {
  background: url(/img/shop/bg_line_dotted_000000_h.gif) repeat-x left top;
  margin: 0 0 27px;
}
#contentsArea .dottedBoxInner {
  background: url(/img/shop/bg_line_dotted_000000_h.gif) repeat-x left bottom;
}
#contentsArea .dottedBoxCont {
  background: url(/img/shop/bg_line_dotted_000000_v.gif) repeat-y left top;
  padding: 21px 0 20px;
}

/*
 * UserHeat tag
 */
#Vesicomyid-BEACON121140 {
  position: absolute;
}
/*
	カードブランド選択＆入力フォーム
*/
div.cardlavelV {
  float: left;
  width: 170px;
  height: 42px;
}
div.cardlavelA {
  float: left;
  width: 85px;
  height: 42px;
}
div.cardlavelD {
  float: left;
  width: 103px;
  height: 42px;
}
div.cardBrandRadioV,
div.cardBrandRadioA,
div.cardBrandRadioD {
  orverflow: hidden;
  float: left;
  padding-top: 12px;
  height: 30px;
  background-image: url(/img/shop/card1.png);
}
div.cardBrandRadioV {
  width: 130px;
  background-position: left top;
}
div.cardBrandRadioA {
  width: 45px;
  background-position: -128px 0;
}
div.cardBrandRadioD {
  width: 43px;
  background-position: -170px 0;
}
/* 追記 */

.creditinputform {
  width: 185px;
  float: left;
}

/* Forces Long Numbers or Urls into inline flow */
.word-breaker {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* フルレスポンシブル対応のため下記記述を追加 */

#contentsArea .tableDsn01 tr {
  background: url(/img/shop/bg_line_dotted.gif) repeat-x left bottom;
}

#contentsArea .tableDsn01 th,
#contentsArea .tableDsn01 td {
  background: none;
}

.tableDsn01 #pd0 {
  margin-bottom: 16px;
}

.tableDsn01 {
  display: table;
}

.tableDsn01 > tbody {
  display: table;
  width: 100%;
}

.tableDsn01 > tfoot {
  display: table;
  width: 100%;
}

.tableDsn01 > tbody > tr {
  display: table;
  width: 100%;
}

#contentsArea .tableDsn01 tr.last {
  background: none;
}

.img_keyVisual {
  width: 960px;
  height: 136px;
}

.img_keyVisual > img {
  width: 100%;
}

#contentsArea .tableDsn01 .img_radio > th {
  display: inline-block;
}

#contentsArea .tableDsn02 {
  width: 100% !important;
}

.img_keyVisual {
  width: 100%;
}

@media screen and (max-width: 480px) {
  #contentsArea {
    width: 100%;
  }

  #container #content #contentsArea .tableDsn01 {
    width: 100%;
  }

  #contentsArea .tableDsn01 #pricetable .pricebox .tableDsn02 {
    width: 100% !important;
  }

  .img_keyVisual {
    width: 100%;
    height: auto;
  }

  .img_keyVisual > img {
    width: 100%;
  }

  #contentsArea .tableDsn01 {
    display: table;
  }

  #contentsArea .tableDsn01 > tbody {
    display: table;
  }

  #contentsArea .tableDsn01 > tfoot {
    display: table;
  }

  #contentsArea .tableDsn01 > tfoot > tr > th {
    width: auto;
  }

  .item_step_list {
    width: 100%;
  }

  .item_step_list thead .item_name span {
    width: 50%;
  }

  .item_explanation .item_expl_inner.odd,
  .item_explanation .item_expl_inner.even {
    float: none;
    width: 90%;
    margin: auto;
  }

  .item_explanation .item_expl_inner.odd {
    margin-bottom: 30px;
  }

  .selectionBoxL {
    width: 100% !important;
    display: flex;
  }

  .selectionBoxS {
    float: none;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
  }

  .selectionBoxS .type02 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    margin: auto;
  }

  .selectionBoxS .type03 {
    width: 50%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .btn_tmp_dl > a {
    display: inline-block;
  }

  .btn_tmp_dl > a > img {
    width: 100%;
  }

  #contentsArea .tableDsn01 .img_radio {
    width: 100%;
    text-align: center;
    display: inline-block;
    width: 100%;
  }

  #contentsArea .tableDsn01 .img_radio > th {
    display: inline-block;
    width: calc(100% - 15px);
    padding-left: 0;
  }

  #contentsArea .tableDsn01 .img_radio > td {
    display: inline-block;
    text-align: left;
    padding: 0;
  }
  #contentsArea .tableDsn01 .img_radio > td {
    display: block;
    width: 100%;
    margin: auto;
  }

  #contentsArea .tableDsn01 .img_radio .colspan.selectSize > div {
    display: block;
  }

  #contentsArea .tableDsn01 .img_radio > td > p {
    text-align: left;
  }

  #contentsArea .tableDsn01 tfoot th,
  #contentsArea .tableDsn01 tfoot td {
    display: block;
  }

  #contentsArea .tableDsn01 tfoot th {
    border: none;
  }

  #contentsArea .tableDsn01 tfoot .totalPrice table {
    float: none;
  }

  #contentsArea .tableDsn01 tfoot .sendDate table {
    float: none;
    text-align: left;
  }

  #contentsArea .tableDsn01 tfoot .sendDate > table > tbody > tr > th,
  #contentsArea .tableDsn01 tfoot .sendDate > table > tbody > tr > td {
    display: inline-block;
  }

  #contentsArea .tableDsn01 tfoot .totalPrice {
    border: none;
  }

  #contentsArea .tableDsn01 tfoot .totalPrice table tr {
    background: none;
  }

  #contentsArea .tableDsn01 tr {
    background: none;
  }

  #contentsArea .tableDsn01 tfoot .totalPrice table th,
  #contentsArea .tableDsn01 tfoot .totalPrice table td {
    display: inline-block;
    border: none;
  }

  #contentsArea .tableDsn02 th.thRow {
    width: 11% !important;
    font-size: 12px;
  }

  #contentsArea table.tableDsn02 thead th.unit,
  #contentsArea table.tableDsn02 tr#shop_day th.unit {
    width: 11% !important;
    font-size: 12px;
  }

  #contentsArea .tableDsn02 .price_right {
    width: auto;
    font-size: 11px;
  }
}

/*
-----------------------------------------------------------
  パンくず
  - スタイルは asset/sass/components/_breadcrumb.scss と同じ
  - 旧画面は r.show.*.css を参照するため、重複するがこちらにも記述
  - 以下が該当する旧画面一覧
    - /option/
    - /option/pet-laminating/
    - /option/pp-laminating/
    - /option/folding/
-----------------------------------------------------------
*/

.c-breadcrumb {
  width: 100%;
  font-size: 14px;
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
  overflow-x: auto;

  /* IE11 で縦スクロールバーが出てしまう問題の対応 */
  overflow-y: hidden;
}

.c-breadcrumb__root {
  padding: 0;
  margin: auto;
  list-style: none;
  white-space: nowrap;
  vertical-align: bottom;
}

.c-breadcrumb__item {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 0;
  vertical-align: bottom;
}

.c-breadcrumb__item > a,
.c-breadcrumb__item > span {
  line-height: 16px;
}

.c-breadcrumb__item::before {
  content: ">";
  display: inline-block;
  width: 13.5px;
  text-align: center;
  vertical-align: top;
  font-weight: normal !important;
}

.c-breadcrumb__item:nth-of-type(1):before {
  content: none;
}

.c-breadcrumb__item:last-child {
  margin-right: 10px;
}