body{
 line-height:1.2;
 color:#333333;
 background-color:#5588aa;
}


a{
 color:seagreen;
}

hr{
margin:1em;
}


#wrapper{
 width:780px;
 margin: 0 auto; /*左右マージンをautoに指定*/
 padding: 0 0 0 60px;
}


#header{
 float: left;
 width: 780px;
 background-color:#f6f5e6;
}


#navigation {
 position:relative;
 top:0;
 left:220px;
 width: 294px;
}

#navigation ul{
 
 padding: 0;
 height: 30px;
 overflow: hidden;
 list-style: none;
 border-top: 1px solid #cccccc; /*上方向に1pxのボーダーを指定 */
 border-bottom: 1px solid #cccccc; /*下方向に1pxのボーダーを指定 */
 border-right: 1px solid #cccccc; /*右方向に1pxのボーダーを指定 */
 border-left: 1px solid #cccccc; /*左方向に1pxのボーダーを指定 */
}

#navigation li{
 float: left;
 width: 146px;
 margin: 0;
 padding: 0;
 background-color:#87CEEB;
}

#navigation a{
 display: block;
 padding: 4px 0 6px 0;
 color: #777777; /* 文字色を指定　*/
 background-color: #f6f5e6;
 text-decoration: none; /* リンクの下線を表示させないように指定 */
 text-align: center;
}

#navigation a:hover{
 background-color: transparent;
}


#logo{
 float: left;
 margin: 20px 0 10px 0;
 width: 740px;
 text-align: center;
}

#logo h1{
 margin: 0;
 padding: 0;
}

#logo .note{
 margin: 0;
 padding: 0;
 color: #808080;
 font-weight:100;
 font-size:100%;
}

#content{
 clear:both;
 float: left;
 width: 780px;
 margin-top: 0px;
 padding-bottom: 40px;
 background-color:#f6f5e6;
}

#main1{
 float: left;
 width: 680px;
 margin: 0 auto;
 padding: 10px 10px 10px 40px;
 background-color:#f6f5e6;
}

#main1 .section{
}

#main1 h2 {
 font-size: 120%;
 font-weight: bolder;
 margin-left: 20px;
}

#main1 h3 {
 font-size: 90%;
 font-weight: bolder;
 margin-left: 20px;
}

#main1 h4 {
 font-size: 80%;
 font-weight: bolder;
 margin-left: 20px;
}

#main1 p{
font-size:96%;
color:#333333;
line-height:1.8em;
text-indent:1.0em;
letter-spacing:1px;
}

#main2{
 float: left;
 top:0;
 left:0;
 width: 200px;
 background-color:#f6f5e6;
 font-size: 90%;
}

#main2 .section{
 margin: 10px 0 0 20px;
}

#main2 h3{
 margin: 0;
 padding: 0;
 color: steelblue;
}

#main2 h4{
 margin: 0;
 padding: 0;
 color: #555555;
}

#main2 p{
color:#555555;
text-indent:1.0em;
margin: 0 5px 0 5px;
}

#footer{
 clear:both;
 float:left;
 width: 780px;
 background:#f6f5e6;
}

#link ul{
 margin: 0;
 padding: 0;
 list-style: none;
}

img{
border:0; 
}

.photo_waku{
 border:7px solid #200000 !important;
}

.dai01{color:#5588aa;}
.dai02{color:gold;}
.dai03{color:green;}

.bun{
color:#333333;
font-size:90%;
line-height:80%;
letter-spacing:2px;
margin: 0 5px 0 10px;
}

.serif{
font-family:serif;
}

.line{
line-height:2.8em;
}

.center-image{
text-align:center;
margin-top:60px;
margin-bottom:60px;
}

.center-image2{
text-align:center;
margin-top:5px;
margin-bottom:20px;
}

#google{
text-align:center;
}

address{
text-align:center;
font-style:normal;
}

