/* 全画面共通CSS */

html,body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

body {
  background:#FFFFFF url(../img/body_back.gif) 0 0 repeat-x;
  color:#505050;
  text-align:center;
}

* html div#wrapper {
  height:100%;
}

a {
  color:#505050;
  text-decoration:underline;
}

a:hover {
  color:#FFA200;
}

div {
  margin:0;
  padding:0;
}

p {
  margin:0;
  padding:0;
}

img {
  border: 0px;
}

/* ------------------------------------------------------------- */

#wrapper {
  width:950px;
  margin:0 auto;
  position:relative;
  min-height:100%;
}

body > #wrapper {
  height:auto;
}


/* ヘッダ */
#header {
  width:100%;
  height:77px;
  margin:0 auto;
  border-top:3px solid #3C69AA;
  zoom:100%;
}

#header:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}


#header .h_left {
  width:500px;
  float:left;
}

#header .h_right {
  width:450px;
  float:right;
  text-align:right;
}

#header p.copy {
  padding:5px;
  text-align:left;
  font-size:0.8em;
  color:#3C69AA;
}

#header h1 {
  height:45px;
  margin:0;
  padding:0;
  text-align:left;
}

#header #h_menu {
  padding:5px 0;
  text-align:right;
}

#header #h_menu span {
  padding:0 15px 0 13px;
  font-size:0.8em;
  background:url(../img/h_menu_arw.gif) 0 1px no-repeat;
}

#header #search_box {
  width:350px;
  height:40px;
  margin:0 0 0 auto;
  text-align:left;
  background:url(../img/search_box_back.gif) 0 0 repeat-x;
  zoom:100%;
}

#header #search_box:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#header #search_box img.left {
  float:left;
}

#header #search_box form {
  margin:0 10px 0 auto;
  padding:8px 0 0 0;
  float:right;
}

#header #search_box form input.text_box {
  width:100px;
}

#header #search_box img.right {
  float:right;
}

/* コンテンツ */
#all_contents {
  width:100%;
  padding-bottom:100px;
  zoom:100%;
}


#all_contents:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}


/* フッタ */
#footer {
  width:100%;
  height:80px;
  border-top:3px solid #3C69AA;
  position:absolute;
  bottom:0;
  left:0;
}

#footer .charge {
  padding:10px 10px 5px 10px;
  text-align:left;
  font-size:0.9em;
}

#footer .address {
  padding:0 10px 5px 10px;
  text-align:left;
  font-size:0.8em;
}

#footer .copyright {
  text-align:right;
}


/* ------------------------------------------------------------- */

/* トップページ用CSS */

body {
//  background:#FFFFFF url(../img/tops/home/top_body_back.jpg) 0 0 repeat-x;  /* common設定上書き */
}


/* メインイメージ */
#main_image {
  width:100%;
  height:300px;
  background:url(../img/tops/home/main_image.jpg) 0 0 no-repeat;
  position:relative;
}

#main_image #menu1 {
  width:260px;
  height:270px;
  background:#000000;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  opacity:0.2;
  position:absolute;
  top:10px;
  right:15px;
}

#main_image ul {
  width:240px;
  height:255px;
  margin:0;
  padding:0;
  position:absolute;
  top:20px;
  right:25px;
}

#main_image li {
  width:240px;
  height:85px;
  list-style:none;
}

#main_image a {
  width:240px;
  height:80px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
}

#main_image .m1_1 a {
  background:url(../img/tops/home/m1_1.gif);
}

#main_image .m1_2 a {
  background:url(../img/tops/home/m1_2.gif);
}

#main_image .m1_3 a {
  background:url(../img/tops/home/m1_3.gif);
}

#main_image a:hover{
  background-position:0px -80px;
}

/* === メインコンテンツレイアウト === */
#all_contents #contents_left {
  width:225px;
  margin:10px 0;
  float:left;
}

#all_contents #contents_center {
  width:480px;
  margin:10px 7px;
  float:left;
}

#all_contents #contents_right {
  width:225px;
  margin:10px 0;
  float:right;
}

/* === 詳細設定 === */
/* === カラム左 === */
/* トピックス */
#contents_left #topics {
  width:100%;
}

#contents_left #topics h2 {
  background:none;
  width:100%;
  height:30px;
  margin:0;
  padding:0;
}

#contents_left #topics .box {
  width:223px;
  margin:2px 0 0 0;
  border:1px solid #CACACA;
}

#contents_left #topics ul {
  margin:0;
  padding:5px 10px;
}

#contents_left #topics li {
  padding-left:10px;
  list-style-type:none;
  background:url(../img/tops/home/topics_arw.gif) 0 6px no-repeat;
  font-size:0.9em;
  line-height:1.6em;
  text-align:left;
}

/* メニュー */
#contents_left #menu2 {
  width:223px;
  margin:10px 0;
  border:1px solid #3C69AA;
}

#contents_left #menu2 ul {
  width:223px;
  margin:0;
  padding:0;
}

#contents_left #menu2 li {
  width:223px;
  height:40px;
  list-style:none;
}

#contents_left #menu2 a {
  width:223px;
  height:40px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
}

#contents_left #menu2 .m2_1 a {
  background:url(../img/tops/home/m2_1.gif);
}

#contents_left #menu2 .m2_2 a {
  background:url(../img/tops/home/m2_2.gif);
}

#contents_left #menu2 .m2_3 a {
  background:url(../img/tops/home/m2_3.gif);
}

#contents_left #menu2 .m2_4 a {
  background:url(../img/tops/home/m2_4.gif);
}

#contents_left #menu2 .m2_5 a {
  background:url(../img/tops/home/m2_5.gif);
}

#contents_left #menu2 .m2_6 a {
  background:url(../img/tops/home/m2_6.gif);
}

#contents_left #menu2 .m2_7 a {
  background:url(../img/tops/home/m2_7.gif);
}

#contents_left #menu2 .m2_8 a {
  background:url(../img/tops/home/m2_8.gif);
}

#contents_left #menu2 .m2_9 a {
  background:url(../img/tops/home/m2_9.gif);
}

#contents_left #menu2 a:hover{
  background-position:0px -40px;
}

/* モバイルサイト紹介 */
#contents_left #mobile {
  width:100%;
  height:90px;
}

/* === カラム中央 === */
#contents_center {
}

/* くらしの出来事 */
#contents_center #life_event {
  width:100%;
  height:160px;
  zoom:100%;
}

#contents_center #life_event:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#contents_center #life_event h2 {
  width:100%;
  height:35px;
  margin:0 0 10px 0;
  padding:0;
}

#contents_center #life_event ul {
  width:475px;
  margin:0px 0px 0px 5px;
  padding:0;
}

#contents_center #life_event li {
  width:90px;
  height:55px;
  margin:5px 5px 0px 0px;
  list-style:none;
  float:left;
  display:inline-block;
}

#contents_center #life_event a {
  width:90px;
  height:55px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
}

#contents_center #life_event .life_evt_1 a {
  background:url(../img/tops/home/life_evt_1.gif) no-repeat;
}

#contents_center #life_event .life_evt_2 a {
  background:url(../img/tops/home/life_evt_2.gif) no-repeat;
}

#contents_center #life_event .life_evt_3 a {
  background:url(../img/tops/home/life_evt_3.gif) no-repeat;
}

#contents_center #life_event .life_evt_4 a {
  background:url(../img/tops/home/life_evt_4.gif) no-repeat;
}

#contents_center #life_event .life_evt_5 a {
  background:url(../img/tops/home/life_evt_5.gif) no-repeat;
}

#contents_center #life_event .life_evt_6 a {
  background:url(../img/tops/home/life_evt_6.gif) no-repeat;
}

#contents_center #life_event .life_evt_7 a {
  background:url(../img/tops/home/life_evt_7.gif) no-repeat;
}

#contents_center #life_event .life_evt_8 a {
  background:url(../img/tops/home/life_evt_8.gif) no-repeat;
}

#contents_center #life_event .life_evt_9 a {
  background:url(../img/tops/home/life_evt_9.gif) no-repeat;
}

#contents_center #life_event .life_evt_10 a {
  background:url(../img/tops/home/life_evt_10.gif) no-repeat;
}

#contents_center #life_event a:hover{
  background-position:0px -55px;
}

/* 新着情報 */
#contents_center #news {
  width:100%;
  margin-top:20px;
  zoom:100%;
}

#contents_center #news:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#contents_center #news h2 {
  width:100%;
  height:35px;
  margin:0 0 10px 0;
  padding:0;
}

#contents_center #news ul {
  width:470px;
  margin:0 5px;
  padding:0;
}

#contents_center #news li {
/*  height:20px;*/ /* IE6 */
  margin:0 0 3px 0;
  padding:0 0 0 75px;
  text-align:left;
  font-size:0.8em;
  line-height:1.6em;
  list-style-type:none;
}

#contents_center #news li.life {
  background:url(../img/tops/home/news_life.gif) 0 0 no-repeat;
}

#contents_center #news li.admin {
  background:url(../img/tops/home/news_admin.gif) 0 0 no-repeat;
}

#contents_center #news li.event {
  background:url(../img/tops/home/news_event.gif) 0 0 no-repeat;
}

#contents_center #news li a {
  color:#0491C5;
}

#contents_center #news li a:hover {
  color:#FFA200;
}

/* 情報インデックス */
#contents_center #life_info {
  width:100%;
  margin-top:20px;
  padding:0px;
  zoom:100%;
}

#contents_center #life_info:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#contents_center #life_info h2 {
  width:100%;
  height:35px;
  margin:0 0 10px 0;
  padding:0;
}

#contents_center #life_info h3 {
  width:100%;
  margin:0;
  padding:0;
}
/*
#contents_center #life_info .list_box {
  margin:0 0 5px 0;
  padding:0;
  zoom:100%;
}*/

#contents_center #life_info .list_box:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#contents_center #life_info ul {
  margin:0;
  padding:0 6px;
  float:left;
}

#contents_center #life_info li {
  margin:0;
  padding-left:15px;
  list-style-type:none;
  font-size:0.9em;
  line-height:1.6em;
  text-align:left;
}

#contents_center #life_info .life {
  width:310px;
  margin:0 4px;
  padding:0;
  padding-bottom: 5px;
  float:left;
  background:url(../img/tops/home/l_info_life_btm.gif) 0 100% no-repeat;
}

#contents_center #life_info .life .list_box {
  width:308px;
  border-left:1px solid #6F9DC0;
  border-right:1px solid #6F9DC0;
}

#contents_center #life_info .life ul {
  width:142px;
}

#contents_center #life_info .life li {
  background:url(../img/tops/home/l_info_life_arw.gif) 0 6px no-repeat;
}

#contents_center #life_info .admin {
  width:150px;
  margin:0 4px;
  padding:0;
  padding-bottom: 5px;
  float:left;
  background:url(../img/tops/home/l_info_admin_btm.gif) 0 100% no-repeat;
}

#contents_center #life_info .admin .list_box {
  width:148px;
  border-left:1px solid #CD7A7A;
  border-right:1px solid #CD7A7A;
}

#contents_center #life_info .admin ul {
  width:136px;
}

#contents_center #life_info .admin li {
  background:url(../img/tops/home/l_info_admin_arw.gif) 0 6px no-repeat;
}

#contents_center #life_info li.spacer {
  background:none;
}


/* === カラム右 === */
/* 防災インフォメーション */
#contents_right #bousai {
  width: 225px;
}

#contents_right #bousai h2 {
  width:100%;
  height:30px;
  margin:0;
  padding:0;
}

#contents_right #bousai .box {
  width:223px;
  margin:2px 0 0 0;
  border:1px solid #CACACA;
}

#contents_right #bousai .weather {
  padding:5px;
  font-size:0.7em;
  text-align:center;
}

#contents_right #bousai ul.warning {
  margin:0;
  padding:5px;
}

#contents_right #bousai .warning li {
  padding-left:15px;
  list-style-type:none;
  background:url(../img/tops/home/bousai_marker.gif) 0 1px no-repeat;
  font-size:0.9em;
  line-height:1.3em;
  text-align:left;
}

#contents_right #bousai ul.musen {
  width:200px;
  margin:0 0 0 auto;
  padding:5px;
/*  text-align:right;*/
  list-style:none;
}

#contents_right #bousai .musen li {
  font-size:0.8em;
  line-height:1.4em;
  padding-left:7px;
  background:url(../img/tops/home/bousai_arw_1.gif) 0 0 no-repeat;
}

#contents_right #bousai .musen a {
  color:#DE4A32;
}

#contents_right #bousai .musen a:hover {
  color:#FFA200;
}

#contents_right #bousai h3 {
  margin:0 auto;
  padding:0;
}

#contents_right #bousai ul.for_the_worst {
  margin:0;
  padding:5px 10px;
}

#contents_right #bousai .for_the_worst li {
  padding-left:16px;
  list-style-type:none;
  background:url(../img/tops/home/bousai_arw_2.gif) 0 4px no-repeat;
  font-size:0.9em;
  line-height:1.6em;
  text-align:left;
}

/* 人口と世帯数 */
#contents_right #population {
  width: 225px;
  margin-top:10px;
  background:#E6EFF9 url(../img/tops/home/population_btm.gif) 0 100% no-repeat;
}

#contents_right #population h2 {
  width:100%;
  height:30px;
  margin:0;
  padding:0;
}

#contents_right #population table {
  margin:5px auto;
  border-collapse:collapse;
}

#contents_right #population td {
  padding:1px;
  font-size:0.9em;
  text-align:right;
}

#contents_right #population td.all {
  text-align:left;
}

#contents_right #population td.male {
  color:#4974BB;
  text-align:left;
}

#contents_right #population td.female {
  color:#FF5B5B;
  text-align:left;
}

#contents_right #population td.households {
  color:#FF8A00;
  text-align:left;
}

/* よく参照される記事 */
#contents_right #ranking {
  width:223px;
  margin-top:10px;
  padding:2px 0;
  border:1px solid #CACACA;
}

#contents_right #ranking h2 {
  width:100%;
  height:22px;
  margin:0;
  padding:0;
}

#contents_right #ranking p {
  padding:5px;
  text-align:left;
  font-size:0.8em;
  line-height:1.1em;
}

#contents_right #ranking table {
  width:213px;
  margin:0 auto;
}

#contents_right #ranking th {
  width:15px;
  height:15px;
  vertical-align:middle;
  text-align:center;
  font-size:0.8em;
  color:#FFFFFF;
  font-weight:normal;
  background:#8B8B8B;
}

#contents_right #ranking th.high_rank {
  background:#E5AA1C;
}

#contents_right #ranking td {
  font-size:0.8em;
  text-align:left;
}

/* 以下 WDT が追加 */

.weather_link {
  font-size: 0px;
  line-height: 0px;
  display: none;
}

img {
  border: none;
}