@charset "UTF-8";


/* SCREEN SAVER
------------------------------------------------------------- */

div#main h2 {
	margin-bottom: 35px;
}

div#main p.back {
	display: inline;
	position: relative;
	z-index: 10;
	float: right;
	margin: -57px 10px 0 0;
	background: url(../../../image/icon_arrow01_1.gif) 0 4px no-repeat;
	font-size: 85%;
	line-height: 1.2;
}

div#main p.back a {
	margin-left: 7px;
	color:#CCCCCC;
}

div#main div#screen {
	margin-left: 10px;
}

div#main div#screen h3 {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: bold;
}

div#main div#screen dl {
	display:inline-block;
	width: 680px;
	margin: 20px 0;
}

div#main div#screen dl:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#screen dl dt {
	float: left;
}

div#main div#screen dl dd {
	float: right;
}

div#main div#screen dl dd ul {
	list-style-type: none;
}

div#main div#screen dl dd ul li {
	width: 210px;
	height: 38px;
	margin-bottom: 20px;
}

* html div#main div#screen dl dd ul li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#main div#screen dl dd ul li a img {
	display:block;
}

div#main div#screen dl dd ul li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#main div#screen h4 {
	margin: 30px 0 0 0;
	font-size: 120%;
	font-weight: bold;
}

div#main div#screen h5 {
	margin: 15px 0 5px 20px;
	font-weight: bold;
}

div#main div#screen p.notes {
	margin: 10px 0 0 20px;
}

div#main div#screen p.annotation {
	margin: 10px 0 0 20px;
	font-size: 85%;
}

div#main div#screen ol {
	margin: 0 0 0 48px;
}