/***************************************/
/*  SYROCO 2009 HP CSS                 */
/***************************************/
table {
  padding         : 0px;
  margin          : 0px;
  border-collapse : collapse;
  color           : #008000; /* ﾃｷｽﾄ色 */
  font-family     : Arial,sans-serif;   /* ﾌｫﾝﾄの種類 */
  
}
/*-------------------------------------*/
/*-- header(ﾍｯﾀﾞ)                    --*/
/*-------------------------------------*/
/* SYROCOﾛｺﾞ表示行のｽﾀｲﾙ */
#header_top {
  background-color: #adff2f; /* 背景色 */
  color           : #2f4f4f; /* ﾃｷｽﾄ色 */
  font-family     : Trebuchet MS,Arial,sans-serif;   /* ﾌｫﾝﾄの種類 */
  font-size       : 80%;     /* 文字のｻｲｽﾞ */
  font-weight     : bold;    /* 文字の太さ */
  vertical-align  : bottom;  /* 文字の縦位置 */
}

/* ﾍｯﾀﾞの画像(岐阜県紹介)部分のｽﾀｲﾙ */
#header_picture {
  background-color: #339933;         /* 背景色 */
  padding         : 3px 0px 0px 0px; /* 領域内の空白 */
}

/*-------------------------------------*/
/*-- topic(左側目次)                 --*/
/*-------------------------------------*/
#topic_base {
  background-color: #adff2f; /* 背景色 */
  vertical-align  : top;     /* 文字の縦位置 */
  width           : 150px;
}

/* 目次ﾘﾝｸのｽﾀｲﾙ */
a.topic {
  background-color: #adff2f; /* 背景色 */
  height          : 25px;    /* 高さ */
  text-align      : center;  /* ﾃｷｽﾄの配置 */
  text-decoration : none;    /* ﾃｷｽﾄ装飾:無し */
  color           : #2f4f4f; /* ﾃｷｽﾄ色 */
  font-family     : Verdana,sans-serif; /* ﾌｫﾝﾄの種類 */
  font-size       : 10pt;    /* 文字のｻｲｽﾞ */
  font-weight     : bold;    /* 文字の太さ */
  display         : block;   /* 要素の表示形式:ﾌﾞﾛｯｸ要素 */
  vertical-align  : middle;  /* 文字の縦位置 */
}
a.topic:visited {
  text-decoration : none;    /* ﾃｷｽﾄ装飾:無し */
  color           : #2f4f4f; /* ﾃｷｽﾄ色 */
}

a.topic:active  {
  text-decoration : none;    /* ﾃｷｽﾄ装飾:無し */
  color           : #ffff00; /* ﾃｷｽﾄ色 */
}

a.topic:hover {
  background-color: #8fbc8f; /* 背景色 */
  text-decoration : none;    /* ﾃｷｽﾄ装飾:無し */
  color           : #ffff00; /* ﾃｷｽﾄ色 */
}

/*-------------------------------------*/
/*-- contents                        --*/
/*-------------------------------------*/
/* 内容表示部分のｽﾀｲﾙ */
#main {
  background-color: #FFFFCC; /* 背景色 */
}

/* 内容のﾍｯﾀﾞ部分(Welcome…等)のｽﾀｲﾙ */
#contents_header {
  height          : 50px;     /* 高さ */
  width           : 100%;     /* 幅 */
  text-align      : left;     /* ﾃｷｽﾄの配置 */
  vertical-align  : bottom;   /* 文字の縦位置 */
  font-family     : Comic Sans MS,sans-serif ; /* ﾌｫﾝﾄの種類 */
  font-size       : 17pt;/*x-large;*/ /* 文字のｻｲｽﾞ */
  font-weight     : bold;     /* 文字の太さ */
  color           : #ff8c00;  /* ﾃｷｽﾄ色 */
  border-bottom   : solid 2px #ff8c00; /* 枠下の指定 */
  padding-left    : 15px;      /* 領域左の空白 */
}

/* 内容の詳細説明部分のｽﾀｲﾙ */
#contents_text {
  padding         : 10px;    /* 領域内の空白 */
  width           : 100%;    /* 幅 */
  font-family     : Trebuchet MS,Arial,sans-serif; /* ﾌｫﾝﾄの種類 */
  font-size       : medium;  /* 文字のｻｲｽﾞ */
  font-weight     : normal;  /* 文字の太さ */
  color           : #008000; /* ﾃｷｽﾄ色 */
}

/*-------------------------------------*/
/*-- copy right                      --*/
/*-------------------------------------*/
/* ｺﾋﾟｰﾗｲﾄ部分のｽﾀｲﾙ */
#copy_right {
  background-color: #339933;  /* 背景色 */
  text-align      : center;   /* ﾃｷｽﾄの配置 */
  font-family     : Comic Sans MS,sans-serif ; /* ﾌｫﾝﾄの種類 */
  font-size       : xx-small; /* 文字のｻｲｽﾞ */
  font-weight     : normal;   /* 文字の太さ */
  color           : #ffffff;  /* ﾃｷｽﾄ色 */
}

/*-------------------------------------*/
/*-- Local Attraction                --*/
/*-------------------------------------*/
/* 目次ﾘﾝｸのｽﾀｲﾙ */
a.local {
  background-color: #ffd700; /* 背景色 */
  height          : 20px;    /* 高さ */
  text-align      : center;  /* ﾃｷｽﾄの配置 */
  color           : #8b4513; /* ﾃｷｽﾄ色 */
  font-family     : Verdana,sans-serif; /* ﾌｫﾝﾄの種類 */
  font-size       : small;   /* 文字のｻｲｽﾞ */
  font-weight     : normal;  /* 文字の太さ */
  display         : block;   /* 要素の表示形式:ﾌﾞﾛｯｸ要素 */
  vertical-align  : middle;  /* 文字の縦位置 */
}
a.local:visited {
  color           : #8b4513; /* ﾃｷｽﾄ色 */
}

a.local:active  {
  color           : #8b4513; /* ﾃｷｽﾄ色 */
}

a.local:hover {
  background-color: #ffff00; /* 背景色 */
  color           : #2f4f4f; /* ﾃｷｽﾄ色 */
}

/*-------------------------------------*/
/*-- Exhibition                --*/
/*-------------------------------------*/
/* 目次ﾘﾝｸのｽﾀｲﾙ */
a.exhibition {
  background-color: #ffd700; /* 背景色 */
  height          : 20px;    /* 高さ */
  text-align      : center;  /* ﾃｷｽﾄの配置 */
  color           : #8b4513; /* ﾃｷｽﾄ色 */
  font-family     : Verdana,sans-serif; /* ﾌｫﾝﾄの種類 */
  font-size       : small;   /* 文字のｻｲｽﾞ */
  font-weight     : normal;  /* 文字の太さ */
  display         : block;   /* 要素の表示形式:ﾌﾞﾛｯｸ要素 */
  vertical-align  : middle;  /* 文字の縦位置 */
}
a.exhibition:visited {
  color           : #8b4513; /* ﾃｷｽﾄ色 */
}

a.exhibition:active  {
  color           : #8b4513; /* ﾃｷｽﾄ色 */
}

a.exhibition:hover {
  background-color: #ffff00; /* 背景色 */
  color           : #2f4f4f; /* ﾃｷｽﾄ色 */
}
/*-------------------------------------*/
/*-- Program                         --*/
/*-------------------------------------*/
/* 目次ﾘﾝｸのｽﾀｲﾙ */
a.program {
  background-color: #ffd700; /* 背景色 */
  height          : 20px;    /* 高さ */
  text-align      : center;  /* ﾃｷｽﾄの配置 */
  color           : #8b4513; /* ﾃｷｽﾄ色 */
  font-family     : Verdana,sans-serif; /* ﾌｫﾝﾄの種類 */
  font-size       : small;   /* 文字のｻｲｽﾞ */
  font-weight     : normal;  /* 文字の太さ */
  display         : block;   /* 要素の表示形式:ﾌﾞﾛｯｸ要素 */
  vertical-align  : middle;  /* 文字の縦位置 */
}
a.program:visited {
  color           : #8b4513; /* ﾃｷｽﾄ色 */
}

a.program:active  {
  color           : #8b4513; /* ﾃｷｽﾄ色 */
}

a.program:hover {
  background-color: #ffff00; /* 背景色 */
  color           : #2f4f4f; /* ﾃｷｽﾄ色 */
}
