* {
	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{
	_text-align:center;	/* IE6後方互換用 */
}



div#wrapper{
	width:800px;
	margin-top:5em;
	/* センタリング */
	margin-left:auto;
	margin-right:auto;
	_text-align:left;	/* IE6後方互換用(text-align:center;でインライン要素もセンタリングされるのを防ぐ) */
	
	/*border:1px solid #ff0000;*/
}



/* ヘッダ ************************/
div#header{

}
/* endヘッダ ************************/



/* コンテンツ ************************/
div#container{
	height:400px;
	border:1px solid #000000;
	font-size:90%;
	padding:1em 1em 0em 1em;
}
/* endコンテンツ ************************/



/* 左側メインコンテンツ ************************/
div#main{
	float:left;
	width:670px;
	line-height:140%;	/* 行間 */

	/*border:1px solid #ff00ff;*/
}
/* end左側メインコンテンツ ************************/



/* サブコンテンツ ************************/
div#sub{
	float:right;
	
	/*border:1px solid #000000;*/
}
/* endサブコンテンツ ************************/



/* 右側メニュー ************************/
div#navi{
	/*border:1px solid #00ff00;*/
}

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

div#navi li{
	font-weight:bold;
	display:block;
	margin-bottom:1.8em;
}

div#navi li#page02,
div#navi li#page04{
	margin-left:1em;
}

div#navi li#page03{
	margin-left:2em;
}

div#navi li a{
	text-decoration:none;
	/*width:155px;*/	/* IE用(a要素をブロックレベル要素とした場合、ボックス幅を明示しておかなければ、リンク領域だけが元の幅のままになる) */
	color:#000000;
}

/* マウスでの選択状態 */
div#navi li a:hover{
	color:#999999;
}

/* ページに移動した時の選択状態 */
body.page01 div#navi li#page01 a,
body.page02 div#navi li#page02 a,
body.page03 div#navi li#page03 a,
body.page04 div#navi li#page04 a,
body.page04_sub div#navi li#page04 a,
body.page05 div#navi li#page05 a{
	color:#999999;
}
/* end右側メニュー ************************/



/* ロゴ ************************/
div#sub h1{
	background-image:url(../img/common/logo.png);
	background-repeat:no-repeat;
	margin-left:2em;
	_margin-left:1em;
}

div#sub h1 a{
	display:block;
	text-indent:-9999em;
	width:32px;
	height:162px;
}
/*div#logoImg{
	margin-left:2em;
	_margin-left:1em;*/

	/*border:1px solid #000000;*/
/*}*/
/* endロゴ ************************/



/* フッタ ************************/
div#footer{
	text-align:center;
	font-size:smaller;
}

div#footer a{
	color:#999999;
}
/* endフッタ ************************/



/* 共通 ************************/
p.captionForImg{
	text-align:center;
}

div.section{
	margin-bottom:1em;
}

h1,h2{
	font-size:100%;
}
/* end共通 ************************/



/* 以降は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;
}
*/