@import url("base.css");

* { box-sizing : border-box;}
* { -moz-box-sizing : border-box;}
* {
  margin:0;
  padding:0;
}



#sitenavi{
  float:left;
  width:27%;
  padding:0.5em;
  background-color:#EFFFED;
  color:inherit;
  border:1px solid #333;
}

#main{
  float:left;
  width:71%;
  margin-bottom:2em;
}

#main-colmn{
  float:left;
  width:68%;
}


#section{
  width:28%;
  float:left;
  /*    margin-left:0.5em;*/
  /*    padding:1em;*/
  border-right:1px solid #FFCCCC;
  border-bottom:1px solid #FFCCCC;
  background-color:#fff4f4;
  color:inherit;
  margin-left:1em;
}

#section ul{
  padding-left:2em;
}

#section li{
  margin-bottom:0.6em;
}

#topics{
  margin-left:0.5em;
  margin-bottom:2em;
  padding-bottom:55px;
  background-color:#fcfffb;
  background-image:url("/img/ball.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
  color:inherit;
  border-top:1px solid #999;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  border-left:1px solid #999;
}

body{
  background-color:#fff;
  color:#333;
  background-image:url("/img/sea2asahi_bg.jpg");
  background-repeat:no-repeat;
  background-position:left top;
}


h1{
  color:#f60;
  background-color:transparent;
  font-size:350%;
  font-weight:900;
  margin-left:5%;
  margin-top:0.2em;
  padding-top:0;
  letter-spacing:0.5em;
}

h2{
  font-size:100%;
  margin:1em;
}

address{
  font-style:normal;
}

#namazu{
  margin:1em;
  padding-right:0;
}

.SSSStyleSelectFormInnerBox{
  margin:1em;
  padding-right:0;
  text-align:left;
}

#sitenavi h2{
  font-size:90%;
  margin:1em 0em;
}

#sitenavi ul{
  list-style-image:none;
  margin:0 0 1em 0;
  padding:0;
  list-style:none;
}

#sitenavi a{
  display:block;
  text-decoration:none;
  font-weight:bold;
  font-size:100%;
}

#sitenavi li{
  list-style:none;
  /*	margin-bottom:0.4em;*/
  padding:0.5em;
  color:inherit;
  text-align:right;
  border:1px solid green;
}

#sitenavi li:hover, #sitenavi a:active{
  background-color:#ffdd99;
  color:red;
}

#sitenavi a:hover, #sitenavi a:active{
  background-color:transparent;
  color:red;
}

#main ul{
  margin-left:0.5em;
}

#main li{
  font-size:82%;
}

.copyright{
  text-align:center;
}

.update{
  display:none;
}

#topics ul{
  margin:1em;
}

#topics li{
  margin-left:2em;
  margin-bottom:0.3em;
}

hr{
  display:none;
}

#footer{
  clear:left;
}


/* #leftside, #rightside{
    float:left;
    width:46%;
    margin:0;
}

#leftside{
    border-right:1px solid #eee;
}
 */

#kurasi{
  background-color:#fffede;
  color:inherit;
  margin-left:0.5em;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:2px solid #999;
  border-bottom:2px solid #999;
}

#kurasi dl{
  background-color:#fffede;
  color:inherit;
  border:none;
  margin:0;
}

#kurasi dt{
  margin-bottom:0.5em;
  margin-top:0.7em;
}

#kurasi dd{
  display:inline;
  border-right:2px solid #333;
  font-size:smaller;
  padding-left:0.5em;
  padding-right:0.5em;
}


#footer dt{
  margin:1em;
}

#footer dd{
  margin-left:3em;
}

ul.banner{
  list-style-image:none;
  margin-left:0;
  padding-left:0;
  list-style:none;
}

.banner li{
  margin-left:-2em;
  padding-left:0.2em;
  margin-bottom:1em;
}

.banner img{
  border:none;
}

#tooltipBox {
  position: absolute;
  left: 25%;
  top: 40%;
  visibility: hidden;

  border-style: solid;       /* 境界線のスタイル */
  border-width: 1px;         /* 境界線の幅 */
  border-color: #cc0;        /* 境界線の色 */
  padding: 0.5em;              /* 余白の幅 */
  font-size:x-larage;            /* フォントサイズ */
  background-color: #eee;  /* 背景色 */
  background-image: none;    /* 背景画像 */
  color: #333;              /* 文字色 */
}

#last-modified{
  font-size:85%;
  text-align:right;
}