@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:740px;
	left:10px;
	font-size:0px;
}
#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:600px;
	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:780px;
	left:10px;
	border:none;
	box-shadow:none;
    -moz-box-shadow: none;　/* Firefox用 */  
	-webkit-box-shadow: none;　/* Safari,Google Chrome用 */
}



#tcc10sen h4{
	position:absolute;
	margin:0px;
	top:600px;
	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:630px;
	left:190px;
	color:#000;
	text-align:left;
}




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

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




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




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

#wrapBtn {
	width: 800px;
	margin: 0 auto;
	position:relative;
	z-index:100;
}	
	
#wrapBtn button.next{
	position:absolute;
	top:200px;
	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:200px;
	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;
}
















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


#tcc10sen_01 {
	position:relative;
	width:800px;
}


#tcc10sen_01 .p01{
    right: 30px;
    position: absolute;
    top: 70px;
}
#tcc10sen_01 .p02{
    position: absolute;
    left: 30px;
    top: 340px;
}
#tcc10sen_01 .p03{
    right: 30px;
    position: absolute;
    top: 380px;
}
#tcc10sen_01 .p04{
    position: absolute;
    left: 30px;
    top: 100px;
}

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

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

#tcc10sen_02 .p01{
    left: 100px;
    position: absolute;
    top: 15px;
}
#tcc10sen_02 .p02{
    position: absolute;
    left: 100px;
    top: 310px;
}
#tcc10sen_02 .p03{
    right: 60px;
    position: absolute;
    top: 15px;
}
#tcc10sen_02 .p04{
    position: absolute;
    right: 60px;
    top: 310px;
}

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

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

#tcc10sen_03 .p01{
    left: 230px;
    position: absolute;
    top: 120px;
}
#tcc10sen_03 .p02{
    position: absolute;
    right: 30px;
    top: 320px;
}
#tcc10sen_03 .p03{
    left: 85px;
    position: absolute;
    top: 320px;
}
#tcc10sen_03 .p04{
    position: absolute;
    right: 130px;
    top: 35px;
}





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

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


#tcc10sen_04 .p01{
    left: 100px;
    position: absolute;
    top: 30px;
}
#tcc10sen_04 .p02{
    position: absolute;
    left: 100px;
    top: 310px;
}
#tcc10sen_04 .p03{
    position: absolute;
    right: 50px;
    top:  30px;
}
#tcc10sen_04 .p04{
    right: 60px;
    position: absolute;
    top: 310px;
}



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

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

#tcc10sen_05 .p01{
    left: 100px;
    position: absolute;
    top: 30px;
}
#tcc10sen_05 .p02{
    position: absolute;
    left: 100px;
    top: 300px;
}
#tcc10sen_05 .p03{
    position: absolute;
    right: 60px;
    top: 30px;
}
#tcc10sen_05 .p04{
    right: 88px;
    position: absolute;
    top: 300px;
}




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

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

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



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


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

#tcc10sen_07 .p01{
    position: absolute;
    left: 100px;
    top: 300px;
}
#tcc10sen_07 .p02{
    left: 100px;
    position: absolute;
    top: 5px;
}
#tcc10sen_07 .p03{
    right: 102px;
    position: absolute;
    top: 5px;
}
#tcc10sen_07 .p04{
    position: absolute;
    right: 60px;
    top: 300px;
}


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

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


#tcc10sen_08 .p01{
    position: absolute;
    right: 40px;
    top: 270px;
}
#tcc10sen_08 .p02{
    left: 40px;
    position: absolute;
    top: 5px;
}
#tcc10sen_08 .p03{
    position: absolute;
    right: 40px;
    top: 45px;

}
#tcc10sen_08 .p04{
    left: 40px;
    position: absolute;
    top: 310px;
}

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

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


#tcc10sen_09 .p01{
    left: 30px;
    position: absolute;
    top: 30px;
}
#tcc10sen_09 .p02{
    position: absolute;
    right: 30px;
    top: 30px;
}
#tcc10sen_09 .p03{
    left: 145px;
    position: absolute;
    top: 305px;

}
#tcc10sen_09 .p04{
    position: absolute;
    right: 145px;
    top: 305px;
}


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

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

#tcc10sen_10 .p01{
    left: 80px;
    position: absolute;
    top: 10px;
}
#tcc10sen_10 .p02{
    position: absolute;
    right: 30px;
    top: 60px;
}
#tcc10sen_10 .p03{
    left: 95px;
    position: absolute;
    top: 390px;
}
#tcc10sen_10 .p04{
    position: absolute;
    right: 145px;
    top: 390px;
}