@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/0.png) #292 repeat center top;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 95%;
	color: #fff;
}

a{
	color: #ffffff;
	text-decoration: none;
	outline: none;
	line-height: normal;
}

a:hover{
	color: #faa;
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}

img {
	margin: 0;
	border: none;
}

ul, li {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

li {
	/display: inline;
	/zoom: 1;
	line-height: 0;
}

h1 {
	margin: 2px 8px 0 4px;
	float: left;
}

h2 {
	width: 850px;
	margin: 0 auto;
}

h3 {
	margin: 0 0 10px;
}

#container, #header, #main, #footer div, #star, #story, #info {
	position: relative;
}

#title, #survey, #language, #footer, #footer img, #logoswitch, #caption, #note {
	position: absolute;
}

#main:before, #main:after, #story:before, #story:after, #info:before, #info:after {
	content: "";
	position: absolute;
}

#container, #header, #main, #footer div {
	margin: 0 auto;
}


#container{
	width: 850px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 60px;
}


.clear:after {
	content: "";
	display: block;
	clear: both;
}

#header {
	width: 850px;
	height: 110px;
	padding: 0;
}

#language {
	top: 4px;
	left: 10px;
	font-size: 0.9em;
}

#language a {
	color: #fff;
	-moz-transition: text-shadow 0.2s ease-out;
	-webkit-transition: text-shadow 0.2s ease-out;
	-o-transition: text-shadow 0.2s ease-out;
	transition: text-shadow 0.2s ease-out;
}

#language a:hover {
	color: #faa;
}

#main {
	background: url(../images/back/main_base.png);
	width: 810px;
	padding: 475px 20px 0;
	font-size: 1.6em;
}

#main:before {
	background: url(../images/back/main_footer.png) no-repeat;
	width: 850px;
	height: 25px;
	bottom: -25px;
	left: 0;
}

#main:after {
	width: 810px;
	height: 5px;
	bottom: -5px;
	left: 20px;
}

#footer {
	background: url(../images/back/footer.png) repeat-x;
	width: 100%;
	height: 40px;
	padding-bottom: 18px;
	
	margin-top: 38px;
	color: #004d99;
	text-align: center;
	text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff;
	filter: dropshadow(color=#ffffff, offX= 0, offY=-1)
			dropshadow(color=#ffffff, offX= 1, offY= 0)
			dropshadow(color=#ffffff, offX= 0, offY= 1)
			dropshadow(color=#ffffff, offX=-1, offY= 0);
}


#footer img {
	left: 722px;
}