@charset"UTF-8";

html,body {
	font-size:0.82em;
}
	
div#wrapper{
	width:800px;
	height:99%;
}

div#top{
	height:99%;
	width:800px;
}

div#content{
	height:99%;
	width:800px;
	left:0px;
}
img.mainimage{
	max-height:500px;
	max-width:800px;
	height:auto;
	width:auto;
}
iframe.youtube{
	display:inline;
	z-index:20;
	background-image:url(topimage_load.gif);
	background-repeat:no-repeat;
	background-size:200px 200px;
	background-position:180px,52px;
}
table.cap_show{
	width:560px;
	height:80px;
	bottom:0px;
	}
table.cap_youtube{
	width:560px;
	height:120px;
	left:120px;
}
td.title{
	height:30px;
}
#cap_youtube .info{
	width:120px;
	font-size:0.9em;
}
#cap_show .info{
	width:400px;
	font-size:0.9em;
}
td.explain{
	padding-left:20px;
	height:80px;
	font-size:0.9em;
}
h2{
	font-size:1em;
}
#others img{

}

div#left{
	right:20px;
	top:10px;
	width:150px;
	height:150px;
	text-align:right;
	line-height:2em;
}
h1{
	font-size:1em;
}

div#right{
	width:100px;
	height:450px;
	overflow-y:auto;
	right:0px;
	top:150px;
	text-align:center;
	-webkit-mask-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1),rgba(0,0,0,0));
}
div.right_list{
	width: 100px;
}
div.right_list img{
	width:40px;
	heihgt:40px;
	margin:20px 0;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,1) inset;
}
div.scroll{
	width:40px;
	height:40px;
	right:30px;
}
.scroll img{
	width:20px;
	height:auto;
}

div#scrollUp{
	top:160px;
}
div#scrollDown{
	top:580px;
}


#c_list img{
	width:40px;
	heihgt:40px;
	margin:20px 0;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,1) inset;
}