@charset "utf-8";
/* CSS Document */

.listTypeJ{
	margin-bottom:30px;
}
.listTypeJ ul{
	list-style-type:none;
	padding:0 0px 20px;
}
.listTypeJ ul li{
	float:left;
	width:196px;
	height:265px;
	margin:5px 12px 40px;
	overflow:hidden;
	position:relative;
	overflow:hidden;
	border:1px solid #cccccc;
	padding:2px;
}

.listTypeJ ul li a{
	display:block;
}
.listTypeJ ul li a span{
	display:block;
	overflow:hidden;
	height:265px;
}

.listTypeJ ul li.yokonaga a span img{
	display:block;
	height:100%;
	width:auto;
}
.listTypeJ ul li.tatenaga a span img{
	display:block;
	width:100%;
	height:auto;
}
.listTypeJ ul li.square a span img{
	height:100%;
	display:block;
	width:auto;
}
.listTypeJ ul li .topBox{
	width:100%;
	color:#ffffff;
	background-color:transparent;
	position:absolute;
	top:0;
	left:0;
	text-align:left;
}
.listTypeJ ul li .topBox img{
	display:block;
	float:right;
	margin:3px;
}
.listTypeJ ul li .topBox img.today{
	float:left;
}
.listTypeJ ul li .bottomBox{
	width:100%;
	background-color:rgba(255,255,255,.8);
	position:absolute;
	bottom:0;
	left:0;
	display:block;
}

.listTypeJ ul li .bottomBox h3{
	padding-bottom:0px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 3px 0;
}
.listTypeJ ul li .bottomBox h3 img{
	display:inline-block;
	margin:0px 2px;
}
.listTypeJ ul li .bottomBox p{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    padding: 2px 2px 5px;
}
.listTypeJ ul li .bottomBox h4{
	padding:4px;
	padding-top:0px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.listTypeJ ul li .bottomBox .selfComments{
	display:none;
}
.listTypeJ ul li .bottomBox span{
	display:none;
}
.listTypeJ ul li .bottomBox i{
    font-size: 150%;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    top: -30px;
	color:#ffffff;
}


#layout ul li div span.type span span{
    border: 1px solid rgba(255,255,255,.8);

	background-color:#FF0A4F;
	background-image: -moz-linear-gradient(#FF99B4, #FF0A4F); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF99B4), to(#FF0A4F));	
	background-image: -webkit-linear-gradient(#FF99B4, #FF0A4F);	
	background-image: -o-linear-gradient(#FF99B4, #FF0A4F);
	background-image: -ms-linear-gradient(#FF99B4, #FF0A4F);
	background-image: linear-gradient(#FF99B4, #FF0A4F);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    margin: 2px 0;

    display: block;
    padding: 3px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.icontype + .icon2 span span,
span.content span span{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid rgba(255,255,255,.8);

	background-color:#333;
	background-image: -moz-linear-gradient(#666666, #333333); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));	
	background-image: -webkit-linear-gradient(#666666, #333333);	
	background-image: -o-linear-gradient(#666666, #333333);
	background-image: -ms-linear-gradient(#666666, #333333);
	background-image: linear-gradient(#666666, #333333);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    margin:2px 0;
    padding: 3px;
    display: block;
	text-align:center;
}
.listTypeJ ul li .bottomBox p.newface{
	font-size:12px;
	padding:4px;
	font-weight:bold;
}

.jidoriPower{
	text-align:right;
	padding:3px;
}
.jidoriPower a{
	padding:5px;
	font-size:10px;
	font-family:"arial", sans-serif;
	font-weight:bold;
	font-style:italic;

	box-shadow:0px 1px 1px rgba(0,0,0,.2) inset;
	background-color:rgba(0,0,0,.3);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

}

/*Added since v1.8.3.5*/
.uniMovie, #wrapSheet #uniSelfie{
	display:block;
}
#stage.gridStyle li.movie .uniMovie > span{
	display:none;
}
.yokonaga span{
	height:100%;
}
#stage li .bottomBox > i {
	display:none;
}
#stage.gridStyle li.movie .bottomBox > i {
	display:block;
    font-size: 150%;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    top: -30px;
}

.nextback{
    font-size: 12px;
    margin: auto;
    width: 660px;
}

.nextback:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
} 

.nextback > span{
	display:block;
	width:10%;
}

.nextback > span.back{
    float: left;
    text-align: left;
    width: 45%;
}
.nextback > span.next{
    float: right;
    text-align: right;
    width: 45%;
}

.nextback span a{
}
.nextback > span a:hover{
}
.nextback span a span{
}