@charset "utf-8";
/**
 * INIT base.css
 * (C) FLOWERS INC.
 */

/* ======================================================

  Element

====================================================== */
body {
  background: #FFFFFF;
  font-family: Arial, Helvetica,"ＭＳ ゴシック","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka-等幅,Osaka,平成角ゴシック;
  font-size: 10px;
  *font-size: 9px;
  line-height: 1.5;
  color: #b0b0b0;
  _text-align: center;
}

/*  Anchor
------------------------------------------------------ */
a {
  outline: none;
  text-decoration: none;
}
a:link { color: #b0b0b0; }
a:visited { color: #b0b0b0; }
a:hover { color: #333333; }
a:active { color: #b0b0b0; }

/*  ImgHover
------------------------------------------------------ */
a.imgHover:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  background-color:#ffffff;
}

/*  Font
------------------------------------------------------ */
strong { font-weight: bold; }
a.ac{  font-weight: bold; color: #333333; }
h2,
h3,
#Breadcrumb,
#ContentsWrap,
a.blk { color: #333333; }
.gry { color: #b0b0b0; }
.er { color: #ff0000; }
.restock { color: #000000; }

/* ======================================================

  Layout - Outline

====================================================== */
#Wrapper {
  width: 960px;
  margin: 65px auto 0;
  _text-align: left;
}
#Items #Contents,
#Terms #Contents  {
  float: left;
}
#Items #Contents {
  margin-top: 5px;
}
#Items #Side,
#Terms #Side {
  float: left;
}
#Terms #Side {
  width: 270px;
}
#Terms #Side li{
  margin-bottom: 9px;
}


/* ======================================================

  Layout - Header

====================================================== */
#Header {
  margin-bottom: 71px;
}
#Items #Header,
#Terms #Header {
  margin-bottom: 26px;
}
#Delivery #Header {
  margin-bottom: 31px;
}
#ItemsDetail #Header,
#Cart.delivery #Header,
#Cart.deliveryAddress #Header,
#Cart.credit #Header,
#Cart.confirm #Header,
#Cart.thanks #Header {
  margin-bottom: 11px;
}
#Mypage #Header,
#Password #Header {
  margin-bottom: 76px;
}
#Entry.index #Header,
#Entry.confirm #Header  {
  margin-bottom: 74px;
}
#Header h1 {
  margin-bottom: 9px;
  font-size: 120%;
}
#NavGlobal{
  float: left;
  padding-top: 2px;
  *padding-top: 4px;
  _width: 820px;
}
#NavGlobal li {
  float: left;
  margin-right: 18px;
}
#NavGlobal li.sale,
#NavGlobal li.sale a {
  color: red;
}
#NavGlobal li.lastChild {
  margin-right: 0;
}
#SearchBox {
  float: right;
}
input.searchText {
  width: 113px;
  height: 16px;
  border: 1px solid #E8E6E6;
  padding-left: 5px;
}


/* ======================================================

  Layout - Footer

====================================================== */
#Footer { margin-top: 105px; margin-bottom: 20px; }
#Items #Footer { margin-top: 50px; }
#Entry.index #Footer { margin-top: 49px; }
#Entry.confirm #Footer { margin-top: 102px; }
#Mypage #Footer { margin-top: 100px; }
#Mypage.edit #Footer { margin-top: 60px; }
#Mypage.delivery #Footer { margin-top: 55px; }
#Cart.index #Footer { margin-top: 6px; }
#Cart.delivery #Footer { margin-top: 96px; }
#Cart.deliveryAddress #Footer { margin-top: 96px; }
#Cart.credit #Footer { margin-top: 96px; }
#Cart.confirm #Footer { margin-top: 66px; }
#Cart.thanks #Footer { margin-top: 123px; }
#Delivery #Footer { margin-top: 145px; }
#Terms.index #Footer,
#Terms.company #Footer,
#Terms.contact #Footer { margin-top: 150px; }
#Terms.mail #Footer { margin-top: 81px; }
#Terms.recruit #Footer { margin-top: 1px; }

#NavFooter ul {
  float: right;
}
#NavFooter li{
  float: left;
  display:inline;
}
#NavFooter li.ins{
	margin-right: 30px;
}
#NavFooter li.fb{
	margin-right: 30px;
}
#NavFooter li.tw{
}
#NavFooter li span{
  margin: 0 5px;
}
#CopyRights {
  margin: 0 30px 0 30px;
}


/* ======================================================

  Layout - Breadcrumb

====================================================== */
#Breadcrumb {
  margin-bottom: 53px;
}
#ItemsDetail #Breadcrumb {
  margin-bottom: 6px;
}
#ItemsDetail #Breadcrumb,x:-moz-any-link, x:default {
  margin-bottom: -34px;
}
*:first-child+html #ItemsDetail #Breadcrumb {
  margin-bottom: 8px;
}
#Cart.confirm #Breadcrumb {
  margin-bottom: 2px;
}
#Cart.thanks #Breadcrumb {
  margin-bottom: 26px;
}
#Breadcrumb li {
  float: left;
}
#Breadcrumb li span {
  margin: 0 5px;
}


/* ======================================================

  Layout - ContentsWrap

====================================================== */
#ContentsWrap { min-height: 442px; }
#Login #ContentsWrap { min-height: 442px; }
#Cart.index #ContentsWrap { min-height: 541px; }
#Password #ContentsWrap { min-height: 437px; }


/* ======================================================

  Layout - Side

====================================================== */
#Side dt{
  margin-bottom: 2px;
}
#Side dd{
  padding: 0 0 20px 10px;
}
#Side dd li{
  width: 140px;
  margin-bottom: 2px;
  padding-right: 15px;
  word-break: break-all;
}

/* ======================================================

  Layout - Items

====================================================== */
.itemlistWrap {
  width: 740px;
}
.itemList {
  float: left;
  position: relative;
  margin: 0 25px 45px 0;
  visibility: hidden;
}
.itemList.vis {
  visibility: visible;
}
.itemList.lastChild {
  _margin: 0 0 45px 0;
}
.itemList .item {
  width: 123px;
  line-height: 1.2;

}
.itemList .item .loading {
  position: absolute;
  top: 83px;
  left: 58px;
  z-index: 3;
}
.itemList .item .loading.non {
  display: none;
}
.itemList .item .newText {
  position: absolute;
  display: none;
  top: -17px;
  *top: -16px;
  color: #333333;
}
.itemList .item .newText.dis {
  display: block;
}
.itemList .item .ph {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  z-index: 4;
  height: 185px;
}
.itemList .item ul {
  position: absolute;
  top: 190px;
  left: 0;
  z-index: 2;
  color: #b0b0b0;
}
.itemList .item ul li {
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.7;
}
.itemList .item ul li .def.negation {
	text-decoration: line-through;
}
.itemList .item ul li .sale {
  /* padding-left: 8px; */
  color: red;
}
.itemList .tooltip {
  display: none;
}
.itemList .tooltip .bg{
  background: #ffffff;
  border: solid 1px #dddddd;
  padding: 15px 0 0 150px;
  z-index: 1;
}
.itemList .tooltip ul {
  width: 174px;
}
.itemList .tooltip li {
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  line-height: 0;
}
.itemList .tooltip li span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.itemList .tooltip li.ac span {
  display: block;
}


/* ======================================================

  Layout - ItemsDetail

====================================================== */
/*  detailWrap
------------------------------------------------------ */
#ItemsWrap .phWrap {
  float: left;
  width: 318px;
}
#ItemsWrap .phWrap dt .zoomPad{
  position: relative;
  height: 478px;
}
#ItemsWrap .phWrap dt .zoomPad img {
  position: absolute;
  top: 0;
  left: 0;
}
#ItemsWrap .phWrap dt,
#ItemsWrap .phWrap dd li {
  line-height: 0;
}
#ItemsWrap .phWrap dd li {
  position: relative;
  float: left;
}
#ItemsWrap .phWrap dd li.zoomThumbActive span{
  display: block;
}
#ItemsWrap .phWrap dd li span{
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/*  detailWrap
------------------------------------------------------ */
#ItemsWrap {
  margin-bottom: 40px;
}
#ItemsWrap .detailWrap {
  float: right;
  width: 617px;
}
#ItemsWrap .detailWrap .topWrap {
/*   min-height: 198px; */
  padding-bottom: 10px;
}
#ItemsWrap .detailWrap .topWrap .price .def.negation {
	text-decoration: line-through;
}
#ItemsWrap .detailWrap .topWrap .price .sale {
  padding-left: 8px;
  color: red;
}
#ItemsWrap .detailWrap h2 {
  margin-bottom: 14px;
  line-height: 1.2;
}
#ItemsWrap .detailWrap .comment {
  width: 584px;
  margin-bottom: 9px;
  line-height: 1.8;
}
#ItemsWrap .detailWrap .sizeWrap {
  margin-bottom: 4px;
  line-height: 1.3;
}
#ItemsWrap .detailWrap .colorWrap {
/*   min-height: 285px; */
  padding-bottom: 10px;
}
#ItemsWrap .detailWrap .colorWrap dl {
  min-height: 32px;
}
#ItemsWrap .detailWrap .colorWrap dl.first {
  min-height: 28px;
}
#ItemsWrap .detailWrap .colorWrap dl.last {
  min-height: 26px;
}
#ItemsWrap .detailWrap .colorWrap dl.ac dt span {
  color: #333333;
}
#ItemsWrap .detailWrap .colorWrap dt,
#ItemsWrap .detailWrap .colorWrap dd,
#ItemsWrap .detailWrap .sizeWrap dt,
#ItemsWrap .detailWrap .sizeWrap dd {
  float: left;
}
#ItemsWrap .detailWrap .colorWrap dt {
  width: 165px;
  padding-left: 23px;
  text-indent: -23px;
  line-height: 1.3;
}
#ItemsWrap .detailWrap .sizeWrap dt {
  width: 188px;
  line-height: 1.3;
}
#ItemsWrap .detailWrap .colorWrap dt img,
#ItemsWrap .detailWrap .colorWrap dt span {
  vertical-align: middle;
  color: #b0b0b0;
}
#ItemsWrap .detailWrap .colorWrap dt img {
  margin-right: 10px;
}
#ItemsWrap .detailWrap .colorWrap dd {

}
#ItemsWrap .detailWrap .colorWrap dd li,
#ItemsWrap .detailWrap .sizeWrap dd li {
  float: left;
  width: 120px;
  padding-right: 0;
  text-align: center;
}
#ItemsWrap .detailWrap.size4 .colorWrap dd li,
#ItemsWrap .detailWrap.size4 .sizeWrap dd li {
  width: 105px;
}
#ItemsWrap .detailWrap.size5 .colorWrap dd li,
#ItemsWrap .detailWrap.size5 .sizeWrap dd li {
  width: 85px;
}
#ItemsWrap .detailWrap.size6 .colorWrap dd li,
#ItemsWrap .detailWrap.size6 .sizeWrap dd li {
  width: 71px;
}
#ItemsWrap .detailWrap .sizeWrap dd li {
  line-height: 1.7;
}

/*  carouselItems
------------------------------------------------------ */
.carouselItems {
  position: relative;
  margin-bottom: 24px;
  _height: 280px;
}
.carouselItems.checkedItems {
  margin-bottom: 0;
}
.carouselItems h3 {
  margin-bottom: 15px;
  padding-bottom: 11px;
  border-bottom: solid 2px #333333;
}
.carouselItems .carouselNav li {
  position: absolute;
}
.carouselItems .carouselNav li.prev {
  top: 127px;
  left: 15px;
}
.carouselItems .carouselNav li.next {
  top: 127px;
  right: 80px;
}
.carouselItems .carousel {
  margin-left: 40px;
}
.carouselItems .carousel li {
  float: left;
  margin-right: 15px;
}
.carouselItems .carousel li dt {
  margin-bottom: 5px;
  line-height: 0;
}
.carouselItems .carousel li.itemTxt dt {
  width: 101px;
  height: 173px;
  padding: 5px 10px;
  line-height: 1.5;
  border: solid 1px #cdcdcd;
}
.carouselItems .carousel li dd {
  line-height: 1.7;
  word-break: break-all;
  word-wrap: break-word;
  width: 118px;
}
.carouselItems .carousel li dd .def.negation {
	text-decoration: line-through;
}
.carouselItems .carousel li dd .sale {
	/* padding-left: 8px; */
	color: red;
}

/* ======================================================

  Layout - Login

====================================================== */
#Login .leftWrap {
  float: left;
  width: 525px;
}
#Login.error .leftWrap {
  display: none;
}
#Login .leftWrap h2 {
  margin-bottom: 30px;
}
#Login .leftWrap .text {
  margin-bottom: 23px;
}
#Login .rightWrap {
  float: left;
  margin-top: 5px;
}
#Login .rightWrap .title {
  margin-bottom: 20px;
}
#Login .rightWrap .erText {
  margin-bottom: 15px;
}
#Login.error .rightWrap .title,
#Login .rightWrap .erText {
  display: none;
}
#Login.error .rightWrap .erText {
  display: block;
}
#Login .rightWrap ul {
  padding-left: 85px;
}
#Login .rightWrap li.firstChild {
  margin-bottom: 24px;
}


/* ======================================================

  Layout - Password

====================================================== */
#Password .text {
  margin-bottom: 12px;
}
#Password .thanksText {
  line-height: 1.8;
  margin-bottom: 21px;
}


/* ======================================================

  Layout - Entry

====================================================== */
#Entry h2 {
  margin-bottom: 21px;
}
#Entry h2.member {
  margin-bottom: 50px;
}
#Entry h3 {
  margin-bottom: 12px;
}
#Entry .termsWrap {
  overflow: auto;
  width: 432px;
  height: 85px;
  margin-bottom: 9px;
  border: 1px solid #333333;
  padding: 5px;
  color: #333333;
}
#Entry .text li {
  margin-bottom: 4px;
}
#Entry .text li.lastChild {
  margin-bottom: 12px;
}
#Entry .thanksText {
  line-height: 1.8;
  margin-bottom: 20px;
}
#Entry .thanksText.lastChild {
  margin: 0;
}


/* ======================================================

  Layout - Mypage

====================================================== */
#Mypage .leftWrap,
#Mypage .rightWrap {
  float: left;
}
#Mypage .leftWrap {
  width: 482px;
}
#Mypage .leftWrap h2,
#Mypage.deliveryAddress h2 {
  margin-bottom: 52px;
}


/* ======================================================

  Layout - deliveryWrap

====================================================== */
.deliveryWrap {
  margin: 67px 0 20px;
}
.deliveryWrap .title {
  margin-bottom: 3px;
}
.deliveryWrap .address {
  min-height: 237px;
}
.deliveryWrap dl {
  margin-bottom: 5px;
}
.deliveryWrap dl.lastChild {
  margin-bottom: 0px;
}
.deliveryWrap dt,
.deliveryWrap dd {
  float: left;
  line-height: 1.7;
}
.deliveryWrap dt {
  float: left;
  width: 30px;
}
.deliveryWrap dd ul li{
  float: left;
}
.deliveryWrap .nav {
  padding: 0 0 0 210px;
}

/*  deliveryWrap.edit
------------------------------------------------------ */
.deliveryWrap.edit .address {
  min-height: 339px;
}
.deliveryWrap.edit dl.lastChild {
  margin-bottom: 8px;
}
.deliveryWrap.edit dt {
  width: 30px;
}
.deliveryWrap.edit dd li.firstChild {
  width: 180px;
}
.deliveryWrap.edit dd li.edit {
  width: 50px;
}
.deliveryWrap.edit dd li.edit,
.deliveryWrap.edit dd li.reMove {
  padding-top: 16px;
}
.deliveryWrap.edit .nav {
  padding: 0 0 0 210px;
}

/*  deliveryWrap.delivery
------------------------------------------------------ */
.deliveryWrap.delivery dl.lastChild {
  margin-bottom: 8px;
}
.deliveryWrap.delivery dt {
  width: 30px;
}
.deliveryWrap.delivery dd li.firstChild {
  width: 180px;
}
.deliveryWrap.delivery dd li.edit {
  width: 50px;
}
.deliveryWrap.delivery dd li.edit,
.deliveryWrap.delivery dd li.reMove {
  padding-top: 16px;
}

/* ======================================================

  Layout - Cart

====================================================== */
#Cart h2 {
  margin-bottom: 22px;
}
#Cart .leftWrap {
  float: left;
  width: 520px;
}
#Cart .rightWrap {
  float: left;
}
#Cart.delivery .rightWrap {
  display: none;
}
#Cart.delivery.dis .rightWrap {
  display: block;
}
#Cart.confirm .leftWrap {
  width: 575px;
}
#Cart.thanks .leftWrap {
  width: 410px;
}
#Cart.thanks .rightWrap li {
  line-height: 1.9;
}
#Cart.thanks .rightWrap li.firstChild {
  line-height: 1;
  margin-bottom: 4px;
}
#Cart.thanks .rightWrap li.lastChild {
  margin-top: 3px;
}

/*  cartLayout
------------------------------------------------------ */
table.cartLayout {
  width: 960px;
  margin-bottom: 6px;
  _font-size: 10px;
}
table.cartLayout th{
  border-bottom: solid 1px #000000;
  padding-bottom: 6px;
}
table.cartLayout td{
  border-bottom: solid 1px #000000;
  padding: 10px 0;
  vertical-align: top;
  line-height: 1.2;
  word-break: break-all;
  word-wrap: break-word;
}
table.cartLayout td.itemsChild {
  padding-top: 8px;
  line-height: 1.7;
}
table.cartLayout .ph { width: 138px; }
table.cartLayout .item { width: 258px; }
table.cartLayout .price { width: 95px; }
table.cartLayout .qty { width: 81px; }
table.cartLayout .total { width: 121px; }
table.cartLayout .remove { width: 267px; }

table.cartLayout td dt,
table.cartLayout td dd {
  float: left;
}
table.cartLayout td dt {
  margin-right: 10px;
}
table.cartLayout td dd ul li a{
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(/webshop/common/imgs/blt-count.gif);
  background-position: 0 0;
  background-repeat: none;
  text-indent: -9999px;
}
table.cartLayout td dd ul li.firstChild a{
  background-position: 0 0;
  margin: 0 0 5px;
}
table.cartLayout td dd ul li.firstChild a:hover{
  background-position: 0 -13px;
}
table.cartLayout td dd ul li.lastChild a{
  background-position: -13px 0;
}
table.cartLayout td dd ul li.lastChild a:hover{
  background-position: -13px -13px;
}
.cartTotalWrap {
  padding-left: 496px;
}
.cartTotalWrap .subTotal {
  margin-bottom: 17px;
}
.cartTotalWrap .subTotal li {
  float: left;
  margin-right: 26px;
}

.cartTotalWrap .nav li {
  float: left;
  margin-right: 89px;
}

/*  table.cartConfLayout
------------------------------------------------------ */
table.cartConfLayout {
  width: 473px;
  margin-bottom: 6px;
  _font-size: 10px;
}
table.cartConfLayout th{
  border-bottom: solid 1px #000000;
  padding-bottom: 6px;
}
table.cartConfLayout td{
  border-bottom: solid 1px #000000;
  padding: 10px 0;
  vertical-align: top;
  line-height: 1.2;
  word-break: break-all;
  word-wrap: break-word;
}
table.cartConfLayout td.itemsChild {
  padding-top: 7px;
  line-height: 1.7;
}
table.cartConfLayout .ph { width: 139px; }
table.cartConfLayout .item { width: 205px; }
table.cartConfLayout .qty { width: 62px; }
table.cartConfLayout .total { width: 69px;}

.cartConfTotalWrap ul {
  padding-left: 342px;
  width: 131px;
  margin-bottom: 3px;
  _width: 473px;
}
.cartConfTotalWrap .total {
  margin-top: 6px;
  border-top: solid 1px #000000;
  padding-top: 6px;
}
.cartConfTotalWrap li.firstChild {
  float: left;
  width: 69px;
}
.cartConfTotalWrap li.lastChild {
  float: left;

}


/* ======================================================

  Layout - Delivery

====================================================== */
#Delivery #Contents h2 {
  margin-bottom: 20px;
}
#Delivery #Contents .text {
  margin-bottom: 15px;
  line-height: 1.8;
}
#Delivery #Contents h3 {
  margin-bottom: 5px;
}
#Delivery #Contents dl {
  margin-bottom: 0;
}
#Delivery #Contents dl.hokkaido {
  margin-bottom: 0;
}
#Delivery #Contents dl.time {
  margin-bottom: 0;
}
#Delivery #Contents dl.pay {
  margin-top: 0;
  margin-bottom: 0;
}
#Delivery #Contents dt {
  width: 103px;
  float: left;
  line-height: 1.9;
}
#Delivery #Contents dd {
  float: left;
  line-height: 1.9;
}
#Delivery #Contents .tax {
  margin-bottom: 30px;
}
#Delivery #Contents .tax h2 {
  margin-bottom: 17px;
}
#Delivery #Contents .tax .text {
  margin-bottom: 10px;
}

/* ======================================================

  Layout - Terms

====================================================== */
#Terms #Contents {
  width: 690px;
}

/*  #Terms.tradelaw
------------------------------------------------------ */
#Terms.tradelaw h2 {
  margin-bottom: 20px;
}
#Terms.tradelaw dt {
  margin-bottom: 2px;
}
#Terms.tradelaw dd {
  margin-bottom: 12px;
}
#Terms.tradelaw dd li {
  margin-bottom: 3px;
}

/*  Terms.recruit
------------------------------------------------------ */
#Terms.privacy h2 {
  margin-bottom: 20px;
}
#Terms.privacy p {
  margin-bottom: 10px;
}
#Terms.privacy dt {
  margin-bottom: 6px;
}
#Terms.privacy dd {
  margin-bottom: 12px;
  line-height: 1.8;
}
#Terms.privacy dd li {

}
#Terms.privacy p {
  width: 350px;
  line-height: 1.8;
}
#Terms.privacy dd {
  width: 415px;
}
#Terms.company #Contents dl {
  margin-bottom: 7px;
}
#Terms.company #Contents dt,
#Terms.company #Contents dd {
  float: left;
}
#Terms.company #Contents dt{
  width: 4.5em;
}

/*  Terms.recruit
------------------------------------------------------ */
#Terms.recruit h2 {
  margin-bottom: 18px;
}
#Terms.recruit h3 {
  margin-bottom: 16px;
}
#Terms.recruit #Contents dl {
  margin-bottom: 15px;
}
#Terms.recruit #Contents dl.last {
  margin-bottom: 15px;
}
#Terms.recruit #Contents dt,
#Terms.recruit #Contents dd {
  float: left;
}
#Terms.recruit #Contents dt{
  width: 8.4em;
}
#Terms.recruit #Contents .attention li,
#Terms.recruit #Contents .sendTo li {
  margin-bottom: 3px;
}
#Terms.recruit #Contents dd li {
  margin-bottom: 4px;
}
#Terms.recruit #Contents dd li.lastChild {
  margin-bottom: 0;
}
#Terms.recruit .attention {
  margin-bottom: 15px;
}

/*  Terms.mail
------------------------------------------------------ */
#Terms.mail h2 {
  margin-bottom: 18px;
}
#Terms.mail p {
  width: 420px;
  margin-bottom: 5px;
  line-height: 1.8;
}
#Terms.mail dl {
  width: 420px;
  margin-bottom: 10px;
}
#Terms.mail dt {
  margin-bottom: 2px;
}
#Terms.mail dd li {
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.8;
}
#Terms.mail table {
  float: left;
}
#Terms.mail table td.firstChild {
  width: 4.2em;
}
#Terms.mail table td {
  height: 28px;
}
#Terms.mail table td span {
  margin-left: 5px;
}

/*  Terms.contact
------------------------------------------------------ */
#Terms.contact dl {
  margin-bottom: 16px;
}
#Terms.contact p {
  margin-bottom: 9px;
}
#Terms.contact p textarea {
  width: 400px;
  height: 155px;
  margin-bottom: 10px;
  padding: 2px;
  border: 1px solid #E8E6E6;
}
#Terms.contact .thanksTxt {
  line-height: 1.8;
}


/* ======================================================

  Part - Common

====================================================== */
/*  xxx
------------------------------------------------------ */
input, select {
    vertical-align: middle;
}


/* ======================================================

  Part - formWrap

====================================================== */
/*  input
------------------------------------------------------ */
.formWrap input.textBox,
.formWrap input.zipBox,
.formWrap input.yearBox,
.formWrap input.telBox,
.formWrap input.monthBox,
.formWrap input.dayBox {
  height: 15px;
  border: 1px solid #E8E6E6;
  padding: 2px 0 2px 5px;
}
.formWrap input.textBox {
  width: 200px;
}
.formWrap input.zipBox {
  width: 65px;
}
.formWrap input.yearBox,
.formWrap input.telBox,
.formWrap input.monthBox,
.formWrap input.dayBox {
  width: 70px;
}
.formWrap input.monthBox {
  margin: 0 18px;
}
.formWrap.credit input.monthBox {
  margin: 0;
}
.formWrap input#zip_search {
  width: 44px;
  _width: 30px;
  margin-left: 4px;
}
.formWrap select.selectBox {
  width: 157px;
  border: 1px solid #E8E6E6;
  padding: 3px 0 3px 2px;
}
.formWrap select.selectBox.yearBox {
  width: 59px;
  margin-right: 5px;
}
.formWrap select.selectBox.monthBox {
  width: 43px;
  margin: 0 5px;
}
.formWrap select.selectBox.dayBox {
  width: 43px;
  margin-right: 5px;
}
.formWrap.member input.textBox {
  width: 267px;
}
.formWrap.member input.textBox.password {
  width: 194px;
  margin-right: 10px;
}
.formWrap dl.first {
  margin-bottom: 5px;
}
.formWrap dl {
  margin-bottom: 11px;
}
.formWrap dl.lastChild {
  margin-bottom: 26px;
}
.formWrap.w47 dt { width: 47px; }
.formWrap.w60 dt { width: 60px; }
.formWrap.w85 dt { width: 85px; }
.formWrap.w94 dt { width: 94px; }
.formWrap.w104 dt { width: 104px; }
.formWrap.w175 dt { width: 175px; }
.formWrap.w180 dt { width: 180px; }

.formWrap dt,
.formWrap dd {
  float: left;
  line-height: 2;
}
.formWrap dd.send {
  margin-left: 20px;
}
.formWrap .hyphen {
  margin: 0 5px;
}
.formWrap .check input.checkBox {
  margin-right: 10px;
  vertical-align: middle;
}
.formWrap .check {
  margin-bottom: 11px;
}
.formWrap .check span {
  vertical-align: middle;
}

/*  formWrap.member
------------------------------------------------------ */
.formWrap.member dl {
  margin-bottom: 10px;
}
.formWrap.member dl.names {
  margin-bottom: 5px;
}
.formWrap.member dl.address {
  margin-bottom: 23px;
}
.formWrap.member dl.address li.lastChild {
  margin-bottom: 0;
}
.formWrap.member dt,
.formWrap.member dd {
  line-height: 1.8;
}
.formWrap.member dd li {
  margin-bottom: 5px;
}
.formWrap.member dd li span {
  vertical-align: middle;
}
.formWrap.member dd li #Html,
.formWrap.member dd li #Text,
.formWrap.member dd li #No,
.formWrap.member dd li #MovieYes,
.formWrap.member dd li #MovieNo {
  margin-right: 10px;
  vertical-align: middle;
}
.formWrap.member .mailmagazine .firstChild{
  margin-bottom: 20px;
}
.formWrap.member .mailmagazine .lastChild{
  margin-bottom: 30px;
}
.formWrap.member .nav {
  padding-left: 104px;
}
#Cart.deliveryAddress .formWrap.member .nav {
  padding-left: 94px;
}
.formWrap.member .nav li,
.formWrap .nav.flt li {
  float: left;
}
.formWrap.member .nav.right li {
  float: right;
}
.formWrap.member .nav li.firstChild,
.formWrap .nav.flt li.firstChild {
  margin-right: 30px;
}
.formWrap.member .nav.right li.firstChild {
  margin-right: 0;
}

/*  formWrap.member.entry
------------------------------------------------------ */
.formWrap.member.entry dl {
  margin-bottom: 6px;
}
.formWrap.member.entry dl.names {
  margin-bottom: 10px;
}
.formWrap.member.entry dl.address {
  margin-bottom: 8px;
}
.formWrap.member.entry .mailmagazine .firstChild,
.formWrap.member.entry .mailmagazine .secondChild {
  margin-bottom: 14px;
}

/*  formWrap.member.edit
------------------------------------------------------ */
.formWrap.member.edit dl {
  margin-bottom: 6px;
}
.formWrap.member.edit dl.names {
  margin-bottom: 10px;
}
.formWrap.member.edit dl.address {
  margin-bottom: 8px;
}
.formWrap.member.edit .mailmagazine .firstChild,
.formWrap.member.edit .mailmagazine .secondChild{
  margin-bottom: 14px;
}

/*  formWrap.member.delivery
------------------------------------------------------ */
.formWrap.member.delivery dl {
  margin-bottom: 6px;
}
.formWrap.member.delivery dl.names {
  margin-bottom: 10px;
}
.formWrap.member.delivery dl.address {
  margin-bottom: 8px;
}
.formWrap.member.delivery .mailmagazine .firstChild{
  margin-bottom: 14px;
}

/*  formWrap.member.confirm
------------------------------------------------------ */
.formWrap.member.confirm {
  width: 384px;
  margin-top: 26px;
}
.formWrap.member.confirm dl {
  margin-bottom: 0;
}
.formWrap.member.confirm dl.time {
  margin-bottom: 12px;
}
.formWrap.member.confirm dl.contact {
  padding-bottom: 140px;
}
.formWrap.member.confirm dt,
.formWrap.member.confirm dd {
  line-height: 1.8;
}
.formWrap.member.confirm dd {
  width: 204px;
}
.formWrap.member.confirm .nav {
  padding-left: 175px;
}
.formWrap.member.confirm .nav li.firstChild {
  margin-right: 50px;
}

/*  formWrap.member.confirm.entry
------------------------------------------------------ */
.formWrap.member.confirm.entry dl {
  margin-bottom: 10px;
}
.formWrap.member.confirm.entry dl.names {
  margin-bottom: 5px;
}
.formWrap.member.confirm.entry dl.address {
  margin-bottom: 27px;
}
.formWrap.member.confirm.entry dl.magazine {
  margin-bottom: 20px;
}

/*  formWrap.credit
------------------------------------------------------ */
.formWrap.credit .title {
  margin-bottom: 5px;
}
.formWrap.credit .cardWrap {
  width: 600px;
  margin-bottom: 25px;
}
.formWrap.credit .cardWrap li {
  float: left;
  width: 200px;
  margin-bottom: 3px;
}
.formWrap.credit .repeatWrap {
  margin-bottom: 30px;
}
.formWrap.credit .repeatWrap p {
  margin-bottom: 5px;
}
.formWrap.credit dt,
.formWrap.credit dd {
  line-height: 1.5;
}
.formWrap.credit dd span.txt {
  display: block;
  margin-top: 10px;
}
.formWrap.credit .nav,
.formWrap.credit .attention {
  padding-left: 104px;
}
.formWrap.credit .nav {
  margin: 30px 0 10px;
}
.formWrap.credit .attention {
  width: 450px;
}
.formWrap.credit .attention li {
  padding-left: 10px;
  text-indent: -10px;
}

/*  shipToWrap
------------------------------------------------------ */
.formWrap .shipToWrap {
  margin-bottom: 18px;
}
.formWrap .shipToWrap .title,
.formWrap .shipToWrap dl {
  margin-bottom: 2px;
}
.formWrap .shipToWrap dl.lastChild {
  margin-bottom: 5px;
}
.formWrap .shipToWrap dt {
  float: left;
  width: 37px;
}
.formWrap .shipToWrap dt span {
  margin-right: 10px;
}
.formWrap .shipToWrap dd {
  padding-top: 2px;
}
.formWrap .shipToWrap dd,
.formWrap .shipToWrap dd li {
  float: left;
}
.formWrap .shipToWrap dd li.firstChild{
  width: 173px;
}
.formWrap .shipToWrap dd li.edit{
  margin-right: 30px;
}

/*  payment
------------------------------------------------------ */
.formWrap .payment {
  margin-bottom: 22px;
}
.formWrap .payment .title {
  margin-bottom: 3px;
}
.formWrap .payment li {
  margin-bottom: 7px;
}
.formWrap .payment li.lastChild {
  margin-bottom: 0;
}
.formWrap .payment li span {
  margin-left: 10px;
}

/*  deliverySetWrap
------------------------------------------------------ */
.formWrap .deliverySetWrap .title {
  float: left;
  width: 100px;
}
.formWrap .deliverySetWrap dl {
  margin-bottom: 5px;
}
.formWrap .deliverySetWrap dl.last {
  margin-bottom: 10px;
}
.formWrap .deliverySetWrap dt {
  float: left;
  width: 111px;
  line-height: 1.5;
  cursor: pointer;
}
.formWrap .deliverySetWrap dd {
  float: left;
  cursor: pointer;
}
.formWrap .deliverySetWrap dd a {
  line-height: 1.5;
}
.formWrap .deliverySetWrap dd ul{
  display: none;
}
.formWrap .deliverySetWrap dd.dis ul{
  display: block;
}

/*  contactWrap
------------------------------------------------------ */
.formWrap .contactWrap .title {
  margin-bottom: 3px;
}
.formWrap .contactWrap li.firstChild {
  margin-bottom: 5px;
}
.formWrap .contactWrap textarea {
  width: 301px;
  height: 99px;
  margin-bottom: 15px;
  padding: 2px;
  border: solid 1px #333333;
}