@charset "UTF-8";

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;color: #67605f;background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 12px;
line-height: 1.6;
text-align: center;
scrollbar-base-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-3dlight-color:#0066ff;
scrollbar-arrow-color:#0066ff;
}




body div {
text-align: left;
margin: 0px auto;
line-height: 200%;
letter-spacing: 2px;
}
img { 
margin: 0px; padding: 0px;
}
a {
overflow: hidden;
}
a img {
border: 0;
}
a: link { 
color: #1fc5ff; 
text-decoration: none;
}
a: visited {
color: #1fc5ff;
text-decoration: none;
}
a: hover { 
color: #7FC8E7;
text-decoration: underline;
}
h1{
font-size:14px;
}
h2{
font-size:12px;
}
h3{
font-size:12px;
border-bottom: dotted;
border-width: 1px;
border-color: #6699ff;
}
#container {
width: 100%;
background: #ffffff;
margin: 0px auto;
text-align: center;
}
#header {
width: 100%;
height: 70px;
margin: 0px auto;
padding: 0px auto;
text-align: center;
background: #000000;
}
#header h1 {
background: url(http://www.agua-clara.net/aguaclara/image/header.gif) no-repeat left;
width: 800px;
margin: 5px auto;padding: 20px 0px;
text-indent: -9999px;
text-align: left;
}
#blogdesc{width:800px; font-size:10px; color:#ffffff; text-align:right;}
#navi{
background: #e6e6fa;
height: 22px;
margin: 0px auto;
text-align: center;
list-style-type: none;
border-style: dotted;
border-color:#0066ff;
border-width: 1px;
}
#navi ul {
width: 800px;
margin: 0px;
padding: 0px;
}
#navi li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
text-align: left;
font-size: 12px;
list-style-type: none;
border-left: dotted;
border-color:#0066ff;
border-width: 1px;
}
#navi a {
color: #0066ff;
display: block;
overflow: hidden;
text-decoration: none;
}
#navi a: hover{
color: #0066ff;
text-decoration: underline;
}

#content {
background:#ffffff;
width: 800px;
padding: 20px;
margin-top: 20px;
}
#left{
width: 560px;
float: left;
}
#left a { color:#6495ed; text-decoration: none; }
#left a: visited { color:#cc3300; text-decoration:none; }
#left a:hover {color:#6495ed; text-decoration:underline;}
#left a: active {color:#6495ed; text-decoration:underline;}
#news h2 {
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 12px;
}
ul.news {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.news li {
margin: 0px 0px 8px 0px;
padding: 0px;
font-size: 75%;
list-style-type: none;
}
#updates{
width:500px;
<!--border: dotted;
border-width:1px;
border-color:#0066ff;-->
font-size: 12px;
margin: 5px auto;
padding: 5px 5px 5px 20px;
}
#right2 {
width: 180px;
float: right;
font-size: 10px;
padding: 10px 10px 10px 15px;
}
#right2 ul {
list-style-type: none;
padding: 10px 10px 10px 10px;
}
#right2 li {
padding: 10px 10px 10px 10px;
}
#right {
width: 180px;
float: right;
font-size: 10px;
padding: 10px 10px 10px 15px;
}
#right ul {
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 10px;
background-color: #ffffcc;
}
#right li {
margin: 5px;
padding: 5px 0px 0px 15px;
}
#right a { color:#6495ed; text-decoration: none; }
#right a: visited { color:#cc3300; text-decoration:none; }
#right a:hover {color:#6495ed; text-decoration:underline;}
#right a: active {color:#6495ed; text-decoration:underline;}
/* 下層ページサイドバー */
#sidebar {
width: 210px;
float: right;
font-size: 75%;
line-height: 40px;
}
#sidebar h2 {
margin: 0px;
padding: 0px;
}
#sidebar ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sidebar li {
height: 40px;
margin: 0px;
padding: 0px 0px 0px 45px; 
background-color: #EBEBEB;
}
#sidebar li a {
text-decoration: none;
}
#sidebar li a: hover {
text-decoration: none;
}
.module-content {
padding: 10px 0px 0px 0px;
}
/* 下層ページメイン */
#main {
float: left;
width: 500px;
}
#main a { color:#6495ed; text-decoration: none; }
#main a: visited { color:#cc3300; text-decoration:none; }
#main a:hover {color:#6495ed; text-decoration:underline;}
#main a: active {color:#6495ed; text-decoration:underline;}
.day {
margin: 0px 0px 0px 0px;
font-size: 75%;
}
.text {
color: #1FC5FF;
margin: 0px 0px 0px 0px;
font-size: 100%;
}
#footer {
background: #000000;
width: 100%;
height: 60px;
margin: 0px 0px;
font-size: 10px;
text-align: center;
clear: both;
}
#footernavi {
width: 800px;
height: 20px;
margin: 0px auto;
padding: 10px 0px 0px 10px;
text-align: left;
}
#footer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#footer li {
margin: 0px 15px 0px 0px;
padding: 0px;
display: inline;
}
#footer a {
color: #ffffff;
text-decoration: none;
}
#footer a: hover {
color: # ffffff;
text-decoration: underline;
}
#copyright {
color: #ffffff;
width: 800px;
margin: 0px auto;
padding: 10px;
font-family: Tahoma, Verdana, Arial;
text-align: right;
}
.clearfix: after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */