@import "style.css";

/* ----- index CSS ----- */
/* // ピックアップ // */
#picup {
	margin				: 0 0 20px 0;
}
#picupMenu {
	width				: 640px;
	height				: 50px;
}
#picupMenu ul {
	width				: 640px;
	height				: 50px;
	margin				: 0;
	padding				: 0;
	text-align			: center;
}
#picupMenu li {
	float				: left;
	display				: block;
	line-height			: 0;
}

#tab1 a:hover img, #tab2 a:hover img, #tab3 a:hover img {
	opacity				: 0.6;
	filter				: alpha(opacity=60);
	-ms-filter			: "alpha( opacity=60 )";
}
#tab1 {
	margin				: 0;
}
#tab2 {
	margin				: 0;
}

/* 新着記事 */
/* -- デフォルトで隠れている部分 -- */
#picup-contents2-2, #picup-contents3-2 {
	display				: none;
}
/* -- / デフォルトで隠れている部分 -- */

#picup-contents .picup-contents1Block {
	clear				: both;
	height				: 75px;
	width				: 192px;
}
#picup-contents .picup-contents1Block .photo {
	float				: left;
	width				: 70px;
	height:70px;
	margin-right:10px;
	overflow:hidden;
}
#picup-contents .picup-contents1Block contentBlock {
	float				: right;
	width				: 112px;
}

.picup-contents1-others div {
	display				: -moz-inline-box;
    display				: inline-block;
	word-spacing		: normal; /*for firefox*/
    /display			: inline; /*for ie5～7*/
    /zoom				: 1; /*for ie5～7*/
	height				: 72px;
}
.picup-contents1-othersBlock {
	width				: 590px;
	height				: 75px;
	line-height			: 1.8;
	border-bottom: 1px solid #CCCCCC;
	height: 75px;
	line-height: 1.8;
	margin-bottom: 7px;
	padding-bottom: 6px;
}
#picup-contents1-othersBlock3{
	border:none;
	padding-bottom:2px;
	margin-bottom:0;
}
.picup-contents1-others img {
	display:block;
	margin:0 auto;
	visibility:hidden;
}
#picup-contents .contentBlock {
	margin				: 0;
	padding				: 0;
}
#picup-contents .contentBlock .time {
	margin				: 0 0 3px 0;
	font-size			: 0.8em;
}
#picup-contents .contentBlock .title {
	margin				: 0 0 4px 0;
	font-size			: 0.8em;
	font-weight			: bolder;
}
#picup-contents .contentBlock .cat {
	margin				: 0 0 4px 0;
}
#picup-contents1 {
	height:467px;
	clear				: both;
	padding				: 7px 10px 0px 10px;
	background			: #f3faed;
	border-right		: solid 5px #4db300;
	border-bottom		: solid 5px #4db300;
	border-left			: solid 5px #4db300;
	border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px;
	position:relative;
  behavior: url("/zoo/script/PIE.htc");
	overflow:hidden;
}
#picup-contents1-1-1 {
  height: 130px;
	border-bottom: 1px solid #CCCCCC;
  margin-bottom: 9px;
  padding-bottom: 9px;
}
#picup-contents1-1-1 .photo {
	float				: left;
	width				: 130px;
	height:130px;
	overflow:hidden;
}
#picup-contents1-1-1 .photo img{
	display:block;
	margin:0 auto;
	visibility:hidden;
}
#picup-contents1-1-1 .text {
	float				: right;
	width				: 448px;
}
#picup-contents1-1-1 .text #option-disp {
	height				: 20px;
	padding-top:3px;
}
#picup-contents1-1-1 .text #option-disp p {
	margin				: 0;
}
#picup-contents1-1-1 .content {
	clear				: both;
}
#picup-contents1-1-1 .content .title {
	margin				: 0 0 10px 0;
	font-size			: 0.9em;
	font-weight			: bolder;
}
#picup-contents1-1-1 .content .summary {
	margin				: 0 0 15px 0;
	font-size			: 0.8em;
	line-height			: 1.3;
}
#picup-contents1-1-1 .content .author {
	font-size			: 0.8em;
	line-height			: 1.0;
	text-align			: right;
}
/* #picup-contents1-2 余白調整 */
#picup-contents1-2{padding:10px;}
#picup-contents1-2 .picup-contents1-others div{
	height				: 74px;
	}
#picup-contents1-2 .picup-contents1-othersBlock{
	padding-bottom:8px;
	margin-bottom:10px;
}
#picup-contents1-2 #picup-contents1-othersBlock7{
	padding-bottom:2px;
	margin-bottom:0;
	border:none;
}

#picup-contents1-2 .mb-5{
	margin-bottom:10px;
	}

/* ランキング */
#picup-contents2 {
	clear				: both;
	padding				: 7px 10px 0px 10px;
	height:467px;
	background			: #fff4e6;
	border-right		: solid 5px #ff7000;
	border-bottom		: solid 5px #ff7000;
	border-left			: solid 5px #ff7000;
	border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px;
	border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
	display:none;
}
#picup-contents2 .picup-contentBlock{
	padding:10px;
}
#picup-contents2 #picup-contents2-1{padding-top:0;}
#picup-contents2 #picup-contents2-2{padding-bottom:0;}
.rank-l {
	float				: left;
	width				: 62px;
	padding-top:6px;
}
.rank-r {
	float				: right;
	width				: 526px;
}
.rank-disp .thumb{
	width				: 64px;
}
.rank-disp .text {
	width				: 462px;
}
.rank-disp .text .title {
	padding				: 3px 0 8px 0;
	margin:0;
	font-size			: 0.8em;
	font-weight			: bolder;
}

/* 急上昇ブログ */
#picup-contents3 {
	clear				: both;
	padding				: 7px 10px 0px 10px;
	height:467px;
	background			: #fff1f5;
	border-right		: solid 5px #fb4b82;
	border-bottom		: solid 5px #fb4b82;
	border-left			: solid 5px #fb4b82;
	border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px;
	border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px;
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
	display:none;
}
#picup-contents3 .picup-contentBlock{
	padding:10px;
}
#picup-contents3 #picup-contents3-1{padding-top:0;}
#picup-contents3 #picup-contents3-2{padding-bottom:0;}
.pointBlock {
	height				: 65px;
}
.point-l {
	float				: left;
	width				: 62px;
	padding-top:6px;
}
.point-r {
	float				: right;
	width				: 526px;
}
.point-disp-l {
	float				: left;
	width				: 471px;
}
.point-disp-r {
	float				: right;
	width				: 55px;
}
.point-disp .thumb{
	width				: 64px;
}
.point-disp .text {
	width				: 407px;
}
.point-disp .text .title {
	padding				: 3px 0 8px 0;
	margin:0;
	font-size			: 0.8em;
	font-weight			: bolder;
}
.point {
	margin				: 15px 0 0 0;
	padding				: 5px 0;
	text-align			: center;
	color				: #fff;
	font-size			: 0.7em;
	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 .point{
	position:static!important;
	behavior:none!important;
}

.picup-contentBlock {
	padding				: 10px 10px 0 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 .picup-contentBlock{
	position:static!important;
	behavior:none!important;
}
#picup-contents1-1{padding:10px;}
#picup-contents2 .picup-contentBlock p.text,
#picup-contents3 .picup-contentBlock p.text{
  font-size: 0.8em;
	color:#666;
	margin: 0;
  padding-top: 9px;
}
#picup-contents2 .picup-contentBlock p.text strong,
#picup-contents3 .picup-contentBlock p.text strong{
	color:#333;
}
#picup-contents2 hr,
#picup-contents3 hr{
	padding				: 0px;
	margin: 0px;
	height:1px;
	overflow:hidden;
}
.upload {
	padding				: 0 0 0 20px;
	background			: url(/zoo/images/common/upload.jpg) no-repeat left center;
}

/* ////////////////////*/
.rankBlock {
	height: 68px;
  padding: 7px 0px;
	border-bottom:1px solid #ccc;
}
#picup2-5.rankBlock,
#picup2-10.rankBlock,
#picup3-5.rankBlock,
#picup3-10.rankBlock{
	border:none;
}
#picup2-1.rankBlock,
#picup3-1.rankBlock{padding-top:none;}
#picup2-10.rankBlock,
#picup3-10.rankBlock{padding-bottom:none;}

/* // カテゴリーから探す //////////////////////////////////////////////////// */
#catSearch .catBlock p {
	font-size			: 0.8em;
	line-height			: 1.4;
}

#catSearch-titlebar {
	width:640px; height:42px;
	margin:0 0 15px 0;
	background:#404040 url("/zoo/images/index/cat_search_h3.jpg") left top no-repeat;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;
  position:relative; overflow:hidden;
  behavior: url("/zoo/script/PIE.htc");
}
#catSearch-titlebar h3 {
	float				: left;
	height				: 42px;
	text-indent			: -9999em;
}
#catSearch-titlebar p {
	float				: right;
	width				: 145px;
	height				: 28px;
	margin				: 7px 7px 0 0;
	padding				: 0;
	line-height:28px;
	text-align			: center;
	font-size			: 0.8em;
	background-image	: url("/zoo/images/common/btn_bg.jpg");
	background: -moz-linear-gradient(top, #fff, #dcdddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#dcdddd));
	-pie-background: linear-gradient(#fff, #dcdddd 100%);
	border-radius: 3px;  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px; 
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
}
.blogList-inner {
	margin				: 0 0px 15px;
	padding				: 10px 10px 0 10px;
	background			: #fffff2;
	border				: solid 1px #a6a6a6;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
	overflow:hidden;
}
.blogList-inner-l {
	float				: left;
	width				: 590px;
	overflow:hidden;
}
.blogList-inner-r {
	float				: right;
	width				: 24px;
}
.catWrapper {
	height				: 103px;
	margin				: 00;
}
.catWrapper h4 {
	height				: 32px;
	text-indent			: -9999em;
}
.catWrapper p {
	margin				: 13px 10px 0 90px;
}
.catBlock {
	width				: 315px;
	height				: 103px;
}
.dramaBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_1_off.jpg) no-repeat;
}
.dramaBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_1_on.jpg) no-repeat;
}
.varietyBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_2_off.jpg) no-repeat;
}
.varietyBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_2_on.jpg) no-repeat;
}
.sportsBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_4_off.jpg) no-repeat;
}
.sportsBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_4_on.jpg) no-repeat;
}
.informationBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_3_off.jpg) no-repeat;
}
.informationBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_3_on.jpg) no-repeat;
}
.animationBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_5_off.jpg) no-repeat;
}
.animationBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_5_on.jpg) no-repeat;
}
.anaBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_6_off.jpg) no-repeat;
}
.anaBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_6_on.jpg) no-repeat;
}
.eventsBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_7_off.jpg) no-repeat;
}
.eventsBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_7_on.jpg) no-repeat;
}
.originalBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_8_off.jpg) no-repeat;
}
.originalBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_8_on.jpg) no-repeat;
}
.newsBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_9_off.jpg) no-repeat;
}
.newsBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_9_on.jpg) no-repeat;
}
.bookBtnOff {
	background			: url(/zoo/images/index/catBlock_bg_10_off.jpg) no-repeat;
}
.bookBtnOn {
	background			: url(/zoo/images/index/catBlock_bg_10_on.jpg) no-repeat;
}

#blogList-1,#blogList-2,#blogList-3,#blogList-4,#blogList-5,#blogList-6,#blogList-7,#blogList-8,#blogList-9,#blogList-10 {
	clear				: both;
}
#picup-contents1-rss a{
	color:#333!important;
	text-decoration:none!important;
}
#picup-contents1-rss a:hover{
	color:#666!important;
}

/* blogIteminfo */
.blogIteminfo,
.blogIteminfo div{overflow:hidden;}
.blogIteminfo{
	width:295px; padding-bottom:15px;
	float:left;
}
.blogIteminfo .left{
	width:30px; height:30px; margin-right:5px;
	float:left;
}
.blogIteminfo .right{
	width:250px; 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-left:3px;
	font-size:11px;
	color:#333;
}
.blogIteminfo .right .category,
.blogIteminfo .right .post{
	display:none;
}
.blogItemClearfix{
	display: block;
  clear: both;
	width:100%;
	height:0; min-height: 1px;
  visibility: hidden;
}

/* 右エリア */
#r-picup {
	margin				: 0 0 20px 0;
	padding				: 7px 10px 10px 10px;
	background			: #fafeff;
	border				: solid 5px #33ccff;
	font-size			: 0.9em;
	border-radius: 8px;  
  -webkit-border-radius: 8px;  
  -moz-border-radius: 8px; 
  position:relative;
  behavior: url("/zoo/script/PIE.htc");
	overflow:hidden;
}
#r-picup-intro {
	margin				: 8px 0;
	font-size:12px;
}
#r-picup-photo{
	display:none;
}
#r-picup-photo, #r-picup-links {
	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");
}
#r-picup-photo ul, #r-picup-links ul {
	line-height			: 1.5 !important;
}
#r-picup-photo #photoBlock {
	margin : 0 10px 10px 15px;
}
#r-picup-photo #photoBlock a img{
	background:#FFF;
	padding:2px;
	border:1px solid #b2b2b2;
}

#r-picup-linkTitle {
	margin				: 0 0 5px 0;
	font-size			: 1.1em;
	font-weight			: bolder;
}
#r-picup-links a:link, #r-picup-links a:visited {
	color				: #4d4d4d;
}
#r-picup-links a:hover, #r-picup-links a:active {
	color				: #999;
}

#r-mobile div {
	padding				: 5px;
}
#r-mobile p {
	margin				: 0;
	padding				: 0 5px 25px 0;
	font-size			: 0.9em;
}
#r-mobile #mobileBlock {
	margin				: 10px 0 0 0;
	padding				: 0 0 0 90px;
	background			: url("/zoo/images/common/ico_qr.jpg") no-repeat 5px top;
	border-bottom:1px dotted #ccc;
}
#r-mobile #mailBlock {
	margin				: 10px 0 0 0;
	padding				: 0 0 0 90px;
	background			: url("/zoo/images/common/ico_mail.jpg") no-repeat 5px top;
}