@charset "utf-8";
/* style_2s.css */

/* ---------- body ---------- */
body {
          margin: 0;
          padding: 0;
          font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
          background-color: #ffffff;
          background-image: url(buhin/gahag-004093.jpg); 
          background-repeat: no-repeat;
          background-attachment: fixed; 
          background-size:cover;
}

a:link{ color:#000066; }
a:visited{ color:#000066; }
a:hover{ color:#00cccc; text-decoration:none; }

#contents{
          width: 980px;
          margin: auto;
          padding: 0px;
          text-align:left;
          overflow:hidden;
}

#contents h1{
          font-size: 12px;
          color: #ffffff;
          background-color: #003399;
          padding-left: 10px;
          margin-top: 10px;
}

/*---------- ヘッダー ---------- */
#header{
          width:980px;
          background-image: url(buhin/title_sub.gif);
          background-repeat: no-repeat;
          margin-top:20px;
          padding-top:0px;
          height: 150px;
}


/*-----menu----*/
#menu {
          width: 100%;
          height: 45px;
          padding: 0px;
          margin: 15px 0px;
          list-style-type: none;
}

.menu_1{
          background: #003399;
}

.menu_2{
          background: #00cccc;
}


#menu li {
          width: 18%;
          float: left;
          padding: 0;
          margin: 0px 3px;
          text-align: center;
}

#menu li a {
          width: auto;
          color: #fff;
          font-size: 14px;
          font-weight: bold;
          margin: 0;
          padding: 12px 0;
          text-decoration: none;
          display: block;
}

#menu li a:hover {
          background: #ffff33;
}

#main{
          font-size:16px; /* 文字サイズ*/
          width: 100%;
          margin: 3px 0px;
          background-color:rgba(255,255,255,0.5);
          text-align:left;
          padding: 0px 5px;
          overflow:hidden;
}

p.p_1 {
          padding:5px 20px;
          margin:0px 10px;
          line-height: 140%; }
          
/*ヘッダータイトル下説明文----------------------------------*/
h2{
          font-size:16px;
          font-weight: bold;
          color: #ffffff;
          background-color: #006699;
          border-left: 30px solid #ccff00;
          padding: 10px 10px;
          margin:10px 20px;
          text-align: left;
          height:30px;
}


img.img_right{
          float: right;
          padding: 10px;
          margin-left: 10px;
}

img.img_left{
          float: left;
          padding: 10px;
          margin-right: 10px;
}

span{ margin-left:38px;}

.span_1{ margin-left:5px;}

.span_2{ margin-left:23px;}

.span_3{ margin-left:53px;}

ul{
          padding-left: 20px;

}

.ul_1 {
          list-style-type: none;
}

.li_1 {
          display: inline;
}

ul.waku1{
          position: relative;
          padding: 4px 15px 15px 30px;
          margin-top:2px;
          margin-left:80px;
          font: 16px/1.6 'arial narrow', sans-serif;
          border: solid 3px #0033cc;
          border-radius:8px;
          color: #0033cc;
          width:400px;
          background: #fff;
}
ul.waku1:before{
          content:"\30E1\30F3\30D0\30FC";  /* メンバー */
          position: absolute;
          display: block;
          top: -22px;
          left: 20px;
          background: #fff;
          font-size: 16px;
          font-weight: bold;
          padding:0 10px;
}

ul.waku1 li{
          font-weight: bold;
}

li {
          list-style: none;
}

/* 四角 */
.sikaku {
          position: relative;
          padding: 0 0 0 20px;
}
.sikaku:before {
          content:"";
          position: absolute;
          top: 4px;
          left: 0px;
          width: 16px;
          height: 16px;
          display: inline-block;
          background: #333399;
}

div.clear{
          clear: both;
          margin: 0 0 100px 0;
}



#foot {
          width:980px;
          padding: 10px 0px;
          text-align: center;
          margin: 10px 0px;
          margin-right:0px;
          background: #006699;
          color: #ffffff;
          clear: both;
}