/* CSS Document by cryastalvision*/
/* Initialization */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,td,caption,form{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;list-style:none;}
input,textarea{margin:0;padding:0;font-style:normal;font-weight:normal;font-size: 100%;text-align: left;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
abbr, acronym{border:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}

body{
  font-size: smaller;
  color: #666666;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
  line-height: 150%;
}

img{border:none;vertical-align: bottom;}


/*基本的なテキストカラーとサイズの設定*/
a{color: #004CF9;text-decoration: underline;}
a:hover{color: #FD3000;text-decoration: none;}
a:active {color: #C804CA;}
  
strong{
  color: #8A6409;
  font-size: 120%;
}

em{
  font-weight: bold;
  font-style: normal;
  font-size: 110%;
  color: #strong;
}

b{color: red;}

hr{
  border-top: 1px dashed #868686;
  border-bottom:none;
  border-left:none;
  border-right:none;  
}
* html hr{border-bottom: 1px dashed #ffffff;}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.clear{clear: both;}

/* ie6でpngを正常に表示・用のcss */
.iepngfix{ behavior: expression(IEPNGFIX.fix(this));}

button{
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
  overflow: visible;
}

.small{
  font-size: 80%;
}

/* ----------------基本構造------------------------------ */
p{padding: 5px;}

div#wrapper {
	width: 100%;
}

div#header-wrapper{
  width: 100%;
  height: 100px;
  background: url("../images/header-wrapper-bac.jpg") repeat-x;
}

div#header{
  margin: 0px auto;
  width: 800px;
  height: 100px;
}
div#header-left{
  float:left;
  padding: 13px 0px 0px 0px;
  width: 380px;
  height: 87px;
}
div#header-right{
  float:right;
  padding: 0px 0px 0px 0px;
  text-align: right;
  height: 70px;
}
ul#navi{
  float:right;
  padding: 8px 0px 0px 0px;
  height: 22px;
}
ul#navi li{
  float:left;
  margin: 0px 10px 0px 0px;
}
ul#navi li a{
  text-decoration: none;
  color: #000000;
}
ul#navi li a:hover{
  text-decoration: underline;
  color: #FF7606;
}

div#wrapper{
  margin: 0px auto;
  width: 800px;
}


/* ----グローバルナビ---- */
div#menu_bac{
  padding: 119px 0px 0px 0px;
  width: 800px;
  height: 68px;
  background: url("../images/main-image.jpg") repeat-x top left;
}

div.menu{
  overflow:hidden;
  clear: both;
  height: 41px;
}

.menu a{
  float:left;
  display:block;
  text-indent :-9999px;
  width: 800px;
  height: 41px;
  background-image:url("../images/menu.jpg");
  background-repeat:no-repeat;
  cursor:pointer;
}

  #menu01{background-position:0 0; width: 160px; height: 41px;}
  #menu01:hover,#menu01.hover{background-position:0 -41px;}
  #menu02{background-position:-160px 0; width: 160px; height: 41px;}
  #menu02:hover,#menu02.hover{background-position:-160px -41px;}
  #menu03{background-position:-320px 0; width: 160px; height: 41px;}
  #menu03:hover,#menu03.hover{background-position:-320px -41px;}
  #menu04{background-position:-480px 0; width: 160px; height: 41px;}
  #menu04:hover,#menu04.hover{background-position:-480px -41px;}
  #menu05{background-position:-640px 0; width: 160px; height: 41px;}
  #menu05:hover,#menu05.hover{background-position:-640px -41px;}


div#copy{
  padding: 10px 0px 20px 0px;
  border-top: 1px solid #5C86BF;
  text-align: center;
  width: 800px;
}

/* ----------------TOPページ------------------------------ */
div#main {
  padding: 10px 0px 0px 0px;
  width: 100%;
}

div#left{
  float:left;
  width: 130px;
  text-align: center;
}
div#topics{
  float:right;
  padding: 2px;
  width: 664px;
  border: 1px solid #4C4C4C;
}
div#topics_title{
  float:left;
  width: 113px;
}
div#topics ul{
  float:right;
  padding: 0px 0px 0px 10px;
  border-left: 14px solid #5287C8;
  width: 527px;
}
div#topics ul li span{
  margin: 0px 0px 0px 10px;
}

div#result{
  margin: 10px 0px 15px 0px;
  border: 1px solid #4C4C4C;
  width: 798px;
}

div.result_main{
  float:left;
  margin: 0px 4px 10px 4px;
  padding: 5px;
  width: 369px;
  border: 1px solid #CBCBCB;
}
* html div.result_main{
  margin: 0px 2px 10px 2px;
}
div.result_caption{
  float:left;
  padding: 5px;
  width: 80px;
  height: 80px;
  text-align: center;
}
div.read{
  float:right;
  padding: 0px 10px 0px 0px;
  width: 269px;
}
div.result_icon{
  padding: 0px 0px 0px 15px;
  clear: both;
}

/* ----------------テーブル------------------------------ */
table#table{
  border-collapse:collapse;
  margin: 20px 50px 20px 50px;
  width: 700px;
}
table#table th{
  padding: 10px;
  border: 1px solid #dddddd;
  background-color: #F5F5F5;
}
table#table td{
  padding: 10px;
  border: 1px solid #dddddd;
}
table#table td input.text{
  width: 90%;
  padding: 2px;
  border: 1px solid #5C7691;
}
table#table td input.mid{
  width: 50px;
  padding: 2px;
  border: 1px solid #5C7691;
}
table#table td input.mid2{
  width: 80px;
  padding: 2px;
  border: 1px solid #5C7691;
}
table#table td textarea{
  width: 90%;
  height: 150px;
  padding: 2px;
  border: 1px solid #5C7691;
}
table#table td select{
  padding: 2px;
  border: 1px solid #5C7691;
}
.red{color: #FF0000;font-weight: bold;}
/* ----------------セカンド以降------------------------------ */
div.pagelist{
  padding: 0px 0px 15px 0px;
}

div#contents{
  padding: 10px 20px 10px 20px;
}

div.contents_box{
  margin: 0px 0px 20px 0px;
  padding: 10px;
  border: 1px solid #000000;
}

div.contents_box img{
  float:left;
  margin: 0px 10px 0px 0px;
}


h2{
  margin: 10px 0px 15px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #0E63AF;
  border-bottom: 1px solid #0E63AF;
}

div.p_title{
  margin: 20px 0px 10px 0px;
  color: #6A6A6A;
  font-weight: bold;
}

div.s_title{
  margin: 20px 0px 10px 0px;
  color: #6A6A6A;
  font-weight: bold;
  border-bottom: 1px solid #6A6A6A;
}
ul.map{
  margin: 0px 0px 0px 50px;
}
ul.map li{
  margin: 0px 0px 10px 0px;
}