@charset "utf-8";











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


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

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

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



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



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


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




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








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


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


.lo01 .p01{
	left: 180px;
	position: absolute;
	top: 80px;
	width: 270px;
}
.lo01 .p02{
	position: absolute;
	left: 180px;
	top: 300px;
	width: 270px;
}


.lo02 .p01{
	left: 200px;
	position: absolute;
	top: 0px;
    height: 260px;    
}
.lo02 .p02{
	position: absolute;
	left: 200px;
	top: 300px;
    height: 260px;
}


.lo03 .p01{
	left: 180px;
	position: absolute;
	top: 80px;
	width: 270px;
}
.lo03 .p02{
	position: absolute;
	left: 230px;
	top: 300px;
    height: 260px;
}



.lo04 .p01{
	left: 230px;
	position: absolute;
	top: 0px;
    height: 260px;
}
.lo04 .p02{
	position: absolute;
	left: 180px;
	top: 300px;
	width: 270px;
}



.lo05 .p01{
	left: 150px;
	position: absolute;
	top: 120px;
	width: 320px;
}
.lo05 .p02{
	position: absolute;
	left: 150px;
	top: 320px;
	width: 320px;
}



.lo06 .p01{
	left: 160px;
	position: absolute;
	top: 80px;
	width: 270px;
}
.lo06 .p02{
	position: absolute;
	left: 200px;
	top: 300px;
    height: 200px;
}


.lo07 .p01{
	left: 210px;
	position: absolute;
	top: 80px;
    height: 200px;
}
.lo07 .p02{
	position: absolute;
	left: 200px;
	top: 300px;
	width: 270px;
}




/* 個別レイアウト：01
----------------------------------------*/


#tcc10sen_a01 {
	position:relative;
	width:600px;
}


#tcc10sen_a01 .p01{
	left: 200px;
	position: absolute;
	top: 100px;
	width: 200px;
}
#tcc10sen_a01 .p02{
	position: absolute;
	left: 200px;
	top: 320px;
	width: 200px;
}



/* 個別レイアウト：02
----------------------------------------*/

#tcc10sen_02 {
	position:relative;
	width:600px;
}

#tcc10sen_02 .p01{
	position: absolute;
	left: 150px;
	top: 100px;
	height: 200px;
}
#tcc10sen_02 .p02{
	position: absolute;
	left: 150px;
	top: 320px;
	height: 200px;
}



/* 個別レイアウト：03
----------------------------------------*/

#tcc10sen_03 {
	position:relative;
	width:600px;
}

#tcc10sen_03 .p01{
	position: absolute;
	left: 150px;
	top: 100px;
	height: 200px;
}
#tcc10sen_03 .p02{
	position: absolute;
	left: 150px;
	top: 320px;
	height: 200px;
}



/* 個別レイアウト：04
----------------------------------------*/


#tcc10sen_04 {
	position:relative;
	height: 500px;
	width:800px;
}

#tcc10sen_04 .p01{
    right: 50px;
    position: absolute;
    top: 270px;
}
#tcc10sen_04 .p02{
    position: absolute;
    left: 50px;
    top: 5px;
}
#tcc10sen_04 .p03{
    position: absolute;
    right: 50px;
    top: 40px;
}
#tcc10sen_04 .p04{
    position: absolute;
    left: 50px;
    top: 335px;
}


/* 個別レイアウト：05
----------------------------------------*/

#tcc10sen_05 {
	position:relative;
	height: 500px;
	width:800px;
}


#tcc10sen_05 .p01{
    left: 100px;
    position: absolute;
    top: 5px;
}
#tcc10sen_05 .p02{
    position: absolute;
    left: 100px;
    top: 280px;
}
#tcc10sen_05 .p03{
    right: 60px;
    position: absolute;
    top: 5px;
}
#tcc10sen_05 .p04{
    position: absolute;
    right: 60px;
    top: 280px;
}

/* 個別レイアウト：06
----------------------------------------*/

#tcc10sen_06 {
	position:relative;
	height: 500px;
	width:800px;
}

#tcc10sen_06 .p01{
    left: 35px;
    position: absolute;
    top: 10px;

}
#tcc10sen_06 .p02{
    position: absolute;
    right: 35px;
    top: 10px;

}
#tcc10sen_06 .p03{
    position: absolute;
    left: 35px;
    top: 285px;
}
#tcc10sen_06 .p04{
    position: absolute;
    right: 35px;
    top: 285px;
}


/* 個別レイアウト：07
----------------------------------------*/


#tcc10sen_07 {
	position:relative;
	height: 500px;
	width:800px;
}

#tcc10sen_07 .p01{
    left: 100px;
    position: absolute;
    top: 00px;
}
#tcc10sen_07 .p02{
    position: absolute;
    right: 60px;
    top: 40px;
}
#tcc10sen_07 .p03{
    left: 175px;
    position: absolute;
    top: 245px;

}
#tcc10sen_07 .p04{
    position: absolute;
    right: 60px;
    top: 330px;
}




/* 個別レイアウト：08
----------------------------------------*/

#tcc10sen_08 {
	position:relative;
	height: 500px;
	width:800px;
}


#tcc10sen_08 .p01{
    left: 130px;
    position: absolute;
    top: 100px;
}
#tcc10sen_08 .p02{
    position: absolute;
    right: 130px;
    top: 100px;
}
#tcc10sen_08 .p03{
    right: 130px;
    position: absolute;
    top: 295px;

}
#tcc10sen_08 .p04{
    position: absolute;
    right: 150px;
    top: 290px;
}


/* 個別レイアウト：09
----------------------------------------*/

#tcc10sen_09 {
	position:relative;
	height: 500px;
	width:800px;
}
#tcc10sen_09 .p01{
    left: 110px;
    position: absolute;
    top: 00px;
}
#tcc10sen_09 .p02{
    position: absolute;
    right: 70px;
    top: 00px;
}
#tcc10sen_09 .p03{
    left: 110px;
    position: absolute;
    top: 265px;

}
#tcc10sen_09 .p04{
    position: absolute;
    right: 70px;
    top: 265px;
}


/* 個別レイアウト：10
----------------------------------------*/

#tcc10sen_10 {
	position:relative;
	height: 500px;
	width:800px;
}

#tcc10sen_10 .p01{
    left: 305px;
    position: absolute;
    top: 150px;

}
#tcc10sen_10 .p02{
    position: absolute;
    left: 420px;
    top: 80px;

}
#tcc10sen_10 .p03{
    right: 5px;
    position: absolute;
    top: 80px;

}
#tcc10sen_10 .p04{
    position: absolute;
    left: 5px;
    top: 400px
}