﻿@charset "UTF-8";


/* ========BASIC======== */

#sub-contents {
   background-color : rgb(250, 255, 200);
   clear:both;
   position:relative;
   z-index:200;
//   overflow:hidden;
   width:980px;
   margin:0px auto 0 auto;
   background:#fff;
}

#menuIndex {
   float:left;
   position:relative;
   z-index:-1
   overflow:hidden;
   height:382px;
   background:#ddd;
}

/* ========ICATCH CONTENTS CUSTOMIZE======== */
#icatchWrap #icatch h2 {
   font-size:30px;
   font-family:"ＭＳ 明朝", Century, sans-serif;
   font-weight:bold;
   color:#fff;
   text-align:left;
   padding-left:10px;
text-shadow: 2px  2px 2px #003300,
            -2px  2px 2px #009900,
             2px -2px 2px #003300,
            -2px -2px 2px #009900;
filter: Shadow(Color=#006600, Direction=135, Strength=4);
}

#icatch {
   background : transparent url(wide_natsu.jpg) repeat scroll 0% 0%; 
}

#icatch p {
   color:#000;
   font-size:20px;
   font-weight:bold;
   color:#fff;
   padding:0 0 20px 20px;
text-shadow: 2px  2px 2px #003300,
            -2px  2px 2px #009900,
             2px -2px 2px #003300,
            -2px -2px 2px #009900;
filter: Shadow(Color=#006600, Direction=135, Strength=3); height: 3em;
}
#icatch table {
   width:980px;
   height:300px;
   margin:0;
}
#icatch td {
   padding:10px;
   vertical-align:top;
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
#icatch dl {
   width:100%;
   background:#fff;
   border:1px solid #FFD800;
   margin-top:-3px;
}
#icatch dl.information dt {
   float:left;
   width:5em;
   margin:0;
   padding:0;
}
#main ul.icon{
   list-style-image : url(list_orange.png);
}

#main ul.submenu {
   list-style-image : url(list_orange.png);
}
#main ul.submenu li {
   float:left;
   width:120px;
   margin:0;

}
/* ======== 以下は所報画面表示時のずれ補正対応のため、css/sub.cssのものをコピー 2018/2/8 ======== */

#sub {
   float:left;
   width:970px;
   padding:5px;
   background:url("../images/bg_contents.gif") 0 0 no-repeat;
}

#sub .section {
   margin-bottom:10px;
   border:1px solid #E8E8E8;
}

#sub h3 {
   font-size:0.9em;
   padding:5px;
   font-weight:bold;
   color:#fff;
   text-align:left;
   border:1px solid #fff;
   border-bottom:none;
   background:#0089a1 url("../images/bg_sub_h4.gif") 0 0 repeat-x;
}

#sub ul {
   margin:0;
   padding:5px 5px 1px 5px;
   border:1px solid #fff;
   background:#E8E8E8;
}

.clearLeft {
   clear:left;
}

#sub li {
   margin-bottom:5px;
   margin-right:5px;
   padding:5px;
   line-height:1.4;
   border:1px solid #b5b5b5;
   list-style:none;
   float:left;
   width:23%;
   background:#fff url("../images/bg_sub_list.gif") 0 0 repeat-x;
}

#sub li a {
   display:block;
   line-height:1.5;
    text-decoration:none;
   border-left:5px solid #80a100;
   padding-left:10px;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"メイリオ", Verdana, Helvetica, sans-serif;
   font-size:0.9em;
   color:#333;
   border-top:3px solid #80a100;
   background:#fff;
}


a {
   color:#0089a1;
   text-decoration:underline;
}

a:hover {
   color:#006699;
   text-decoration:none;
}


