/*png使用の場合
@import "ping.css";
*/

body{
margin: 0px;
background:url(../img/bg.png) 25px 118px;
text-align:center;
}

img{ margin:0; border:0px;}
ol, ul{ list-style:none;margin: 0px;padding: 0px; }
p{ margin:0 0 1em; 0;}

/*
リンクカラー
a.link:link,a.link:visited,a.link:active
{
	font-family: "Osaka－等幅", "verdana", "sans-serif";
	font-size: 14px;
	color:#D6478F;
	text-decoration:none;
	}
a.link:hover
	{
	color:#FF47A2;
	text-decoration:none;
	}
*/

a:hover img.link{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }



.thumblock a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wapper { text-align:left; }
#title {
margin-top: 25px;
margin-left: 25px;
}

/* メニュー */
#menublock {
margin-top: 25px;
margin-left:26px;
width:164px;
}
#menutitle {
margin-left: 0px;
margin-bottom:8px;
}

#menublock ul {
	list-style-type:none;
}
#menublock ul li {
display:block;
width:164px;
height:32px;
margin-bottom:0px;
overflow:hidden;
line-height:0;/* for IE7 */
font-size:1%;/* for IE7 */
vertical-align:bottom;/* for IE8 */
}
#menublock ul li a {
	color:#ffffff;
	line-height:normal;
	display:block;
}
#menublock ul li a img{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.li_topics{ background-image:url(../img/menu-topics.png); background-repeat:no-repeat;}
.li_drama{ background-image:url(../img/menu-drama.png); background-repeat:no-repeat;}
.li_animation{ background-image:url(../img/menu-animation.png); background-repeat:no-repeat;}
.li_entertainment{ background-image:url(../img/menu-entertainment.png); background-repeat:no-repeat;}
.li_documentary{ background-image:url(../img/menu-documentary.png); background-repeat:no-repeat;}
.li_formats{ background-image:url(../img/menu-formats.png); background-repeat:no-repeat;}
.li_alphabetical{ background-image:url(../img/menu-alphabetlist.png); background-repeat:no-repeat;}
.li_contact{ background-image:url(../img/menu-contactus.png); background-repeat:no-repeat;}
.li_corporateinfo{ background-image:url(../img/menu-corporateinfo.png); background-repeat:no-repeat;}



/* コンテンツ */
#container{
margin-top: 25px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: -200px;
text-align: left;
width: 100%;
float: right;
}
#contentsblock {
position: relative;
margin: 0 0 0 202px;
}
#contentstitle{ margin-bottom:15px; width: 783px; }
.pickupblock{ margin-bottom:20px; _background-color:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*behavior: url(../js/border-radius.htc);*/ font-size:12px; line-height:15px; color:#333; 
	/*max-width:1200px;*/}
	
.entryblock{ margin-bottom:20px; background-color:#e6e6e6;padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*behavior: url(../js/border-radius.htc);*/ font-size:12px; line-height:15px; color:#333;/*max-width:1200px;*/}




.entrytitle{ padding: 5px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*behavior: url(../js/border-radius.htc);*/ font-size:18px; font-weight:bold; line-height:18px;_position: relative;_z-index: 50;}

#topics .entrytitle{ color:#000; font-size:14px; padding-left:0px;}
#topics .new{
padding-right:70px;
background:url(../img/icn-new.png) no-repeat right top;
}
#drama .entrytitle{ background-color:#f0027f; color:#FFF;}
#animation .entrytitle{ background-color:#00a0c6; color:#FFF;}
#entertainment .entrytitle{ background-color:#ff5b00; color:#FFF;}
#documentary .entrytitle{ background-color:#8bea45; color:#FFF;}
#formats .entrytitle{ background-color:#ffff11; color:#000;}

#alphabetical .entrytitle{ background-color:#00A3C6; color:#FFF; }


.entrytitle span{
	/*z-index:10;
	position:relative;*/
}

.thumblock { float: left; width: 181px; margin-right: 10px; position: relative; z-index: 50; }


.containertxtblock{
}

#topics .containertxtblock a{ color:#F09; font-size:120%; line-height:1.5em;}

.detailbtn{ padding:10px 0 0 0; text-align:right;}
.detailbtn a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.imgBlock{}
.imgBlock li { width:49%; min-width:330px; margin-bottom:10px; display:inline-block; text-align:center;}
.imgBlock li .caption { display:block; text-align:center; padding:5px 0 0 0;}
.imgBlock li .copyright { display:block; text-align:center; padding:5px 0 0 0;}



* html .containertxtblock{ 
/*width: auto;*/
float: left;
position: relative; z-index: 50;
}

.txtblock{
margin-left: 190px;
position: relative;
z-index: 50;
}
* html .txtblock{margin-left: 20px; position:static;}



.thumtxt { font-size: 10px; line-height: 12px; padding: 10px 0 10px 0; }

.pdfbtn{ padding:0 0 0 0;}
.pdfbtn a img{ margin:0 10px 0 0;}


#pagetopbtn { text-align: right; padding: 0 0 10px 0; }


#copy{
text-align:right;
}


.corners{
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}


.movieplay{
background:url(../img/icn_play.png) no-repeat;
position:absolute; left:0; top:0;
width:35px; height:35px;
}
.movieplaybig{
background:url(../img/icn_playbig.png) no-repeat center;
display:block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; 
border-radius: 5px;
}
.moviethum{
background-size:180px;
display:block;
background-repeat:no-repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; 
border-radius: 5px;
}
.btnplay{ margin:5px 0;}