@charset "shift-jis";


#pagebody {
  clear: both;
  position: relative;
  width: 777px;			
  padding-top: 12px;
}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

body{
background:#B5CAA0;
margin:0;
padding:0;
}
img{
	border:solid 1px #577C8A;
	margin:2px;
}

/*for DB*/
div.wrapper{
	width:710px;
	margin:0 auto 0 auto;

}
table.setumei{
	width:700px;
	clear:both;
	margin-top:5px;
	border:solid 1px #669;
	border-collapse:collapse;
	}
table.setumei td{
		border:solid 1px #669;
	}
td.gakumei{
	width:202px;
	}
td.koumoku{
	width:95px;
	}
td.text{
	width:593px;
	}
.title{
	width:700px;
	margin:10px 0;
}
table.pict{
	clear:both;
	margin:2px ;
	background:#BDC0BA;
	width:696px;
	border-collapse:collapse;

	}
table.pict td{
			border:solid 1px #574C57;
}
td.number{
	width:42px;
}
td.spc{
	width:643px;
	}
td{
	background-color:#FCFAF2;
	padding:3px 6px;
	line-height:1.3em;
	}
td.bunruitokucho{
	min-height:150px;
	}
ul.codeno{
	padding: 0;
	font-size:x-large;
	margin:10px auto 0 auto;
	float:left;
}
li.code{
	list-style-type: none;
	float:left;
	padding:0 2px;
	background:#F5FFFA;
	text-shadow:1px 1px 0 rgba(87,124,138,0.2);
	font-family: 'Quattrocento', serif;
	}
img.logo{
	float:right;
}
/*picture area*/
div.syasinwrapper{
	width:700px;
	clear:both;
	margin-top:10px;
	border:solid 1px #26453D;
	background:rgba(255,255,255,0.5);
	float:none;
}
div.syasincontent{
	margin:0 auto;
	}
p{
	color:#26453D;
	text-align:center;
	}
a{
	color:#26453D;
	text-decoration:none;
	}
/*top page*/
body.top{
	background: url(../images/top-bg.jpg);
	}
img.dblink{
	float:none;}
div.toppage{
	background:rgba(255,255,255,0.5);
	}