@charset "utf-8";
/* CSS Document */


.page-description {
  margin: 25px 0 30px 0;
}

.page-description span.attent .ie-br{
  text-decoration:underline;
}

.category-desc {
  margin: 10px 0 30px;
}

.category-logo {
  margin: 25px 0 13px 0;
}

.itemList li.first-child {
  clear: both;
  margin-left: 0;
}

.itemList li {
  text-align: left;
  margin: 0 0 20px 0;
}

.itemList select {
  width: 170px;
}

.itemList .itemImg {
  margin: 0 0 18px 0;
}
.itemList.row-fluid.liquid-column2 {
  width:75%;
}

.item-cart-wrap {
  float: right;
  width: 240px;
  position: absolute;
  right: 0;
  height: 100%;
  overflow: hidden;
}

.item-cart-wrap.active{
  position:relative;
  right:auto;
  width:230px;
}

.item-cart-wrap span.area{
  color: #fff;
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  text-indent: -9999px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 50%;
  left: -9px;
  background-color: #fff;
  z-index: 10000;
}

.ie8 .item-cart-wrap span.area,
.ie7 .item-cart-wrap span.area{
  display:none;
}


#item-cart-text {
  color:#ff0000;
  font-size:12px;
}

.check-item {
  width: 100%;
  text-align: center;
  margin: 0 0 20px;
  display: block;
  border-top: 1px solid #D5D5D5;
  padding: 20px 0;
}

.btn-check {
  border: medium none;
  box-shadow: none;
  color: #FFFFFF;
  display: inline-block;
  margin: 0;
  padding: 15px 20px;
  text-shadow: none;
}

.gift-box {
  position: relative;
}

.item-cart {
  width: 227px;
  height: auto;
  position: absolute;
  top:20px;
  right:0;
  text-align: center;
  background-image:url('/sp/roma_blueline/images/cart_01.jpg');
  background-repeat:no-repeat;
  background-position:center 25px;
  border:1px solid #d2d2d2;
}

.item-cart.active {
  position: fixed;
  top: 0;
  right:inherit;
}

.item-cart .item-cart-inner {
  width: 207px;
  height: auto;
  margin: 72px 0 0 11px;
}

.item-cart .in-stock {
  padding: 0 0 20px;
  margin: 0 0 0 9px;
  width: 195px;
}

.item-cart .in-stock span {
  margin-right: 5px;
  margin-bottom: 5px;
  width: 58px;
  height:58px;
  border: 1px solid #efefef;
}

.item-cart .item-cart-foot {
  width: 227px;
  height: 8px;
  margin: 0 0 0 0;
}

.item-cart-btn {
  margin: 0 0 20px ;
}

.ribbon .itemList select {
  width: 120px;
}

.main_txt {
  border-bottom: 1px solid #eeeeee;
}

.ttl_area1 {
  margin: 30px 0 25px;
}

.main_txt02 .page-description ol{
  text-indent:0;
}

.main_txt02 .page-description ol li{
  list-style-position:inside;
}

.main_txt03 {
  border-bottom: 1px solid #eeeeee;
}

.main_txt03 .page-description {
  background-color: #eeeeee;
  padding: 2% 2%;
  width:96%;
}

.attention {
  background-image: url('/sp/roma_blueline/images/icon_attention.png');
  background-position: center left;
  background-repeat:no-repeat;
  padding:2px 0 2px 28px;
  display:block;
}

.attention_description{
  display:block;
  padding: 1% 0 0 5%;
}

.ttl_img02 {
  margin: 25px 0 13px;
  font-size:20px;
  font-weight:bold;
  color:#000;
}

.left_area {
  float: left;
  margin:0 30px 0 0;
}

.right_area {
  margin: 34px 0 13px 0;
}

.left_area img{
  margin: 25px 0 13px;
}

.content_01 {
  border-top: 2px solid #cccccc;
}

#wrapper .ribbon  .itemInfo p {
  color:#666666;
}

#wrapper .ribbon  .itemInfo p .normal{
  font-weight:bold;
  font-size:14px;
}

.normal {
  color:#000000;
}

.ie7 .list .row-fluid .span4{
  width:27%;
}

.ie7 .item-cart-wrap{
  height:500px;
}

.ie7 .active.item-cart{
  right:0;
  position:absolute;
}

/* smartphone */
@media (max-width: 979px) {
  .item-cart-wrap { width: auto; float: none;}
  .item-cart-wrap.active{width:100%;}
  h1.Arbutus, h2.Arbutus { margin-bottom: 10px;}
  h2.Arbutus strong { margin-left: 0px; }
  .item-cart { border:none; width: 100%; margin: 20px auto 0; height: auto; position: static; top:0; right:0; text-align: center; background: transparent;}
  .item-cart.active { position: static; top:0;}
  .item-cart .item-cart-inner { width: 100%; height: auto; margin: 20px 0 0 0; background: transparent; }
  .item-cart .in-stock { padding: 0 0 20px; margin: 0 0 0 0; width: 100%!important; float: none!important;}
  .item-cart .in-stock span { margin: 0 0 10px; width: 25%; border: none;}
  .item-cart .item-cart-foot { width: 227px; height: 8px; margin: 0 0 0 0; background: transparent; display: none;}
  .itemList li.first-child {
    clear: none;
  } 
  .itemList select {
    width: 115px;
  }

  .itemList.row-fluid.liquid-column2 {
  	  margin-left: 0;
  }
  
  .item-cart .item-cart-inner{border:none;}

.main_txt03 .page-description {
	background-color: #f8f6e5;
	padding: 2% 0 2% 2%;
	width:100%;
}

.itemList.row-fluid.liquid-column2 {
	width:100% !important;
}

.item-cart-wrap{
	position:relative;
}

.item-cart-wrap span.area{
	display:none;
}

.check-item{
	display:block !important;
}


}

@media (max-width: 767px) {
.itemList li:nth-child(2n-1){
	clear:both;
}
}

/* DH_FRONT_DEPT-4849 */
#wrapper .ribbon .itemInfo p[id^=soldout_] {
  color: #bf0202;
}