﻿@charset"UTF-8";

/* 初期化 */

* { 
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Verdana, Arial, "ヒラギノ角ゴPro W3","Osaka","MS Pゴシック",sans-serif;
  }
  
body {
  background-image:url(images/bg.gif);
  font-size: 12px;TEXT-ALIGN: center
  }

img {
  border: 0;
  vertical-align: middle;
  }

a:link {
  color: #006699;
}

a:visited {
  color: #009999;
  }
  
a:hover {
  color: #009999;
  }
  
a:active {
  color: #000000;
  }

p { 
  margin-bottom: auto;
  }


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  clear: both;
}

* html .clearfix {
  height: auto;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clearBox {
  clear: both;
  margin: 0;
  padding: 0;
}

div#Wrapper {
  width: 770px;
  /*border: auto solid #999;*/
  margin: auto auto auto;
  background-color: #fff;
  }
  
div#Header {
  width: 770px;
  padding-top: 15px;
  }
  
/* タイトルロゴ */

div#Logo{
  float: left;
  width: 256px;
  margin: 0 0 10px 10px;
  }
  
/* English */

div#Eng {
  width: 100px;
  margin: 15px 20px 7px 0;
  float: right;
  font-size: 10px;
  text-align: right;
  }
  
div#TitleImg {
  width: 770px;
  margin: 0 0 1px 0;
  }

/* グローバルナビ */

div#Globalnav {
  width: 771px;
  margin: 0 auto;
  }
  
div#Globalnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
  
 div#Globalnav ul li {
  width: 0px;
  height: 35px;
  margin: 0 0 0 0;
  padding: 0;
  float: left;
  }
  
div#Globalnav ul li a {
  /* background-position: center;
  background-repeat: no-repeat; */
  display: block;
  height: 42px;
  }

a.btnHome {
  background-image: url(images/btn_home.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 85px;
  }

a.btnHome:hover {
  background-position: 0 -35px;
  }

a.btnAbout {
  background-image: url(images/btn_activi.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 94px;
  }

a.btnAbout:hover {
  background-position: 0 -35px;
  }

a.btnPave {
  background-image: url(images/btn_board.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 132px;
  }

a.btnPave:hover {
  background-position: 0 -35px;
  }

a.btnMaga {
  background-image: url(images/btn_statistics.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 95px;
  }

a.btnMaga:hover {
  background-position: 0 -35px;
  }

a.btnReport {
  background-image: url(images/btn_technolo.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 121px;
  }

a.btnReport:hover {
  background-position: 0 -35px;
  }

a.btnisap {
  background-image: url(images/btn_isap2010.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 0px;
  }

a.btnisap:hover {
  background-position: 0 -35px;
  }

a.btnData {
  background-image: url(images/btn_calendar.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 153px;
  }

a.btnData:hover {
  background-position: 0 -35px;
  }

a.btnTest{
  background-image: url(images/btn_links.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 90px;
  }

a.btnTest:hover {
  background-position: 0 -35px;
  }

a:hover {
cursor: pointer;
  }

/* 
div#Globalnav ul li.btnHome a:hover {
  background: url(images/btn_home02.gif);
  background-repeat: no-repeat;
  }

div#Globalnav ul li.btnAbout a:hover {
  background: url(images/btn_about02.gif);
  background-repeat: no-repeat;
  }
  
div#Globalnav ul li.btnPave a:hover {
  background: url(images/btn_pavement02.gif);
  background-repeat: no-repeat;
  }
  
div#Globalnav ul li.btnMaga a:hover {
  background: url(images/btn_magazine02.gif);
  background-repeat: no-repeat;;
  }

div#Globalnav ul li.btnReport a:hover {
  background: url(images/btn_report02.gif);
  background-repeat: no-repeat;
  }

div#Globalnav ul li.btnisap a:hover {
  background: url(images/btn_isap201002.gif);
  background-repeat: no-repeat;
  }
  
div#Globalnav ul li.btnData a:hover {
  background: url(images/btn_data02.gif);
  background-repeat: no-repeat;
  }
  
div#Globalnav ul li.btnTest a:hover {
  width: 109px;
  background: url(images/btn_roadtest02.gif);
  background-repeat: no-repeat;
  }
 */

/*
div#Globalnav ul li a:hover img{
  visibility: hidden;
  border-style: none;
  margin: 0;
  padding: 0;
  } 
 */

/* メインコンテンツ（全体） */

div#Contents {
  width: 770px;
  margin: 0;
  padding: 10px 0;
  min-height: 590px;
  }
  
/* メインコンテンツ（左） */  

div#Main {
  width: 570px;
  float: left;
  }

div#MainSearch {
  width: 530px;
  padding: 20px;
  float: left;
  }

.content {
  width: 570px;
  }

/* 右サイドバー */  



div#Side {
  width: 190px;
  float: right;
  position: relative; 
  }

  
/* フッター */  
  
div#Footer {
  width: 770px;
  }
  
div#FooterLink {
  width: 770px;
  background-color: #99CC33;
  text-align: center;
  padding: 3px 0;
}

div#FooterLink a {
  font-size: 12px;
  text-decoration: none;
}

div#FooterLogo {
  width: 770px;
  margin: 20px 0 0 0;
  text-align: center;
  }
  
/* 住所 */  
  
address {
  width: 770px;
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  }
  
/* 検索 */

.search {
  background-color: #eeeeee;
  width: 168px;
  /* color: #006699; */
  margin: 10px 10px 20px 0;
  border: 1px solid #666;
  padding: 10px 0 0 10px;
  font-size: 12px;
  }
  
.search form {
  margin: 5px 0 10px;
  }

.pan {
  margin: 0 0 10px 20px;
  font-size: 12px;
  }
  
.size10 {
  font-size: 10px;
  }
  
.size9 {
  font-size: 9px;
  }

/* 全文検索 */

dl {
  margin: 15px 0;
  }


