@charset "Shift_jis";


/*----------------------------------------------------------
	contents:TOP
----------------------------------------------------------*/

#topMain,
#merit,
#beginner,
#newinfo {
	margin: 0 0 20px 0;
}

#topMain {
	height: 262px;
	position: relative;
}

#topMain a {
	display: block;
	margin-bottom: 1em;
}

h1 {
}

h2 {
	margin: 0 0 10px 0;
}

#merit .meritSection {
	float: left;
	width: 227px;
	padding: 0 6px 5px 0;
	position: relative;
}

#merit .meritSection p {
	text-align: right;
}

#merit .meritSection p.detail {
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/* -- clear float -- */ 
#merit {
	min-height:0;
	display: inline-table;
}

#merit:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #merit {height:0;}
#merit {display: block;}
/* */
/* -- end clear float -- */


#newInfo {
	float: left;
	width: 470px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	position: relative;
}

#newInfo dl#news,
#newInfo dl#blog {
	width: 470px;
	padding: 10px 0 20px 0;
	text-align: left;
}

#newInfo dl#news dt,
#newInfo dl#blog dt {
	float: left;
	width: 100px;
	padding: 0 0 10px 0;
	color: #ff6666;
	clear: both;
}

#newInfo dl#news dd,
#newInfo dl#blog dd {
	padding: 0 0 10px 0;
	margin: 0 0 0 100px;
}

#newInfo .rss_img {
	position: absolute;
	top: 2px;
	right: 2px;
}

#newInfo .externalLink {
	background: none;
	padding: 0;
}

#newInfo p#chara {
	position: absolute;
	top: 60px;
	right: 15px;
}

#tweetArea {
	float: left;
	padding-left: 10px;
}

#twtr-widget-1 a.externalLink {
	background: none;
	padding: 0;
}