@charset "UTF-8";
/*formatting style
-----------------------*/


* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #FFF;
	background-color: #ffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 75%;
	line-height: 1.6;
}
#img {
	border-style: none;
}
#hover {
	text-transform: none;
	text-decoration: none;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: auto;
	left: auto;
}
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}
div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: absolute;
	/* These have no effect on the functionality */
	top: 50%;
	left: 50%;
	width: 540px;
	height: 540px;
	margin: -270px 0px 0px -270px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	line-height: 16pt;
}
/*basic layout
-------------------*/

#wrapper {
	background-color: #000;
	margin: 100px auto 0px;
	width: 740px;
	border-style: none;
}
#main {
	height: 540px;
	width: 740px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -270px 0px 0px -370px;
}

#main_rin {
	background-image: url(img/rin_back.jpg);
	height: 540px;
	width: 740px;
	color: #333;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: fixed;
}
#main_4F {
	color: #FFF;
	height: 540px;
	width: 740px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: fixed;
}
#text {
	margin: 0px auto;
	height: 440px;
	width: 640px;
	z-index: 1;
}

/*footer layout
-------------------*/
#footer {
	text-align: center;
	margin-top: 5px;
}
.dl {
	margin-top: 150px;
	margin-left: 20px;
}
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

swfobject.registerObject("FlashID");
//
</script>