body {
	text-align : center ;
	margin-top : 0 ;
	margin-bottom : 0 ;
	background-color : #EEEEEE ;
}

#outline {
	text-align : left ;
	width : 750px ;
	font-size : 80% ;
	line-height : 150% ;
	background-color : #FFFFFF ;
}

.header {
	background : #4FC6E0 ;
	letter-spacing : 0.5em ;
	color : #FFFFFF ;
}

.main {
	width : 570px ;
	float :left ;
	background : url(../image/bg.gif) repeat-y 0 0  ;

}

.side2 {
	width : 180px ;
	float : left ;
	background-color : #4FC6E0 ;
}

.main2 {
	width : 360px ;
	float : right ;
	padding-left : 15px ;
	padding-right : 15px ;
	padding-top : 28px ;
	border-right : 1px dashed #CCCCCC ;
}

.side {
	width : 164px ;
	float : right ;
	padding-left : 8px ;
	padding-right : 8px ;
	padding-top : 28px ;
	background : url(../image/top04.jpg) no-repeat 0 0  ;
}

.contact2 img {
	margin : 0 ;
	padding : 0 ;
}

.c-both {
	clear : both ;
}

.footer {
	background : #666666 ;
	text-align : center ;
	font-size : 80% ;
	margin : 0 ;
	color : #FFFFFF ;
} 

ul#navi {
	width : 180px;
	height : 28px ;
	margin : 0 ;
	padding : 0 ;
	list-style : none ;
}

ul#navi li {
	margin : 0 ;
	padding : 0 ;
	text-indent : -999px ;
}
 
ul#navi li a {
	display : block ;
	width : 180px ;
	height : 28px ;
	overflow : hidden ;
}

ul#navi li#m1 a { background:url("../image/menu1.gif") 0px 0px no-repeat;}
ul#navi li#m2 a { background:url("../image/menu2.gif") 0px 0px no-repeat;}
ul#navi li#m4 a { background:url("../image/menu4.gif") 0px 0px no-repeat;}
ul#navi li#m5 a { background:url("../image/menu5.gif") 0px 0px no-repeat;}
ul#navi li#m6 a { background:url("../image/menu6.gif") 0px 0px no-repeat;}
ul#navi li#m8 a { background:url("../image/menu8.gif") 0px 0px no-repeat;}

ul#navi li#m1 a:hover { background:url("../image/menu1.gif") 0px -28px no-repeat;}
ul#navi li#m2 a:hover { background:url("../image/menu2.gif") 0px -28px no-repeat;}
ul#navi li#m4 a:hover { background:url("../image/menu4.gif") 0px -28px no-repeat;}
ul#navi li#m5 a:hover { background:url("../image/menu5.gif") 0px -28px no-repeat;}
ul#navi li#m6 a:hover { background:url("../image/menu6.gif") 0px -28px no-repeat;}
ul#navi li#m8 a:hover { background:url("../image/menu8.gif") 0px -28px no-repeat;}

#contact {
	margin: 10px;
	padding-bottom : 2px ;
	background-color: #FFFFFF ;
}

.contact {
	font-size : 90% ;
	line-height : 140% ;
	margin-left : 15px ;
	margin-top : 3px ;
}

.contact2 {
	margin-left : 5px ;
	margin-bottom : 0px ;
}

.contact2 span {
	color : #EE8C4E ; 
}

#img1 {
	float : right ;
	margin-right : 10px ;
}

.intro {
	margin-bottom : 30px ;
	margin-left : 10px ;
	padding-left : 10px ;
	border-left : 2px dotted #4FC6E0 ;
	margin-right : 10px ;
	padding-right : 10px ;
	border-right : 2px dotted #4FC6E0 ;

}

.intro span {
	font-weight : bold ;
	color : #59031D ;
	font-size : 130% ;
}

.info {
	margin-top : 5px ;
	margin-bottom : 30px ;
	padding-left : 20px ;
}

#contents .diarybox {
	position : relative ;
	margin : 0 0 20px 0 ;
	padding : 0 ;
	width : 345 ;
	background : url(../image/diary-middle.gif) repeat-y 0 0 ;
}

#contents .diarybox div {
	text-align : right ;
	height :45px ;
	margin :  0 ;
	padding : 7 90 0 0px ;
	background : url(../image/diary-bottom.gif) no-repeat 0 0 ;
}

#contents h2 {
	height :65px ;
	font-weight : bold ;
	font-size : 130% ;
	color : #59031D ;
	margin : 0 ;
	padding : 30px 0 0 75px ;
	background : url(../image/diary-top.gif) no-repeat 0 0 ;
}

#contents p {
	margin : 0 25 5 25 ;
}

.line {
	font-size : 100% ;
	line-height : 190% ;
	display : inline ;
	border-bottom : 1px dotted #80B62F ;
	padding : 0 0 2 0 ;
}

#contents img {
	margin : 10 15 10 15 ;
}

#a1 {
	color : #241B49 ;
	font-weight : bold ;
	background-color : #F9FBED ;
	font-size : 12px ;
	text-decoration : none ;
	display : block ;
	width : 144px ;
	margin : 0 10 0 10 ;
	padding-top : 4px ;
	text-align : center ;
	border : 5px double #CCCCCC ;
}

#weather {
	margin: 40 10 10 10 ;
	width : 144px ;
	padding : 0 ;
	text-align : center ;
	background-color: #EFEFEF ;
	border : 1px solid #241B49 ;
}

.weather {
	font-size : 12px ;
	line-height : 15px ;
	color : #808080 ; 
	margin : 3 0 0 0 ;
}

#weather .weather a:link {
	color : #241B49 ; 
}

.weather span {
	font-weight : bold ;
	color : #241B49 ; 
}