/* CSS Document */
*{
margin:0;
padding:0;
}


body{
padding:0px;
	margin:0px auto;
	background-color:#c092eb;
	font-family:sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color:#ffffff;
	background-image: url(spinout4/bk.jpg);
background-repeat: repeat-x;
background-position: center top;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

img {
border: none;
vertical-align: top;
}

/*A*/
a{
	color:#ffffff;
}

a:hover{
	color:#ffffff;
}
a:active{
	color:#ffffff;
}


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
text-align:center;
background-image: url(spinout4/bk02.jpg);
background-repeat: repeat-y;
background-position: center top;
}



/*CONTAINER*/
div#container{
width:700px;
height: 100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}


div#header{
width:700px;
height:1070px;
position:relative;
left:0px;
background-image: url(spinout4/header.jpg);
background-repeat: repeat-y;
background-position: center top;
}

.twi{
	position:absolute;
	left:580px;
	top:10px;
	}

/* multiple
----------------------- */
.multiple {
	position:absolute;
top:599px;
left:165px;
	margin: 0 auto;
	width: 366px;
	height: 207px;
	text-align: left;
	overflow: hidden;
}

.multiple ul {
	width: 366px;
	height: 207px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.multiple ul li {
	top: 0;
	left: 0;
	width: 366px;
	height: 207px;
	display: none;
	position: absolute;
}

/* multiple2
----------------------- */
.multiple2 {
	position:relative;
	display:block;
top:0px;
left:0px;
	margin: 0 auto;
	width: 280px;
	height: 159px;
	text-align: left;
	overflow: hidden;
}

.multiple2 ul {
	width: 280px;
	height: 159px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.multiple2 ul li {
	top: 0;
	left: 0;
	width: 280px;
	height: 159px;
	display: none;
	position: absolute;
}


	
div#contents{
width:700px;
position:relative;
}

div#t01{
	width:670px;
	margin-top:20px;
	margin-left:20px;
}

div.exp{
width:660px;
position:relative;
left:0px;
font-size:1em;
line-height:1.4em;
padding:5px;
margin-left:0px;
padding-bottom:10px;
}


.t01det{
float:left;
width:320px;
margin:5px;
text-align:left;
margin-left:20px;
}

.t01det2{
float:right;
width:320x;
margin:5px;
text-align:left;
}


.t02det{
float:left;
width:340px;
margin-top:20px;
margin-left:20px;
text-align:left;
}

.t02det2{
float:right;
width:300x;
margin:10px;
text-align:left;
}


.dl{width:270px; margin-top:10px; margin-left:10px;font-size:1em; line-height:1.4em;}

div.clear{clear:both;}




/*Footer*/
div#footer{
width:700px;
height:182px;
position:relative;
left:0px;
background-image: url(spinout4/footer.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.pagetop{position:absolute; top:16px; left:810px;}
.btn{position:absolute; top:50px; left:20px;}