@charset "utf-8";











/* 10選作品表示
----------------------------------------*/


#mstdn img{
	border: #fff 2px solid;
	box-shadow: 0px 0px 4px #7e7e7e;
    -moz-box-shadow: 0px 0px 4px #7e7e7e;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 4px #7e7e7e;　/* Safari,Google Chrome用 */
}

	
#mstdn h3{
	position:absolute;
	margin:0px;
	top:450px;
	left:0px;
	font-size:24px;
    color: #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#mstdn h3 span{
	font-size:18px;
    font-weight: normal;
    margin-left: 10px;
}
#mstdn h3 img{
	border:none;
	box-shadow:none;
	-moz-box-shadow: none;　/* Firefox用 */  
	-webkit-box-shadow: none;　/* Safari,Google Chrome用 */
}



#mstdn .btProfile{
	border:none;
	position:absolute;
	top:465px;
	right:0px;
	border:none;
    box-shadow: 0px 0px 2px #7e7e7e;
    -moz-box-shadow: none;　/* Firefox用 */  
	-webkit-box-shadow: none;　/* Safari,Google Chrome用 */
}



#mstdn h4{
	position:absolute;
	margin:0px;
	top:650px;
	left:190px;
	font-size:0px;
}
#mstdn h4 img{
	border:none;
	box-shadow:none;
	-moz-box-shadow: none;　/* Firefox用 */  
	-webkit-box-shadow: none;　/* Safari,Google Chrome用 */
}


#mstdn .coment{
	font-size:12px;
	position:absolute;
	top:500px;
	left:0px;
	color:#000;
	text-align:justify;
    
}




#mstdn .frame ul {
	margin-top:-10px;
}


.frame {
	height: 700px;
}

.frame ul li{
	width:600px !important;
}



#cboxContent {
    font-size: 12px;
}
#cboxTitle {
    color: #333;
    font-size: 12px;
    line-height: 12px;
}







/* 左右のボタン
----------------------------------------*/

#wrapBtn {
	width: 600px;
	margin: 0 auto;
	position:relative;
	z-index:100;
}	
	
#wrapBtn button.next{
	position:absolute;
	top:300px;
	right:-70px;
	border:none;
	background:none;
}
#wrapBtn button.next:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#wrapBtn button[disabled].next{
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
#wrapBtn button[disabled].next:hover{
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}




#wrapBtn button.prev{
	position:absolute;
	top:300px;
	left:-70px;
	border:none;
	background:none;
}
#wrapBtn button.prev:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#wrapBtn button[disabled].prev{
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
#wrapBtn button[disabled].prev:hover{
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}








/* 共通レイアウト
----------------------------------------*/


.mstdnList {
	position:relative;
	width:600px;
}


.lo01 .p01{
	left: 150px;
	position: absolute;
	top: 150px;
	width: 270px;
}


.lo02 .p01{
	left: 200px;
	position: absolute;
	top: 110px;
    height: 260px;    
}


.lo03 .p01{
	left: 180px;
	position: absolute;
	top: 120px;
	width: 250px;
}