html,body {
  margin: 0px;
  padding: 0px;
  background-image: url('../img/bg.gif');
  background-repeat: repeat;
  background-position: left top;
}

a img {
  border-style:none;
}


h1 {
  font-size: 0.8em;
  color: #0033CC;
  font-weight: normal;
  text-align: right;
  margin: 10px auto 0px;
  padding: 0px;
  width: 920px;
}


/* HEADER */
#head-bar {
  margin: 10px 0px 0px;
  padding: 0px;
  height: 80px;
  width: 100%;
  background-image: url('../img/bg-head-bar.png');
  background-repeat: repeat-x;
  background-position: center top;
}

#head-box {
  width: 1020px;
  margin: 0px auto;
}

#h-logo {
  text-align: center;
  padding-top: 10px;
  float: left;
  height: 60px;
  width: 300px;
}


#toi-box {
  padding-top: 20px;
  padding-right: 50px;
  padding-bottom: 20px;
  float: right;
  height: 40px;
  width: 180px;
}


/* contents title */
#title-box {
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 145px;
  width: 100%;
}


#title {
  margin: 0px auto;
  padding: 0px;
  position: relative;
  height: 145px;
  width: 900px;
}

img.bg {
    min-width:100%;
    width:100%;
    height:145px;
    position:absolute;
}


.key-photo {
  margin: 0px auto;
  width: 900px;
}


/* メインメニュー */
#menu-bar {
  margin: 0px;
  padding: 0px;
  height: 120px;
  width: 100%;
  background-image: url('../img/menu/bg-menu.png');
  background-repeat: repeat-x;
  background-position: left top;
}


#menu {
  margin: 0px auto;
  padding: 0px 11px;
  list-style-type: none;
  height: 120px;
  width: 900px;
  background: url('../img/menu/bg-mbox.png') no-repeat;
}

#menu li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
  height: 120px;
  width: 180px;
}



/* コンテンツエリア */

#contents {
  font-size: 0.82em;
  margin: 0px;
  padding: 0px;
  clear: both;
  height: auto;
  width: 100%;
}


#c-box {
  margin: 0px auto;
  padding: 10px 10px;
  border-right: 1px solid #A5A5A5;
  border-left: 1px solid #A5A5A5;
  height: auto;
  width: 900px;
  background-color: #FFFFFF;
}


h2 {
  margin: 0px auto 15px;
  height: 35px;
  width: 880px;
}


h3 {
  font-size: 1.7em;
  color: #778899;
  letter-spacing: 2px;
  margin: 0px 0px 10px;
  padding-top: 3px;
  padding-left: 30px;
  height: 27px;
  width: 830px;
  background-image: url('../img/h3.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

/**/
h3.sample02 {
  font-size: 1.7em;
  color: #6495ed;
  letter-spacing: 2px;
  margin: 0px 0px 10px;
  padding-top: 3px;
  padding-left: 30px;
  height: 27px;
  width: 830px;
  background-image: url('../img/h3-02.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

h3.sample03 {
  font-size: 1.7em;
  color: #68a9cf;
  letter-spacing: 2px;
  margin: 0px 0px 10px;
  padding-top: 3px;
  padding-left: 30px;
  height: 27px;
  width: 830px;
  background-image: url('../img/h3-03.gif');
  background-repeat: no-repeat;
  background-position: left top;
}
/**/


h4 {
  font-size: 1.2em;
  color: #409ECC;
  letter-spacing: 2px;
  margin: 20px 0px 10px;
  padding-left: 25px;
  height: 20px;
  width: 815px;
  background-image: url('../img/h4.gif');
  background-repeat: no-repeat;
  background-position: left 1px;
}



.h2-box {
  font-size: 1em;
  line-height: 1.8em;
  padding: 10px 20px;
  height: auto;
  width: 860px;
}

.h3-box {
  line-height: 1.8em;
  margin-bottom: 15px;
  padding: 5px 10px;
  height: auto;
  width: 840px;
}

.h4-box {
  margin-bottom: 15px;
  padding: 5px 10px;
  height: auto;
  width: 820px;
}


.h3-box li {
  margin-bottom: 10px;
}




#fban-box {
  margin: 15px 0px;
  width: 900px;
}

#fban-box ul {
  margin: 0px -10px 0px 0px;
  padding: 0px;
  list-style-type: none;
  width: 910px;
  overflow: hidden;
  -zoom: 1;
}

#fban-box li {
  margin-right: 10px;
  float: left;
}


#fban-box a {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
#fban-box a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}   



.pick {
  font-size: 1.5em;
  color: #3366CC;
  font-weight: bold;
}


.li-box {
    font-size: 11pt;
    color: #666666;
    font-weight: normal;
    line-height: 150%;
    margin: 5px 10px 20px;
}



/* フッター */

#flink {
  font-size: 0.85em;
  color: #999999;
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 45px;
  width: 100%;
  background-image: url('../img/bg-flink.gif');
  background-repeat: repeat-x;
  background-position: left 10px;
}


#flink-box {
  margin: 0px auto;
  padding: 0px;
  height: 45px;
  width: 930px;
  background-image: url('../img/bg-fcon.png');
  background-repeat: no-repeat;
  background-position: center top;
}


#flink-l {
  color: #666666;
  margin: 20px 0px 0px;
  padding: 0px;
  float: left;
  height: 25px;
  width: 310px;
}

#flink-l a,#flink-l a:link,#flink-l a:visited {
  color: #336699;
  text-decoration: none;
}

#flink-l a:hover {
  color: #000066;
  text-decoration: underline;
}


#flink-r {
  margin: 0px;
  padding: 0px;
  float: right;
  height: 45px;
  width: 310px;
}


#foot-bar {
  font-size: 0.85em;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 180px;
  width: 100%;
  background-image: url('../img/bg-footer.png');
  background-repeat: repeat-x;
  background-position: left top;
}


#footer-box {
  margin: 0px auto;
  width: 920px;
}


#footer-l {
  color: #99CCFF;
  line-height: 150%;
  padding-top: 30px;
  float: left;
  width: 340px;
}

#footer-l img { margin-bottom: 30px; }


#footer-r {
  color: #99CCFF;
  line-height: 200%;
  text-align: left;
  padding-top: 20px;
  float: right;
  width: 480px;
}

#footer-r a,#footer-r a:link,#footer-r a:visited {
  color: #FFFFFF;
  text-decoration: none;
  margin-right: 20px;
  padding-left: 20px;
  background-image: url('../img/fl-bulet.png');
  background-repeat: no-repeat;
  background-position: left top;
}

#footer-r a:hover {
  color: #b0e0e6;
  text-decoration: underline;
  margin-right: 20px;
  padding-left: 20px;
  background-image: url('../img/fl-bulet.png');
  background-repeat: no-repeat;
  background-position: left top;
}

.flr { margin-right: -20px; }



/* サイトマップ */

#map ul {
  margin: 0px;
  list-style-type: square;
}

#map li {
  margin-bottom: 15px;
}

#map a,#map a:link,#map a:visited {
  color: #336699;
  text-decoration: underline;
    background: #ffffff;
    padding: 3px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

#map a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #6699FF;
  border-radius: 8px;
}