h2,hr{margin-top:0;margin-bottom:0;}

body{
	margin: 0;
	padding: 0;
	text-align:center;
	color:#ffffff;
	background:#f8F8FF;
}

#inbox{
	color:#000000;
	background:#ffffff;
	width:800px;
}

#wrapper{
	float:left;
	color:#000000;
	background:#ffffff;
	width:800px;
}

#header{
	height:120px;
	background:#ffffff;
	text-align:left;
	vertical-align:bottom;
	width:800px;

}

#maincontent{
	float:center;
	color:#333333;
	padding-left:5px;
	padding-right:5px;
	background:#ffffff;
	width:580;
	text-align:center;
	border-left:1px solid #CCCCEE;
}

#sidebar{
	float:left;
	width:200px;
	text-align:left;
}

#navbar{
	margin-Left:0;
	padding-Left:0;
	List-style-type:none;
	font-size:x-small;
}

#navbar a{
	display:block;
	padding:0px;
	background-color:#d8fff0;
	color:#555555;
	text-decoration:none;
	width:100%;
}
#navbar a:hover{
	display:block;
	padding:0px;
	background-color:#ffe0e0;
	color:#555555;
	text-decoration:none;
	width:100%;
}

#navbar Li{
/*	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;      */
	width:100%;
}


#footer{
	clear:both;
	color:#000000;
	font-size:xx-small;
}

#title{
	color:#000000;
	text-align:right;
	font-family:sans-serif;
	font-weight:normal;
	font-size:x-small;
	margin-top:0;
	margin-bottom:0;
}

h2.navbar{
	font-size:small;
	padding:3px;
	color:#6666ff;
	text-decoration:none;
	text-align:center;
}

#maincontent h2{
	font-size:small;
	padding:3px;
	color:#00cc88;
	text-decoration:none;
	text-align:center;
}

h2.right{
	font-size:small;
	padding:3px;
	color:#ff6699;
	text-decoration:none;
	text-align:center;
}

H1{
	margin-top:10;
	margin-left:30;
	margin-bottom:0;
	text-align:left;
	font-family:cursive;
	font-weight:normal;
}

HR.title {
  color: #ff0000; /* 線の色(IE用) */
  background-color: #ff0000; /* 線の色(NN用) */
  height: 5px; /* 線の太さ */
  border: 0px; /* 枠の太さ */
  width:80%;
  text-align:center;
  filter: Alpha(opacity=50, finishopacity=0, style=3); /* フィルタ */
}

/* 0%から100%、1 = 線形｜2 = 円形｜3 = 長方形、50%からグラデ開始 */

HR.navbar {
  color: 0080FF; /* 線の色(IE用) */
  background-color: #008FFF; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 0px; /* 枠の太さ */
  width:100%;
  text-align:right;
  filter: Alpha(opacity=0, finishopacity=100, style=1,startx=30); /* フィルタ */
}

HR.maincontent {
  color: #00a000; /* 線の色(IE用) */
  background-color: #00a000; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 0px; /* 枠の太さ */
  width:90%;
  text-align:center;
  filter: Alpha(opacity=50, finishopacity=0, style=3); /* フィルタ */
}

HR.right {
  color: ff0000; /* 線の色(IE用) */
  background-color: #ff0000; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 0px; /* 枠の太さ */
  width:100%;
  text-align:left;
  filter: Alpha(opacity=100, finishopacity=0, style=1,startx=30); /* フィルタ */
}

iframe {
	width: 450px; height: 550px;
	frameborder: 0;
}