@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■　メインイメージ　■■■■■■■■■■*/

.toppage #title {
	position: relative;
	width: 900px;
	height: 380px;
	background: url(../images/top/top_image.png) no-repeat;
}

#mp3_player {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 240px;
	height: 20px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■　カラムセット　■■■■■■■■■■*/

#main_side {
	float: left;
	margin-left: 8px;
	_margin-left: 4px;
	width: 692px;
}

#topics_side {
	float: left;
	width: 342px;
}

#blog_side {
	float: right;
	width: 342px;
}

#twitter_side {
	float: right;
	margin-right: 8px;
	_margin-right: 4px;
	width: 184px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■　スタイル　■■■■■■■■■■■*/

#main_side h2,
#twitter_side h2 {
	width: 342px;
	height: 40px;
	margin-bottom: 5px;
	border-bottom: solid 2px #cbd0d3;
}
#twitter_side h2 {width: 184px;}

#topics_side dl,
#blog_side dl,
#twitter_side dl {
	height: 259px;
	overflow-y: scroll;
}

#topics_side dl dt,
#blog_side dl dt,
#twitter_side dl dt {
	margin: 0 8px 4px;
	font-weight: bold;
	font-size: 93%;
	color: #595857;
}

#topics_side dl dd,
#blog_side dl dd,
#twitter_side dl dd {
	font-size: 85%;
	margin: 0 8px 8px;
	padding-bottom: 4px;
	border-bottom: dotted 1px #abb1ad;
}

#blog_side dl dd {
	text-indent: 16px;
	background: url(../images/common/side_menu_ball.gif) no-repeat;
}

.twitter_box {margin-bottom: 5px;}

#twitter_side p.twitter {
	width: 160px;
	height: 27px;
	margin-left: 24px;
	background: url(../images/top/twitter_r.png) no-repeat;
}
#twitter_side p.twitter a {background:url(../images/top/twitter.png) no-repeat;}
#twitter_side p.twitter a:hover {background:none;}