* {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Ghothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meirio,"MS Pゴシック","MS PGothic","MS UI Gothic",'Lucida Grand',Verdana,Arial,sans-serif;
}


body{
	width:100%;
}


div#wrapper{
	width:100%;
}







div.section{
	margin-top:1em;
	margin-left:1em;
}





div#main{
	float:left;
	width:90%;
	line-height:140%;
	background-color:#d8feda;
	height:2000px;
}

div#main h1{
	margin-bottom:1em;
}

div#main a{
	color:#000000;
	font-weight:bold;
}

div#main a:hover{
	color:#ff0000;
}





div#menu{
	float:right;
	width:10%;
	background-color:#fdb3c7;
	height:2000px;
}

div#menu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#menu li{
	font-weight:bold;
	margin-bottom:1em;
}

div#menu li a{
	text-decoration:none;
	color:#000000;
}

/* マウスでの選択状態 */
div#menu li a:hover{
	background:#fde9bd;
}



div#contents{
	width:90%;
	float:left;
}



div#extra{
	float:right;
	width:10%;
	background:#cfc4fd;
	height:2000px;
}

div#extra h1{
	font-size:100%;
}



/* 以降はfloat対策 */
/* IE以外(clearfix) */
.clearfix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}


/*
 * clearfix代替
.clearfix{
	overflow: hidden;
	position: relative;
	display:inline-block;
}
*/

/* IE7 */
.clearfix {
  min-height: 1px;
}


* html .clearfix {
	/* IE6 */
  height: 1px;
	
	/* Mac IE5.x */
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
* html{
	zoom:1;
}
*/