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


body{
padding:0px;
	margin:0px auto;
	background-color:#000000;
	font-family:sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color:#ffffff;
	background-image: url(images/bg_blue.jpg);
background-repeat: no-repeat;
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{
	width:100%;
margin: 0 auto;
text-align:center;
background-image: url(spinout2/bk2.jpg);
background-repeat: repeat-y;
background-position: center top;
}



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


div#header{
width:900px;
height:850px;
position:relative;
left:0px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-position: center top;
}

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

.condition{
	width:900px;
	position:relative;
top:570px;
text-align:center;
}


div#main{width:900px; position: relative; top:0px; left: 40px;}

/* menu */
#menu{ position: relative; top:20px; left: 0px; width: 822px; height: 1px; text-align:center; z-index:0;}
#menu ul{ position: relative; top: 0px; width: 822px; height: 68px; font-size: 12px; line-height: 0; background-image: url(images/menu.png); list-style: none;}
#menu li a{ float: left; display: block; height: 68px; overflow: hidden; text-indent: -9999px; text-decoration: none; background-image: url(images/menu.png); }
#menu li#c1 a{width: 217px;background-position: 0 0;}
#menu li#c2 a{width: 218px;background-position: -217px 0;}
#menu li#c3 a{width: 215px;background-position: -434px 0;}
#menu li#c1 a:hover{background-position: 0 -68px;}
#menu li#c2 a:hover{background-position: -217px -68px;}
#menu li#c3 a:hover{background-position: -434px -68px;}

div#contents{
width:822px;
position:relative;
top:10px;
background-image: url(images/bk_white.jpg);
background-repeat: repeat-y;
background-position: center top;
padding-bottom:100px;
}



.t01{
width:820px;
position:relative;
top:20px;
left:0px;
}

.t01detail{
width:780px;
margin-left:20px;
}

.t01detail img{
margin:10px;
}

.t01exp{width:700px;
font-size:1em;
line-height:1.4em;
color:#000;
margin-top:10px;
margin-left:10px;
}

.charaicon{width:201px; position:absolute; left:600px; top:-20px;}

.twicon{
width:800px;
}
.twicon img{
margin:5px;
}



.t02exp{width:700px;
font-size:1.2em;
line-height:1.4em;
color:red;
font-weight:bold;
margin-top:20px;
margin-left:50px;
}

.t02detail{width:780px;
margin-left:20px;
}


.t03exp{width:700px;
font-size:1em;
line-height:1.6em;
color:#000;
margin-top:20px;
margin-left:50px;
}

.t03detail{width:780px;
position:relative;
left:20px;
top:30px;
}

/*dt table*/
dl#camp dl,dt,dd {
	margin: 0;
	padding: 0;
	font-size:1em;
	color:#000;
}

dl#camp dl {
	background: #e7e7e7;
	border: 1px solid #333;
	border-top: none;
	width: 300px;
}

dl#camp dt,dd {
	padding: 6px;
}

dl#camp dt {
	border-top: 1px solid #333;
	clear: left;
	float: left;
	width: 100px;
}

dl#camp dd {
	background: #fff;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	margin-left: 100px;
}

span.apply_date{font-size:1.4em;}



/*.t02detail img{
margin:10px;
}
*/

div.clear{clear:both;}







/*Footer*/
div#footer{
width:900px;
height:110px;
position:relative;
margin-top:50px;
}

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