/* ボディに関するCSS */
body {
	font-size: 12px;
	line-height: 150%;
	background-image: url("http://designista.poo.gs/HCD2009/sozai/wallpaper.png");
}

p{
	padding:5px 8PX 5PX 8PX ;
}

/* リンクに関するCSS */
a:link { 
	color: #F60;
	text-decoration:none;
}
a:hover {
	color: #000;
	background-color: #455576;
} 

/* イメージに関するCSS */

img {
    border-style:none;
}


/* ページ構造に関するCSS */

#wrapper{
	width: 1052px;
	margin-left:auto;
	margin-right:auto;
}

#content{
	clear:left;
	width: 1000px;
	height: 780px;
	position:relative
}

#footer{
	text-align:right;
	
}
	
/* ヘッダーに関するCSS */

#logo{
	float: left;
	margin-bottom: 10px;
}

/* コンテンツに関するCSS */


#topic1{
	width: 300px;
	height: 240px;
	background-color: #EEE;
	position:absolute;
	top:0px;
	left:0px;
}
#topic2{
	width: 450px;
	height: 240px;
	background-color: #DDD;
	border: 1px solid #d1d1d1; 
	position:absolute;
	top:0px;
	left:300px;
}
#topic3{
	width: 300px;
	height: 540px; 
	background-color: #CCC;
	position:absolute;
	top:0px;
	left:750px;
}



#topic4{
	width: 300px;
	height: 540px;
	background-color: #BBB;
	/* border: 1px solid #d1d1d1; */
	position:absolute;
	top:240px;
	left:0px;	
	font-family:Verdana, Arial, Helvetica, sans-serif, Osaka;color:#777;
	font-size: 13px;
	font-weight: bolder; 
}


#topic5{
	width: 450px;
	height:80px; 
	position:absolute;
	top:240px;
	left:300px;
	padding: 15px;
	font-weight: bolder; 	
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif, Osaka;color:#777;
}


#topic6{
	width: 450px;
	height: 460px;
	overflow: auto;
	background-color: #999;
	border: 1px solid #d1d1d1;
	text-align:right;
	position:absolute;
	top:320px;
	left:300px;
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif, Osaka;color:#777;
}


#topic7{
	width: 300px;
	height: 240px; 
	background-color: #888;
	position:absolute;
	top:540px;
	left:750px;	
}




/* Twitter.usのCSS_Example CSS for TwitStat.us Badge (http://twitstat.us/) */
.twitstatus_badge_container { }
.twitstatus_badge_container .twitstatus_badge_header { }
.twitstatus_badge_container .twitstatus_badge_footer { }
.twitstatus_badge_container a, .twitstatus_badge_container a:visited { }
/* From here, it's really just inheritance. You should know CSS if you're going to try this. */
	
	
