/*************************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*************************/

/*************************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; }
