/* ????S???v?f??]????[????w?? */
* {
  margin: 0;
  padding: 0;
}
/* ?S??I??????N */

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: underline;
}
a:link {
  color: #00f;
}
a:visited {
  color: #90f;
}
a:hover {
  color: #f00;
}
a:active {
  color: #f00;
}
/* --- 強調 --- */
strong{
  color : red;
}
strong.blue{
  font-weight : bold;
  color : blue;
}
strong.midashi{
  font-size : 120%;
  color : white;
  background-color : red;
}

/* -------------------------------------------------------------
   [1] ???C?A?E?g??????w?? */

body {
  font-size: 85%;
  text-align: center;
  font-family : "Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",sans-serif;
  padding: 0;
  margin: 0;
}
#wrapper {
  text-align: left;
  margin : auto;
  padding : 10px;
  width: 840px;
  border-left : 1px solid gray;
  border-right : 1px solid gray;
}
#header {
background-image:url(img/top_bana.gif);
border-color:#004000;
border-style:double;
border-width:1px;
height:320px;
}
#header-inner {
background:url(img/top.gif) no-repeat 100% 0;
width:100%;
height:100%;
position:relative;
top:3px;
right:3px;
}
/* --------------?G??[Beauty-Line]*/
#midashi {
  background-color:#badcbe;
  text-align:center;
  margin-bottom:0.5em;
  padding:0.3em;
  color:#008040;
  font-size:90%;
}
#container {
  width: 630px;
  float: left;
}
/* --------------?Z???^?[?R???e???c*/

#contents {
  width: 430px;
  float: right;
}
#left-sidebar {
  padding:1px;
  border-color:#004000;
  border-style:solid;
  border-width:1px;
  width:190px;
  float:left;
}
#right-sidebar {
  width: 180px;
  float: right;
}
p img {
  text-align:center;
  margin-bottom:0.5em;
}
#footer {
  padding : 20px 0px 30px;
  background: url(img/bg-footer.jpg) repeat-x 0 0;
}
/* -------------------------------------------------------------
   [2] ?w?b?_?[?u???b?N???????w?? */

/* ?L?[???[?h */
h1 {
  position:absolute;
  top:10px;
  left:20px;
}
/* ?????b?V???b?v???b?^?C?g?? */

.logo a {
  text-decoration: none;
  color: #000;
}
.logo a:hover {
  text-decoration: none;
  color: #f00;
}
/* ?y?[?W??T?v */
.description {
  position:absolute;
  top:88px;
  left:30px;
}
#message {
  width : 280px;
  position:absolute;
  top : 120px;
  left : 20px;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 4px;
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  line-height : 140%;
}
/* -------------------------------------------------------------
   [3] ?R???e???c?u???b?N???????w?? */

/* -- ???o?? -- */
h3,h4,h5,h6 {
  background:url(img/bg-h.gif) no-repeat 0 0;
  background-color:#c9f592;
  font-size:120%;
  font-weight:normal;
  margin-bottom:1px;
  padding-left:20px;
  clear:both;
}
#contents h2 {
  color:#404040;
  background-color:#c9f592;
  background-image:url(img/bg-h.gif);
  background-repeat:no-repeat;
  font-size:125%;
  font-weight:normal;
  margin:0 0;
  padding-top:0.1em;
  padding-left:20px;
  padding-bottom:0.1em;
  border-color:#005b00;
  border-style:solid;
  border-width:1px 0 1px;
}
h3,h4,h5,h6 {
  margin-top: 3em;
}
/* -- ???? -?e?L?X?g- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
}
#menu li {
  padding:0.5em;
  padding-right:5px;
  display:inline;
}
#menu li a{
  text-decoration:none;
}
a:link {
  color:#004000;
}
a:visited {
  color:#004000;
}
a:hover {
  color: #88aaff;
  background-color:#FFCC33
;
}

/* -------------------------------------------------------------
   [4] ?T?C?h?o?[?u???b?N???????w?? */

/* -- ?T?C?h?o?[?^?C?g?? -- */
.side-title {
  padding-bottom: 2px;
  margin-top : 10px;
}
/* -- ???X?g/?T?C?h?o?[???j???[ -- */
.localnavi {
  font-size : 95%;
  margin-bottom:20px;
  list-style-type:none;
  line-height : 130%;
  color : #454545;
}
dl{
  color:#3a3a3a;
  font-size:80%;
  line-height:130%;
  margin-bottom:3px;
}
.localnavi li {
  display:inline;
}
.localnavi a {
  font-size : 100%;
  text-decoration: none;
  width: 180px;
  padding: 4px 4px;
  display: block;
  border: 1px outset #eee;
  background-color: #363;
  color: #fff;
  clear : both;
}
.localnavi a:hover {
  text-decoration: none;
  border: 1px outset #eee;
  background-color: #9c0;
  color: #f00;
}
#right-sidebar .localnavi li a {
  font-size: 90%;
  text-decoration: none;
  width: 170px;
  padding: 4px 4px;
  display: block;
  border: 1px outset #eee;
  background-color: #363;
  color: #fff;
}
#right-sidebar .localnavi li a:hover {
  text-decoration: none;
  border: 1px outset #363;
  background-color: #9c0;
  color: #f00;
}
.sidebar-dl {
  font-size: 90%;
  margin : 20px 0px;
}
.sidebar-dl dt {
  text-align: center;
  padding: 4px 0;
  background-color: #363;
  color: #fff;
  font-size : 100%;
}
.sidebar-dl dd {
  margin-bottom: 10px;
  border: 1px solid #363;
  text-align : center;
}
/* -------------------------------------------------------------
   [5] ?t?b?^?[?u???b?N???????w?? */

#footer p {
  text-align: center;
  padding-top : 10px;
  color: #fff;
  font-size : 90%;
}
/* -------------------------------------------------------------
   [6] CSS?f?U?C???T???v???????N?w?? */

#cds {
  font-size: 80%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0;
  padding: 5px 0 0 5px;
  clear: both;
  background: url(img/bg-cds.jpg) no-repeat 0 0;
}
p.index {
  color:#ffffff;
  background-image:url(img/bg-index.jpg);
  background-repeat:no-repeat;
  font-family:geneva, arial, helvetica, sans-serif;
  font-size:110%;
  font-weight:bold;
  text-align:center;
  margin-left:2px;
  padding:10px;
}
#cds,
#cds a,
#cds a:hover {
  text-decoration: none;
  color: #060;
}
p.moji {
  color:#454545;
  font-size:90%;
  line-height:0.5em;
}
p.moji strong {
  color:#008040;
  font-size:110%;
}
p.kakomi{
  color:#004000;
  background-color:#c9f592;
  text-align:center;
  padding:1px;
  border:1px solid green;
  ;
-moz-border-radius:30px
}
table{
  border-collapse : collapse;
  caption-side : top;
  empty-cells : show;
  border-width : 1px;
  border-style : solid;
  border-color : green;
  width : 90%;
  text-align : center;
  margin-bottom : 3px;
}
td{
  padding-top : 0.1em;
  padding-left : 0.1em;
  padding-right : 0.1em;
  padding-bottom : 0.1em;
  border-width : 1px;
  border-style : solid;
  border-color : green;
}
th{
  padding-top : 0.1em;
  padding-left : 0.1em;
  padding-right : 0.1em;
  padding-bottom : 0.1em;
  border-width : 1px;
  border-style : solid;
  border-color : green;
  background-color : #c9f592;
}
td.storong{
  font-weight : bold;
  color : white;
  background-color : red;
}
#sub{
  font-size : 130%;
  font-family : sans-serif;
  font-weight : bold;
  font-style : italic;
  position : absolute;
  top : 2px;
  right : 105px;
}
#url{
  font-size : 150%;
  font-weight : bold;
  font-style : oblique;
  color : gray;
  word-spacing : 2px;
  position : absolute;
  top : 290px;
  left : 25px;
  font-family : Batang,serif;
}
p.right{
  font-size : 95%;
  line-height : 130%;
  color : #444444;
  text-align : left;
  padding-left : 1px;
  padding-right : 1px;
}
.sidebar-dl a:hover{
  background-color : transparent;
}
p.img a:hover{
  background-color : transparent;
}
.dd img{
  padding-right : 0.5em;
  padding-bottom : 0.5em;
  float : left;
  text-align : left;
}
#ssl img{
  margin-right : 0.5em;
  float : left;
}
p.ssl{
  font-size : 80%;
  color : gray;
  line-height : 50%;
  clear : both;
}
hr{
  color : green;
  border-width : 2px;
  border-style : double;
  margin-bottom : 5px;
}
.localnavi img{
  float : left;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.localnavi p{
  border-width : 1px;
  border-style : solid;
  border-color : green;
  font-size : 90%;
}
#day{
  margin-left : 70%;
  font-size : 80%;
  font-weight : lighter;
  font-style : italic;
}