* {
margin:0;
padding:0;
font-size:100%;
}

body {
text-align:center;
background:#e0cea8;
}

#wrap {
width:800px;
margin:0 auto;
text-align:left;
background:#fff;
}

#banner {
text-indent:10px;
background:url(img/topbanner.gif) no-repeat;
height:250px;
}

#banner h1 {
	font-size:10px;
	}

#content {
width:600px;
float:right;
overflow:hidden;
}

#side {
width:200px;
float:left;
overflow:hidden;
}

.clr {
clear:both;
}

#content h2 {
margin:20px 0 0px 50px;
background:url(img/centerline1.gif) no-repeat;
height:31px;
padding:0 0 0 30px;
font-size:20px;
}

#content #top {
margin:0 50px 0;
font-size:95%;
border-style:solid;
border-width:0px 2px 2px;
border-color:#ef1a0b;
padding:6px 14px;
}

#content h3 {
background:url(img/centerline2.gif) no-repeat;
margin:30px 0 0px 50px;
height:31px;
padding:3px 0 0 30px;
}

#content p {
font-size:80%;
margin:0 50px 1em;
line-height:1.4em;
}

#content div.ill-1 {
border-style:solid;
border-width:0px 2px 2px;
border-color:#ef1a0b;
margin:0 50px;
background:url(img/illust1.gif) no-repeat #ffebff right bottom;
padding:10px 155px 0 15px;
}

#content div.ill-1 p {
margin:0px 0px 1em;
font-weight:bold;
line-height:1.5em;
font-size:100%;
}

#content h4 {
background:url(img/center2.gif) no-repeat;
margin:50px 0 0px 50px;
height:56px;
text-indent:-9999px;
}

#content h5 {
background:url(img/center1.gif) no-repeat;
margin:50px 0 0px 50px;
height:56px;
text-indent:-9999px;
}

#content table {
margin:20px 0 20px 50px;
border-collapse:collapse;
width:448px;
border:1px solid #333;
}

#content th {
background:#f77156;
padding-left:10px;
}

#content th a {
color:#fff;
}

#content th a:hover {
color:#000;
}

#content th.subsc-bttn {
text-align:center;
padding:5px 10px;
width:145px;
}

#content th.subsc-bttn a {
display:block;
font-size:80%;
text-decoration:none;
background:#2d54f4;
text-align:center;
margin:0 auto;
padding:3px 0;
border:1px solid #999;
}

#content th.subsc-bttn a:hover {
background:#ef1a0b;
}

#content table td {
font-size:80%;
border:1px solid #333;
text-align:center;
}

#content td.tbl-img {
padding:0;
width:100px;
}

#content td.grey-head {
background:#e6e6e6;
}

#content td.cel1 {
width:120px;
}

#content td.cel2 {
width:80px;
}

#content td.cel3 {
width:145px;
}

#content td.tbl-foot {
font-size:70%;
line-height:1.3em;
text-align:left;
padding:6px 8px;
width:432px;
}

#list1 dt, #list1 dd, #list2 dt {
text-indent:-9999px;
}

#list1 dt {
background:url(img/michinori.gif) no-repeat;
height:120px;
margin:20px 0 12px;
}

#side a {
display:block;
}

#list1 a {
height:65px;
}

#list1 dd {
height:65px;
margin-bottom:10px;
}

#haken a {
background:url(img/haken.gif) no-repeat;
}

#merito a {
background:url(img/merito.gif) no-repeat;
}

#asobi a {
background:url(img/asobi.gif) no-repeat;
}

#muku a {
background:url(img/muku.gif) no-repeat;
}

#nani a {
background:url(img/nani.gif) no-repeat;
}

#yakuwari a {
background:url(img/yakuwari.gif) no-repeat;
}

#boran a {
background:url(img/boran.gif) no-repeat;
}

#nendai a {
background:url(img/nendai.gif) no-repeat;
}

#net a {
background:url(img/net.gif) no-repeat;
}

#kurashi a {
background:url(img/kurashi.gif) no-repeat;
}

#miryoku a {
background:url(img/miryoku.gif) no-repeat;
}

#ikiru a {
background:url(img/ikiru.gif) no-repeat;
}

#list1 a:hover {
background-position:0 -65px;
}

#list2 dt {
background:url(img/rainap.gif) no-repeat;
height:120px;
margin:22px 0 10px;
}

#list2 dd {
margin-bottom:5px;
}
#list2 a {
height:40px;
background:url(img/enpitu.gif) no-repeat;
padding-left:53px;
padding-right:5px;
padding-top:10px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

#list2 a:hover {
background-position:0 -50px;
color:#f77156;
}


#foot {
cloear:both;
text-align:center;
padding-bottom:10px; 
margin:0 20px;
border-top:2px solid #ccc;
}

#foot p {
font-size:14px;
margin:6px 0;
}

#foot ul {
list-style-type:none;
font-size:12px;
}

#foot li {
display:inline;
white-space:nowrap;
margin-left:1em;
line-height:2em;
}


#footer {
 text-align:center;
  overflow: hidden;
  font-size: 10px;
  color: #666666;
}

img{
margin-left:10px;}

p#totop {
margin:10px 0 0 10px;
}

p#totop a {
text-decoration:none;
color:#0000ff;
font-size:90%;
}

p#totop a:hover {
color:#800080;
text-decoration:underline;
}