@CHARSET "UTF-8";
label.regist {
display: block;
width: 120px;
float: left;
margin-bottom: 10px;
}
input.regist {
display: block;
float: left;
margin-bottom: 10px;
}
label.regist {
text-align: right;
padding-right: 15px;
}
br.clear { clear: left; }

div.list {
display: block;
width: 600px;
float: left;
}
div.list_gray {
display: block;
width: 600px;
float: left;
background-color: lightgray;
}
div.img {
margin-left: 20px;
text-align: left;
}

h1 {
text-align: center;	
color: deeppink;
display: block;
background-color: #BCEDEF;
margin-left: auto;
margin-right: auto;
}

h3 {
text-align: center;	
color: gray;
}

.info,.header,#footer {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
}

hr {
height: 1px;
background-color: #BCEDEF;
border: none;
}

.title {
display: block;
width: 70%;
float: left;
margin-bottom: 2px;
font-weight: bold;
font-size: large;
color: #3399CC;
border-bottom: 1px dotted #89c3eb;border-left: 10px solid #89c3eb;padding: 2px;
}
.date {
display: block;
float: left;
margin-bottom: 2px;
text-align: right;
padding-right: 5px;
}
.bottom {
text-align: center;
}
a:link {color:#FF6699;} /*未訪問のリンクの色*/
a:visited {color:#6699CC;} /*訪問済みのリンクの色*/
a:hover {color:#FF3333; background:white;} /*カーソルが乗っているリンクの色*/
a:active {color:#ffcc00;} /*クリック中のリンクの色*/
a   { text-decoration:none;}
a.special:link {color:skyblue;}
a.special:hover {color:skyblue;}

/*
* メニュー表示
*/
#navi{  
  margin: 0;  
  padding: 0;  
}  
#navi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
#navi li{  
  float: left;  
  width: 150px;  
  margin: 0;  
  padding: 0;  
}  
#navi a{  
  text-align: center;  
  display:block;  
  padding: 0.5em 0;  
  width: 100%;  
  background-color: deeppink;  
  color: white;  
}  
#navi a:hover{  
  background-color: gray;  
  color: white;  
}  
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}