body{
	margin:0;
}

#container {
	width:740px;
	padding:0;
	margin:0 0px;
	border:1px solid #ccc;
	POSITION: absolute;top:0px;left:30px;
        box-sizing : border-box;
        -moz-box-sizing : border-box;
}
#header{
	xheight:100%;
	xpadding-top:0px;
	xpadding-bottom:0;
	xmargin:0;
	background-color:#fff;
	xborder-bottom:1px solid #ccc;
	color:#ccc;
        box-sizing : border-box;
        -moz-box-sizing : border-box;
	}

#menu {
	float:left;
	width:176px;
	height:100%;
	margin:0;
	padding:0px;
	color:#666;
	xbackground-color:#ddffdd;
        box-sizing : border-box;
        -moz-box-sizing : border-box;

}


#main {
	float:left;
	width:550px;
	height:100%;
	margin:0;
	padding:0px;
	color:#000;
	xborder-left:1px solid #ccc;
	background-color:#eee;
	xborder-right:1px solid #ccc;
        box-sizing : border-box;
        -moz-box-sizing : border-box;
}

TD{
  font-size : 12px;
  line-height: 16px ;   /* 行間20px */
  color : #ffffff; 
  }

HR {
  color: #999999; 
  height: 1px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-style: dashed; /* 枠の種類 */
}

#HR2 {
  color: #fff; 
  height: 1px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-style: dashed; /* 枠の種類 */
}

A{
  color : blue;
  text-decoration : none;
  
}
A:HOVER{
  color : red;
  text-decoration : none;
  
}

H1 {
  border-color: #666;
  padding: 4px 5px;
  border-style: solid;
  border-width:0 0 2px 0px;
  font-size : 16px;
background-color: #f2f2f2;
}


H2 {
  border-color: #333;
  padding: 4px 5px; 
  border-style: solid;
  border-width: 0 0 1px 20px; 
  background-color: #776c5d;
  font-size : 16px;
  color: White;
}
H3 {
  color: #000099; /* 文字の色 */
  background-color: #ffeeee;
  border-left-color: #cc6666; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 20px; /* 枠の幅 */
}
H4 {
  color: #000099; /* 文字の色 */
  background-color: #ffffdd; /* 背景色 */
  border-left-color: #61cc61; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
 }

H5 {
  color: #000099; /* 文字の色 */
  border-left-color: #61cc61; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
  border-bottom:1px solid #61cc61; /* 下枠の色 */
  font-size : 12px;
}
H6 {
  color: #993300; /* 文字の色 */
  border-left-color: #666699; /* 左枠の色 */
  padding: 3px 0px 0px 6px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
  line-height: 130%; /* 行の高さ */
  border-bottom:1px solid #666699; /* 下枠の色 */
  font-size : 12px;
background-color: #eeffff;
}