body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #222222;
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: 100%;
    background-image: url(../images/base/bg.gif);
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, p{
	margin:0;
	padding:0;
}
img {
	border: none;
}
a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=80 )";
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.linkfix {
    margin-top: -190px;
    padding-top: 190px;
}
#wrap_head {
    background-image: url(../images/base/bg_comment.gif);
    /* [disabled]height: 190px; */
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 100;
    top: 0;
    background-repeat: repeat-x;
}
#header {
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    width: 950px;
    padding-left: 30px;
    padding-right: 30px;
    background-image: url(../images/base/bg_header.gif);
    background-position: center 30px;
    height: 160px;
    clear: both;
}
#comment {
    font-size: 80%;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 950px;
    line-height: 30px;
    clear: both;
}
#logo h1 {
    margin-right: auto;
    margin-left: auto;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 710px;
}
#logo h1 img  {
    height: 50px;
    width: auto;
    margin-left: 5px;
}
#nav  {
    float: right;
    width: 946px;
    margin-bottom: 20px;
    background-color: #028843;
}
#nav ul li a img {
    width: 188px;
    height: auto;
}
#nav ul li      {
    list-style-type: none;
}
#nav ul li {
    font-size: 0px;
    line-height: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 188px;
    display: block;
    height: auto;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}
#nav li+ li {
  border-left: 0;
  border-right: 1px solid #FFFFFF;
}
#contents {
    width: 950px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-top: 160px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    background-color: #FFFFFF;
}
#pagetitle h2 {
    background-image: url(../images/base/bg_title.jpg);
    background-repeat: no-repeat;
    line-height: 120px;
    font-weight: bold;
    font-size: 170%;
    /* [disabled]color: #FFFFFF; */
    text-indent: 30px;
    background-color: #FFFFFF;
    text-align: left;
    width: 950px;
    clear: both;
    height: 120px;
    margin-bottom: 20px;
    padding-right: 0px;
}
#main  {
    width: 880px;
    float: left;
    border: 1px solid #D0D0D0;
    padding-top: 34px;
    padding-right: 34px;
    padding-bottom: 34px;
    padding-left: 34px;
    border-radius: 20px;
}
#main #visual  {
    margin-bottom: 30px;
    width: 880px;
    clear: both;
    height: 280px;
}
#main p  {
    margin-bottom: 1em;
    line-height: 1.7em;
}
#main h3  {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0.5em;
    font-size: 130%;
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(../images/base/h3.gif);
    color: #004600;
}
#main h4  {
    font-size: 115%;
    margin-bottom: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FF8A01;
    background-image: url(../images/base/h4.gif);
    background-repeat: no-repeat;
    border-bottom: 1px solid #C8C8C8;
    background-position: left center;
    padding-left: 30px;
}
#main h5  {
    font-size: 100%;
    margin-bottom: 0.25em;
}
#main ul  {
	margin-bottom: 0px;
}
#main ul li  {
    list-style-position: outside;
    margin-left: 1em;
	padding-bottom:5px;
	padding-top:10px;
}
#main .section  {
    margin-bottom: 3em;
    clear: both;
    width: 880px;
}
#main .section .article  {
    margin-bottom: 2em;
    width: 880px;
    clear: both;
}

#main p img  {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}
#wrap_foot {
    background-color: #F5F5F5;
    clear: both;
    border-top: 1px solid #FFFFFF;
}
#footer {
    width: 950px;
    font-size: 90%;
    line-height: 1.7em;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#textlink {
    padding-bottom: 10px;
    padding-top: 20px;
}
#textlink p {
    padding-bottom: 10px;
}
#copyright {
    background-image: url(../images/base/bg_comment.gif);
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 75%;
    text-align: center;
}
#copyright a {
    text-indent: 30px;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
}
#topbutton {
    /* ▼表示位置を画面の右下に固定 */
    position: fixed; /* ←表示場所を固定 */
    bottom: 18px;   /* ←下端からの距離 */
    right: 18px;     /* ←横幅 */
    /* ▼最初は非表示にしておく */
    display: none; /* ←背景色 */
    /* [disabled]opacity: 0.75; */     /* ←文字の太さ */
    margin: 0px;    /* ←外側の余白 */
    /* [disabled]padding: 10px; */
    z-index: 1;
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
    text-decoration: underline; /* ←下線あり */
    opacity: 0.75;
   }