@charset "utf-8";
/* style_4s.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: 16px;
          color: #ffffff;
          background-color: #003399;
          padding:10px 5px;
          margin-top: 10px;
}

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

/*-----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;
          line-height: 120% 
}


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


h3{
          font-size:16px;
          font-weight: bold;
          color: #ffffff;
          background-color: #00cccc;
          border-left: 30px solid #0033cc;
          padding-top: 10px;
          padding-left: 5px;
          margin:20 20px;
          text-align: left;
          width:600px;
          height:30px;
}

p {
          padding:10px 20px;
          margin:10px 10px; 
 }


.p_1 {
          padding:10px 20px;
          margin:10px 10px;
          line-height: 150%; }

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


ul{
          padding-left: 20px;

}


/* 四角 */
.sikaku {
          list-style: none;
          position: relative;
          padding: 0 0 5 20px;
}


.sikaku:before {
          content:"";
          position: absolute;
          top: 4px;
          left: 0px;
          width: 16px;
          height: 16px;
          display: inline-block;
          background: #333399;
}

span{ margin-left:152px;}

.span_1{ margin-left:10px;}

.span_2{ margin-left:37px;}

.span_3{ margin-left:75px;}

.span_4{ margin-left:122px;}

.span_5{ margin-left:100px;}

.span_6{ margin-left:1px;}

.span_7{ margin-left:80px;}

.span_8{ margin-left:32px;}

.span_9{ margin-left:128px;}


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

table {
          margin-left: auto;
          margin-right: auto;
}

td { text-align:center; vertical-align:middle; }

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