BODY {
font-size: 80%;
line-height: 120%;
}
P { color : #444444;}
A:link { color: #683fd6; }
A:visited { color: #3535ff; }
A:active { color: #5e63c1; }
p.xb { font-size: x-large; }
p.s { font-size: smaller; }
p.sr {
   font-size: smaller;
   text-align: right;
}
p.center { text-align: center; }
p.left { text-align: left; }
p.right { text-align: right; }
p.bold { font-weight:bold; }

span.sg { font-size: x-small; }


img { border: none; }



.index {
  text-align : center;
}
.wrap {
   width : 790px;
   margin : 0 auto;
   padding: 3px;
   text-align : left;
   border-style : solid;
   border-width : 1px;
   border-color : #444444;
}

.legacy_wrap {
   width : 1400px;
   margin : 0 auto;
   padding: 3px;
   text-align : left;
   border-style : solid;
   border-width : 1px;
   border-color : #444444;
}

.center {
   width : 870px;
   margin : 0 auto;
   padding: 3px;
   text-align : left;
}
.top {
	height: 50px;  /* ヘッダーの高さ */
	border : none ; 
}
.header{
	height: 10px;  /* ヘッダーの高さ */
	left: 0;
	margin: 0;
	position: fixed;
	_position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
.menu {
	width : 782px;
	margin-top: 20px; /* ヘッダーの高さ分をマージンで空けておく */
	margin-left:auto;
	margin-right::auto;
	_overflow: auto;
	padding: 3px;
	position: fixed;
	_position: absolute;
	top: 0;
	z-index: 999;  
}

.lg_menu {
  width : 173px;
  float : left;
}

#container {
  float : left;
}

#content {
}

.left {
  width : 27%;
  float : left;
}
.left2 {
  width : 67%;
  float : left;
  margin-left:5px;
}
.right {
  width : 47%;
  margin-left:5px;
}
.bottom {
   clear : both;
   width: 790px;
   text-align : right;
}
.bottom2 {
   clear : both;
   width: 790px;
   background-color : #dfd8ff ;
}
.box_wrap {
   width : 550px;
   margin : 0 auto;
   padding: 3px;
   text-align : left;
   border:none;
}
.clearfix:before, .clearfix:after {
    content:"";
    display:table
}
.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */

TABLE { 
font-size: 95%; 
border-collapse: collapse; 
border: 2px black solid;
}
TABLE TR TH {  
padding: 0.3em;
border-style: solid dashed;
border-width: 1px;
border-color: #444444;
background-color: #cccccc;
}
TABLE TR TD {
padding: 0.3em;
border-style: solid dashed;
border-width: 1px;
border-color: #444444;
background-color: #fff;
}
TABLE TR TD + TD {
padding: 0.3em;
border-style: solid dashed;
border-width: 1px;
border-color: #444444;
background-color: #fff;
}
TABLE thead TH { border-bottom: 3px double #black;}

table.list { border-collapse: collapse; border: 2px black solid;}
table.list tr th { background-color: #cccccc; }
table.list tr td {
   padding: 0.3em;
   border-style: solid dashed;
   border-width: 1px;
   border-color: #black;
   background-color: #dfd8ff;
}
table.list tr td + td {
   padding: 0.3em;
   border-style: solid dashed;
   border-color: #black;
   border-width: 1px;
   background-color: #fff;
}
table.list thead th { border-bottom: 3px double #black;}

table.junk {
   background-color: #fff;
   margin: 0 auto;
   text-align: center;
   border-style: solid;
   border-color: #990000;
   border-width: 3px;
}
table.junk th,
table.junk td {
   padding: 0.3em;
   border-style: solid dashed;
   border-top: none;
   border-left: none;
   border-bottom: none;
   border-color: #990000;
   border-width: 1px;
}
table.junk thead th { border-bottom: 3px double #990000;}

table.link {
   width: 250px;
   border-collapse: collapse; border: 2px black solid;
   margin: 0 auto;
   text-align: center;
}

ul#headerMenu {
width:789px;
margin-bottom:10px;　/* メニュー下の余白 */
background-color:#dfd8ff; /* 背景色 */
margin: 0 auto;
padding-left: 0;
} 
 
ul#headerMenu li { 
list-style-type:none;
float:left;
} 
 
ul#headerMenu li a { 
display:block; 
text-align:center; 
width:155px;  /* メニューボタンの幅 */
padding:5px 0; 
border:1px solid #444444;  /* 区切り線 */
color:#683fd6;  /* リンク文字の色 */
background-color:#dfd8ff;  /* メニューボタンの背景 */
text-decoration:none; 
font-size:x-large;
text-shadow: 
-1px -1px 0px rgba(255,255,255,0.6),
1px 1px 0px rgba(0,0,0,0.6);
}
 
ul#headerMenu li.last a { 
display:block; 
text-align:center; 
width:156px; /* メニューボタンの幅 */
border:none; /* 区切り線 */ 
color:#683fd6; /* リンク文字の色 */
background-color:#dfd8ff; /* メニューボタンの背景 */
text-decoration:none; 
}
 
ul#headerMenu li a:hover { 
color:#fff; /* マウスが乗ったときのリンク文字色 */
background-color:#cc99ff; /* マウスが乗ったときの背景色 */
text-decoration:none; 
}