@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
  * {
  font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    color:#333;
    font-size:100%;
  }

 body {
    letter-spacing:1px;
    line-height:1.6;
 }

 h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:88%;/* 14px相当 */
 }

 p {
    margin:0 0 1em 0;
    padding:0;
    font-size:88%;/* 14px相当 */
 }

 br {
    letter-spacing:normal;
 }

 img {
    border:0;
 }
 a {
    color:#3333CC;
    /* text-decoration:none; */
 }

 a:hover {
    color:#336633;
    border-bottom:1px solid #92C45B;
 }

a.koubo {
    color:#c53d43;
}

a.koubo:hover {
    color:#c53d43;
   border-bottom:1px solid #c53d43;
}

 dl,ul {
    margin:0 0 1em 0;
    padding:0;
    font-size:88%;/* 14px相当 */
 }

 ol {
    margin:10px 0 1em 0;
    padding:0;
    font-size:88%;/* 14px相当 */
 }


 li {
    margin:7px 0 0 40px;
    padding:0;
 }

.table1 {
  border: 1px solid gray;
  width: 650px;
}
.table1 th, .table1 td {
  border: 1px solid gray;
}

 /* ========TEMPLATE WIREFRAME======== */


 div#slideshow h4 {
    font-size:88%;
    color:#ffffff;
    /* color:#000000; */
    font-weight: bold; 
}

 div#top {
    width:1200px;
    margin:-10px auto;
    padding:0 20px;
    background:#fff;
 }

 div#header {
    width:1200px;
    margin:-10px auto;
    background:#ffffff;
    position:fixed;
    z-index:1;
 }

 div#navi {
    position:absolute;
    top:20px;
    right:0;
 }

 div#menu {
    float:left;
    width:1200px;
    margin:0 0;
    background:#333;
    position:fixed;
    z-index:2;
 }

 div#contents {
    clear:both;
    width:1200px;
    position:relative;
    z-index:0;
 }

 div#totop {
    clear:both;
 }

 div#footer {
    width:1200px;
    clear:both;
    padding:10px 0;
 }

 /* ========HEADER CUSTOMIZE======== */
 div#header h1 {
    padding:20px 0;
    font-weight:bold;
    font-size:175%;/* 28px相当 */
 }

 div#header p {
    margin:0;
    padding:0 0 5px 0;
    border-bottom:1px solid #CECFCE;
 }

 div#navi ul {
    list-style:none;
 }

 div#navi li {
    float:left;
    margin:0 0 0 22px;
    padding:0 0 0 20px;
    font-size:82%;/* 13px相当 */

 }

 div#navi li.sitemap {
    background:url(images/icon_sitemap.gif) 0 50% no-repeat;
 }

 div#navi li.contact {
    background:url(images/icon_contact.gif) 0 50% no-repeat;
 }

 div#navi li.feed {
    background:url(images/icon_feed.gif) 0 50% no-repeat;
 }

 div#navi li a {
    border-bottom:1px solid #CECFCE;
 }

div#container {
/*gradient*/
background: rgb(98,125,77); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(98,125,77,1)), color-stop(100%,rgba(31,59,8,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*box styles*/
    height: 60px;
    width: 800px;
    margin: 10px ;
/*shadow*/
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
/*corners*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
}

div#container h1 {
    font-size: 28px;
    line-height: 19px; 
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    text-align: center; 
    text-shadow: rgba(0, 0, 0, .3) 5px 5px 5px;
    color: #fff;
}


 /* ========MENU CUSTOMIZE======== */
 div#menu ul {
    list-style:none;
    margin:0;
    padding:0;
    font-size:100%;/* 12px相当 */ 
 }
 div#menu li {
    float:left;
    margin:0;
    padding:0;
    font-size:80%;
    width:200px; 
 }

 div#menu li a {
    display:block;
    padding:5px;
    float:center;
    color:#fff;
    text-shadow: 2px 2px 1px black;
 }

 div#menu li a:hover {
    color:#fff;
    background-color:#696969;
    border:none;
 }

 div#menu .on {
    background-color:#696969;
    color:#fff;
 }


 /* ========CONTENTS CUSTOMIZE======== */
 div#contents h1 {
    font-weight:bold;
    font-size:125%;/* 15px相当 */
 }

 div#contents h2 {
    font-weight:bold;
    font-size:100%;/* 16px相当 */
    border-left:solid 5px #696969;
    border-top:solid 1px #696969;
    margin:5px 0;
    padding:2px 0 2px 10px;
    line-height:1.0;
    font-family: Georgia, "Hiragino Maru Gothic Pro", "メイリオ", Times New Roman, Times, "MS P ゴシック", sans-serif; 
    text-shadow: 2px 2px 3px grey;
 }

 div#contents h3 {
    font-weight:bold;
    font-size:94%;/* 15px相当 */
 }

 div#contents dl {
    margin:0;
    padding:0;
 }

 div#contents dt {
    text-decoration:underline;
 }

 div#contents dd {
    margin:0 0 1em 1em;
 }



 /* ========TOTOP CUSTOMIZE========= */
 div#totop {
    padding:10px 0;
    text-align:right;
    font-size:82%;/* 13px相当 */
 }

 div#totop a {
    padding:0 0 0 12px;
    background:url(images/bg_totop.gif) 0 60% no-repeat;
 }


 /* ========FOOTER CUSTOMIZE======== */
 address {
    text-align:center;
    font-size:63%;/* 10px相当 */
    font-style:normal;
    padding:5px 0;
   border-top:1px solid #CECFCE;
}


 /* ========PAPER CUSTOMIZE======== */
div#contents div.pnum {
   clear:both;
   float: left;
   width: 35px;
   font-size: 10pt;
}

div#contents div.ptitle {
    margin-left:  35px;
   font-size: 10pt;
}

div#contents div.pinfo {
   font-size:  10pt;
   margin-left:  35px;
}

#slideshow {
   position: relative;
   width:  1200px;
   height: 340px;
}
#slideshow div {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white;
   height: 340px;
}
#slideshow div.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow div.last-active {
    z-index: 9;
}

#slideshow div img {
   width:  1200px;
   height: 340px;
   display: block;
   border: 0;
   margin-bottom: 10px;
}

div#logo2 {
   position: absolute;
   top: 230px;
   left:20px;
   background-color: white;
   z-index: 10;
}

div#koubo {
    color: red;
}