* { margin : 0 ; padding : 0 ; }
body { width : 100% ;
text-align: center;
background-color: #99ccff;
 }

#contents{ margin:0 auto; 
width:760px;
text-align:center;
background-color: #ffffff;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

/*枠*/
#header{width : 100% ;
}

#main {float:left;
       width:251px;
	   margin-top:10px;
border-color: #808000;
}

#side-left {float:left;
	width:220px;
	margin:15px 7px 10px 20px;
}

#side-right {float:left;
	width:215px;
	margin:15px 15px 10px 10px;
}

#footer{clear:both;width:760px;
        padding:15px 0px 0px 0px;
}

h3{color: #000000;/* ｈ３のフォント色を設定します*/
	font-size: 100%;/* ｈ３のフォントのサイズを設定します*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: #cc9966;/* ｈ３の下線の色を設定します*/
	padding:2px 5px 0px 20px;
	margin-bottom:5px;
	text-align:left;
	font-weight:bold;

	}

.Class2{margin-top:15px;
background-color:#e6e6ff;
text-align:center;
font-size:70%;
color:#000000;
}

/*写真*/

.right {
	float: right;
        margin:0px 10px 0px 10px;
}

.left {
	float: left;
        margin:0px 10px 0px 10px;
}

/*リンク*/
a:link {text-decoration:none;color:#000046;}
a:visited {text-decoration:none;color:#000046;}
a:active {text-decoration:none;color:red;}
a:hover {text-decoration:underline;}

/*文字*/

p{font-size:85%;
text-align:left;
margin:10px 10px 0px 10px;
line-height:20px;
}

.tohyo{font-size:93%;
text-align:left;
width:180px;
margin:10px 5px 10px 15px;
line-height:20px;
}

.cotac{font-size:90%;
text-align:left;
width:180px;
margin:0px 5px 10px 15px;
}

.shok{font-size:90%;
text-align:left;
margin:0px 14px 0px 34px;
line-height:20px;
}

/*リスト*/
ul{text-align:left;
list-style-type: none;
margin-left:5px;
font-size: 80%;
padding-bottom:10px;
}

li{line-height: 180%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9999cc;
	text-indent:7px;
	}