@import "style.css";

/* ----- category CSS ----- */
#catSearch-titlebar {
	height				: 42px;
	margin				: 0 0 10px 0;
	background			: url(/zoo/images/index/cat_search_h3.jpg) no-repeat #404040;
	border-radius: 8px;  
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px; 
    position:relative;
    behavior: url("/zoo/script/PIE.htc");
}
#catSearch-titlebar h3 {
	float				: left;
	height				: 42px;
	text-indent			: -9999em;
}
#catSearch-titlebar p {
	float				: right;
	margin				: 5px 5px 0 0;
}
#catSearch-titlebar p a:hover img {
	opacity				: 0.8;
	filter				: alpha(opacity=80);
	-ms-filter			: "alpha( opacity=80 )";
}

#catBtnBlock {
	clear				: both;
	height				: 90px;
	margin				: 0 0 5px 0;
}
#catBtnBlock li {
	width:124px; height:40px;
	display				: block;
	float				: left;
	margin-bottom		: 5px;
	line-height			: 0;
	overflow:hidden;
}

/* 各カテゴリーブロック共通 */
.cat-contentBlock {
	width: 610px; padding: 10px 10px 4px 10px;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
	clear				: both; overflow: hidden;

}
.catTitleArea {
	height				: 45px;
}
.catTitleArea h2 {
	float				: left;
}
.catTitleArea p {
	float				: right;
	font-size			: 0.8em;
}

.cat-contentBlock .topicArea {
	clear : both;
	width:616px;
	overflow:hidden;
}
.topicBox {
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline; /*for ie5～7*/
    /zoom				: 1; /*for ie5～7*/
	width				: 290px;
	height				: 80px;
	padding				: 5px;
	background			: #fff;
	border				: solid 1px #ababab;
	border-radius: 3px;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
    position:relative;
    behavior: url("/zoo/script/PIE.htc");
}
.topicBox .iconArea {
	float				: left;
	width				: 38px;
}
.topicBox .textArea {
	float				: right;
	width				: 252px;
}
.contentBlock {
	margin				: 0 0 8px 0;
}
.contentBlock p.title {
	margin				: 0 0 5px 0;
	font-size			: 0.8em;
	font-weight			: bolder;
}
.contentBlock p.content {
	margin				: 0;
	padding				: 0;
	font-size			: 0.7em;
	line-height			: 1.2;
}
.cat-authorBlock p {
	margin				: 0;
	padding				: 0;
}


#dramaBlock {
	border				: solid 5px #ff68c4;
	background			: url("/zoo/images/category/bg_drama.jpg") repeat-x #fcf0f6;
}

#varietyBlock {
	border				: solid 5px #8d5ba2;
	background			: url("/zoo/images/category/bg_variety.jpg") repeat-x #f5f0fc;
}

#newsBlock {
	border				: solid 5px #73b922;
	background			: url("/zoo/images/category/bg_news.jpg") repeat-x #f4fee9;
}

#sportsBlock {
	border				: solid 5px #1bb3dd;
	background			: url("/zoo/images/category/bg_sports.jpg") repeat-x #e2f6fb;
}

#animationBlock {
	border				: solid 5px #f7800d;
	background			: url("/zoo/images/category/bg_animation.jpg") repeat-x #ffecda;
}

#anaBlock {
	border				: solid 5px #f95267;
	background			: url("/zoo/images/category/bg_ana.jpg") repeat-x #fedbe0;
}

#eventsBlock {
	border				: solid 5px #1b85dd;
	background			: url("/zoo/images/category/bg_events.jpg") repeat-x #dbeefe;
}

#originalBlock {
	border				: solid 5px #de3071;
	background			: url("/zoo/images/category/bg_original.jpg") repeat-x #fddde9;
}

#fujitvBlock {
	border				: solid 5px #3c6587;
	background			: url("/zoo/images/category/bg_fujitv.jpg") repeat-x #eaf5ff;
}

#bookBlock {
	border				: solid 5px #139a50;
	background			: url("/zoo/images/category/bg_book.jpg") repeat-x #ddfeec;
}


/* ////////// 右カラム ////////// */
#r-picup #picup {
	margin				: 0 0 20px 0;
}
#r-picup #picupMenu {
	width				: 350px;
	height				: 39px;
}
#r-picup #picupMenu ul {
	width				: 350px;
	margin				: 0;
	padding				: 0;
}
#r-picup #picupMenu li {
	float				: left;
	display				: block;
	line-height			: 0;
}
#r-picup #tab1 {
	margin				: 0;
}
#r-picup #tab2 {
	margin				: 0;
}

/* 新着記事 */
#r-picup #picup-contents .contentBlock {
	margin				: 0;
	padding				: 0;
}
#r-picup #picup-contents .picup-contents1Block {
	height				: 60px;
	width				: 100%;
}
#r-picup #picup-contents1 {
	clear				: both;
	padding				: 10px;
	background			: #f3faed;
	border-right		: solid 5px #7abf00;
	border-bottom		: solid 5px #7abf00;
	border-left			: solid 5px #7abf00;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
}

#r-picup #picup-contents .picup-contents1Block {
	clear				: both;
}
#r-picup #picup-contents .picup-contents1Block .photo {
	float				: left;
	width				: 60px;
	height:60px;
	overflow:hidden;
	margin-right:8px;
}
#r-picup #picup-contents .picup-contents1Block contentBlock {
	float				: right;
	width				: 200px;
}
#r-picup #picup-contents1-others-hideDisp{
	height:1px;
	width:298px;
	overflow:hidden;
}
#r-picup #picup-contents1-others-hideDisp .contentBlock {
	margin				: 0;
	padding				: 0;
}
#r-picup #picup-contents .picup-contents1Block ul.contentBlock li {
	margin				: 0 0 8px 0;
}
#r-picup #picup-contents .picup-contents1Block ul.contentBlock li.time {
	font-size			: 0.8em;
	font-weight			: normal;
}
#r-picup #picup-contents1-1-1 {
	padding-bottom:10px;
	overflow:hidden;
}
#r-picup #picup-contents1-1-1 .text #option-disp {
	height				:20px;
}
#r-picup #picup-contents1-1-1 .content {
	clear				: both;
}
#r-picup #picup-contents1-1-1 .content .title {
	margin				: 0 0 5px 0;
	font-weight			: bolder;
	font-size			: 0.9em;
}
#r-picup #picup-contents1-1-1 .content .summary {
	margin				: 0 0 8px 0;
	font-size			: 0.8em;
	line-height			: 1.3;
}
#r-picup .picup-contents1-others div {
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline; /*for ie5～7*/
    /zoom				: 1; /*for ie5～7*/
	height				: 75px;
}
#r-picup .picup-contents1-othersBlock {
	height				: 75px;
	line-height			: 1.8;
}
#r-picup .picup-contents1-others img {
	margin				: 0 10px 0 0;
}

#r-picup #picup-contents1-1-1 .photo {
	float				: left;
	width				: 100px; height:100px;
	overflow:hidden;
}
#r-picup #picup-contents1-1-1 .text {
	float				: right;
	width				: 190px;
}
#r-picup #picup-contents .contentBlock .title {
	font-size			: 0.8em;
}
#r-picup #option-disp .time {
	height				: 20px;
	margin				: 0;
}
#r-picup .content .author {
	margin				: 0;
	font-size			: 0.8em;
	line-height			: 1.0;
	text-align			: left;
}
#r-picup .cat-author {
	height				: 20px;
}
#r-picup .cat-author p {
	margin				: 0;
	padding				: 0;
}
#picup-content1-1 img{
	display: block;
	margin: 0 auto;
	visibility: hidden;	
}
#moreDisp1{
	width:296px;
	position:static;
}

/* blogIteminfo */
.blogIteminfo,
.blogIteminfo div{overflow:hidden;}
.blogIteminfo{
	width:290px; min-height:68px; margin-right:6px; margin-bottom:6px;
	padding:5px;
	border:1px solid #ccc; background:#FFF;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");	
	float:left; overflow:hidden;
}
.cat-contentBlock .new{
	background:#FFD;
}
.blogIteminfo .left{
	width:30px; height:30px; margin-right:5px;
	float:left;
}
.blogIteminfo .right{
	width:255px; font-size:12px; line-height:1.2;
	float:left;
}
.blogIteminfo .right .title{
	padding:0; margin:0;
	font-weight:bold;
	padding-bottom:5px;
}
.new .right .title{
	padding-left:35px;
	background: url("/zoo/images/common/new.png") left top no-repeat;
}
.blogIteminfo .right .text{
	padding:0; margin:0;
	padding-bottom:5px;
	padding-left:3px;
	font-size:11px;
	color:#333;
}
.blogIteminfo .right .category{
	padding:0; margin:0;
	float:left;
	font-size:10px;
	padding:2px 4px; background:#ccc; color:#FFF;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");	
}
#dramaBlock .blogIteminfo .right .category{background:#ff68c4;}
#varietyBlock .blogIteminfo .right .category{background:#8d5ba2;}
#newsBlock .blogIteminfo .right .category{background:#73b922;}
#sportsBlock .blogIteminfo .right .category{background:#1bb3dd;}
#animationBlock .blogIteminfo .right .category{background:#f7800d;}
#anaBlock .blogIteminfo .right .category{background:#f95267;}
#eventsBlock .blogIteminfo .right .category{background:#1b85dd;}
#originalBlock .blogIteminfo .right .category{background:#de3071;}
#fujitvBlock .blogIteminfo .right .category{background:#3c6587;}
#bookBlock .blogIteminfo .right .category{background:#139a50;}

.blogIteminfo .right .post{
	padding:0; margin:0;
	float:right;
	font-size:10px;
}
.blogItemClearfix{
	display: block;
  clear: both;
	width:100%;
	height:0; min-height: 1px;
  visibility: hidden;
}

/* ランキング */
#r-picup #picup-contents2 {
	clear				: both;
	padding				: 10px;
	background			: #fff4e6;
	border-right		: solid 5px #ff940a;
	border-bottom		: solid 5px #ff940a;
	border-left			: solid 5px #ff940a;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
}
#r-picup .rankBlock {
	height				: 50px;
}

#r-picup .rank-l {
	float				: left;
	width				: 50px;
}
#r-picup .rank-r {
	float				: right;
	width				: 246px;
}
#r-picup .rank-disp-l {
	float				: left;
	width				: 216px;
}
#r-picup .rank-disp-r {
	float				: right;
	width				: 30px;
}
#r-picup .rank-disp .thumb {
	width				: 45px;
}
#r-picup .rank-disp .text {
	width				: 170px;
}
#r-picup .rank-disp .text .title {
	margin				: 0 0 5px 0;
	font-size			: 0.8em;
}
#r-picup .rank-disp .text .title-b {
	margin				: 0 0 7px 0;
	font-size			: 0.9em;
	font-weight			: bolder;
}


/* 急上昇ブログ */
#r-picup #picup-contents3 {
	clear				: both;
	padding				: 10px;
	background			: #fff1f5;
	border-right		: solid 5px #fb709b;
	border-bottom		: solid 5px #fb709b;
	border-left			: solid 5px #fb709b;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
}
#r-picup .pointBlock {
	height				: 65px;
}
#r-picup .point-l {
	float				: left;
	width				: 50px;
}
#r-picup .point-r {
	float				: right;
	width				: 246px;
}
#r-picup .point-disp-l {
	float				: left;
	width				: 216px;
}
#r-picup .point-disp-r {
	float				: right;
	width				: 30px;
}
#r-picup .point-disp .thumb{
	width				: 45px;
}
#r-picup .point-disp .text {
	width				: 170px;
}
#r-picup .point-disp .text .title {
	margin				: 0 0 5px 0;
	font-size			: 0.8em;
}
#r-picup .point-disp .text .title-b {
	margin				: 0 0 7px 0;
	font-size			: 0.9em;
	font-weight			: bolder;
}
#r-picup .point {
	margin				: 15px 0 0 0;
	padding				: 5px 0;
	text-align			: center;
	color				: #fff;
	font-size			: 0.7em;
	line-height			: 1.0;
	background:#0096db	;
	background: -moz-linear-gradient(top, #6ac1ea, #0096db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac1ea), color-stop(100%,#0096db));
	-pie-background: linear-gradient(#6ac1ea, #0096db 100%);
	border-radius: 3px;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
    position:relative;
    behavior: url("/zoo/script/PIE.htc");
}
*:first-child+html #r-picup .point{
	position:static!important;
	behavior:none!important;
}
#r-picup .picup-contentBlock {
	padding				: 10px;
	background			: #fff;
	border				: solid 1px #b2b2b2;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position:relative;
    behavior: url("/zoo/script/PIE.htc");
}
*:first-child+html #r-picup .picup-contentBlock{
	position:static!important;
	behavior:none!important;
}
#r-picup .upload {
	height				: 15px;
	padding				: 0 0 0 20px;
	background			: url(/zoo/images/common/upload.jpg) no-repeat left center;
}
#r-picup .rankUp {
	background			: url(/zoo/images/common/rank_up.jpg) no-repeat right center;
}
#r-picup .rankKeep {
	background			: url(/zoo/images/common/rank_keep.jpg) no-repeat right center;
}
#r-picup .rankDown {
	background			: url(/zoo/images/common/rank_down.jpg) no-repeat right center;
}