@charset "utf-8";











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


#cheriphoto 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用 */
}

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

#cheriphoto .profile{
	border:none;
	position:absolute;
	top:650px;
	left:10px;
	border:none;
	box-shadow:none;
	-moz-box-shadow: none;　/* Firefox用 */  
	-webkit-box-shadow: none;　/* Safari,Google Chrome用 */
}



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



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


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




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


.frame {
	height: 920px;
}

.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;
}








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


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


.lo01 .p01{
	left: 30px;
	position: absolute;
	top: 80px;
	width: 240px;
}
.lo01 .p02{
	position: absolute;
	right: 30px;
	top: 80px;
	width: 240px;
}
.lo01 .p03{
	position: absolute;
	left: 70px;
	top: 280px;
	height: 240px;
}


.lo02 .p01{
	left: 30px;
	position: absolute;
	top: 80px;
	width: 240px;
}
.lo02 .p02{
	position: absolute;
	right: 30px;
	top: 95px;
	width: 240px;
}
.lo02 .p03{
	position: absolute;
	left: 30px;
	top: 280px;
	width: 240px;
}



.lo03 .p01{
	left: 30px;
	position: absolute;
	top: 80px;
	width: 240px;
}
.lo03 .p02{
	position: absolute;
	right: 30px;
	top: 80px;
	width: 240px;
}
.lo03 .p03{
	position: absolute;
	left: 30px;
	top: 280px;
	width: 240px;
}


.lo04 .p01{
	left: 100px;
	position: absolute;
	top: 20px;
	height: 240px;
}
.lo04 .p02{
	position: absolute;
	right: 100px;
	top: 20px;
	height: 240px;
}
.lo04 .p03{
	position: absolute;
	left: 100px;
	top: 300px;
	height: 240px;
}