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

html{
height:100%;
/*min-height:100%;*/
}

body{
padding:0px;
	margin:0px auto;
	background-color:#000;
	font-family:sans-serif;
	font-size:80%;
	height: 100%;
	/*background-image: url(images/bk.jpg);
	background-repeat: repeat;
	background-position: center top;*/
}

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


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

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


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
height:100%;
min-height: 100%;
text-align:center;
}

body > #wrapper{
height:auto;	
}

/*CONTAINER*/
div#container{
	width:1053px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
text-align:left;
background-image: url(images/bk2.jpg);
background-repeat: no-repeat;
background-position:center top;
}


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

div#main{
width:850px;
position:relative;
top:0px;
left:101px;
padding-bottom:50px;
}

div#howto{
	position:relative;
	top: 15px;
	left:50px;
	width:740px;
	padding-bottom:20px;
}

.cap_howto{
width:700px;
font-size:10px;
margin:10px;
}

/*
div#weekly{
	position:relative;
	top: 15px;
	left:10px;
	width:775px;
	height:264px;
	padding-bottom:20px;
	margin:0 auto;
}
*/

div#middle{
	position:relative;
	top: 15px;
	left:10px;
	width:775px;
	height:264px;
	padding-bottom:20px;
	margin:0 auto;

	}
#middle_left, #twitspace{
	height:793px;
	}
	
#middle_left{
	width:775px;
	height:264px;
	margin:0;
	padding:0;
	background-image: url(images/middle_left_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#ans{
	background-image: url(../images/tweetbtn1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 263px;
	width: 772px;
	position: absolute;
	left: 0px;
	top: 0px;
	}
#ans:hover{	background-position: 0px -84px;}


div#first{
	position:relative;
	top: 15px;
	left:15px;
	width:850px;
	padding-bottom:10px;
}

div#first .campaign{
	float:left;
	width:560px;
}

div#first .campaign_bk{
	float:left;
	width:551px;
	height:420px;
	background-image: url(images/howto_bk.gif);
background-repeat: no-repeat;
background-position: top center;
}

div#first .campaign_bk .twitter{
	width:51px;
position:relative;
left:370px;
top:10px;
}

.icon{
	width:540px;
position:relative;
left:20px;
top:85px;
}

.campaign .present{
	position:relative;
	 top:20px;
}


.cap_present{
width:550px;
font-size:10px;
margin:10px;
}



div#first .graphic{
	float:right;
	width:280px;
}

.tweets{
	position:relative;
	width:250px;
	top: 0px;
	left:0px;
	margin:0px;
	}
	
.detail{
	position:relative;
	top: 50px;
	left:30px;
	width:790px;
	padding-bottom:20px;
}

.apply{
	position:relative;
	top: 50px;
	left:30px;
	width:790px;
	padding-bottom:20px;
}

.caution{
	width:750px;
	font-size:12px;
	line-height:20px;
	margin-top:5px;
	margin-left:20px;
	}
	
	.caution2{
	margin:10px;
	}

div.clear{
	clear:both;
}



div#footer{
	width:1053px;
	height:145px;
	position:relative;
	top:0px;
	background-image: url(images/footer2.jpg);
    background-repeat: no-repeat;
	margin-bottom:0px;
}


div#footer .copyrights{
position:relative;
top:50px;
text-align:center;
}