@charset "utf-8";
/* CSS Document */


#cover{
width:320px;
margin:auto;
text-align:center;
/height:400px;
}
#cover #imageContainer{
position:relative;
left:0px;
top:0px;
width:320px;
min-height:400px;
overflow:hidden;
/height:400px;
}

#cover #imageContainer img{
display:none;
position:absolute;
top:0px;
left:0px;
width:320px;
}

ul.marquee {
display: block;
margin:auto;
padding:0;
line-height: 1;
position: relative;
overflow: hidden;

width:100%;
height: 26px;

}
ul.marquee li {
margin:0;
position: absolute;
top: -999em;
left: 0;
display: block;
white-space: nowrap;

padding: 4px;
}

ul.topics{
list-style-type:none;
}
ul.topics li.headline{
text-align:left;
border-bottom: solid 1px #B0BCCD;
padding:8px;
font-family: HiraKakuProN-W3;
}
ul.topics li.headline:before{
    content: ">";
    float: right;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 0px;
}
ul.topics li.headline h4, ul.topics li.headline h5{
width:95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	}


ul.topics li.firstblock{
text-align:left;
border-bottom: solid 1px #B0BCCD;
/*background-color:#ffffff;*/
padding:8px;
          font-family: HiraKakuProN-W3;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
/*
		  max-height:160px;
*/
height:160px;
}

ul.topics li.firstblock img{
display:block;
float:left;
margin-right:10px;
}
ul.topics li.firstblock h4{
border-bottom:1px dotted #cccccc;
}
ul.topics li.firstblock h5{
text-align:right;
}
ul.topics li.firstblock p{
font-size:12px;
line-height:1.3;
padding:5px;
white-space:normal;
}
ul.topics li.firstblock p img{
display:block;
float:none;
margin:auto;
}


ul.topics li.firstblock .mvbox{
text-align:center;
padding-top:5px;
}

p.more_home, div#showall, div#hideall, div#showall2, div#hideall2{
border: solid 1px #a9abae;
border-bottom-right-radius: 8px;  
border-bottom-left-radius: 8px;  
background-color:#cccccc;
border-top:0px;
font-size:12px;
padding:5px;
margin:5px;
margin-top:0px;
}
p.more_home a, div#showall a, div#hideall a, div#showall2 a, div#hideall2 a{
display:block;
}


ul.topics li #movieblock, ul.topics li #movieblock2{
display:none;
}



ul.schedule{
list-style-type:none;
}
ul.schedule li a{
display:block;
}
ul.schedule li{
text-align:left;
border-bottom: solid 1px #B0BCCD;
padding:8px;
font-family: HiraKakuProN-W3;
}

ul.schedule li:before {
    content: ">";
    float: right;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 40px;
}

ul.schedule li .photobox{
/*height:64px;
overflow:hidden;*/
display:block;
float:left;
margin-right:10px;
}
ul.schedule li img{
}
ul.schedule li h4 img{
display:inline;
float:none;
margin-right:1px;
}
ul.schedule li h4{
font-size:16px;
font-weight:bold;
}
ul.schedule li h4 span{
font-size:12px;
}
ul.schedule li h5{
font-size:12px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #cccccc;
}
ul.schedule li h6{
font-size:14px;
font-weight:bold;
text-align:left;
padding:3px;
color:#F87886;
}
ul.schedule li p{
font-size:12px;
line-height:1.3;
}

p.more_home{
}

/*thumbnail_base_list*/
ul.tiling{
list-style-type:none;
border-bottom: solid 1px #B0BCCD;
padding:4px;
padding-right:0px;
margin:auto;
}
ul.tiling li a{
display:block;
}
ul.tiling li{
text-align:center;
border: solid 1px #a9abae;
border-radius: 4px;
padding:5px;
margin:1px;
font-family: HiraKakuProN-W3;
float:left;
width:90px;
}

ul.tiling li img{
display:block;
margin:auto;
}
ul.tiling li h4{
text-align:left;
font-size:13px;
font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
ul.tiling li h6{
text-align:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
ul.tiling li h6 span{
text-align:left;
font-size:8px;
display:block;
}

.bannerbox{
text-align:center;
}
.bannerbox ul{
list-style-type:none;
}
.bannerbox ul li{
display:block;
margin:auto;
}
.bannerbox ul li a{
}
.bannerbox ul li p{
text-align:left;
}
.bannerbox ul li img{
width:auto;
max-width:100%;
}