body {
   font-size: small;
   color: #000000;
   margin: 0;
   line-height: 1.5em;
   font-family: Osaka, Arial, Helvetica, Geneva, sans-serif;
   }
   
a {
   color: #000000;
   text-decoration: none;
   }

a:hover {
   color: #3e3a39;
   text-decoration: underline;
   }
   
.clearing {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1%;
}


.backtotop {
   text-align: right;
   margin: 10px 0 0 0;
   }
   
.backtotop a {
   color: #24743a;
   }

strong {
   color: #563a34;
   }

/*ボディの設定*/
#body-top {
   background-color: #dcdeb1;
   }

#body-bottom {
   background: #ffffff;
   }
   
#top {
   margin: 0 auto;
   width: 800px;
   background: url(../images/back_top.gif) repeat-y;
   }
   
#bottom {
   margin: 0 auto;
   width: 800px;
   background: url(../images/back_bottom.gif) repeat-y;
   }
   
/*ボディ上部の詳細設定*/
#headder {
   width: 680px;
   margin: 0 auto;
   height:250px;
   }
   
#logo {
   width: 178px;
   float: left;
   padding: 70px 0 0 0;
   }
   
#headder-contents {
   width: 495px;
   padding: 0 0 0 7px;
   float: left;
   margin:0;
   }
   
/*言語の設定*/
#language {
   padding: 0 0 0 250px;
   margin: 0;
   }
   
ul#language-list {
   list-style: none;
   margin:0;
   padding:0;
      }
   
ul#language-list li {
   width: 80px;
   height: 17px;
   display: block;
   float: left;
   text-indent:-9999px;
   }

   
ul#language-list li a {
   width: 80px;
   height: 17px;
   display: block;
   float: left;
   text-indent:-9999px;
   }
   
li#japanese a {
   background: url(../images/language/japanese.jpg) no-repeat 0 0;
   }
   
li#japanese a:hover {
   background: url(../images/language/japanese.jpg) no-repeat 0 -17px;
   }
   
li#english {
   background: url(../images/language/english.jpg) no-repeat 0 -17px;
   }
   
li#english a {
   background: url(../images/language/english.jpg) no-repeat 0 0;
   }
   
li#english a:hover {
   background: url(../images/language/english.jpg) no-repeat 0 -17px;
   }
   
   
li#korean {
   background: url(../images/language/korean.jpg) no-repeat 0 -17px;
   }
   
   
/*コンテンツの設定*/
/*背景画像の設定*/
#home-contents {
   background: url(../images/contents/home-contents_image.jpg) no-repeat;
   height: 217px;
   margin: 31px 0 0 0;
   }
   
#introduction-contents {
   background: url(../images/contents/introduction-contents_image.jpg) no-repeat;
   height: 217px;
   margin: 31px 0 0 0;
   }
   
#information-contents {
   background: url(../images/contents/information-contents_image.jpg) no-repeat;
   height: 217px;
   margin: 31px 0 0 0;
   }
   
#disaster-contents {
   background: url(../images/contents/disaster-contents_image.jpg) no-repeat;
   height: 217px;
   margin: 31px 0 0 0;
   }

#living-guide-contents {
   background: url(../images/contents/living-guide-contents_image.jpg) no-repeat;
   height: 217px;
   margin: 31px 0 0 0;
   }
   
/*コンテンツリスト部分の設定*/
ul#contents {
   list-style: none;
   padding: 0 0 0 10px;
   margin:0;
   }
   
ul#contents li {
   display: block;
   width: 94px;
   height: 39px;
   padding: 0 1px 0 0;
   float: left;
   text-indent: -9999px;
   }
   
ul#contents li a {
   display: block;
   width: 94px;
   height: 39px;
   padding:0 1px 0 0;
   float: left;
   text-indent: -9999px;
   }

li#home {
   }
   
li#home a {
   background: url(../images/contents/home-off.jpg) no-repeat;
      }
   
li#home a:hover {
   background: url(../images/contents/home-on.jpg) no-repeat;
   }
   


li#introduction {
   }
   
li#introduction a {
   background: url(../images/contents/introduction-off.jpg) no-repeat;
   }
   
li#introduction a:hover {
   background: url(../images/contents/introduction-on.jpg) no-repeat;
   }



li#information {
   }
   
li#information a {
   background: url(../images/contents/information-off.jpg) no-repeat;
   }
   
li#information a:hover {
   background: url(../images/contents/information-on.jpg) no-repeat;
   } 
   
   
   
li#disaster {
   }
   
li#disaster a {
   background: url(../images/contents/disaster-off.jpg) no-repeat;
   }
   
li#disaster a:hover {
   background: url(../images/contents/disaster-on.jpg) no-repeat;
   }  
   
   
   
li#living-guide {
   }
   
li#living-guide a {
   background: url(../images/contents/living-guide-off.jpg) no-repeat;
   }
   
li#living-guide a:hover {
   background: url(../images/contents/living-guide-on.jpg) no-repeat;
   }  

/*内容の設定*/
#main {
   width: 680px;
   margin: auto;
   padding: 10px 0 10px 0;
   }
   
#footpath {
   font-size: x-small;
   color: #383838;
   margin: 0 0 20px 0;
   }
   
#footpath a {
   color: #383838;
   }

/*2段組みの設定*/
#sub-contents {
   width: 177px;
   float: left;
   margin: 0;
   padding: 0;
   }
   
#sub-contents-top {
   background: url(../images/side-menu_back.gif) no-repeat top;
   height: 10px;
   }
   
#sub-contents-top02 {
   background: url(../images/side-menu_back02.jpg) no-repeat top;
   height: 10px;
   }
   
#sub-contents-middle {
   background-color: #ecf0cd;
   }
   
#sub-contents-middle02 {
   background-color: #fff5d7;
   }
   
#sub-contents-main {
   width: 150px;
   margin: auto;
   }
   
#sub-contents-title01 {
   padding: 0 0 5px 0;
   }
   
#sub-contents-title02 {
   border-top: 1px dotted #abb65a;
   padding: 5px 0 0 0;
   }
   
.sub-contents-list {
   padding: 8px 0 0 12px;
   background: url(../images/point-2.gif) no-repeat 0 0.6em;
  line-height: 1.2em;
   }
   
.sub-contents-list a {
   color: #563a34;
   }
      
   
#sub-contents-bottom {
   background: url(../images/side-menu_back.gif) no-repeat bottom;
   height: 10px;
   }
   
#sub-contents-bottom02 {
   background: url(../images/side-menu_back02.jpg) no-repeat bottom;
   height: 10px;
   }
   
#main-contents {
   width: 480px;
   float: left;
   margin: 0;
   padding: 0 0 20px 23px;
   }
   

   
#main-contents-title-sub {
   color: #563a34;
   font-size: x-small;
   text-align: right;
   }
   
#main-contents-left {
   width: 222px;
   margin: 0;
   padding: 0 18px 0 0;
   float: left;
   }
   


/*フッターの設定*/
#footer {
   background-color: #c0d731;
   width: 750px;
   margin: 0 0 0 25px;
   text-align: right;
   color: #24743a;
      }

/*各ページの共通設定*/
/*ページ内リンク*/
#page-link {
   text-align: left;
   width: 200px;
   color: #383838;
   margin: 10px 0 0 280px;
   font-size: x-small;
   line-height: 1.2em;
   }
   
.page-link-list {
   padding: 3px 0 3px 12px;
   border-bottom: 1px dotted;
   background: url(../images/point-3.gif) no-repeat 0 5px;
   }
   
.page-link-list a {
   color: #383838;
   }
   
#page-link2 {
   text-align: left;
   width: 410px;
   color: #383838;
   margin: 10px 0 0 70px;
   font-size: x-small;
   }

#page-link-left {
   width: 200px;
   float: left;
   margin: 0;
   padding: 0;
   }
   
#page-link-right {
   width: 200px;
   float: left;
   margin: 0;
   padding: 0 0 0 10px;
   }
   
      
/*ページ内の外部リンク*/
.link {
   margin: 0.5em 0 0 0;
   padding: 0 0 0 1em;
   background: url(../images/point-3.gif) no-repeat;
   }

.button {
   margin: 0.5em 0 0.5em 0;
   }
   
.button a {
   color: #383838;
   text-decoration: none;
   }
   
.button a:hover {
   color: #383838;
   text-decoration: none;
   }
   
      
/*小見出し*/
.main-sub-title {
   margin: 30px 0 0 0;
   border-bottom: 1px solid #383838;
   }

/*本文スペース*/
.freespace-left {
   width: 450px;
   margin: 15px 0 0 30px;
   text-align: left;
   }
   
.freespace-center {
   width: 450px;
   margin: 15px 0 0 30px;
   text-align: center;
   }
   
.freespace-right {
   width: 450px;
   margin: 15px 0 0 30px;
   text-align: right;
   }

/*下部にボーダーつき*/
.word-border {
   padding: 10px 0 10px 0;
   border-bottom: 1px dotted #383838;
   }


