/* 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 {background-image: url("/image/haikei-01.gif");
      background-repeat: repeat;
      margin: 0;
      padding: 0;}
      
img {border-style:none}

/* ============ */
/* = ヘッダ部 = */
/* ============ */  
#MainHeader {margin: 0 auto;
             padding: 0;
             width: 850px;
             height: 110px;
             position: relative;
             background-color: white;}
  
  #MainHeader #HeaderLogo {
    margin: 10px 0 0 20px;
    padding: 10px 0 0 20px;
    float:left;
    width: 225px;
    height:78px;
    background: url("/image/chopper.gif") no-repeat 0;
  }

  #MainHeader #HeaderLogo a {
  }
  
  #MainHeader #HeaderText {
    margin: 0 0 0 500px;
    padding: 0;
    width: 350px;
    height:110px;
    background: url("/image/info.gif") no-repeat right top; 
  }
    
/* ============ */
/* = フッタ部 = */
/* ============ */  
#MainFooter {margin: 0 auto;
             padding: 0;
             width: 850px;
             height: 54px;
             position: relative;
             background-color: white;}

  #MainFooter #FooterBar {
    background: url("/image/line1.gif") repeat 0;
  }
  
  ul#footerContent {
  	margin: 0;
  	padding: 0;
  	width: 100%;
	text-align: center;
  	background: url("/image/body_foot.png") no-repeat bottom right;  
  }
  
  ul#footerContent a {
    color: #3f3f3f;
    font-size: 80%;
    text-decoration: none;
  }
    
  #footerContent li {
    display: inline;
  }
    
  #MainFooter #FooterText {
    margin: 0;
    padding: 0;
  	height: 100%;
    background: url("/image/body_foot.png") no-repeat 0;
    color: #3f3f3f;
    font-size: 77%;
    text-align: center;
    text-decoration: none;
  }

  #MainFooter #FooterText a {
    color: #3f3f3f;
    font-size: 77%;
    text-decoration: none;
  }


/* ==================== */
/* = メインメニュー部 = */
/* ==================== */ 
#MainMenu {margin: 0 auto;
           padding: 0;
           width: 850px;
           position: relative;
           background-color: white;
           z-index: 2;}
  
  /* メニュー */
  #MainMenu #Menu {
    margin: 0;
    padding: 0;
    height: 25px;
    width: 100%;
    background-color: #0a528b;
    position: relative;
  }
  
  ul#Menu01 {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
  }

  #Menu01 p {
    margin: 5px 0 0 0;
    padding: 0;
  }

  li#TopMenu0 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu0 a {;margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}    
  li#TopMenu1 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu1 a {;margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}
  li#TopMenu2 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu2 a {margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}
  li#TopMenu3 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu3 a {margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}
  li#TopMenu4 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu4 a {margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}
  li#TopMenu5 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu5 a {margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}
  li#TopMenu6 {margin: 0;padding: 0;list-style: none;width: 130px;height: 25px;float: left;color: White;text-align: center;overflow: hidden;background: #0a528b url("/image/chopkun.jpg") no-repeat top;}
  li#TopMenu6 a {margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 90%;font-weight: bold;}
    

  #Menu01 .subtext {
    padding-top: 5px;
    font-size: 80%;
  }

  /* イメージ */
  #MainMenu #Image {
    margin: 0;
    padding: 0;
    height: 169px;
  }

#MainMenuImage {margin: 0 auto;
                padding: 0;
                width: 850px;
                height: 169px;
                position: relative;
                z-index: 1;}            
           
/* ============ */
/* = メイン部 = */
/* ============ */ 
#MainBody {margin: 0 auto;
           padding: 0;
           width: 850px;
           position: relative;
           background-color: white;
           background-image: url("/image/body_head.png");
           background-repeat: no-repeat;
           background-position: top;
           z-index: 0;}
        
  /* メイン部 */
  #MainBody #TopContentsMain {
    margin: 0;
    padding: 50px 0 0 0;
    width: 520px;
    float: left;
  }
  
    #MainBody #TopContentsMain .TopTopics {
      margin: 0 40px 0 0;
      padding: 0;
      font-size: 90%;
    }  

    #MainBody #TopContentsMain .TopTopics a {
      text-decoration: none;
    }
 
      
  /* メインのサイド部 */
  #MainBody #TopContentsSide {
    margin: 0;
    padding: 50px 0 0 0;
    width: 300px;
  	float: left;
  }
  
    #MainBody #TopContentsSide .SideTopics {
      margin: 10px 0 0 0;
      padding: 0;
      font-size: 9pt;
    }  

    #MainBody #TopContentsSide .SideTopics a {
      margin: 0;
      padding: 0;
      font-size: 10pt;
      text-decoration: none;      
    }    

    #MainBody #TopContentsSide .SideTopics2 {
      margin: 10px 0 0 20px;
      padding: 0;
    }  


  /* メイン余白 */
  #MainBody #TopContentsSideSpace {
    margin: 0;
    padding: 0;
    width: 30px;
    float: left;
  }

/* その他 */ 

  /* サイド部 */
  #MainBody #OtherSide {
    margin: 0;
    padding: 0;
  	height: 650px;
  	float: left;
  	background-color: red;
  }
        
  /* メイン部 */  
  #MainBody #OtherMain {
    margin: 0 30px 0 80px;
    padding: 100px 0 0 0;
    height: 100%;
  }

  #MainBody #OtherMain a {
    color: Black;
    font-size: 80%;
    text-decoration: none;
  }
  
  #MainBody #OtherMain .race {
    margin: 0;
    padding: 0 0 0 20px;
    background: white url("/image/icon2.gif") no-repeat top left;
  }
  
  #MainBody #OtherMain .race a {
    font-size: 140%;
    text-decoration: none;    
  }
  
  #MainBody #OtherMain .topics1 {
    margin: 0 0 0 40px;
    padding: 0 0 0 20px;
    font-size: 16pt;
  }
  
  #MainBody #OtherMain .topics2 {
    margin: 0 50px 0 20px;
    padding: 0;
    font-size: 11pt;
  }

  #MainBody #OtherMain .topics3 {
    margin: 0 0 0 500px;
    padding: 0;
    font-size: 11pt;
  }
  
.FloatEnd {clear:both;}


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

/* Overlay */
#contact-overlay {background-color:#000000; cursor:wait;}
#map-overlay {background-color:#000000; cursor:wait;}

/* コンタクト */
#contact-container {width:450px; font-size:12px; text-align:left;}
#contact-container .contact-content {background-color:#333333; color:#ddd; height:40px; padding: 10px 10px 0 10px;}
#contact-container h2 {color:#fff; margin:0; padding:0 0 6px 12px; text-align:center;}
#contact-container .contact-loading {position:absolute; background:url(/image/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:10px 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:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(/image/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(/image/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;}

/* マップ */
#map-container {width:540px; font-size:16px; text-align:left;}
#map-container .map-content {background-color:#333333; color:#ddd; height:40px; padding: 10px 10px 0 10px;}
#map-container .map-loading {position:absolute; background:url(/image/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#map-container .map-message {text-align:center;}
#map-container .map-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#map-container br {clear:both;}
#map-container form {padding:0; margin:0;}
#map-container label {padding: 0 0 0 10px; display:block; text-align: left;}
#map-container .contact-input {padding:2px; margin:2px; background:#eee; border:1px solid #fff;}
#map-container textarea {height:114px; font-size:.9em;}
#map-container .map-cc {font-size:.9em; cursor:default;}
#map-container .map-top {height:13px; background:url(/image/map_top.gif) no-repeat; padding:0; margin:0;}
#map-container .map-bottom {height:13px; background:url(/image/map_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#map-container .map-bottom a,
#map-container .map-bottom a:link,
#map-container .map-bottom a:active,
#map-container .map-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#map-container .map-bottom a:hover {color:#888;}
#map-container .map-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;}
#map-container .map-send {width:100px; background:url(/image/send.png) no-repeat;}
#map-container .map-cancel {width:100px; background:url(/image/cancel.png) no-repeat;}
#map-container a.modalCloseX,
#map-container a.modalCloseX:link,
#map-container a.modalCloseX:active,
#map-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:red;}
#map-container a.modalCloseX:hover {color:#9bb3b3;}