/*************************TOP*************************/
#information-title {
border-top:1px solid #738484;
height:60px;
width:100%;
}
#information-title h1 {
font-size:22px;
margin:16px 0 0 22px;
position:relative;
width:800px;
float:left;
}

.information-rss {
display:block;
width:59px;
height:12px;
float:right;
background-image:url(http://contents-store.unbar.jp/img/information/information-rss.gif);
background-repeat:no-repeat;
text-indent:-9000px;
position:relative;
top:24px;
right:20px;
}

#information { width:960px; height:100%; margin:30px auto; }

#information-box-left { width:220px; height:100%; float:left; margin:0 10px; _margin:0 5px; }
#information-box-right { width:720px; height:100%; float:left; }

.information-box-title-archive {
height:35px;
width:220px;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-title-archive.gif);
background-position:2px 14px;
background-repeat:no-repeat;
}

.information-box-title-date {
height:35px;
width:147px;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-title-date.gif);
background-position:13px 14px;
background-repeat:no-repeat;
}

.information-box-title-category {
height:35px;
width:96px;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-title-category.gif);
background-position:2px 14px;
background-repeat:no-repeat;
}

.information-box-title-contents {
height:35px;
width:477px;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-title-contents.gif);
background-position:0px 14px;
background-repeat:no-repeat;
}

.information-archive-year-current {
font-weight:normal;
background-image:url(http://contents-store.unbar.jp/img/article_details/bg_article-details-caption-stock_active.gif);
background-position:52px 2px;
background-repeat:no-repeat;
}

.information-archive-year-current-active {
font-weight:normal;
background-image:url(http://contents-store.unbar.jp/img/article_details/bg_article-details-caption-stock.gif);
background-position:52px 2px;
background-repeat:no-repeat;
}

.information-archive-year {
font-weight:normal;
background-image:url(http://contents-store.unbar.jp/img/article_details/bg_article-details-caption-stock.gif);
background-position:52px 2px;
background-repeat:no-repeat;
}

.information-archive-year-active {
font-weight:normal;
background-image:url(http://contents-store.unbar.jp/img/article_details/bg_article-details-caption-stock_active.gif);
background-position:52px 2px;
background-repeat:no-repeat;
}

.information-archive {
list-style:none;
display:none;
}

.information-list { width:720px; height:35px; }

.information-list-date {
width:94px;
height:26px;
padding:9px 0 0 53px;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-list_arrow.png);
_background-image:url(http://contents-store.unbar.jp/img/information/information-list_arrow.gif);
background-position:10px 5px;
background-repeat:no-repeat;
}
.information-list-category { float:left; height:26px; width:96px;  padding-top:9px; }
.information-list-title { float:left; height:26px; width:477px;  padding-top:9px; overflow:hidden; }

.information-line-1 { height:1px; width:100%; background-color:#C6D6D9; font-size:0px; padding-top:1px; }
.information-line-2 { height:1px; width:100%; background-color:#EEF6FF; font-size:0px; }

/*************************entry-news*************************/
.information-box-img {
width:200px;
height:154px;
text-align:center;
margin:30px 0 0 20px;
_margin:30px 0 0 10px;
padding-top:6px;
background-image:url(http://contents-store.unbar.jp/img/news/bg_news-list-box.gif);
background-repeat:no-repeat;
float:left;
}

.information-box-img-rp-icon { margin-top:16px; }

.information-box-comment {
width:470px;
height:100%;
margin-top:30px;
padding-top:16px;
float:right;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-title-comment.gif);
background-repeat:no-repeat;
}

.information-box-text_link {
width:100%;
text-align:right;
margin-bottom:30px;
}

.information-box-pickup_item-title {
border-top:dotted 1px #C6D6D9;
border-bottom:dotted 1px #C6D6D9;
width:100%;
height:36px;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-pickup_item.gif);
background-repeat:no-repeat;
background-position:20px 12px;
}

.information-box-pickup_item {
width:710px;
height:162px;
}

.information-box-pickup_item-layout {
height:162px; margin:10px auto;
}

.information-box-pickup_item-box {
width:120px; height:162px; margin:5px; float:left;
}

.information-box-pickup_item-box img {
width:120px; height:120px;
}

.information-box-pickup_item-box p {
width:120px;
height:32px;
overflow:hidden;
text-align:center;
margin-top:8px;
line-height:1;
}

.information-box-reservepoint-title {
margin-top:30px;
border-top:dotted 1px #C6D6D9;
border-bottom:dotted 1px #C6D6D9;
width:100%;
height:36px;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-reservepoint.gif);
background-repeat:no-repeat;
background-position:20px 12px;
}

.information-box-reservepoint-text { height:18px; width:100%; margin-left:54px; margin-top:10px; }

.information-box-reservepoint-text-bottom { height:18px; width:100%; margin-left:54px; margin:20px 0 60px 54px; }

/*************************entry-notice *************************/

.information-box-comment-notice { width:656px; height:100%; padding:12px 0 0 54px; }

.information-box-comment-notice p { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; }

.information-box-comment-notice p a { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; }
.information-box-comment-notice p a:link { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; text-decoration:none; }
.information-box-comment-notice p a:visited { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; text-decoration:none; }
.information-box-comment-notice p a:active { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; text-decoration:none; }
.information-box-comment-notice p a:hover { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; text-decoration:underline; }

/*************************entry-campaign*************************/
.information-box-comment-notice { width:656px; height:100%; padding:12px 0 0 54px; }

.information-box-comment-notice p { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; }

/*************************entry-maintenance*************************/
.information-box-comment-notice { width:656px; height:100%; padding:12px 0 0 54px; }

.information-box-comment-notice p { color:#363940; font-size:12px; padding-bottom:20px; line-height:2; }

/*************************entry-press*************************/
.information-box-magazine-img { border:1px solid #C6D6D9; width:200px; height:240px; margin:16px 20px 16px 24px; float:left; }

.information-box-magazine-name {
margin-top:30px;
padding-top:16px;
width:400px;
height:100%;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-magazine-title.gif);
background-repeat:no-repeat;
}

.information-box-magazine-date {
margin-top:22px;
padding-top:16px;
width:400px;
height:100%;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-magazine-date.gif);
background-repeat:no-repeat;
}

.information-box-magazine-catch {
margin-top:22px;
padding-top:16px;
width:400px;
height:100%;
float:left;
background-image:url(http://contents-store.unbar.jp/img/information/information-box-magazine-catch.gif);
background-repeat:no-repeat;
}

.information-box-magazine-page-title {
background-image:url(http://contents-store.unbar.jp/img/information/information-box-magazine-page-title.gif);
background-position:20px 12px;
background-repeat:no-repeat;
border-bottom:1px dotted #C6D6D9;
border-top:1px dotted #C6D6D9;
height:36px;
width:100%;
}

.information-box-magazine-page {
float:left;
padding-top:9px;
padding-left:53px;
height:27px;
width:95px ;
}

.information-box-magazine-title {
float:left;
padding-top:9px;
height:27px;
width:560;
}

.information-box-magazine-pickup_item {
width:710px;
height:100%;
}

.information-box-magazine-pickup_item-layout {
height:100%; margin:10px auto;
}

.information-box-magazine-pickup_item-box {
width:120px; height:162px; margin:5px; float:left;
}

.information-box-magazine-pickup_item-box img {
width:120px; height:120px;
}

.information-box-magazine-pickup_item-box p {
width:120px;
height:32px;
overflow:hidden;
text-align:center;
margin-top:8px;
line-height:1;
}

/*************************color me shop*************************/
.contents-information {
padding:72px 0 0 18px;
width:280px;
height:608px;
background-image:url(http://contents-store.unbar.jp/img/top/contents-information.gif);
background-repeat:no-repeat;
background-position:20px 20px;
}

.contents-information-inner {
width: 280px;
height: 540px;
/*overflow: auto;*/
position: relative;
background: #C4D0CF;
}

.contents-information-date { width:240px; }

.contents-information-title { width:240px; overflow:hidden; margin-bottom:20px; }

.scroll-pane {
width: 280px;
height: 540px;
overflow: auto;
background: #C4D0CF;
float: left;
}

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #aaa;
}
.jScrollPaneDrag {
position: absolute;
background: #666;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}

.contents-information-inner .jScrollPaneTrack { background: url(http://contents-store.unbar.jp/img/top/track.gif) repeat-y; }
.contents-information-inner .jScrollPaneDrag { background: url(http://contents-store.unbar.jp/img/top/drag_middle.gif) repeat-y; }
.contents-information-inner .jScrollPaneDragTop { background: url(http://contents-store.unbar.jp/img/top/drag_top.gif) no-repeat; height: 9px; }
.contents-information-inner .jScrollPaneDragBottom { background: url(http://contents-store.unbar.jp/img/top/drag_bottom.gif) no-repeat; height: 9px; }
.contents-information-inner a.jScrollArrowUp { height: 59px; background: url(http://contents-store.unbar.jp/img/top/arrow_up.gif) no-repeat 0 0px; }
/*.contents-information-inner a.jScrollArrowUp:hover { background-position: 0 0; }*/
.contents-information-inner a.jScrollArrowDown { height: 59px; background: url(http://contents-store.unbar.jp/img/top/arrow_down.gif) no-repeat 0 0px; }
/*.contents-information-inner a.jScrollArrowDown:hover { background-position: 0 0; }*/

/* IE SPECIFIC HACKED STYLES */ 
* html .contents-information-inner .jScrollPaneDragBottom { bottom: -1px; }
/* /IE SPECIFIC HACKED STYLES */


.contents-information-update {
margin:30px 0 20px 0;
width:280px;
height:20px;
background-image:url(http://contents-store.unbar.jp/img/top/contents-information-update.png);
background-repeat:no-repeat;
}

.contents-information-update p {
width:90px;
height:16px;
float:left;
position:relative;
top:2px;
_top:4px;
left:40px;
}

.contents-information-update a {
display:block;
text-indent:-9000px;
background-image:url(http://contents-store.unbar.jp/img/top/contents-information-update_link.png);
_background-image:url(http://contents-store.unbar.jp/img/top/contents-information-update_link.gif);
background-repeat:no-repeat;
width:51px;
height:12px;
float:left;
position:relative;
top:2px;
left:110px;
}

.contents-campaign { padding:40px 0 20px 0; text-align:center; }
.contents-campaign p { width:100%; height:16px; margin-bottom:12px; }

/*************************PC-press-top*************************/

.contents-press {
background-image:url(http://contents-store.unbar.jp/img/top/contents-press.gif);
background-position:20px 20px;
    background-repeat:no-repeat;
    height:100%;
    padding:72px 0 0 13px;
    _padding:72px 0 0 6px;
    width:305px;
}

.contents-press-box { width:125px; height:172px; float:left; margin:10px; }

.contents-press-box-img { width:125px; height:125px; overflow:hidden; border:1px solid #999999; }

.contents-press-box-date { width:125px; height:14px; overflow:hidden; margin-top:2px; }

.contents-press-box-title { width:125px; height:30px; overflow:hidden; }

.contents-press-update {
margin:20px auto 20px auto;
width:280px;
height:20px;
background-image:url(http://contents-store.unbar.jp/img/top/contents-information-update.png);
background-repeat:no-repeat;
}

.contents-press-update p {
width:90px;
height:16px;
float:left;
position:relative;
top:2px;
_top:4px;
left:40px;
}

.contents-press-update a {
display:block;
text-indent:-9000px;
background-image:url(http://contents-store.unbar.jp/img/top/contents-information-update_link.png);
_background-image:url(http://contents-store.unbar.jp/img/top/contents-information-update_link.gif);
background-repeat:no-repeat;
width:51px;
height:12px;
float:left;
position:relative;
top:2px;
left:110px;
}

/*************************PC-information-ticker*************************/

#ticker {
    width: 330px;
}
#ticker .msg {
}

#ticker .msg a:link { color:#000000; font-size:10px; text-decoration:none; }
#ticker .msg a:visited { color:#000000; font-size:10px; text-decoration:none; }
#ticker .msg a:active { color:#000000; font-size:10px; text-decoration:none; }
#ticker .msg a:hover { color:#000000; font-size:10px; text-decoration:underline; }