@charset "Shift_JIS";
body {
	margin: 0px; 
	padding: 0px;
	text-align: center;
	font-size: 120%;
}
a img {
    text-decoration: none;
}
#wrapper {
	width: 760px;
	height: 100%;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	background: #E6F0E5 url('../img/hasutsubomi.jpg')  no-repeat left top ;
	
}
#header {
	width: 100%; 
	margin: 0;
	padding: 0;
	filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
}

#navi {
	position: relative;
	left: 0;
	top: 0px;
	width: 760px;
	
	margin: 0; 
	padding: 0;
	background-color:  #7AB0B0;
	
	
} 
#navi ul{
	
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	
}
#navi li {
	list-style: none;
	float: left; 
	margin: 0;
	padding: 0;
}
#navi a {
	display: block;/*ブロックレベルに*/
	width: 126px; !
	
	padding: 0;
	color: #400000;
	background-color: #7ab0b0;
	text-align: center;
	text-decoration: none;
}
#navi a:hover {
	background-color: #6633cc;
	color: #ffffff;
}
#cont { 
	padding: 0px 0px 0px 0px;    /* paddingで解決*/
	margin-top: 40px; /*marginが入りborderが表示された。*/ 
    margin-left: 200px; 
    margin-right: 20px;
    line-height: 1.5;
    height: 100%;
}
 
.cont {
	
	border: 2px solid #000000;
	width: 536px;
	height:100%;
	filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7; 
}  
#side { 
	float: right;
	width: 150px;
	background-color: #D7E1C9;
    height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    font-size: 80%;
}
#sider {
    
	width: 150px;
	height: 100%;
	
}
#side ul{
	list-style: none;
	margin: 0; 
	padding: 0; 
	border-top: 1px dotted #444444;
}
#side li{
	margin: 0; 
	padding: 4px;
    text-align: center;
    border-bottom: 1px dotted #444444;	 
}
#side a {
	text-decoration: none;
}
.cen {
	
	text-align: center;
}
#main {
	float: left;
	width: 386px;
	height: 100%;
	
}
h1 {
	color: #990000;
	margin-top: 0px;
	margin-left: 100px;
	
	
}
h2 {
	font-family: serif,"ＭＳ P明朝","平成明朝";
	font-size: 140%;
    color:#990000;
    width: 90%;
    border-left: 10px solid #B9E23A;
    border-bottom: 2px solid #B9E23A;
}
.tex { 
	font-family: serif,"ＭＳ P明朝","平成明朝";
	font-size: 120%;
    color:#000000;
    text-align: center;
    font-weight: bold;
    
    
}
p  {
	line-height: 1.5;
	text-indent: 1em;
}
.rig {
    text-align: right;
    font-size: 90%;
}
.ico {
	color: #B9E23A;
	font-style: italic;
}
#cont dl { 
	font-weight: bold;
	padding-left: 170px;
}
#cont dt,dd { 
	line-height: 1.5;
	
}
#main dl { 
	font-weight: bold;
	padding-left: 60px;
} 
#main dt,dd { 
	line-height: 1.5;
	
}
#main ul,li {
	text-align: right;
	list-style: none;
	line-height: 1.5;
	
}

a:link {
	color : #0000cc ;
	text-decoration : none ;
	
}
 
a:visited {
	color : #0000cc;
	text-decoration : none ;
}
a:hover {
	color : #ff0000 ;
	text-decoration : underline ;
}


a:active {
	color : #0099ff ;
	text-decoration : underline ;
}


table {
	margin: auto;
	text-align: center;
	font-weight: bold;
	border: 2px solid #444444;
}
td {
  border: 1px solid #444444;
  text-align: center;
}

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 90%;
 
}
div#kadomaru{ 

 margin: 0 10%;
 background-color: #D7E1C9; /*中身の色*/
 width: 150px;
 margin-right: auto;margin-left: auto; 
 text-align: center;
}
/*角を丸くする部分*/
b.rtop, b.rbottom{
	display:block;
	background-color: #E6F0E5;  /*コーナーの色*/
}
b.rtop b, b.rbottom b{
	display:block;
	height:1px;
	overflow:hidden;
 	background: #D7E1C9;
}
b.r1{
	margin: 0 7px;
}
b.r2{
	margin: 0 5px;
}
b.r3{
	margin: 0 3px;
}
b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 3px;
}