@charset "UTF-8";


/* ------------------------------------------------------
 1.全体リセット
------------------------------------------------------ */
* {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------------
 2.body
------------------------------------------------------ */
body {
	color: #333;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
/*	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	background-color: #FFF;
	line-height: 1.2;
	text-align: center;
	margin: 0;
	padding: 0;
	min-width:920px;
}


#wrapper {
	text-align: left;
	margin: 0 auto;
/*	border: 1px solid #ccc;*/
	width: 95%;
	
}

/* ------------------------------------------------------
 3.独自設定
------------------------------------------------------ */
img,form {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}
em,i {
	font-style: italic;
}
strong,b {
	font-weight: bold;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
}
ul li {
	margin: 0px;
}
ol {
	margin: 0;
	padding: 0;
}
ol li {
	margin: 5px 0 5px 30px;
}
pre,
blockquote {
	margin: 10px 0;
}
.hide {
	display: none;
}

/*すべての div要素 のみ余白をゼロ */
div {
	margin: 0;
	padding: 0;
}

/* リンクの指定 */
a{
	overflow: hidden;
}

a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active {
  color: #ff0000;
  text-decoration: underline;
}

/* ------------------------------------------------------
 4.ヘッダー
------------------------------------------------------ */

/* -------- 本文へジャンプ -------- */
#header p#skipnavi {
	/*CSS適用環境では見せない*/
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute; /* MacIE用 */
}

/* ヘッダー */
#header {
	font-size: 85%;
	width: 100%;
	height: 130px;
	background-color: #FFF;

}

/* ヘッダー中枠 */
.header-inner {
	width: 100%;
	height: 100%;
	position: relative;
}

/* -------- トップナビ -------- */
#header #header-topnavi-area {
	width: 100%;
}


/* -------- ロゴ -------- */
#logoarea {
	width: 100%;
	float: left;
	margin-right: -220px;/* 右サイドバー部分の幅をマイナス */
}

#logoarea-inner {
	margin-right: 225px;
	background-image: url(../images/topimg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#logoarea p {
}

/* アドレス */
#address {
	padding: 3px 0 2px 0;
	width: 220px;
	float: right;
	line-height: 1.5;

}


/* -------- メインナビ -------- */
#header #mainnavi {
	width: 100%;
	float: left;
/*	background: #308909 url(../images/base/mainnavi_bg.gif) repeat-x;*/
	background: #308909 url(../images/base/mainnavi_bg.gif) repeat-x;
	margin: 0 0 6px 0;
}
#header #mainnavi ul {
/*	width: 99.3%;*/
/*	float: right;*/
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0;
/*
	font-size: 120%;
	line-height: 1.1;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #060;
*/
}

#mainnavi li {
	float: left;
	padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
	vertical-align: bottom;
	border-left: 1px solid #86BD6E;
}

#mainnavi a {
	display: block;
	text-indent: -9999px;
	height: 26px;
/*	width: 200px;*/
/*	margin-top: 2.5px;*/
	font-size: 120%;
	line-height: 1.1;
	padding: 0;
}

#mainnavi .mainnavi-li-top a { background: url(../images/base/mainnavi1.gif) no-repeat ; margin-left: 5px; color: #FFFFFF; width: 93px;}
#mainnavi .mainnavi-li-prof a { background: url(../images/base/mainnavi2.gif) no-repeat ; margin-left: 5px; color: #FFFFFF; width: 150px;}
#mainnavi .mainnavi-li-annai a { background: url(../images/base/mainnavi3.gif) no-repeat ; margin-left: 5px; color: #FFFFFF; width: 93px;}
#mainnavi .mainnavi-li-kanko a { background: url(../images/base/mainnavi4.gif) no-repeat ; margin-left: 5px; color: #FFFFFF; width: 93px;}
#mainnavi .mainnavi-li-access a { background: url(../images/base/mainnavi5.gif) no-repeat ; margin-left: 5px; color: #FFFFFF; width: 150px;}

#mainnavi .mainnavi-li-top a:hover { background: url(../images/base/mainnavi1_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 93px;}
#mainnavi .mainnavi-li-prof a:hover { background: url(../images/base/mainnavi2_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 150px;}
#mainnavi .mainnavi-li-annai a:hover { background: url(../images/base/mainnavi3_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 93px;}
#mainnavi .mainnavi-li-kanko a:hover { background: url(../images/base/mainnavi4_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 93px;}
#mainnavi .mainnavi-li-access a:hover { background: url(../images/base/mainnavi5_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 150px;}

#mainnavi .mainnavi-li-top a#now { background: url(../images/base/mainnavi1_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 93px;}
#mainnavi .mainnavi-li-prof a#now { background: url(../images/base/mainnavi2_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 150px;}
#mainnavi .mainnavi-li-annai a#now { background: url(../images/base/mainnavi3_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 93px;}
#mainnavi .mainnavi-li-kanko a#now { background: url(../images/base/mainnavi4_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 93px;}
#mainnavi .mainnavi-li-access a#now { background: url(../images/base/mainnavi5_over.gif) no-repeat ; margin-left: 5px; color: #333333; width: 150px;}


#fontsize{
	float: right;
	/* display: block; */
	width: 380px;
	height: 25px;
	margin: 0 2px 0 0;
	/*margin: -4px 2px 0 0;*/
}

.form-inner{
	float: right;
    width: 225px;
}
.form-inner #button {
    font-size: small;
}

.fontsize-inner{
	/*margin: -22px 0 0 0;*/
	/*height: 25px;*/
}

#fontsize ul{
	border-sytle: none;
	margin: 0;
	padding: 0;
}


#fontsize li{
	border-sytle: none;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 2.5px 0 0 0;
	font-size: 12px;
	line-height: 23px;
}

/* WinIE7用 */
*:first-child+html #fontsize li{
	line-height: 25px;
	padding: 0;
}

/* -------- ボトムナビ -------- */
#header #header-bottomnavi-area {
	width: 100%;
	float: left;
	height: 25px;
	padding: 1px 0 1px 0;
	background-color: #DBEFB0;
}
#header-bottomnavi-area a:link {color: #333333; text-decoration: underline;}
#header-bottomnavi-area a:visited {color: #333333; text-decoration: underline;}
#header-bottomnavi-area a:hover {color: #FF9900; text-decoration: underline;}
#header-bottomnavi-area a:active {color: #333333; text-decoration: underline;}

/* ナビ */
/*#header #header-bottomnavi-area ul {*/
#header ul#header-bottomnavi {
/*	width: 70%;*/
	float: left;
	padding: 5px 0 0 7px;
	list-style: none;
}
/*#header #header-bottomnavi-area ul li {*/
#header ul#header-bottomnavi li {
	float: left;
	display: block;
	margin: 0;
	padding: 1px 5px;
	border-left: 1px solid #666;
}
/*#header #header-bottomnavi-area ul li#header-bottomnavi-li-first {*/
#header ul#header-bottomnavi li#header-bottomnavi-li-first {
	border-left: none;
}
/* 検索フォーム */
#header #header-bottomnavi-area form {
	float: right;
	padding: 3px 0 0;
	text-align: right;
}
#header #header-bottomnavi-area form p {
	margin: 0 12px 0 0;
}
#header #header-bottomnavi-area form p #searchform-textarea {
	width: 140px;
	margin: 0 4px 0 0;
	padding: 0;
	vertical-align: bottom;
}
#header #header-bottomnavi-area form p #searchform-btn {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/* ------------------------------------------------------
 5.コンテンツ
------------------------------------------------------ */
/*  */
#container {
  width: 100%;
  float: left;
  margin-right: -220px;/* 右サイドバー部分の幅をマイナス */

}
#container2 {
  width: 100%;
  float: left;
}

/* コンテンツ */
#content {
	font-size: 85%;
	width: 100%;
	float: right;
	margin-left: -220px;/* 左サイドバー部分の幅をマイナス */
}

/* 左サイドバー */
#left-sidebar {
	font-size: 85%;
	width: 220px;
	float: left;
	_width: 218px;
}

/* 右サイドバー */
#right-sidebar {
	font-size: 85%;
	width: 220px;
	float: right;
}

/* コンテンツ中枠 サイドバーの幅以上 */
#container .content-inner {
	margin: 2px 220px;
	padding: 0 5px 0 5px;
}
#container2 .content-inner {
	margin: 2px 0 2px 220px;
	padding: 0 5px 0 5px;
}

/* サイドバー中枠 */
.sidebar-inner {
	margin: 2px 0 2px 0px;
	padding: 0 5px 0 5px;
}



/* 左サイドバー */
.menu {
	list-style-type: none;
	padding: 2.5px 0 2.5px 0;
	margin: 2.5px;
	_margin: 0 0 -12px 0;/* IE6対応 */
	width: 200px;
/*	border: 1px solid #999;*/
}

.menu a {
	display: block;
	text-indent: -9999px;
	height: 30px;
	width: 200px;
	margin: 2.5px 0 0 0;
	_margin: 0 0 -12px 0;/* IE6対応 */
	padding: 0;
}

.menu1 a { background: url(../images/base/menu1.gif) no-repeat ;}
.menu2 a { background: url(../images/base/menu2.gif) no-repeat ;}
.menu3 a { background: url(../images/base/menu3.gif) no-repeat ;}
.menu4 a { background: url(../images/base/menu4.gif) no-repeat ;}
.menu5 a { background: url(../images/base/menu5.gif) no-repeat ;}
.menu6 a { background: url(../images/base/menu6.gif) no-repeat ;}
.menu7 a { background: url(../images/base/menu7.gif) no-repeat ; margin-bottom: 2.5px;}

.menu1 a:hover { background: url(../images/base/menu1_over.gif) no-repeat ;}
.menu2 a:hover { background: url(../images/base/menu2_over.gif) no-repeat ;}
.menu3 a:hover { background: url(../images/base/menu3_over.gif) no-repeat ;}
.menu4 a:hover { background: url(../images/base/menu4_over.gif) no-repeat ;}
.menu5 a:hover { background: url(../images/base/menu5_over.gif) no-repeat ;}
.menu6 a:hover { background: url(../images/base/menu6_over.gif) no-repeat ;}
.menu7 a:hover { background: url(../images/base/menu7_over.gif) no-repeat ; margin-bottom: 2.5px;}

.menu1 a#now { background: url(../images/base/menu1_over.gif) no-repeat ;}
.menu2 a#nowr { background: url(../images/base/menu2_over.gif) no-repeat ;}
.menu3 a#now { background: url(../images/base/menu3_over.gif) no-repeat ;}
.menu4 a#now { background: url(../images/base/menu4_over.gif) no-repeat ;}
.menu5 a#now { background: url(../images/base/menu5_over.gif) no-repeat ;}
.menu6 a#now { background: url(../images/base/menu6_over.gif) no-repeat ;}
.menu7 a#now { background: url(../images/base/menu7_over.gif) no-repeat ; margin-bottom: 2.5px;}


.menu1_section a {
/*	display: block;
	text-indent: 0;
	width: 200px;
	margin-top: 2.5px;
	padding: 0;
*/
	height: 20px;
}

ul.menu1_section{
	list-style-type: none;
/*	list-style-position: inside;*/
	padding: 5px 0 0 0;
	margin: 0;
	_margin: 12px 0 0 0;/* IE6対応 */
}
ul.menu1_section li{
	padding: 0 0 0 10px;
	margin: 0;
	_margin: 0 0 -12px 0;/* IE6対応 */
/*	line-height: 1em;*/
}

ul.menu1_section a{
	background-image: url(../images/base/top-squarearea_li_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
/*	background-position: 0 6px;
/*	background-image: none;*/
	background-color: #FFF;
	text-indent: 0;
	color:#333;
	padding: 0 0 0 12px;
	margin: 0;
	width: 170px;
}

ul.menu1_section a:hover{
	background-image: url(../images/base/top-squarearea_li_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
/*	background-position: 0 6px;
/*	background-image: none;*/
	background-color: #FFF;
	text-indent: 0;
	color:#999;
	margin: 0;
	padding: 0 0 0 12px;
}

ul.menu1_section a#snow{
}

/* -------- くらしの出来事 -------- */
#top-lifeeventarea {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#top-lifeeventarea h2 {
	text-indent: -9999px;
	margin: 0 0 5px 0;
	padding: 5px 0 4px 0px;
	background: url(../images/base/top-lifeeventarea_h2_bg.gif) no-repeat;
/*	background: url(../images/base/top-lifeeventarea_h2_bg.gif) no-repeat 3px 1px;*/
	line-height: 1.1;
	min-height: 15px;
	min-width: 200px;
}
#top-lifeeventarea ul {
	display: block;
	width: 97%;
	letter-spacing: 0.1em;
	list-style: none;
	height: 160px;
	/*\*//*/display: inline-table;/* MacIE フロート対策 */
}
#top-lifeeventarea ul:after {
	/*Newブラウザ フロート対策*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top-lifeeventarea ul li {
	font-size:11px;
	float: left;
	margin: 0;
	padding: 0 0 2px 2px;
}
#top-lifeeventarea ul li a {
	width: 48px;
	min-height: 30px;
	display: block;
	padding: 50px 0 2px 0;
	text-align: center;
}
#top-lifeeventarea ul li#lifeevent-born a {
	background: url(../images/lifeevent/born.gif) no-repeat;
}
#top-lifeeventarea ul li#lifeevent-child a {
	background: url(../images/lifeevent/child.gif) no-repeat;
}
#top-lifeeventarea ul li#lifeevent-marriage a {
	background: url(../images/lifeevent/marriage.gif) no-repeat;
}
#top-lifeeventarea ul li#lifeevent-senior a {
	background: url(../images/lifeevent/senior.gif) no-repeat;
	height: 30px;
}
#top-lifeeventarea ul li#lifeevent-job a {
	background: url(../images/lifeevent/job.gif) no-repeat;
}
#top-lifeeventarea ul li#lifeevent-move a {
	background: url(../images/lifeevent/move.gif) no-repeat;
}
#top-lifeeventarea ul li#lifeevent-health a {
	background: url(../images/lifeevent/health.gif) no-repeat;
}
#top-lifeeventarea ul li#lifeevent-death a {
	background: url(../images/lifeevent/death.gif) no-repeat;
}




/* 右サイドバー */
.localnavi {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.localnavi a {
	display: block;
	width: 187px;
	margin-top: 3px;
	_margin: 0 0 -12px 0;/* IE6対応 */
}

.cal a { background: url(../images/base/localnavi1.gif) no-repeat ;height: 37px;text-indent: -9999px;}
.hospital a { background: url(../images/base/localnavi2.gif) no-repeat ;height: 37px;text-indent: -9999px;}
.question a { background: url(../images/base/localnavi3.gif) no-repeat ;height: 37px;text-indent: -9999px;}
.facebook a { background: url(../images/base/facebook.gif) no-repeat ;height: 37px;text-indent: -9999px;}

.cal a:hover { background: url(../images/base/localnavi1_over.gif) no-repeat ;}
.hospital a:hover { background: url(../images/base/localnavi2_over.gif) no-repeat ;}
.question a:hover { background: url(../images/base/localnavi3_over.gif) no-repeat ;}
.facebook a:hover { background: url(../images/base/facebook_over.gif) no-repeat ;}
.banner a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}


.localnavi2 {
	list-style-type: disk;
	list-style-position: inside;
	margin: 0 0 10px 4px;
	padding: 0;
}
.localnavi2 li { padding: 0 0 5px 0;}

.localnavi3 {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.localnavi3 a {
	text-decoration: none;
	font-size: 120%;
	color: #333;
	position:relative;
	top:15px;
	left:15px;
	display: block;
	width:170px;
	height:40px;
	vertical-align:middle;
}

.localnavi3 a:hover { color: #ff0000;}

.localnavi3 li {
	padding: 0 0 5px 0;
	height: 50px;
	width: 187px;
}

.localnavi3 li.t_banner1 { background: url(../images/base/t_banner1.gif) no-repeat ;}
.localnavi3 li.t_banner2 { background: url(../images/base/t_banner2.gif) no-repeat ;}
.localnavi3 li.t_banner3 { background: url(../images/base/t_banner3.gif) no-repeat ;}
.localnavi3 li.t_banner4 { background: url(../images/base/t_banner4.gif) no-repeat ;}

#t_banner{
	margin: 0 0 10px 0;
}

#t_banner a {
	text-decoration: none;
	font-size: 120%;
	color: #333;
	height: 50px;
	width: 187px;
	display:table-cell;
	/display: block; /* IE6,7対応*/
	/position:relative;/* IE6,7対応*/
	/top:10px;/* IE6,7対応*/
	/height: 40px;/* IE6,7対応*/
	vertical-align:middle;
	text-align:center;
}

#t_banner a:hover { color: #ff0000;}

#t_banner1 { background: url(../images/base/t_banner1.gif) no-repeat ;	height: 50px; margin:0 0 5px 0;}
#t_banner2 { background: url(../images/base/t_banner2.gif) no-repeat ;	height: 50px; margin:0 0 5px 0;}
#t_banner3 { background: url(../images/base/t_banner3.gif) no-repeat ;	height: 50px; margin:0 0 5px 0;}
#t_banner4 { background: url(../images/base/t_banner4.gif) no-repeat ;	height: 50px; margin:0 0 5px 0;}

/* ------------------------------------------------------
 6.フッター
------------------------------------------------------ */
#footer {
	clear: both;
	font-size: 85%;
	margin: 5px 0 5px 0;
}

/* -------- フッターインフォ -------- */
#footer #footerinfo {
	padding: 0;
	margin: 0;
}

/* フッター中枠 */
.footer-inner { padding: 0; }


/* フッターナビ */
#footer #footerinfo p#footernavi {
	font-size: 90%;
	padding: 2px 0 2px 0;
	color: #FFF;
	background-color: #539D0A;
	text-align: center;
}

#footernavi a:link {color: #FFF; text-decoration: none;}
#footernavi a:visited {color: #FFF; text-decoration: none;}
#footernavi a:hover {color: #003300; text-decoration: underline;}
#footernavi a:active {color: #FFF; text-decoration: underline;}

/* -------- コピーライト -------- */
#footer p#copyright {
	font-size: 80%;
	color: #333333;
	padding: 2px 0 2px 0;
	margin: 0;
	text-align: center;
	background-color: #EBFADE;
}

/* -------- バナーエリア -------- */
#bannerarea {
/*	width: 100%;
	float: left;
*/
	padding: 5px 5px 0 5px;
	width: 800px;
/*	border-top: 1px dotted #CCC;*/
	text-align: center;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
}
#bannerarea img {
	text-align: center;
}


#bannerarea tr{
	max-height: 60px;
}

#bannerarea td{
	text-align: left;
	padding: 0 4px 5px 4px;
}

table.tbl_banner{
	width: 150px;
	height: 60px;
	max-height: 60px;
	border:solid 1px #00008B;
	background-color:#DDFFFF;
	padding: 0px;
}


.tbl_banner td{
	font-size: 9px;
	line-height: 1.4;
	padding: 0px;
	letter-spacing: 2px;
}

.txt_banner{
	display: block;
	width: 144px;
	height: 56px;
	max-height: 56px;
	max-width: 144px;
	overflow: hidden;/*規定サイズからはみ出た部分は表示しない*/ 
	border:solid 1px #00008B;
	background-color:#DDFFFF;
	font-size: 10px;
	text-align: left;
	line-height: 1.7;
	padding: 3px 2px 3px 2px;
}


/* -------- イメージプリロード -------- */
#image-preload{
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url(../images/base/menu1.gif);
	background-image:url(../images/base/menu2.gif);
	background-image:url(../images/base/menu3.gif);
	background-image:url(../images/base/menu4.gif);
	background-image:url(../images/base/menu5.gif);
	background-image:url(../images/base/menu6.gif);
	background-image:url(../images/base/menu7.gif);
	background-image:url(../images/base/menu1_over.gif);
	background-image:url(../images/base/menu2_over.gif);
	background-image:url(../images/base/menu3_over.gif);
	background-image:url(../images/base/menu4_over.gif);
	background-image:url(../images/base/menu5_over.gif);
	background-image:url(../images/base/menu6_over.gif);
	background-image:url(../images/base/menu7_over.gif);
}