#contents-inner { width:100%; margin-bottom:53px; }

.news-list-box { width:200px; /*height:200px;*/ height:100%; margin:12px 20px 34px 20px; _margin:12px 16px 34px 16px; float:left; background-image:url(http://contents-store.unbar.jp/img/news/bg_news-list-box.gif); background-repeat:no-repeat; }
.news-list-box-img { width:194px; height:124px; padding:6px 0 0 6px; }

.news-list-box-img a { width:188px; height:118px; display:block; }

.news-list-box-img a:hover { width:188px; height:118px; display:block; opacity:0.6; filter:alpha(opacity=60); -moz-opacity: 0.6; background-color:#000000; }

.news-list-box-date { height:15px; width:195px; margin:5px 0 5px 5px; }

.news-list-box-date-new { width:155px; padding-left:40px; background-image:url(http://contents-store.unbar.jp/img/news/news-list-box-new.gif); background-repeat:no-repeat; }

.news-list-box-brand { height:15px; width:195px; margin:5px 0 5px 5px; }

.news-list-box-title { width:195px; height:45px; overflow:hidden; line-height:15px; margin-left:5px; }


#news-brand-introduction {
width:960px;
margin-top:20px;
}

#news-title {
width:100%;
height:64px;
border-bottom:1px solid #738484;
border-top:1px solid #738484;
}

#news-title h1 {
font-size:22px;
margin:18px 0 0 12px;
position:relative;
}

#news-title h1 span {
background-image:url(http://contents-store.unbar.jp/img/news/news-title_layer.png);
height:15px;
position:absolute;
width:100%;
_background-image:none;
}

#news-catch {
padding:16px 12px;
width:936px;
height:100%;
border-bottom:1px solid #738484;
}

#news-receptionist-period { float:left; width:630px; height:89px; }

.news-receptionist-period-box { float:left; width:290px; height:40px; margin:10px 0 0 20px; _margin-left:10px; }

.news-receptionist-period-img { width:85px; height:13px; }

.news-receptionist-period-date { margin-top:10px; }

.news-receptionist-period-delivery { padding:15px 0 0 20px; }

.news-receptionist-period-tooltip {
display: none;      /* required */
position: absolute; /* required */
width: 300px;
height:50px;
color: black;
border:1px solid #738484;
background-color:#FFFFFF;
}

.news-receptionist-period-tooltip-upper {
padding:2px 0 0 5px;
width:295px;
height:18px;
background-color:#738484;
}

.news-receptionist-period-tooltip-lower {
}

.news-receptionist-period-tooltip-lower img { position:relative; top:9px; left:10px; }

.news-receptionist-period-tooltip-lower span { position:relative; top:6px; left:20px; }

/* ************************************************** article-details-image *********************************************************** */

.photo-box { position:relative; padding:40px 0 40px 10px; }

.photo_pic{
width:480px;
height:630px;
float:left;
}

.photo_pic img { border:1px solid #738484; }

#photo-1,#photo-2,#photo-3,#photo-4,#photo-5,#photo-6,#photo-7,#photo-8,#photo-9,#photo-10,#photo-11,#photo-12,#photo-13,#photo-14,#photo-15,#photo-16,#photo-17,#photo-18,#photo-19,#photo-20,#photo-21,#photo-22,#photo-23,#photo-24{ position:absolute; }

ul.pic_detail {
width: 451px;
float:left;
margin-left:10px;
_margin-left:5px;

}

.item_detail {
width:316px;
height:100%;
float:left;
margin:15px 0px 10px 12px;
}

ul.pic_detail li{list-style: none; display: block; float:left; margin:0 3px 6px 3px; border:1px solid #738484;}
ul.pic_detail a{display: block; width:48px; height:48px; overflow:hidden;}

.detail_box{width: 48px; height: 48px; background-color:#000000; overflow:hidden;}

.detail_box_span{width:48px; height:10px;  background-color:#758484; display:block;}

.detail_box_span_on_hi{width:48px; height:10px;  background-color:#758484; display:block; position:relative; bottom:10px;}

.detail_img{opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; width:48px; height:48px; overflow:hidden;}

.detail_img_main{width:48px; height:48px;}

.detail_img_main img{ margin-top:-5px; }

.detail_img img{ margin-top:-5px; overflow:hidden; }

.detail_img_on{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; width:48px; height:48px; background-color:#FFFFFF;}

.detail_img_on span{width:48px; height:10px; background-color:#758484; display:block; position:relative; bottom:10px;}

.detail_img_on img{ margin-top:-5px; }

.name_hi{display:block;overflow:hidden; width:48px; height:48px;}

.news-item-box {
float:left;
width:450px;
height:100%;
background-color:#758484;
margin-top:10px;
}

.news-item-box-title {
height:100%;
width:430px;
margin-left:10px;
background-color:#FFFFFF;
margin-left:10px;
padding-left:10px;
display:block;
}

.news-item-box-price {
height:14px;
width:440px;
margin-left:10px;
background-color:#FFFFFF;
text-align:right;
display:block;
}

.news-item-box-caption {
float:left;
width:450px;
margin:10px 0;
}

.news-item-box-pid {
float:left;
width:450px;
text-align:right;
}


#news-text-bottom {
text-align:right;
padding:10px 0;
margin-bottom:12px;
border-bottom:1px solid #738484;
border-top:1px solid #738484
}

#news-text-bottom p {
margin:5px 20px 5px 0px;
}

/* carousel */

.news-carousel {
width:960px;
height:290px;
margin:18px auto 0 auto;
}

.news-carousel-inner {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}

.news-carousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.news-carousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.news-carousel-inner-paginate {
width:960px;
height:30px;
text-align:center;
}

.news-carousel-inner-paginate .news-carousel-inner-paginate-button {
position:relative;
top:3px;
left:10px;
}