/* CSS Document */

h1 { font-size: 140%;}
h2 { font-size: 130%;}
h3 { font-size: 120%;}
h4 { font-size: 110%;}
h5 { font-size: 100%;} 
h6 { font-size: 80%;;}

body {
  margin: 0;
  padding: 0;
}
      
img {border-style:none}

/* ======== */
/* = 角丸 = */
/* ======== */
.kado0scroll01 {height: 10px;}
.kado1scroll01 {margin: 0 5px; height: 1px; overflow: hidden; background-color: #78c978;}
.kado2scroll01 {margin: 0 3px; height: 1px; overflow: hidden; background-color: #78c978;}
.kado3scroll01 {margin: 0 2px; height: 1px; overflow: hidden; background-color: #78c978;}
.kado4scroll01 {margin: 0 1px; height: 2px; overflow: hidden; background-color: #78c978;}
.kado5scroll01 {padding: 10px; background-color: #78c978;}

.kado0 {height: 10px;}
.kado1 {margin: 0 5px; height: 1px; overflow: hidden; background-color: white;background: url("/images/MainImage01.jpg") no-repeat top;}
.kado2 {margin: 0 3px; height: 1px; overflow: hidden; background-color: white;background: url("/images/MainImage01.jpg") no-repeat top;}
.kado3 {margin: 0 2px; height: 1px; overflow: hidden; background-color: white;background: url("/images/MainImage01.jpg") no-repeat top;}
.kado4 {margin: 0 1px; height: 2px; overflow: hidden; background-color: white;background: url("/images/MainImage01.jpg") no-repeat top;}
.kado5 {padding: 10px; background-color: white;background: url("/images/MainImage01.jpg") no-repeat top;}

.kado0green {height: 10px;}
.kado1green {margin: 0 5px; height: 1px; overflow: hidden; background-color: #00ae00;}
.kado2green {margin: 0 3px; height: 1px; overflow: hidden; background-color: #00ae00;}
.kado3green {margin: 0 2px; height: 1px; overflow: hidden; background-color: #00ae00;}
.kado4green {margin: 0 1px; height: 2px; overflow: hidden; background-color: #00ae00;}

.kado0skyblue {height: 5px;}
.kado1skyblue {margin: 0 5px; height: 1px; overflow: hidden; background-color: #d9e5f7;}
.kado2skyblue {margin: 0 3px; height: 1px; overflow: hidden; background-color: #d9e5f7;}
.kado3skyblue {margin: 0 2px; height: 1px; overflow: hidden; background-color: #d9e5f7;}
.kado4skyblue {margin: 0 1px; height: 2px; overflow: hidden; background-color: #d9e5f7;}

.kado0blue1 {height: 5px;}
.kado1blue1 {margin: 0 5px; height: 1px; overflow: hidden; background-color: #7dc3ff;}
.kado2blue1 {margin: 0 3px; height: 1px; overflow: hidden; background-color: #7dc3ff;}
.kado3blue1 {margin: 0 2px; height: 1px; overflow: hidden; background-color: #7dc3ff;}
.kado4blue1 {margin: 0 1px; height: 2px; overflow: hidden; background-color: #7dc3ff;}


/* ==================== */
/* = ヘッダー関連     = */
/* ==================== */
div#Header01 {
  margin: 0;
  padding: 0;
}

  #Header01 #logo01 {
    margin: 0 auto;
    padding: 0;
    height: 55px;
    background: url("/images/logo.gif") no-repeat 0;
  }
  
  #Header01 #MainImage01 {
    margin: 0 auto;
    padding: 0;
    height: 273px;
    background: url("/images/main01.jpg") no-repeat 0;
  }

  #Header01 #logo01 {
    margin: 0 0 0 60px;
    padding: 0;
    height: 120px;
    width: 200px;
    background: url("/images/logo.gif") no-repeat 0;
    float: left;
  }

  #Header01 #logo02 {
    margin: 70px 0 0 100px;
    padding: 0;
    height: 50px;
    width: 250px;
    background: url("/images/date2.gif") no-repeat 0;
    float: left;
  }
  
  #Header01 #design01 {
    margin: 0 0 0 600px;
    padding: 0;
    height: 120px;
    background: url("/images/runner01.jpg") no-repeat 0;
  }




/* ================ */
/* = メイン部     = */
/* ================ */
div#Main01 {
  margin: 0;
  padding: 0;
  background-color: #4dac26;
}
div#Main01bk {
  margin: 0;
  padding: 0;
  height:400px;
  background-color: #4dac26;
}

  /* = メニュー部分 = */
  #Main01 #Menubox {
    margin: 0 auto;
    padding: 0;
    height: 40px;
    width: 700px;
  }
  .Menu01 a {
    margin: 5px;
    padding: 0;
    width: 100px;
    height: 30px;
    -webkit-border-radius: 10px; /* Safari、Google Chrome */
    -moz-border-radius: 10px;	 /* Firefox */
    float: left;
  }
    .Menu01 p {
      margin: 0 1em;
      color: #fff;
    }
  .Menu01 a:link { background-color: #4dac26; }
  .Menu01 a:hover { background-color: #71bd51; }
  
  
  /* = トップ画像部分 = */
  #Main01 #Imagebox {
    margin: 0 auto;
    padding: 0;
    width: 800px;
    height: 240px;
  }

  /* = メイン部分 = */
  #Main01 #Mainbox01 {
    margin: 0 50px 0 100px;
    padding: 0;
    width: 700px;
  }

  #Main01 #Mainbox02 {
    margin: 0 40px 0 100px;
    padding: 0;
    width: 540px;
    float: left;
  }
  
  #Main01 #Mainbox03 {
    margin: 0;
    padding: 0;
    width: 250px;
    float:left;
  }

  #Main01 #Mainbox04 {
    margin: 0;
    padding: 0;
  }
    
  #Main01 .titlemain{
    margin: 0;
    padding: 0;
    height: 100px;
    width: 600px;
    font-weight: bold;
    font-size: 12pt;
    color: white;
    background: url("/images/date.gif") no-repeat 0;
  }
  
  #Main01 .title01{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/whatnew.gif") no-repeat 0;
  }

  #Main01 .title02{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/information.gif") no-repeat 0;
  }
  #Main01 .title03{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/entry.gif") no-repeat 0;
  }

  #Main01 .title04{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/access.gif") no-repeat 0;
  }
    
  #Main01 .title05{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/photos.gif") no-repeat 0;
  }

  #Main01 .title06{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/contact.gif") no-repeat 0;
  }
  
  #Main01 .title07{
    margin: 0;
    padding: 0;
    height: 50px;
    background: url("/images/result.gif") no-repeat 0;
  }
      
  #Main01 .subtitle01{
    margin: 0 0 0 50px;
    padding: 0;
    height: 50px;
    font-weight: bold;
    font-size: 14pt;
    color: white;
  }
  
  #Main01 .subtitle01 a {
    color: white;
    text-decoration: none; 
  }

  #Main01 .subtitle02{
    margin: 0 0 0 100px;
    padding: 0;
    font-weight: bold;
    font-size: 12pt;
    color: white;
  }
  #Main01 .subtitle02 a:link { color: aliceblue; text-decoration: none; }
  #Main01 .subtitle02 a:hover { color: pink; text-decoration: none; }

  #Main01 .subtitle03{
    margin: 0 5px;
    padding: 0;
    font-weight: bold;
    font-size: 11pt;
    color: white;
  }
  
  #Main01 #Details{
    margin: 0;
    padding: 0;
    height: 500px;
  }


  
  

  /* ホームの新着情報で使用 */
  div#Detail01 {
    margin: 0;
    padding: 0;
  }
  div.Detail01date {
    margin: 0;
    padding: 0;
    width: 120px;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    float: left;
  }
  div.Detail01title {
    margin: 0;
    padding: 0 0 0 15px;
    width: 350px;
    font-weight: bold;
    font-size: 11pt;
    color: white;
    background: url("/images/point01.gif") no-repeat 0;
    float: left;
  }
  div.Detail01sub {
    margin: 0;
    padding: 0 0 0 135px;
    width: 300px;
    font-weight: bold;
    font-size: 11pt;
    color: white;
    clear:left;
  }
  
  /* ライン */
  div.Detail01line {
    margin: 10px 0;
    padding: 0;
    height: 1px;
    background: url("/images/line01.gif") repeat-x 0;
  }
  div.Detail02line {
    margin: 20px 0;
    padding: 0;
    height: 2px;
    background: url("/images/line01.gif") repeat 0;
  }
  
  
  
  /* 大会情報で使用 */
  div#Item02title {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 14pt;
    background: url("/images/point02.gif") no-repeat 0;
  }
  div#Item02SubTitle {
    margin: 0;
    padding: 0 0 0 15px;
    font-size: 12pt;
    font-weight: bold;
    color: green;
    background: url("/images/point03.gif") no-repeat 0;
  }
  
  div#Item02Sub {
    margin: 0 0 0 30px;
    padding: ;
    font-size: 11pt;
  }
  div#Item02SubSub {
    margin: 0 0 0 30px;
    padding: ;
    font-size: 10pt;
  }
  
  div#MenuBanner02 {
    margin: 0;
    padding: 0;
    height: 70px;
    background: url("/images/back_image02.jpg") no-repeat 0;
  }

  div#MenuBanner03 {
    margin: 0;
    padding: 0;
    height: 70px;
    background: url("/images/back_image03.jpg") no-repeat 0;
  }

  div#MenuBanner04 {
    margin: 0;
    padding: 0;
    height: 70px;
    background: url("/images/back_image04.jpg") no-repeat 0;
  }

  div#MenuBanner05 {
    margin: 0;
    padding: 0;
    height: 70px;
    background: url("/images/back_image05.jpg") no-repeat 0;
  }

  div#MenuBanner06 {
    margin: 0;
    padding: 0;
    height: 70px;
    background: url("/images/back_image06.jpg") no-repeat 0;
  }  
    
/* ================ */
/* = テーブル部   = */
/* ================ */
  table#table-01 {
    margin: 0 0 0 100px;
    width: 550px;
    border: 1px green solid;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table#table-01 th {
    padding: 5px;
    border: green solid;
    border-width: 0 0 1px 1px;
    background: green;
    color: white;
    font-weight: bold;

  }
  table#table-01 .td01 {
    padding: 3px;
    border: 1px green solid;
    background: white;
    font-size: 10pt;
  }
  
  table#table-01 .td02 {
    padding: 3px;
    border: 1px green solid;
    background: honeydew;
    font-size: 10pt;
  }
/* ================ */
/* = フッター部   = */
/* ================ */
#Footer01 {
  margin: 0 auto;
  padding: 0;
  height: 60px;
  width: 845px;
  position: relative;
  text-align: left;
}



.Item07 {
  font-size: 7pt;
}

.Item08 {
  font-size: 8pt;
}

.Item09 {
  font-size: 9pt;
}

.Item10 {
  font-size: 10pt;
}

.Item11 {
  font-size: 11pt;
}

.Item12 {
  font-size: 12pt;
}

.Item16 {
  font-size: 16pt;
}

.FloatEnd {clear:both;}


/* =============== */
/* = SimpleModal = */
/* =============== */

/* Overlay */
#contact-overlay {background-color:#99cc99; cursor:wait;}

/* コンタクト */
#contact-container {width:460px; font-size:12px; text-align:left;}
#contact-container .contact-content {background-color:#008000; color:#ddd; height:40px; padding: 10px 10px 0 10px;}
#contact-container h2 {color:#fff; margin:0; padding:0 0 6px 12px; text-align:conter;}
#contact-container .contact-loading {position:absolute; background:url(/image/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {padding: 0 0 0 10px; display:block; text-align: left;}
#contact-container .contact-input {padding:2px; margin:2px; background:#eee; border:1px solid #fff;}
#contact-container textarea {height:80px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(/images/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(/images/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:100px; background:url(/image/send.png) no-repeat;}
#contact-container .contact-cancel {width:100px; background:url(/image/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:red;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}


/* ======================== */
/* = jQuery lightBox 関連 = */
/* ======================== */
/* jQuery lightBox plugin - Gallery style */
#gallery {
  padding: 10px;
  width: 700px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
  border: 5px solid #4dac26;
  border-width: 5px;
}
#gallery ul a:hover img {
  border: 5px solid pink;
  border-width: 5px;
  color: pink;
}
#gallery ul a:hover { color: #fff; }