@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: November 14, 2016

  home
  #itemIndex
  #itemDetail
  #itemDetailFooter
  #reviewContribute
  #quality (modal)
  #shopStock (modal)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
home
============================================================ */
/* ------------------------------
#coverSlide
------------------------------ */
#coverSlide {
  width: 100%;
  height: 560px;
  margin: 10px 0 30px;
  overflow: hidden;
  position: relative;
}
#coverSlide ul {
  position: absolute;
  left: 50%;
  margin-left: -490px;
}
#coverSlide ul li {
  width: 980px;
  height: 490px;
  padding: 0 5px;
  float: left;
}
#coverSlide #coverThumb ul {
  width: 990px;
}
#coverSlide #coverThumb ul li {
  padding: 0;
  margin: 0 5px;
}

/* elements are made by jquery */
#coverSlide div#coverNav {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  background: #c00;
}
#coverSlide div#coverNav p {
  position: absolute;
  bottom: 297px;
}
#coverSlide div#coverNav p.nextBtn {
  right: 0;
}
#coverSlide div#coverNav p.prevBtn {
  left: 0;
}
#coverSlide.nonThumb{ height: 525px;margin: 10px 0 20px;}
#coverSlide.nonThumb #coverSlider{ overflow-y: hidden; height: 490px;}
#coverSlide.nonThumb #coverSlider li{ background: url(/user_data/master/packages/default/js/loading.gif) center center no-repeat;}
#coverSlide.nonThumb #coverSlider li img{ /*opacity: 0;*/ display:none;}
#coverSlide.nonThumb div#coverNav {
  width: 1000px;
  position: absolute; left: 50%; top: 0px; bottom: auto;
  margin-left: -500px;
}
#coverSlide.nonThumb div#coverNav p {
  position: absolute;
  bottom: auto; top: 229px;
}
#coverSlide.nonThumb div#coverNav p.nextBtn {
  right: 0;
}
#coverSlide.nonThumb div#coverNav p.prevBtn {
  left: 0;
}
#coverSlide #coverPointer{ height: 20px; text-align: center; margin-top: 510px;}
#coverSlide #coverPointer ul{ width: 980px; margin-left: auto; margin-right: auto; position: static;}
#coverSlide #coverPointer ul li{
  width: 10px; height: 10px; background: #CCC; cursor: pointer; display: inline-block;
  float: none; position: static; margin: 0 10px; padding: 0;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}
#coverSlide #coverPointer ul li:hover{
  opacity: 0.7;
}
#coverSlide #coverPointer ul li.on{
  /*box-sizing: border-box;
  border: solid 3px #009be5 !important;*/
  background: #000;
}

/* ------------------------------
div#home layout
------------------------------ */
#home:after {
  content: "";
  display: table;
  clear: both;
}
#home div.sideBar {
  float: left;
}
#home div.contents {
  float: right;
}
#home div.contents div h2 {
  margin-bottom: 20px;
}
#home div.contents div.new,
#home div.contents div.featured {
  margin-bottom: 30px;
}

/* ------------------------------
div.recommend
------------------------------ */
#home div.recommend {
  margin-bottom: 10px;
}

/* ------------------------------
div.pickup / div.ranking
------------------------------ */
#home div.pickup,
#home div.ranking {
  margin-bottom: 30px;
}
#home div.pickup > div:last-child,
#home div.ranking > div:last-child {
  border-bottom: 0;
}
#home div.carouselWithTitle {
  background: #FFFFFF;
  border-bottom: #CCCCCC 1px dotted;
}
#home div.carouselWithTitle:after {
  content: "";
  display: table;
  clear: both;
}
#home div.carouselWithTitle h3 {
  width: 180px;
  height: 208px;
  padding: 0 6px 0 20px;
  float: left;
}
#home div.carouselWithTitle div.thumbBox4carousel {
  width: 562px;
  padding: 10px 4px;
  overflow: hidden;
  float: right;
}
#home div.carouselWithTitle div.thumbBox4carousel ul.thumbBox li {
  margin-right: 10px;
}
#home div.carouselWithTitle div.thumbBox4carousel p.prevBtn {
  top: 88px;
  left: 4px;
}
#home div.carouselWithTitle div.thumbBox4carousel p.nextBtn {
  top: 88px;
  right: 0px;
}

/* ------------------------------
div.pickup
------------------------------ */
#home div.pickup div.carouselWithTitle h3 a:hover img {
  opacity: 0.7;
}

/* ------------------------------
#TopFeature
------------------------------ */
#TopFeature{margin-bottom:20px;}

#TopFeature.two_column{ width:780px; overflow:hidden;}
#TopFeature.two_column ul{ display:block; width:800px;}
#TopFeature.two_column li{ width:380px; float:left; margin-right:20px;}
#TopFeature.two_column li img{ width:100%;}

#TopFeature.three_column{ width:780px; overflow:hidden;}
#TopFeature.three_column ul{ display:block; width:800px;}
#TopFeature.three_column li{ width:250px; float:left; margin-right:15px;}
#TopFeature.three_column li img{ width:100%;}


/* ------------------------------
div.news
------------------------------ */
#home div.news {
  width: 380px;
  height: 337px;
  float: left;
  margin-bottom: 30px;
}
#home div.news div.scrollBox {
  height: 277px;
  background: #FFFFFF;
  overflow-y: scroll;
}
#home div.news div.scrollBox ul {}
#home div.news div.scrollBox ul li {
  color: #333333;
  border-bottom: #F3F3F5 1px solid;
}
#home div.news div.scrollBox ul li:last-child {
  border-bottom: 0;
}
#home div.news div.scrollBox ul li a {
  display: block;
  padding: 10px;
  border-bottom: #CCCCCC 1px dotted;
}
/*
#home div.news div.scrollBox ul li.new a {
  background: url(/user_data/master/packages/default/img/shared/badge_new.png) 10px 10px no-repeat;
}
*/
#home div.news div.scrollBox ul li a:hover {
  background-color: #EEEEEE;
}
#home div.news div.scrollBox ul li h3 {
  color: #111111;
  margin-bottom: 5px;
}
#home div.news div.scrollBox ul li h3 span {
  color: #333333;
  font-weight: normal;
  font-size: 11px;
}
/*
#home div.news div.scrollBox ul li.new h3 {
  padding-left: 40px;
}
*/

/* ------------------------------
div.trend
------------------------------ */
#home div.trend {
  width: 380px;
  height: 337px;
  float: right;
  margin-bottom: 30px;
}
#home div.trend ul {
  padding: 15px 13px 14px 15px;
  background: #FFFFFF;
}
#home div.trend ul:after {
  content: "";
  display: table;
  clear: both;
}
#home div.trend ul li {
  width: 87px;
  height: 123px;
  margin: 0 1px 1px 0;
  float: left;
  position: relative;
}
#home div.trend ul li p.image a:hover img {
  opacity: 0.7;
}
#home div.trend ul li.big {
  width: 175px;
  height: 247px;
}
#home div.trend ul li div.title {
  color: #FFFFFF;
  width: 87px;
  height: 1em;
  padding: 7px 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
}
#home div.trend ul li div.title p.thumb,
#home div.trend ul li div.title p.date {
  display: none;
}
#home div.trend ul li div.title p.item {
  width: 87px;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
}
#home div.trend ul li.big div.title {
  width: 175px;
  height: 50px;
  padding: 0;
  overflow: hidden;
}
#home div.trend ul li.big div.title p.thumb,
#home div.trend ul li.big div.title p.date {
  display: block;
}
#home div.trend ul li.big div.title p.thumb {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}
#home div.trend ul li.big div.title p.date,
#home div.trend ul li.big div.title p.item {
  padding-left: 60px;
}
#home div.trend ul li.big div.title p.date {
  font-size: 10px;
  padding-top: 10px;
}
#home div.trend ul li.big div.title p.item {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}

/* SMART ING Zoff INTERVIEW */
#home div.trend p.photo {
  padding: 15px;
  background: #FFFFFF;
}
#home div.trend p.photo a:hover img {
  opacity: 0.7;
}

/* ------------------------------
div.recent / div.bookmark
------------------------------ */
div.recent,
div.bookmark {
  margin-bottom: 26px;
}


/* ============================================================
#itemIndex
============================================================ */
/* ------------------------------
#itemIndex layout
------------------------------ */
#itemIndex:after {
  content: "";
  display: table;
  clear: both;
}
#itemIndex div.sideBar {
  float: left;
}
#itemIndex div.contents {
  float: right;
}
#itemIndex div.contents div h2 {
  margin-bottom: 20px;
}

/* ------------------------------
#itemIndex > div.contents
------------------------------ */
/* special_products */
#itemIndex p.specialBanner {
  margin-bottom: 20px;
  text-align: center;
}
#itemIndex p.specialBanner a:hover img {
  opacity: 0.7;
}
#itemIndex div.contents div.specialMessage {
  color: #333333;
  margin: -10px 0 30px 0;
}
#itemIndex div.contents div.specialMessage h2 {
  font-size: 14px;
  margin-bottom: 5px;
}
#itemIndex div.contents div.specialMessage p {
  font-size: 13px;
}
#itemIndex div.contents div.specialMessage p a,
#itemIndex div.contents div.specialMessage p a:link {
  text-decoration: underline;
  color: #333333;
}
#itemIndex div.contents div.specialMessage p a:hover {
  text-decoration: none;
  color: #009AE2;
}

/* #specialHead-Banner //add 2016.11.14 */
#specialHead-Banner{
  width: 780px; height: 240px; position: relative;
  background: #000; margin-bottom: 20px;
}
#specialHead-Banner .spHeadLeft{
  width: 180px; height: 240px; float: left;
}
#specialHead-Banner .spHeadRight{
  width: 600px; height: 240px; float: right; overflow: hidden; position: relative;
}
#specialHead-Banner .spHeadRight:before{
  content: "";width: 10px; height: inherit;
  position: absolute; left: -10px; top: 0; z-index: 5;
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}
#specialHead-Banner .spHeadRight:after{
  content: "";width: 10px; height: inherit;
  position: absolute; right: -10px; top: 0; z-index: 5;
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}
#specialHead-Banner .spHeadRight ul{
  height: inherit; margin-top: 25px;
}
#specialHead-Banner .spHeadRight li{
  float: left; width: 168px; padding-right: 10px;
}
#specialHead-Banner .spHeadRight li a{color: #FFF; text-align: center;}
#specialHead-Banner .spHeadRight li a:hover img{ opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";-moz-opacity:0.8;-khtml-opacity: 0.8;}
#specialHead-Banner .spHeadRight li a p{ line-height: 1.3em;}
#specialHead-Banner .spHeadRight li .thumbArea{
  display: block; width: 168px; height: 168px; overflow: hidden; margin-bottom: 10px;
}
#specialHead-Banner .spHeadRight li .thumbArea img{ margin-top: -20px;}
#specialHead-Banner .spHeadRight .tmSliderPrev,
#specialHead-Banner .spHeadRight .tmSliderNext{
  position: absolute; top: 95px; width: 30px; height: 30px; background: #FFF; cursor: pointer;
}
#specialHead-Banner .spHeadRight .tmSliderPrev{ left: 18px;}
#specialHead-Banner .spHeadRight .tmSliderNext{ right: 18px;}
#specialHead-Banner .spHeadRight .tmSliderPrev:hover img,
#specialHead-Banner .spHeadRight .tmSliderNext:hover img{
  opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";-moz-opacity:0.8;-khtml-opacity: 0.8;
}
/* .sprdPickupNav //add 2017.3.1 */
#itemIndex .sprdPickupNav{background: #FFF; padding: 10px 0 10px 10px; margin-bottom: 17px;}
#itemIndex .sprdPickupNav li{ float: left; padding-right: 10px;}
#itemIndex .sprdPickupNav.clm5 li{
  width: 144px;
}
#itemIndex .sprdPickupNav li a{ display: block;}
#itemIndex .sprdPickupNav li a:hover{
    opacity: 0.7;
}
#itemIndex .sprdPickupNav li a.on:hover{
    opacity: 0.5;
}

/* div.itemIndexHeader */
#itemIndex div.itemIndexHeader {
  margin-bottom: 20px;
  border-bottom: #E0E0E0 1px solid;
}
#itemIndex div.itemIndexHeader h2 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 9px 30px;
  background: #FFFFFF url(/user_data/master/packages/default/img/shared/title_icon.png) 10px 50% no-repeat;
}
#itemIndex div.itemIndexHeader div.ranking {
  padding: 15px 5px 15px 15px;
  margin-bottom: 15px;
  background: #FFFFFF;
}
#itemIndex div.itemIndexHeader div.ranking h3 {
  font-size: 13px;
  margin-bottom: 10px;
}
#itemIndex div.itemIndexHeader div.ranking ul.thumbBox4 {
}
#itemIndex div.itemIndexHeader div.ranking ul.thumbBox4 li {
  margin: 0 10px 0 0;
}
#itemIndex div.itemIndexHeader p.paging {
  margin-bottom: 15px;
}

/* div.main */
#itemIndex div.main {
  margin-bottom: 30px;
}
#itemIndex div.main div.searchGuide {
  margin-bottom: 20px;
}
#itemIndex div.main p.sort,
#itemIndex div.main p.stock {
  color: #333333;
  font-size: 13px;
  float: left;
}
#itemIndex div.main p.sort {
  margin-right: 25px;
}
#itemIndex div.main p.sort span,
#itemIndex div.main p.stock span {
  font-weight: bold;
}
#itemIndex div.main p.sort a,
#itemIndex div.main p.stock a {
  color: #333333;
  text-decoration: underline;
}
#itemIndex div.main p.sort a:hover,
#itemIndex div.main p.stock a:hover {
  color: #009AE2;
  text-decoration: none;
}
#itemIndex div.main div.searchGuide:after {
  content: "";
  display: table;
  clear: both;
}

/* div.featured */
#itemIndex div.featured {
  margin-bottom: 30px;
}

/* ------------------------------
#itemIndex > div.sidebar
------------------------------ */
#itemIndex > div.sideBar div.currentCondition {
  background: #153442;
}
#itemIndex > div.sideBar div.currentCondition h3 {
  color: #FFFFFF;
  border-bottom: #0871A2 1px dotted;
}
#itemIndex > div.sideBar div.currentCondition p {
  color: #0099E0;
  text-align: center;
  font-weight: bold;
  margin: 10px 0 3px;
}
#itemIndex > div.sideBar div.currentCondition p span {
  font-size: 26px;
  padding-right: 3px;
}
#itemIndex > div.sideBar div.currentCondition .resultClear {
  color: #FFFFFF;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding-bottom: 10px;
}
#itemIndex > div.sideBar div.currentCondition .resultClear a {
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: underline;
}
#itemIndex > div.sideBar div.currentCondition .resultClear a:hover {
  text-decoration: none;
}
#itemIndex > div.sideBar div.currentCondition ul {
  padding: 0 10px 10px;
}
#itemIndex > div.sideBar div.currentCondition ul li {
  margin-bottom: 1px;
}
#itemIndex > div.sideBar div.currentCondition ul li a {
  color: #FFFFFF;
  display: block;
  padding: 3px 24px 3px 10px;
  background: #0099DF url(/user_data/master/packages/default/img/products/icon_x_white.png) 146px 50% no-repeat
}

/* ------------------------------
div.sidebar div.conditions
------------------------------ */
div#itemIndex > div.sideBar div.conditions > form > div {
  border-bottom: #BBBBBB 1px dotted;
}
div#itemIndex > div.sideBar div.conditions > form > div:last-child {
  border-bottom: 0;
}
div#itemIndex > div.sideBar div.conditions > form > div h4 {
  font-weight: normal;
  padding: 5px 25px 5px 10px;
  background: url(/user_data/master/packages/default/img/shared/list_arrow_b.png) 165px 50% no-repeat;
  cursor: pointer;
}
div#itemIndex > div.sideBar div.conditions > form > div h4.active {
  background: url(/user_data/master/packages/default/img/shared/list_arrow_t.png) 165px 50% no-repeat;
}
div#itemIndex > div.sideBar div.conditions > form > div ul {
  padding: 0 10px;
  margin-bottom: 10px;
}
div#itemIndex > div.sideBar div.conditions > form > div ul li {
  margin-bottom: 1px;
}
div#itemIndex > div.sideBar div.conditions > form > div ul li a {
  display: block;
  padding: 3px 17px 3px 10px;
  background: #F3F3F5;
}
div#itemIndex > div.sideBar div.conditions > form > div ul li a:hover {
  background: #DDDDDD;
}
div#itemIndex > div.sideBar div.conditions > form > div ul li.active a {
  color: #009AE2;
  background: #FFFFFF url(/user_data/master/packages/default/img/products/icon_x_blue.png) 153px 50% no-repeat;
}

/* div.price */
/*
div#itemIndex > div.sideBar div.conditions > form > div.price ul:after {
  content: "";
  display: table;
  clear: both;
}
div#itemIndex > div.sideBar div.conditions > form > div.price ul li {
  width: 79px;
  padding-right: 1px;
  float: left;
}
div#itemIndex > div.sideBar div.conditions > form > div.price ul li.active a {
  background-position-x: 70px;
}
div#itemIndex > div.sideBar div.conditions > form > div.price ul li.sale {
  width: 160px;
}
div#itemIndex > div.sideBar div.conditions > form > div.price ul li.sale.active a {
  background-position-x: 152px;
}
*/

/* div.type */
div#itemIndex > div.sideBar div.conditions > form > div.type ul li a:before {
  padding-right: 5px;
}
div#itemIndex > div.sideBar div.conditions > form > div.type ul li.square a:before {
  content: url(/user_data/master/packages/default/img/products/sidebar_type_image_square.png) 0 50% no-repeat;
}
div#itemIndex > div.sideBar div.conditions > form > div.type ul li.square.active a:before {
  content: url(/user_data/master/packages/default/img/products/sidebar_type_image_square_active.png) 0 50% no-repeat;
}

div#itemIndex > div.sideBar div.conditions > form > div.type ul li.oval a:before {
  content: url(/user_data/master/packages/default/img/products/sidebar_type_image_oval.png) 0 50% no-repeat;
}
div#itemIndex > div.sideBar div.conditions > form > div.type ul li.oval.active a:before {
  content: url(/user_data/master/packages/default/img/products/sidebar_type_image_oval_active.png) 0 50% no-repeat;
}

div#itemIndex > div.sideBar div.conditions > form > div.type ul li.wellington a:before {
  content: url(/user_data/master/packages/default/img/products/sidebar_type_image_wellington.png) 0 50% no-repeat;
  position: relative;
  top: 2px;
}
div#itemIndex > div.sideBar div.conditions > form > div.type ul li.wellington.active a:before {
  content: url(/user_data/master/packages/default/img/products/sidebar_type_image_wellington_active.png) 0 50% no-repeat;
}

/* div.color */
div#itemIndex > div.sideBar div.conditions > form > div.color ul {
  padding-left: 9px;
  padding-right: 9px;
}
div#itemIndex > div.sideBar div.conditions > form > div.color ul:after {
  content: "";
  display: table;
  clear: both;
}
div#itemIndex > div.sideBar div.conditions > form > div.color ul li {
  width: 21px;
  height: 21px;
  padding: 1px;
  margin-bottom: 0;
  float: left;
}
div#itemIndex > div.sideBar div.conditions > form > div.color ul li a {
  width: 15px;
  height: 15px;
  padding: 3px;
}
div#itemIndex > div.sideBar div.conditions > form > div.color ul li a img {
  display: block;
}
div#itemIndex > div.sideBar div.conditions > form > div.color ul li.active a {
  background-color: #009AE2;
}


/* ============================================================
#itemDetail
============================================================ */
/* ------------------------------
#itemDetail layout
------------------------------ */
#itemDetail {
  width: 980px;
  margin: 0 auto 30px;
  position: relative;
}
#itemDetail div.contents {
  padding: 0;
  background: #FFFFFF;
}
#itemDetail div.sideBar {
  width: 180px;
  position: absolute;
  margin-left: 790px;
  top: 0;
}

/* ------------------------------
#itemDetail div.contents
------------------------------ */
/* div.header */
#itemDetail div.contents div.header {
  padding-bottom: 20px;
  border-bottom: #CCCCCC 1px solid;
  position: relative;
}
#itemDetail div.contents div.header p.badge {
  height: 30px;
  padding-right: 150px;
  margin-bottom: 20px;
}
#itemDetail div.contents div.header h2 {
  font-size: 30px;
}
#itemDetail div.contents div.header h2,
#itemDetail div.contents div.header p.category {
  padding: 0 25px;
}
#itemDetail div.contents div.header h2 img {
  padding-left: 20px;
  vertical-align: middle;
}
#itemDetail div.contents div.header p.matomeBtn {
  width: 130px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
#itemDetail div.contents div.header p.matomeBtn a:hover img {
  opacity: 0.7;
}

/* div.detailView */
#itemDetail div.contents div.detailView {
  width: 780px;
  /* height: 440px;  Chaged 17.2.20 -----*/
  height: 470px;
  overflow: hidden;
  border-bottom: #CCCCCC 1px solid;
  position: relative;
}
  /* added 17.2.20 -----*/
  #itemDetail div.contents div.detailView ul.notes {
    position: absolute; left: 25px; bottom:10px; padding-left: 1em; text-indent: -1em;
  }
  /* added 17.2.20 -----*/
#itemDetail div.contents div.detailView ul.view {
  width: 650px;
  height: 440px;
}
#itemDetail div.contents div.detailView ul.view li {
  width: 600px;
  height: 400px;
  position: absolute;
  top: 20px;
  left: 25px;
  display: none;
}
#itemDetail div.contents div.detailView ul.view li.current {
  display: block;
}
#itemDetail div.contents div.detailView ul.thumb {
  position: absolute;
  top: 0;
  right: 0;
}
#itemDetail div.contents div.detailView ul.thumb li {
  width: 90px;
  height: 60px;
  padding: 10px 20px;
  overflow: hidden;
  border-left: #CCCCCC 1px dotted;
  border-bottom: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.detailView ul.thumb li.current {
  border-left: #FFFFFF 1px solid;
}
#itemDetail div.contents div.detailView ul.thumb li img {
  width: 100%;
}
#itemDetail div.contents div.detailView ul.thumb li.current img {
  opacity: 0.5;
}
#itemDetail div.contents div.detailView p.downBtn,
#itemDetail div.contents div.detailView p.upBtn {
  width: 32px;
  height: 32px;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 700px;
}
#itemDetail div.contents div.detailView p.downBtn {
  bottom: 0;
  background: url(/user_data/master/packages/default/img/shared/slide_arrow_b.png) 0 0 no-repeat;
}
#itemDetail div.contents div.detailView p.upBtn {
  top: 0;
  background: url(/user_data/master/packages/default/img/shared/slide_arrow_t.png) 0 0 no-repeat;
}

/* div.share */
#itemDetail div.contents div.share {
  padding: 20px 25px;
  margin-bottom: 30px;
  border-bottom: #CCCCCC 1px solid;
}

/* div.about */
#itemDetail div.contents div.about {
  padding: 0 25px 20px;
  margin-bottom: 30px;
  border-bottom: #CCCCCC 1px solid;
}
#itemDetail div.contents div.about div.overview {
  margin-bottom: 25px;
}
#itemDetail div.contents div.about div.overview:after {
  content: "";
  display: table;
  clear: both;
}
#itemDetail div.contents div.about div.overview div.title {
  width: 160px;
  float: left;
}
#itemDetail div.contents div.about div.overview div.title h3 {
  color: #009AE2;
  font-size: 18px;
  margin-bottom: 10px;
}
#itemDetail div.contents div.about div.overview div.title ul {}
#itemDetail div.contents div.about div.overview div.title ul li {
  padding-left: 10px;
  margin-bottom: 5px;
  background: url(/user_data/master/packages/default/img/shared/list_arrow_r.png) 0 50% no-repeat;
}
#itemDetail div.contents div.about div.overview div.title ul li a.modal {
  display: inline-block;
  padding-right: 20px;
  background: url(/user_data/master/packages/default/img/shared/icon_modal.png) 100% 50% no-repeat;
}
#itemDetail div.contents div.about div.overview div.title ul li a:hover {
  text-decoration: underline;
}
#itemDetail div.contents div.about div.overview div.text {
  width: 560px;
  float: right;
}
#itemDetail div.contents div.about div.overview div.text p {
  font-size: 13px;
  margin-bottom: 13px;
}
#itemDetail div.contents div.about div.overview div.text p .caution {
  color: #FF0000;
}
#itemDetail div.contents div.about div.overview div.text p a {
  text-decoration: underline;
}
#itemDetail div.contents div.about div.overview div.text p a:hover {
  text-decoration: none;
  color: #009AE2;
}
#itemDetail div.contents div.about div.staffRecommend {
  min-height: 92px;
  padding: 15px 20px;
  margin-bottom: 25px;
  background: #E5F5FC;
  position: relative;
}
#itemDetail div.contents div.about div.staffRecommend h4 {
  width: 96px;
  height: 92px;
  position: absolute;
  left: 20px;
  top: 15px;
}
#itemDetail div.contents div.about div.staffRecommend p.comment,
#itemDetail div.contents div.about div.staffRecommend p.who {
  margin-left: 105px;
}
#itemDetail div.contents div.about div.staffRecommend p.comment {
  color: #0081BF;
  font-size: 13px;
  font-style: oblique;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 20px;
  background: #FFFFFF;
  border-radius: 4px;
}
#itemDetail div.contents div.about div.staffRecommend p.who,
#itemDetail div.contents div.about div.staffRecommend p.who a {
  color: #333333;
}
#itemDetail div.contents div.about div.staffRecommend p.who {
  font-size: 10px;
  text-align: right;
}
#itemDetail div.contents div.about div.staffRecommend p.who a {
  text-decoration: underline;
}
#itemDetail div.contents div.about div.spec {
  padding-top: 20px;
  border-top: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.about div.spec:after {
  content: "";
  display: table;
  clear: both;
}
#itemDetail div.contents div.about div.spec > dl {
  width: 365px;
  float: left;
  position: relative;
}
#itemDetail div.contents div.about div.spec > dl > dt {
  font-size: 13px;
  font-weight: bold;
  width: 70px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: absolute;
}
#itemDetail div.contents div.about div.spec > dl > dd {
  padding: 0 0 15px 80px;
  margin-bottom: 15px;
  border-bottom: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl {
  position: relative;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl > dt {
  position: absolute;
  width: 90px;
  margin-bottom: 12px;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl > dd {
  padding: 0 0 12px 100px;
  margin-bottom: 12px;
  border-bottom: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl > dd:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl > dd strong {
  color: #666666;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl > dd a {
  text-decoration: underline;
}
#itemDetail div.contents div.about div.spec > dl > dd > dl > dd .caution {
  display: block;
  padding-top: 10px;
}
#itemDetail div.contents div.about div.spec > p.image {
  width: 345px;
  float: right;
}

/* div.review */
#itemDetail div.contents div.review {
  padding: 0 25px 30px;
  margin-bottom: 30px;
  border-bottom: #CCCCCC 1px solid;
}
#itemDetail div.contents div.review h3 {
  color: #0099E1;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.review ul {}
#itemDetail div.contents div.review ul li {
  padding: 0 10px 10px;
  margin-bottom: 20px;
  border-bottom: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.review ul li p.name,
#itemDetail div.contents div.review ul li p.date,
#itemDetail div.contents div.review ul li p.star {
  display: inline-block;
}
#itemDetail div.contents div.review ul li p.name,
#itemDetail div.contents div.review ul li p.name a,
#itemDetail div.contents div.review ul li p.date {
  color: #666666;
}
#itemDetail div.contents div.review ul li p.name {
  font-weight: bold;
}
#itemDetail div.contents div.review ul li p.name a {
  text-decoration: underline;
}
#itemDetail div.contents div.review ul li p.star {
  color: #BEBEBE;
  padding-left: 10px;
}
#itemDetail div.contents div.review ul li p.star strong {
  color: #009AE2;
}
#itemDetail div.contents div.review ul li p.comment {
  margin-top: 5px;
}
#itemDetail div.contents div.review p.viewAll {
  font-weight: bold;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: #CCCCCC 1px dotted;
}
#itemDetail div.contents div.review p.viewAll a {
  color: #009AE2;
}
#itemDetail div.contents div.review p.viewAll a:hover {
  text-decoration: underline;
}
#itemDetail div.contents div.review p.contribute {
  text-align: center;
}
#itemDetail div.contents div.review p.contribute a:hover img {
  opacity: 0.7;
}

/* div.scene */
#itemDetail div.contents div.scene {
  padding: 0 25px 20px;
  margin-bottom: 30px;
  border-bottom: #CCCCCC 1px solid;
}
#itemDetail div.contents div.scene h3 {
  color: #0099E1;
  font-size: 18px;
  margin-bottom: 10px;
}
#itemDetail div.contents div.scene table {
  color: #333333;
  width: 730px;
  border-collapse: collapse;
  border-spacing: 0;
}
#itemDetail div.contents div.scene table tr td {
  color: #8C8C8C;
  font-size: 10px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  width: 70px;
  padding: 8px 5px 5px 5px;
  border: #CCCCCC 1px solid;
  background: #E6E6E6;
}
#itemDetail div.contents div.scene table tr td.active {
  color: #333333;
  background: #FFFFFF;
}

/* div.coordinate */
#itemDetail div.contents div.coordinate {
  padding: 0 25px 30px;
  border-bottom: #CCCCCC 1px solid;
}
#itemDetail div.contents div.coordinate h3 {
  color: #0099E1;
  font-size: 18px;
  margin-bottom: 10px;
}
#itemDetail div.contents div.coordinate ul {
  width: 750px;
}
#itemDetail div.contents div.coordinate ul:after {
  content: "";
  display: table;
  clear: both;
}
#itemDetail div.contents div.coordinate ul li {
  width: 355px;
  padding-right: 20px;
  min-height: 200px;
  float: left;
  position: relative;
}
#itemDetail div.contents div.coordinate ul li h4,
#itemDetail div.contents div.coordinate ul li p.text {
  font-size: 12px;
  padding-left: 152px;
}
#itemDetail div.contents div.coordinate ul li h4 {
  padding-top: 40px;
  margin-bottom: 5px;
}
#itemDetail div.contents div.coordinate ul li p.image {
  position: absolute;
  top: 0;
}

/* div#matome */
#itemDetail div.contents div#matome {
  padding: 30px 25px 30px;
}
#itemDetail div.contents div#matome div.head {
  padding-left: 90px;
  margin-bottom: 20px;
  background: url(/user_data/master/packages/default/img/products/matome_title_icon.png) 17px 7px no-repeat;
}
#itemDetail div.contents div#matome div.head h3 {
  color: #7FBA00;
  font-size: 17px;
  margin-bottom: 5px;
}
#itemDetail div.contents div#matome div.head p {
  font-size: 13px;
}
#itemDetail div.contents div#matome ul.thumbBox {
  width: 736px;
}
#itemDetail div.contents div#matome ul.thumbBox:after {
  content: "";
  display: table;
  clear: both;
}
#itemDetail div.contents div#matome ul.thumbBox li {
  width: 184px;
  margin: 0;
  float: left;
}
#itemDetail div.contents div#matome ul.thumbBox li div.checkbox {
  width: 160px;
  padding: 7px 10px;
  margin: 0 auto;
  background-color: #ECF5D9;
}
#itemDetail div.contents div#matome ul.thumbBox li div.checkbox input:checked + label:after {
  content: url(/user_data/master/packages/default/img/products/matome_form_check.png);
  position: absolute;
  top: 0;
  left: 3px;
}
#itemDetail div.contents div#matome ul.thumbBox li a {
  width: 180px;
  height: 190px;
  padding-top: 15px;
  margin: 0 auto 3px;
  overflow: hidden;
}
#itemDetail div.contents div#matome ul.thumbBox li a p.model {
  font-size: 10px;
  text-align: center;
  margin-bottom: 3px;
}
#itemDetail div.contents div#matome ul.thumbBox li a p.price {
  font-size: 11px;
}

/* ------------------------------
#itemDetail div.sideBar
------------------------------ */
#itemDetail div.sideBar {}

#itemDetail div.sideBar div.selected {
  color: #FFFFFF;
  padding-top: 15px;
  /*padding: 15px 13px 15px 15px;*/
  background: #000000;
}
#itemDetail div.sideBar div.selected p {
  position: relative;
  padding: 0 12px;
}
#itemDetail div.sideBar div.selected p span {
  display: block;
  font-size: 10px;
  width: 55px;
  position: absolute;
}
#itemDetail div.sideBar div.selected p strong {
  display: block;
  padding-left: 55px;
}
#itemDetail div.sideBar div.selected p.price strong {
  display: inline-block;
  padding-left: 45px;
}
#itemDetail div.sideBar div.selected p.price span.tax {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding-top: 8px;
}
#itemDetail div.sideBar div.selected p.taxInfo {
  font-size: 10px;
  margin-bottom: 15px;
}
#itemDetail div.sideBar div.selected p.taxInfo em {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
}
#itemDetail div.sideBar div.selected p.num {
  margin-bottom: 10px;
}
#itemDetail div.sideBar div.selected p.color {
  margin-bottom: 5px;
}
#itemDetail div.sideBar div.selected p.num span {
  padding-top: 4px;
}
#itemDetail div.sideBar div.selected p.num strong {
  font-size: 14px;
}
#itemDetail div.sideBar div.selected p.color span {
  padding-top: 1px;
}
#itemDetail div.sideBar div.selected p.color strong {
  font-size: 11px;
}
#itemDetail div.sideBar div.selected p.price strong {
  font-size: 18px;
  margin-top: -8px;
}
#itemDetail div.sideBar div.selected p.price strong.sale {
  font-size: 16px;
  text-decoration: line-through;
}
#itemDetail div.sideBar.discPrice div.selected p.price strong.sale {
  font-size: 16px;
  text-decoration: line-through;
  display:none;/* double Price */ 
}

#itemDetail div.sideBar.discPrice div.selected p.price strong ,
#itemDetail div.sideBar div.selected p.price strong.salePrice {
  color: #FD3400;
  line-height: 1.3;
  margin-top: -8px;
}
#itemDetail div.sideBar div.selected p.price strong.salePrice {
  font-size: 30px;
  /*margin-top: 0;*/
  padding-left: 14px;
}
#itemDetail div.sideBar.discPrice div.selected p.price strong {
  font-size: 24px;/* font-size: 30px; double Price */ 
  padding-left: 35px;/* padding-left: 14px; double Price */ 
}
#itemDetail div.sideBar div.selected p.price strong.off {
  color: #FEFD37;
  font-size: 16px;
  font-weight: normal;
  margin-top: 0;
  display:none;/* double Price */ 
}
#itemDetail div.sideBar div.selected ul.colorTip {
  padding: 0 12px;
  margin-bottom: 15px;
}
#itemDetail div.sideBar div.selected ul.colorTip:after {
  content: "";
  display: table;
  clear: both;
}
#itemDetail div.sideBar div.selected ul.colorTip li {
  width: 36px;
  height: 36px;
  margin: 0 3px 2px 0;
  float: left;
  overflow: hidden;
}
#itemDetail div.sideBar div.selected ul.colorTip li a {
  display: block;
  width: 30px;
  height: 30px;
  padding: 3px;
  background: #FFFFFF;
}
#itemDetail div.sideBar div.selected ul.colorTip li a:hover img {
  opacity: 0.7;
}
#itemDetail div.sideBar div.selected ul.colorTip li.active a {
  background: #009AE2;
}
#itemDetail div.sideBar div.selected p.addCart {
  padding: 0;
  background: #FFFFFF;
}
#itemDetail div.sideBar div.selected p.addCart a:hover.rearrival img {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

/* ul.links */
#itemDetail div.sideBar ul.links {
  border-bottom: #E0E0E0 1px solid;
}
#itemDetail div.sideBar ul.links li {
  border-bottom: #BBBBBB 1px dotted;
}
#itemDetail div.sideBar ul.links li:last-child {
  border-bottom: 0;
}
#itemDetail div.sideBar ul.links li a {
  display: block;
  padding: 10px 10px 10px 55px;
  background-color: #FFFFFF;
}
#itemDetail div.sideBar ul.links li.shop a {
  background: #FFFFFF url(/user_data/master/packages/default/img/products/detail_side_icon_shop.png) 21px 50% no-repeat;
}
#itemDetail div.sideBar ul.links li.bookmark a {
  background: #FFFFFF url(/user_data/master/packages/default/img/products/detail_side_icon_bookmark.png) 20px 50% no-repeat;
  cursor: pointer;
}
#itemDetail div.sideBar ul.links li.bookmark a.active {
  background: #FFFFFF url(/user_data/master/packages/default/img/products/detail_side_icon_bookmark_active.png) 20px 50% no-repeat;
}
#itemDetail div.sideBar ul.links li.zoff a {
  background: #FFFFFF url(/user_data/master/packages/default/img/products/detail_side_icon_zoff.png) 17px 50% no-repeat;
}
#itemDetail div.sideBar ul.links li.lens a {
  background: #FFFFFF url(/user_data/master/packages/default/img/products/detail_side_icon_lens.png) 17px 50% no-repeat;
}
#itemDetail div.sideBar ul.links li.pdf a {
  background: #FFFFFF url(/user_data/master/packages/default/img/shared/icon_pdf.png) 20px 50% no-repeat;
}
#itemDetail div.sideBar ul.links li.zoff a strong,
#itemDetail div.sideBar ul.links li.lens a strong {
  color: #0099E1;
}
#itemDetail div.sideBar ul.links li a:hover,
#itemDetail div.sideBar ul.links li span:hover {
  background-color: #EEEEEE;
}
#itemDetail div.sideBar ul.links li a.modal:after {
  content: url(/user_data/master/packages/default/img/shared/icon_modal.png);
  padding-left: 10px;
}
#itemDetail div.sideBar .bnr_forwarding{
	margin-top: 20px;
	margin-bottom: 0px;
	border-bottom: none;
}
#itemDetail div.sideBar .bnr_forwarding a{
  display: block;
  text-align: center;
}
#itemDetail div.sideBar .bnr_forwarding a img{
  width: 100%;
}
#itemDetail div.sideBar .bnr_forwarding a:hover img{
  opacity: 0.7;
}


/* ============================================================
#itemDetailFooter
============================================================ */
#itemDetailFooter {
  width: 980px;
  margin: 0 auto;
}

/* ------------------------------
div.similar
------------------------------ */
#itemDetailFooter div.similar {
  margin-bottom: 30px;
}
#itemDetailFooter div.similar h2 {
  margin-bottom: 20px;
}
#itemDetailFooter div.similarTo {
  padding: 15px 6px 10px 15px;
  border-bottom: #CCCCCC 1px dotted;
  background: #FFFFFF;
}
#itemDetailFooter div.similarTo:after {
  content: "";
  display: table;
  clear: both;
}
#itemDetailFooter div.similarTo div.what {
  width: 189px;
  padding-top: 40px;
  float: left;
}
#itemDetailFooter div.similarTo div.what h3 {
  font-size: 15px;
  padding: 5px 0 25px;
}
#itemDetailFooter div.similarTo div.what a:hover img {
  opacity: 0.7;
}
#itemDetailFooter div.similarTo ul.thumbBox4 {
  width: 760px;
  float: right;
}
#itemDetailFooter div.similarTo ul.thumbBox4 li {
  margin: 0 10px 0 0;
}

/* ------------------------------
div.recent / div.bookmark
------------------------------ */
#itemDetailFooter div.recent,
#itemDetailFooter div.bookmark {
  margin-bottom: 26px;
}
#itemDetailFooter div.recent h2,
#itemDetailFooter div.bookmark h2 {
  margin-bottom: 16px;
}
#itemDetailFooter div.recent div.thumbBox4carousel,
#itemDetailFooter div.bookmark div.thumbBox4carousel {
  width: 980px;
}


/* ============================================================
#reviewContribute
============================================================ */
#reviewContribute {
  width: 545px;
  padding: 20px;
  margin: 0 auto;
}
#reviewContribute h1 {
  margin-bottom: 20px;
}
#reviewContribute  div.container {
  padding: 30px 20px;
  background: #FFFFFF;
  position: relative;
}
#reviewContribute div.container p.lead {
  font-size: 13px;
  margin-bottom: 20px;
}
#reviewContribute form table {
  color: #333333;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: #CCCCCC 1px dotted;
}
#reviewContribute form table tr {
  border-bottom: #CCCCCC 1px dotted;
}
#reviewContribute form table tr th,
#reviewContribute form table tr td{
  text-align: left;
  vertical-align: middle;
}
#reviewContribute form table tr th {
  width: 110px;
}
#reviewContribute form table tr td.must {
  width: 50px;
}
#reviewContribute form table tr td.cont {
  font-size: 12px;
  width: 345px;
  padding: 15px 10px 15px 0;
}
#reviewContribute form table tr td.cont input[type=text],
#reviewContribute form table tr td.cont textarea {
  width: 340px;
  padding: 5px;
  margin: 0;
  border: solid 1px #E0E0E0;
}

/* tr個別設定 */
#reviewContribute form table tr.product td.cont {
  font-weight: bold;
}
#reviewContribute form table tr td.cont textarea {
  height: 100px;
}
#reviewContribute form table tr td.cont  p.star {
  color: #BEBEBE;
}
#reviewContribute form table tr td.cont p.star strong {
  color: #009AE2;
}

/* div.button */
#reviewContribute div.button {
  padding-top: 20px;
  text-align: center;
}
#reviewContribute form div.button p {
  display: inline;
  width: 180px;
  height: 40px;
  margin: 0 5px;
}
#reviewContribute form div.button input[type=submit],
#reviewContribute form div.button input[type=button] {
  display: inline-block;
  vertical-align: bottom;
  width: 180px;
  height: 40px;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
}
#reviewContribute form div.button input.confirm {
  background: url(/user_data/master/packages/default/img/shared/form_btn_confirm.png) 0 0 no-repeat;
}
#reviewContribute form div.button input.contribute {
  background: url(/user_data/master/packages/default/img/shared/form_btn_contribute.png) 0 0 no-repeat;
}
#reviewContribute form div.button input.back {
  background: url(/user_data/master/packages/default/img/shared/form_btn_back.png) 0 0 no-repeat;
}
#reviewContribute form div.button input[type=submit]:hover,
#reviewContribute form div.button input[type=button]:hover,
#reviewContribute div.button a:hover img {
  opacity: 0.7;
}


/* ============================================================
#quality (modal)
============================================================ */
#quality {
  min-height: 100%;
  padding-left: 288px;
  background: #FFFFFF url(/user_data/master/packages/default/img/products/quality_image.jpg) 0 0 no-repeat;
}
#quality div.container {
  min-height: 100%;
  padding: 20px 30px 10px;
  background: #FFFFFF;
}
#quality div.container div.lead {
  margin-bottom: 20px;
}
#quality div.container div.lead h1 {
  margin-bottom: 20px;
}
#quality div.container div.lead p {
  font-size: 13px;
}
#quality div.container div.obsession {
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: #CCCCCC 1px dotted;
}
#quality div.container div.obsession h2 {
  font-size: 14px;
  font-weight: normal;
  padding-left: 20px;
  margin-bottom: 20px;
  background: url(/user_data/master/packages/default/img/shared/title_icon.png) 0 50% no-repeat;
}
#quality div.container div.obsession h3 {
  font-size: 12px;
  margin-bottom: 7px;
}
#quality div.container div.obsession p {
  margin-bottom: 15px;
}


/* ============================================================
#shopStock (modal)
============================================================ */
#shopStock {
  min-height: 100%;
  background: #FFFFFF;
}
#shopStock div.container {
  width: 780px;
  margin: 0 auto;
  padding: 30px 20px;
}

/* layout */
#shopStock div.container div.head:after,
#shopStock div.container div.content:after {
  content: "";
  display: table;
  clear: both;
}
#shopStock div.container div.head p.image,
#shopStock div.container div.content ul.nav {
  width: 180px;
  float: left;
}
#shopStock div.container div.head div.text,
#shopStock div.container div.content div.table {
  width: 580px;
  float: right;
}

/* div.head */
#shopStock div.container div.head {
  margin-bottom: 20px;
}
#shopStock div.container div.head div.text {}
#shopStock div.container div.head div.text h1 {
  color: #0099E1;
  font-size: 18px;
  padding-top: 10px;
  margin-bottom: 10px;
}
#shopStock div.container div.head div.text h2 {
  font-size: 15px;
}
#shopStock div.container div.head div.text p.spec {
  font-size: 10px;
  margin-bottom: 10px;
}
#shopStock div.container div.head div.text p.spec strong {
  font-size: 11px;
}
#shopStock div.container div.head p.image {
  width: 178px;
  border: #CCCCCC 1px solid;
  overflow: hidden;
}
#shopStock div.container div.head p.image img {
  width: 100%;
}

/* div.content */
#shopStock div.container div.content ul.nav {
  border-top: #CCCCCC 1px solid;
}
#shopStock div.container div.content ul.nav li {
  border-bottom: #CCCCCC 1px solid;
}
#shopStock div.container div.content ul.nav li a {
  display: block;
  padding: 10px 25px 10px 10px;
  background: url(/user_data/master/packages/default/img/shared/list_arrow_r.png) 165px 50% no-repeat;
}
#shopStock div.container div.content ul.nav li a:hover {
  background-color: #EEEEEE;
}
#shopStock div.container div.content div.table {
  border-top: #CCCCCC 1px solid;
}
#shopStock div.container div.content div.table h3,
#shopStock div.container div.content div.table ul li {
  padding: 10px;
  border-bottom: #CCCCCC 1px solid;
}
#shopStock div.container div.content div.table h3 {
  font-size: 11px;
  background: #F3F3F5;
}
#shopStock div.container div.content div.table ul li:after {
  content: "";
  display: table;
  clear: both;
}
#shopStock div.container div.content div.table ul li p.pref,
#shopStock div.container div.content div.table ul li p.name,
#shopStock div.container div.content div.table ul li p.state {
  font-size: 13px;
  float: left;
}
#shopStock div.container div.content div.table ul li p.pref {
  width: 80px;
  margin-right: 10px;
}
#shopStock div.container div.content div.table ul li p.name {
  width: 360px;
  margin-right: 10px;
}
#shopStock div.container div.content div.table ul li p.name a {
  text-decoration: underline;
}
#shopStock div.container div.content div.table ul li p.state {
  width: 80px;
  padding-left: 20px;
}
#shopStock div.container div.content div.table ul li p.instock {
  background: url(/user_data/master/packages/default/img/shared/title_icon.png) 0 50% no-repeat;
}
#shopStock div.container div.content div.table ul li p.remaining {
  background: url(/user_data/master/packages/default/img/products/shop_stock_remaining_icon.png) 0 50% no-repeat;
  position: relative; margin-bottom: 10px;
}
#shopStock div.container div.content div.table ul li p.remaining .notes {
  font-size: 10px;font-size: 9px; line-height: 120%; display: block;
  position: absolute; right: 0; bottom: -12px; width: 200px; text-align: right;
}


/* ============================================================
#rearrival (modal)
============================================================ */
#rearrival {
  min-height: 100%;
  background: #FFFFFF;
}
#rearrival div.container {
  width: 500px;
  margin: 0 auto;
  padding: 30px 20px;
  font-size: 13px;
}
#rearrival div.container h1 {
  color: #0099E1;
  font-size: 18px;
}
#rearrival div.container h1 + p {
  margin-bottom: 10px;
}
#rearrival div.container p.notice {
  font-size: 10px;
}
#rearrival div.container div.wrapper {
  width: 470px;
  background-color: #F3F3F5;
  padding: 15px;
}
#rearrival div.container div.wrapper h2 {
  font-size: 15px;
}
#rearrival div.container div.wrapper p.spec {
  font-size: 10px;
  margin-bottom: 10px;
}
#rearrival.complete div.container p a {
  text-decoration: underline;
}
#rearrival.complete div.container p a:hover {
  text-decoration: none;
  color: #009AE2;
}
#rearrival table {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: #CCCCCC 1px dotted;
}
#rearrival table tr th,
#rearrival table tr td{
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  padding: 15px 10px;
  background: url(/user_data/master/packages/default/img/shared/bdr_dot_cccccc.png) 0 100% repeat-x;
}
#rearrival table tr th {
  width: 120px;
}
#rearrival table tr td {
  width: 330px;
}
#rearrival table tr td input {
  width: 250px;
}
#rearrival p.button {
  text-align: center;
  margin-top: 20px;
}
#rearrival p.button input[type=submit],
#rearrival p.button input[type=button] {
  display: inline-block;
  vertical-align: bottom;
  width: 180px;
  height: 40px;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  background: url(/user_data/master/packages/default/img/shared/form_btn_next.png) 0 0 no-repeat;
}
#rearrival p.button input[type=submit]:hover,
#rearrival p.button input[type=button]:hover {
  opacity: 0.7;
}
#rearrival.complete div.container {
  text-align: center;
  padding-top: 50px;
}
#rearrival.complete div.container h1 {
  margin-bottom:10px;
}

/**
 * 360°VIEW
 */
div#socp-share-buttons {
	float: left;
}

#itemDetail div.contents div.share {
	padding: 20px 25px;
	margin-bottom: 30px;
	border-bottom: #CCCCCC 1px solid;
	overflow: hidden;
	zoom: 1;
}

#show360view {
}

#show360view:hover {
}
#show360view:active {
}



/* div.share */
#itemDetail div.sideBar div.share {
	margin-top: 20px;
	margin-bottom: 0px !important;
	border-bottom: #CCCCCC 1px solid;
	overflow: hidden;
	zoom: 1;
}
#itemDetail div.contents ul.insideNavi {
  padding: 20px 0px 20px 25px;
  margin-bottom: 30px;
  border-bottom: #CCCCCC 1px solid;
  font-size: 0;

}
#itemDetail div.contents ul.insideNavi li {
	display: inline;
	margin: 0 10px 0 0;
}
 a:hover img.img_alpha {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.addCart2{
	margin-top: -10px;
	width: 250px;
	margin-left: 240px;
}


.mt00{margin-top:0 !important}.mt05{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt60{margin-top:60px !important}.mt70{margin-top:70px !important}.mb00{margin-bottom:0 !important}.mb05{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}.pt00{padding-top:0 !important}.pt05{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt40{padding-top:40px !important}.pt50{padding-top:50px !important}.pt60{padding-top:60px !important}.pb00{padding-bottom:0 !important}.pb05{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb40{padding-bottom:40px !important}