@charset "utf-8";

html {
    height : 100%;
}
body{
    margin  : 0 0 0 20px;
    padding : 0;
    width   : 1000px;
    height  : 100%;
}
#top_page {
    margin  : 40px 0 0 20px;
    width   : 1024px;
    height  : 576px;
}
#top_page a {
    text-decoration : none ;
}

#wrapper{
    border  : 1px solid black;
    position:relative;
    zoom : 1;
    margin  : 0;
    padding : 0;
    width   : 1000px;
}
#wrapper_shadow {
    position:absolute;
    top:15px;
    left:15px;
    margin  : 0;
    padding : 0;
    width   : 1000px;
    height  : 100%;
    background-color:#444444;
    z-index : -10;
}
#wrapper_back {
    position:absolute;
    top:0px;
    left:0px;
    margin  : 0;
    padding : 0;
    width   : 1000px;
    height  : 100%;
    border  : 0px solid black;
    background-color:#FFFFFF;
    z-index : -5;
}

#header{
  border : 0px solid black;
  height : 100px;
  background-color:#DDDDFF;
}

#logo{
  width : 145px;
  text-align : center;
  float:left;
}

#header_title{
  width : 850px;;
  height : 100px;
  float:left;
}

#column_left{
  float:left;
  width:180px;
  border : 1px solid black;
  margin:0;
  padding:0;
  background-color:#DDFFFF;
}

#column_left #menu {
  border-bottom:1px solid black;
  height:320px;
  text-align:center;
  padding-top:5px;
  padding-bottom:20px;
  background-image : url(/image/background.gif);
  background-color:#DDFFFF;
}
#column_left #menu_title {
  text-align:center;
  font-size:10pt;
  font-weight:bold;
  background-color:#BBFFFF;
  color:black;
  border-top:1px solid black;
  border-bottom:1px solid black;
  margin-bottom:5px;
}

#column_left #menu_item {
  border: 1px solid green;
  text-align:center;
  margin-top:1px;
  background-image:url(/image/button1.png);
}

#column_left #menu_item:hover {
  border: 1px solid green;
  text-align:center;
  margin-top:1px;
  background-image:url(/image/button0.png);
}

#column_left a {
  text-decoration:none;
  font-size:16pt;
  font-weight:bold;
  color:blue;
}

#column_left a:hover {
  text-decoration:none;
  font-size:16pt;
  font-weight:bold;
  color:red;
}

#column_left #profile{
  height:580px;
  text-align:center;
  padding-top:5px;
  background-color:#EEFFEE;
  background-image : url(/image/background.gif);
}
#column_left #profile #name {
  font-size:14pt;
  font-weight:bold;
  line-height:24px;
  background-color:#CCFFCC;
  width:100%;
  border-top:1px solid black;
  border-bottom:1px solid black;
  margin-bottom:5px;
}
#column_left #profile #address {
  font-size:10pt;
  font-weight:nomal;
}

#column_left #profile a {
  font-size:9pt;
  font-weight:bold;
}

#column_left #empty{
  border:0px solid black;
  height:100%;
  background-color:#EEFFEE;
}

#column_center{
  float:left;
/*  margin-left:180px; */
  width:600px;
  border:1px solid blue;
  background-color:#FFFFDD;
  background-image : url(/image/background.gif);
}

#column_center #column_title {
  font-size:12pt;
  font-weight:bold;
  color: black;
  background-color:#DDDDDD;
  text-align:center;
  padding-top:3px;
  padding-bottom:3px;
}
#column_center #column_title h1{
  display:inline;
  font-size:12pt;
}
#column_center #empty{
  border:1px solid blue;
  height:100%;
  background-color:white;
}

#column_right{
  margin-left:783px;
  border:1px solid black;
  background-color:#DDFFDD;
}
#footer{
  clear:both;
  width:1000px;
  height:40px;
  line-height:40px;
  border-top:1px solid black;
  border-bottom:1px solid black;
  background-color:#DDDDFF;
  text-align:center;
}
#footer_s2w{
  clear:both;
  width:1000px;
  border:0px solid black;
  background-color:#FFFFFF;
}

#banner{
  border:0px solid blue;
  background-color:#DDDDDD;
  text-align:center;
  height: 100%;
}
#banner #banner_title{
  background-image:url(/image/ggreen.png);
  text-align:center;
  font-size:10pt;
  margin-top:3px;
  border-top:1px solid black;
}
#banner #banner_title a{
  text-decoration:none;
  color:purple;
  font-weight:bold;
}

#banner_white{
  border:0px solid blue;
  background-color:#FFFFFF;
  text-align:center;
  height: 100%;
}
#banner_white #banner_title{
  background-image:url(/image/ggreen.png);
  text-align:center;
  font-size:10pt;
  margin-top:3px;
  border-top:1px solid black;
}
#banner_white #banner_title a{
  text-decoration:none;
  color:purple;
  font-weight:bold;
}

#extinfo_table {
  border-collapse: collapse;
  border:1px solid #1E90FF;
  text-align:center;
}

#extinfo_table #title {
  border:1px solid #1E90FF;
  background-color:#87CEFA;
}
#extinfo_table #title2 {
  border:1px solid #1E90FF;
  background-color:#FFFF99;
}
#extinfo_table #info {
  border:1px solid #1E90FF;
  background-color:#FFFFFF;
}

#body_info {
  margin-left: 20px;
  margin-right: 20px;
}

#body_title {
  text-align:center;
  position:relative;
  zoom : 1;
  font-size:20pt;
  font-weight:bold;
  border-bottom:1px solid blue;
  color:black;
  background-image:url(/image/gblue.png);
}
#body_title div{
  position:absolute;
  display:inline;
  text-align:center;
  top:-1px;
  left:-5px;
  width:100%;
  font-size:20pt;
  font-weight:bold;
  background-color:transparent;
  color:white;
  z-index:0;
}

#sentence {
  background-color:#DDFFDD;
  border-top: 1px solid grey;
  padding-top: 10px;
}
/*--------------------------------------headline-----------------------------------------*/
.section{
  border:1px solid blue;
  width:100%;
  margin:-1px;
}
.title{
  position:relative;
  font-size:18px;
  font-weight:bold;
  background-image:url(/image/gblue.png);
  border-bottom:1px solid blue;
  padding:5px 3px 5px 3px;
  color:black;
}
.title .title_overlay{
  position:absolute;
  top:0px;
  left:-2px;
  font-size:18px;
  font-weight:bold;
  padding:5px 3px 5px 3px;
  background-color:transparent;
  color:white;
  z-index:0;
}
.more{
  text-align:right;
  clear:both;
}
.image{
  border:3px solid #DDDDDD;
  margin:3px;
  padding:0px;
  float:left;
}
.image_bike{
  border:3px solid #DDDDDD;
  margin:3px;
  padding:0px;
}
.sentense {
  width:420px;
  float:left;
  padding-left:5px;
  padding-top:10px;
}

.linkArticle:link {
  color : blue;
  font-size : 9pt;
  border : 0px;
}
.linkArticle:visited {
  color : blue;
  font-size : 9pt;
  border : 0px;
}
.linkArticle:active {
  color : blue;
  font-size : 9pt;
  border : 0px;
}
.linkArticle:hover {
  color : blue;
  font-size : 9pt;
  border : 0px;
}
.map:hover {
  color : blue;
  font-size : 9pt;
  border : 0px;
  width: 530
  height: 305
}

.strong {
  color : red;
  font-size : 14pt;
  font-weight : bold;
}
.holiday {
  color : red;
  font-weight : bold;
}
.sataday {
  color : blue;
  font-weight : bold;
}

.bold {
  font-weight : bold;
}

.annotation {
  font-weight : bold;
  font-size : 9pt;
  color : red;
}