body {
margin-top:0;
background:#eef;
text-align:center;
padding:0;
}

h1 {
  font-size: 12px;
  padding:0;
  float:left;
  font-weight: normal;
}

/* ヘッダーサイトマップ */
div#headcopysite {
  font-size: 12px;
  font-weight: normal;
  padding : 2px 0px;
  margin : 0px;
  float:right;
  padding: 0px;
}

h4 {
font-size:10px;
float:left;
font-weight:750;
padding:0;
}

div#h2 {
font-size:12px;
float:left;
font-weight:400;
padding:0;

}

div#h2 a {
color:#fff;
text-decoration:none;
font-weight:400;
}

div#headcopy {
text-align:left;
width:750px;
margin:0 auto;
padding:0;
}

div#wrapper {
width:750px;
border:solid 1px #aac;
background-color:#fff;
margin:0 auto;
}

div#header {
font-size:12px;
background-color:#ddd;
border-style:none;
border-width:0;
margin:0;
padding:0;
}

div#header img {
vertical-align:top;
}

div#headcopysite {
font-size:12px;
font-weight:400;
float:right;
margin:0;
padding:0;
}

div#navi {
  text-align : left;
  font-size : 10px;
  background-color: #ccc;
  padding:5px 3px;

}
div#navi a {
  color : #333;
  text-decoration: none;
}

div#navi a:hover {
  color : #f30;
  text-decoration: none;
}
div#navi ul {
  padding : 0px 0px 0px 5px;
  margin-top : 0px;
  width:704px;
}
div#navi ul li {
  list-style:none;
  float: left;
  margin: 0px 10px 0px 0px;
  padding:  0px 0px 0px 20px;
  background : url(item.png) no-repeat 0px 0px;
}

div#contents {
float:right;
width:70%;
text-align:left;
font-size:12px;
line-height:2em;
  padding:  0px 0px 0px 5px;
}

div#menu {
float:left;
width:26%;
text-align:left;
}

div#footer {
clear:both;
margin-top:2em;
margin-bottom:2em;
border-top:1px solid #666;
font-size:small;
padding:.5em;
}

a:link {
color:#00f;
background:transparent;
}

a:visited {
background:transparent;
}

a:hover {
color:red;
background:#fdd;
}

a:active {
color:#000;
background:transparent;
}

div#contents h2 {
font-size:16px;
color:#666;
background : url(h2.gif) no-repeat left center;
border-bottom:1px dashed #999;
margin:5px 0 10px;
padding:.2em 0 .2em 20px;
}

div#contents h3 {
font-size:14px;
color:#666;
background : url(h3.gif) no-repeat left center;
border-bottom:1px dashed #666;
margin:5px 0 10px;
padding:.2em 0 .2em 20px;
}

div#contents h4 {
font-size:14px;
color:#666;
background : url(h3.gif) no-repeat left center;
border-bottom:1px dashed #666;
margin:5px 0 10px;
padding:.2em 0 .2em 20px;
}

div#contents ul {
margin-top:1em;
}

div#contents li {
margin-bottom:.5em;
list-style : url(ul.gif);
}

.kin1 {
border:2px solid #0cc;
width:510px;
height:50px;
color:#666;
font-size:16px;
padding:10px 10px 0 10px;
float:left;
background-color:#add8e6;
}

.kin3 {
border:2px solid #0cc;
width:510px;
height:150px;
color:#000;
font-size:12px;
padding:10px 10px 0 10px;
float:left;
background-color:#fff;
}

/* ---- コンテンツ友達の紹介---- */
.whole {
  width: 510px;
height: 354px;
}

.border1 {
border:solid 2px #6FF;
height:354px;
}

.border_lu {
float:left;
display:inline;
border-color:#6FF;
border-style:solid;
border-width:0 0 1px 1px;
}

.border_r {
float:left;
display:inline;
border-color:#6FF;
border-style:solid;
border-width:0 0 0 1px;
}

.left {
float:left;
display:inline;
width:110px;
height:212px;
text-align:center;
background-color:#fff;
}

.right {
float:left;
display:inline;
}

.c1,.c2,.c3,.c4,.c5 {
width:88px;
height:70px;
text-align:center;
}

.r1,.r2,.r3,.r4,.r5 {
width:306px;
height:70px;
}

.c1,.r1,.c3,.r3,.c5,.r5 {
background-color:#ffb9ff;
}

.c2,.r2,.c4,.r4 {
background-color:#FFFF9C;
}

div#logbox {
border:solid 1px gray;
width:500px;
height:100px;
overflow:auto;
padding:0;
}

div#left1 h2 {
font-size:12px;
color:#fff;
border:solid 1px #CCC;
background-color:#00129F;
margin:3px 3px -3px;
padding:3px 0 3px 10px;
}

div#left1 h3 {
font-size:12px;
color:#fff;
border:solid 1px #CCC;
background-color:#00129F;
margin:3px 3px -3px;
padding:3px 0 3px 10px;
}

div#left1 li {
font-size:12px;
list-style : url(ul.gif);
margin:3px 3px .5em -15px;
padding:0 0 0 20px;
}

div#left1 h3 a {
font-size:12px;
text-decoration:none;
}

div#left1 h3 a:hover,div#menu h3 a:active,div#menu h3 a:focus {
font-size:12px;
color:red;
background-color:#FFD9FF;
text-decoration:none;
}

div#left1 ul {
font-size:14px;
color:#333;
background-color:#EBFFFF;
margin:10px 0 0 20px;
}

div#footer h2 {
font-size:12px;
float:left;
font-weight:400;
padding:0;
}



div#contents ul ul li,div#menu ul ul li {
margin-bottom:.5em;
list-style:circle;
}

div#contents p,div#menu p {
line-height:1.5;
margin:.8em 1em 0;
}

/* ---- 左メニュー関連 ---- */

.left1 {
width:180px;
text-align:left;
font-size:12px;
float:left;
background-color:#EBFFFF;
}

.left1 h2 {
  padding:0.5em;
  text-align: left;
  margin:0;
}

.left1 h2 {
  padding:0.5em;
  text-align: left;
  margin:0;
}

.left1 a {
  padding:0.5em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.left1 a:hover {}

div#footer p {
  margin: 0;
}
p#copyright {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color:#666666;
}