@charset "utf-8";

div#mainContents{
	padding: 30px 60px;
}

#Elements {
	padding: 5px 5px 25px 5px;
	border-radius: 10px;
	background-color: #FF9900;
	height: 440px;
	margin: 10px 10px 0 10px;
}
#Title {
	padding: 5px,5px,0px,0px;
	margin: 10px 10px 0px 10px;
	border: 1px;
	border-color: #FF9900;
	background-color: #FFFFFF;
	font-size: 25px;
	width: 98%;
	display: block;
	float: left;
	position: relative;
	left: 0px;
	border-bottom-style: solid;
}
#image {
	margin: 2px 10px 10px 10px;
	background-color: #FFFFFF;
	float: left;
	display: block;
	width: 98%;
/*	height: 96%;*/
	text-align: center;
	position: relative;
	left:0px;
}
.zoom {
	display:inline-block;
	position: relative;
}

.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url('../js/icon.png');
}

.zoom img {	display: block;}
.zoom img::selection { background-color: transparent; }

#ex2 img:hover { cursor: url(../js/grab.cur), default; }
#ex2 img:active { cursor: url(../js/grabbed.cur), default; }
#Content {
	background-color: #FFFFFF;
	float: right;
	width: 265px;
	font-size: 15px;
	position: relative;
	border-width: 1px;
	border-color: #FF9900;
	height: 382px;
	top: 1px;
	left: 0px;
}
.listR {
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	text-align: justify;
	text-indent: 10px;
	font-size: medium;
	width: auto;
}
.listM {
	border-style: solid;
	border-width: 1px;
	vertical-align: super;
	text-align: center;
	text-indent: 10px;
	font-size: medium;
	width: auto;
}
.listL {
	border-style: none;
	border-width: 1px;
	vertical-align: super;
	text-align: center;
	text-indent: 10px;
	font-size: medium;
	white-space: nowrap;
}