@charset "utf-8";

/*   ��基本��  */
* {　}

body {
  margin: 0;
  padding: 0;
  font-size:10px; /font-size:62.5%;
  font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5;
  color: #222222;
  background-color: #ffffff;
  text-align: center;
}

h1,h2,h3,h4,h5,h6,h7   {margin:0px; line-height:1.5;}
p  { margin:0px; line-height:1.5;}
form { margin:0px; padding:0px;}
ul li { list-style: none;}
li img{vertical-align:bottom;}
a { overflow:hidden;}

td, th { color:#222222; font-size:1em; line-height:1.4;}
img { border:0; }
hr { color:#c0c0c0; border:0; height:1px; background:#dddddd;}
.clear{	clear: both; height: 1px;}

a:link { color:#0000FF; text-decoration:none;}
a:visited { color:#0000FF; text-decoration:none;}
a:hover { text-decoration:underline;}

/*  ���h3  */
h3 { color:#37429b; font-weight:bold; font-size:120%;}

/*  floatのクリア  */
.clears {
  clear:both;
}

/*  スペース  */
.sp-s {
  margin: 12px 0px 0px 0px;
  font-size: 1px
}

.sp-l {
  margin: 30px 0px 0px 0px;
  font-size: 1px
}


/*  レイアウト */

/*  ヘッダ  */
#header-bg{
  background-color: #F7F7F7;
  border-bottom: solid 1px #bfbfff;
  height: 149px;
}

#header {
  margin: 0 auto;
  text-align: left;
  background-image: url(image/title.jpg);
  background-position: right;
  background-repeat: no-repeat;
  width: 958px;
  height: 149px;
}

/*  ヘッダの分岐タブ  */
#header ul { 
  padding:0px;
  margin:0px; 
 } 

#header ul#headerList li {  
  float: left;  
  margin: 0px 5px 0px 0px;
 }  

#header ul#headerList li a {  
  display: block;  
  text-decoration: none;  
  text-indent: -9999px;  
  width: 314px;  
  height: 27px;  
}  

#header ul#headerList li.gyousei a {  
  background: url(image/top-list-g.gif) right top no-repeat;  
}  
#header ul#headerList li a:hover {  
  background-position: left top;  
}  

#header ul#headerList li.kankou a {  
  background: url(image/top-list-k.gif) right top no-repeat;  
}  
#header ul#headerList li a:hover {  
  background-position: left top;  
}  


#top #tab {
  width: 930px;
  padding: 63px 0px 0px 14px ;
  text-align: left;
}


/*  レイアウト  */

#all {
  width: 958px;
  margin: 0 auto;
  text-align: left;
  background-color: #ffffff;
  font-size:120%;
}

/*  全体  */
.container {
  width:930px;
  margin: 0 auto;
  }

#topspace {
  width: 930px;
  height: 18px;
}

/*  メイン  */
#main {
  float:left;
  width:700px;
  font-size:110%; 
}

#center{
  float:right;
  width:496px;
}

#left {
  float:left;
  width:188px;
  font-size:95%;
}
#left img {vertical-align: top; }

/*  ナビ  */
#navi {
  float:right;
  width:214px;
}

#navi img {vertical-align: top; }

/*  下部メニュー  */

#bottom {
  padding:10px 0px 3px 0px;
  height: 14px;
  width: 930px;

}
#bm-menu {
float: left;
width: 590px;
}
#bm-menu-top {
float: right;
width: 340px;
text-align: right;
}



/*  フッタ  */
#footer-bg{
  clear:both;
  margin:0px 0px 0px 0px;
  background-color: #F7F7F7;
  border-top: solid 1px #bfbfff;
}

#footer {
  width: 958px;
  background-color:#F7F7F7;
  margin: 0 auto;
  text-align: left;	
  font-size: 130%;
  line-height:1.2;
}

#footer .all {
  width: 930px;
  margin: 0 auto;
  padding: 15px 0px 15px 0px ;
  text-align: left;	
}

 #mark {
  float:left;
  width: 60px;
  margin: 5px 0px 0px 0px ;
}
	
	
#address {float:left; width: 650px;}
.nichinan {font-size: 120%; margin: 0px 0px 5px 0px ;}
.tel {font-size: 130%;}
.time {margin: 0px 0px 8px 0px ;}
.links {font-size: 90%;}
#mobile { float:right; width: 175px;}

#copyright{
  margin: 0 auto;
  width: 958px;
}


/*  ライフステージでさがすアイコン  */
#life ul { 
	padding:0px;
	margin:0px; 
 } 

#life ul#life-i li {  
	float: left;  
	margin: 0px 1px 0px 0px;
 }  

#life ul#life-i li a {  
	display: block;  
	text-decoration: none;  
	text-indent: -9999px;  
	width: 61px;  
	height: 56px;  
}  

 #life ul#life-i li.shussan a {  
	background: url(image/life-i_01a.gif) right top no-repeat;  
}  

 #life ul#life-i li.kosodate a {  
	background: url(image/life-i_02a.gif) right top no-repeat;  
}  

 #life ul#life-i li.nyuugaku a {  
	background: url(image/life-i_03a.gif) right top no-repeat;  
}  

 #life ul#life-i li.shuushoku a {  
	background: url(image/life-i_04a.gif) right top no-repeat;  
}  

 #life ul#life-i li.kekkon a {  
	background: url(image/life-i_05a.gif) right top no-repeat;  
}  

 #life ul#life-i li.tenkyo a {  
	background: url(image/life-i_06a.gif) right top no-repeat;  
}  

 #life ul#life-i li.roujin a {  
	background: url(image/life-i_07a.gif) right top no-repeat;  
}  

 #life ul#life-i li.shibou a {  
	background: url(image/life-i_08a.gif) right top no-repeat;  
}  
 #life ul#life-i li a:hover {  
	background-position: left top;  
}  


/*  ウェブ窓口アイコン  */
#madoguchi ul { 
  padding:0px;
  margin:0px; 
} 
#madoguchi li {  
  margin: 0px 0px 2px 0px;
}  

#madoguchi ul#mado-i1 li a {  
  display: block; 
  text-decoration: none;  
  text-indent: -9999px;  
  width: 185px;  
  height: 47px;  
}  
#madoguchi ul#mado-i1 li.data a {  
  background: url(image/madoguchi-1a.gif) right top no-repeat;  
}  
#madoguchi ul#mado-i1 li a:hover {  
  background-position: left top;  
}  

#madoguchi ul#mado-i2 li a {  
  display: block; 
  text-decoration: none;  
  text-indent: -9999px;  
  width: 185px;  
  height: 38px;  
}  
#madoguchi ul#mado-i2 li.tel a {  
  background: url(image/madoguchi-2a.gif) right top no-repeat;  
}  
#madoguchi ul#mado-i2 li.dl a {  
  background: url(image/madoguchi-3a.gif) right top no-repeat;  
}  
#madoguchi ul#mado-i2 li.shisetu a {  
  background: url(image/madoguchi-4a.gif) right top no-repeat;  
}  
#madoguchi ul#mado-i2 li.mail a {  
  background: url(image/madoguchi-5a.gif) right top no-repeat;  
}  
#madoguchi ul#mado-i2 li a:hover {  
  background-position: left top;  
}  


/*  いきいきにちなん  */
#ikiiki {
  margin: 0px 0px 0px 0px;
  background-color: #f6f3d4;
}

#ikiiki-all {
  padding: 0px 0px 0px 0px;
  text-align: left;  
  background-color: #f6f3d4;
}
#ikiiki-entry {
  line-height: 1.3;
  font-size: 80%;
}

#ikiiki-title {
  padding: 7px 0px 3px 0px;
  font-size: 110%;
}

#ikiiki-p-bg {
 background-color: #f7f7f7;
 padding: 0px 0px 0px 0px;
}

#ikiiki-p-entry {
  padding: 0px 9px 0px 9px;
  text-align: left; 
  height: 20px;
}

#ikiiki-p-entry img {
  margin: 0px 1px 0px 1px; 
}

#ikiiki-p-entry a img { border: 1px solid #f7f7f7; }
#ikiiki-p-entry a:hover img { border: 1px solid #ff7807;}

#ikiiki-ichiran {
  font-size: 80%;
  text-align: right;
  padding: 0px 11px 0px 11px;
}


/*  おしらせ左  */
.oshirase {
  padding: 10px 10px 1px 10px;
  text-align: left;
  background-color: #eaf1f7;
}

.oshirase .entry {
  padding: 0px 0px 10px 20px;
  background: url(image/arrow1.gif) left top no-repeat;
  line-height: 1.4;
}

.oshirase .hp {
  text-align: right;
  padding: 0px 0px 5px 0px;
}

.hp a {color:#222222;text-decoration:underline;}
.hp a:hover {color:#666666;text-decoration:underline;}

/*  地域活動  */
.chiiki {
  padding: 10px;
  text-align: left;
  background-color: #f7f5dc;
}

.chiiki .title {
  padding: 0px 0px 10px 20px;
  background: url(image/arrow1.gif) left top no-repeat;
  line-height: 1.4;
}
.chiiki .entry {
  padding: 0px 0px 5px 0px;
}

/*  バナースペース  */
#banners {
  margin: 15px 0px 5px 0px;
}
#banners img {
  margin: 0px 3px 5px 3px;
}



/*  新着  */
#news-title {
  float: left; 
  width: 438px; 
}
#news-ichiran {
  float: left; 
  width: 57px; 
}
.news .entry {
  padding: 0px 0px 0px 20px;
  background: url(image/arrow2.gif) left center no-repeat;
  line-height: 1.4;
}
.news .line {
  margin: 2px 0px 0px 0px;
  width: 496px;
  height: 17px;
  border-top-color:#cccccc;
  border-top-style:solid;
  border-top-width:1px;
}

/*  見出し下のライン  */
.m-line {
  clear:both;
  width: 496px;
  height: 10px;
  background: url(image/line.gif) left top repeat-x;
  font-size:1px;
}

/*  ライフステージのタイトル部  */
#life .titles {
  width: 498px;
  clear:both;
  font-size:85%;
}

#life .title {
  float: left; 
  width: 62px; 
  text-align: center;
}

.km-titles {
  margin: 8px 0px 2px 0px;
}

/*  お天気  */
.weather {
  padding-top:24px;/* ←top.jpgの高さ*/
  background:url(image/weather-t.gif) no-repeat left top;
  font-size:90%;
  line-height: 1.2;
}
.weather .body {
  padding:6px 14px 0px 14px;
  background:url(image/weather-bg.gif) repeat-y left top;
}
.weather .bottom {
  height:9px;/* ←bottom.jpgの高さ*/
  background:url(image/weather-f.gif) no-repeat left bottom;
  font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
  line-height:1px;
}
.weather .line {
  height:10px;
  background:url(image/weather-line.gif) no-repeat center;
  font-size:1px;
  line-height:1px;
}
.weather .day {
  font-size:120%;
}


/*  ナビ枠  */
.navi-clm {
  padding: 10px 11px 2px 11px;
  
  background-color: #ffffff;
  border-color:#cccccc;
  border-style:solid;
  border-width:1px;
}

.navi-clm .entry {
  padding: 0px 0px 10px 0px;
  line-height: 1.4;
}

/*  画像の右回り込み  */
.float-right{
  float: left;
  margin-right: 8px;
 }

/*  広報月  */
.navi-clm .kh-month {
  padding: 0px 0px 5px 0px;
  font-weight: bold;
  font-size:110%;
}

/*  広報詳細へ  */
.navi-clm .page {
  clear:both;
  margin: 5px 0px 0px 0px;
  text-align: right;
}

/*  人の動き  */
.hito-title{
  margin: 15px 0px 5px 0px;

}

table.hito {
text-align: right;
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  font-size: 100%;
}

table.hito caption {
  margin-top: 1em;
  text-align: left;
}

table.hito th,
table.hito td {
  border: solid 1px #bbbbbb;
  padding: 2px 4px;
}

table.hito th {
  background: #eaf1f7;
  text-align: center;    
}


#main input[type="text"] {
  color:#000000;
  background-color:#ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #bbbbbb;
  padding : 1px 0px 1px 3px;
  margin : 0px;
  vertical-align: middle;
  width: 180px;
  vertical-align: top;
}

#main form td{
  padding : 3px 3px 0px 0px;
}