@charset "utf-8";


a {color:#003399;}
a:link {color: #135CC9;}
a:visited {color: #4A6784;}
a:hover {color: #b70600;}
a:active {color: #BB0033;}

#navi_start,
#navi_end{
	font-size:1%;
	width:0;
	height:0;
	text-indent:-10000px;
}


/*ヘッダ
-------------------------------------------*/
#header{
	background:url(/images/bg_header.jpg) no-repeat right top;

}
/*ロゴとQR*/
#headlogo{
	padding:5px 0 0 10px;
	width:235px;
	float:left;
}
#logo h1,
#logo p{
	text-indent:-10000px;
}
#logo h1 a,
#logo p a{
	padding:0px 0 0 0;
	width:167px;
	height:57px;
	display:block;
	background:url(/images/logo.gif) no-repeat top left;
}
#logo img{
	display:none;
}
#mobile p{
	padding:10px 0 10px 0;
	background:url(/images/mobilecode.gif) no-repeat center right;
}

#headright{
	margin:0 10px 0 0 ;
	width: auto;
	float:right;

}
* html div#headright {	/* IE6対応 */
	width: 70%;
}


/*ヘッダヘルプ*/
#headhelp h2,
#headhelp p{
	font-size:90%;
	font-weight:800;
}

#headhelp{
	padding:5px;
	margin:-1px 0 5px 0 ;
	background:url(/images/bg_headhelp.gif) #fff repeat-x bottom;
	border:1px solid #6EA0F7;
}

#headhelp li{
	padding:0 10px 5px 15px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	background:url(/images/arrow01.gif) no-repeat top left;
}
#headhelp .fontsize{
	padding:2px 10px 5px 30px;
	background:url(/images/bg_fontsize.gif) no-repeat left top;
	font-size:120%;
	font-weight:800;
}

/*ヘッダ他の言語*/
#headLanguages {
	padding:5px;
	width:100%;
	float:right;
	background:#fff;
	text-align:right;
	opacity:0.9;
	filter: alpha(opacity=90);
	font-size:140%;
}

#headLanguages h2,
#headLanguages p{
	margin:0 10px 0 0;
	display: inline;
	zoom: 1;
	font-size:90%;
	font-weight:800;
	color:#003DA8;
}
#headLanguages ul{
	display:inline;
}
#headLanguages li{
	padding:0 10px 5px 15px;
	display: inline;
	background:url(/images/arrow01.gif) no-repeat top left;
}

/*メニュー
-------------------------------------------*/
.searchmenu{
	padding:5px 20px 2px 5px;
	background:url(/images/bg_searchmenu.gif) no-repeat left top #F0F4FD;
}
.searchmenu h2,
.searchmenu p{
	padding:3px 0 0 8px;
	float:left;
	font-size:80%;
	font-weight:800;
	color:#003DA8;

}
.searchmenu .search{
	float:right;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size:80%;
}

/*ナビゲーション
-------------------------------------------*/
.gnavi{
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	background:url(/images/bg_gnavi.gif) repeat-x bottom #4597E9;
}
.gnavi li{
	padding:5px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-weight:800;
	border-right:1px solid #fff;
}
.gnavi li a,
.gnavi li a:visited{
	color:#fff;
}
.gnavi li a:hover{
	color:#000;
}
.gn1{
	background:url(/images/bg_gn1.gif) repeat-x bottom #88B0FA;
	border-left:1px solid #fff;
}
.gn2{
	background:url(/images/bg_gn2.gif) repeat-x bottom #FFB1B1;
}
.gn3{
	background:url(/images/bg_gn3.gif) repeat-x bottom #FFD388;
}
.gn4{
	background:url(/images/bg_gn4.gif) repeat-x bottom #31E983;
}
.gn5{
	background:url(/images/bg_gn5.gif) repeat-x bottom #31E9E7;
}
.gn6{
	background:url(/images/bg_gn6.gif) repeat-x bottom #7A2CE8;
}
.gn7{
	background:url(/images/bg_gn7.gif) repeat-x bottom #D42CE9;
}

/*緊急情報
-------------------------------------------*/
#emergency{
	padding:9px 10px 5px 150px;
	margin:0 10px 10px 10px;
	background:url(/images/bg_emergency.gif) #FFF1F1 no-repeat left top;
	border:1px solid #E1172A;
}
#emergency h2,
#emergency p{
	display:none;
}
#emergency li{
	padding:0 0 3px 13px;
	background:url(/images/arrow_emergency.gif) no-repeat left top;
	font-weight:800;
	color:#E42E40;
}

/*レイアウト-------------------------------------------*/
#mainbody{
	padding:0 8px 10px 8px;
}

/*パンくずリスト*/
#topicpath ol{
	padding:0 0 0 10px;
}
#topicpath li{
	padding:0 12px 0 0;
	margin:0 3px 0 0;
	float:left;
	background:url(/images/bg_topicpath.gif) no-repeat right center;
	list-style:none;
	font-size:80%;
}
#topicpath .thispage{
	background:#fff;
}



/*サイドメニュー
-------------------------------------------*/
.sidemenu{
	margin:0 0 10px 0;
	border:1px solid #ccc;
	border-top:1px solid #fff;
	-webkit-border-radius: 10px;	/* Safari、Google Chrome */
	-moz-border-radius: 10px;	/* Firefox */
}
.sidemenu h2 {
	padding:5px;
	margin:-1px -1px 0 -1px;
	background:#eee;
	font-size:110%;
	-moz-border-radius-topright: 10px;	/* Firefox */
	-webkit-border-top-right-radius: 10px;	/* Safari、Google Chrome */
}
.sidemenu h3 {
	padding:5px;
	margin:-1px -1px 0 -1px;
	font-weight:400;
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #EEEEEE;
	font-size:100%;
	border:none;
}

.sidemenu ul {
	padding:0 5px 2px 5px;
}
.sidemenu li{
	padding:0 0 3px 13px;
	background:url(/images/arrow01.gif) no-repeat top left;
}

/*出来事から探す
--------------------*/
.lifeevent .sidemenu{
	background:#FFEDED;
	border:1px solid #FFB2B2;
}
.lifeevent .sidemenu h2 {
	background:url(/images/lifeevent/sidemenu_h2.gif) repeat-x bottom #FFEEEE;
	border-left:13px solid #FCB0B1;
}
.lifeevent .sidemenu h3 {
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #FED8D9;
}
.lifeevent .sidemenu li{
	background:url(/images/lifeevent/arrow00.gif) no-repeat top left;
}
.lifeevent .sidemenu li li{
	background:url(/images/lifeevent/arrow02.gif) no-repeat top left;
}
.lifeevent .sidemenu li li li{
	background:url(/images/lifeevent/arrow03.gif) no-repeat top left;
}
#sideright .lifeevent .sidemenu li{
	background:url(/images/lifeevent/arrow01.gif) no-repeat top left;
}

/*分野から探す
--------------------*/
.category .sidemenu{
	background:#FFF3DE;
	border:1px solid #FFCC99;
}
.category .sidemenu h2 {
	background:url(/images/category/sidemenu_h2.gif) repeat-x bottom #FFCB71;
	border-left:13px solid #FFD696;
}
.category .sidemenu h3 {
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #FFCB71;
}
.category .sidemenu li{
	background:url(/images/category/arrow00.gif) no-repeat top left;
}
.category .sidemenu li li{
	background:url(/images/category/arrow02.gif) no-repeat top left;
}
.category .sidemenu li li li{
	background:url(/images/category/arrow03.gif) no-repeat top left;
}
#sideright .category .sidemenu li{
	background:url(/images/category/arrow01.gif) no-repeat top left;
}

/*種類から探す
--------------------*/
.type .sidemenu{
	background:#E4FFE0;
	border:1px solid #A1FD85;
}
.type .sidemenu h2 {
	background:url(/images/type/sidemenu_h2.gif) repeat-x bottom #DAFEEB;
	border-left:13px solid #18C361;
}
.type .sidemenu h3 {
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #A1FD85;
}
.type .sidemenu li{
	background:url(/images/type/arrow00.gif) no-repeat top left;
}
.type .sidemenu li li{
	background:url(/images/type/arrow02.gif) no-repeat top left;
}
.type .sidemenu li li li{
	background:url(/images/type/arrow03.gif) no-repeat top left;
}
#sideright .type .sidemenu li{
	background:url(/images/type/arrow01.gif) no-repeat top left;
}

/*対象から探す
--------------------*/
.target .sidemenu{
	background:#EEFBFA;
	border:1px solid #E9FBF9;
}
.target .sidemenu h2 {
	background:url(/images/target/sidemenu_h2.gif) repeat-x bottom #DAFEF8;
	border-left:13px solid #18C3BD;
}
.target .sidemenu h3 {
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #D9F6F3;
}
.target .sidemenu li{
	background:url(/images/target/arrow00.gif) no-repeat top left;
}
.target .sidemenu li li{
	background:url(/images/target/arrow02.gif) no-repeat top left;
}
.target .sidemenu li li li{
	background:url(/images/target/arrow03.gif) no-repeat top left;
}
#sideright .target .sidemenu li{
	background:url(/images/target/arrow01.gif) no-repeat top left;
}

/*地区から探す
--------------------*/
.area .sidemenu{
	background:#F0EAFD;
	border:1px solid #F4EFFE;
}
.area .sidemenu h2 {
	background:url(/images/area/sidemenu_h2.gif) repeat-x bottom #EDE8FF;
	border-left:13px solid #6328E8;
}
.area .sidemenu h3 {
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #E1DCFD;
}
.area .sidemenu li{
	background:url(/images/area/arrow00.gif) no-repeat top left;
}
.area .sidemenu li li{
	background:url(/images/area/arrow02.gif) no-repeat top left;
}
.area .sidemenu li li li{
	background:url(/images/area/arrow03.gif) no-repeat top left;
}
#sideright .area .sidemenu li{
	background:url(/images/area/arrow01.gif) no-repeat top left;
}

/*組織から探す
--------------------*/
.division .sidemenu{
	background:#FEF4FF;
	border:1px solid #ECADE5;
}
.division .sidemenu h2 {
	background:url(/images/division/sidemenu_h2.gif) repeat-x bottom #FEE7FF;	
	border-left:13px solid #BF28E8;
}
.division .sidemenu h3 {
	background:url(/images/bg_sidemenu_h3.gif) repeat-x bottom #eeeeee;
}
.division .sidemenu li{
	background:url(/images/division/arrow01.gif) no-repeat top left;
}
.division .sidemenu li li{
	background:url(/images/division/arrow02.gif) no-repeat top left;
}
.division .sidemenu li li li{
	background:url(/images/division/arrow03.gif) no-repeat top left;
}
#sideright .division .sidemenu li{
	background:url(/images/division/arrow01.gif) no-repeat top left;
}

/*所属ページ下部関連情報*/
#bottomrel{
	padding:0 12px 10px 12px;
}
#bottomrel #relatedcontents .relatedpage,
#bottomrel #relatedcontents .relateddivision,
#bottomrel #relatedcontents .relatedsite{
	margin-right:2px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	width:32.5%;
	min-width:300px;
	/min-width:0;
	width: expression(document.body.clientWidth < 802? "300px" : "32.5%");
}

/*リストページ下部おすすめ情報*/
#bottompush{
	padding:0 12px;
}
#bottompush #pushcontents .attention,
#bottompush #pushcontents .popular,
#bottompush #pushcontents .pressrelease{
	margin-right:2px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	width:32.5%;
	min-width:300px;
	/min-width:0;
	width: expression(document.body.clientWidth < 802? "300px" : "32.5%");
}

/*2段レイアウト*/
.column2 #sideleft {
	width: 20%;
	min-width:150px;
	width: expression(document.body.clientWidth < 482? "150px" : "20%");
	float: left;
}
.column2 #main{
	width: 79%;
	min-width:440px;
	width: expression(document.body.clientWidth < 482? "440px" : "79%");
	float: right;
}

/*コンテンツページレイアウト*/
#maincontents{
	padding: 2px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 61%;
	min-width: 440px;
	width: expression(document.body.clientWidth < 802? "99%" : "61%") ;
}
.column3 dt{
	color: #003399;
}
.column3 dd{
	margin-bottom: 10px;
}
.column3 .sidemenu li{
	border-top: dashed 1px #666;
	margin-bottom: 4px;
}
.column3 #rightspace{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	width: 38%;
	min-width: 374px;
	/min-width: 0;
	width: expression(document.body.clientWidth < 986? "99%" : "38%");
}
.column3 #relatedcontents{
	margin-left: 1px;
	padding:1px;
	float: left;
	width: 48.5%;
	background-color: #4597e9;
}
.column3 #pushcontents{
	margin-left: 6px;
	padding:1px;
	float: left;
	width: 48.5%;
	background-color: #4597e9;
}
.column2b .contents{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	width: 79%;
	min-width:440px;
	width: expression(document.body.clientWidth < 482? "440px" : "79%");
	float: left;
}
.column2b #rightbanner{
	margin-left: 6px;
	padding:1px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	width: 19%;
	min-width: 187px;
	/min-width: 0;
	width: expression(document.body.clientWidth < 493? "99%" : "19%");
	background-color: #4597e9;
}
#relatedcontents h2,
#pushcontents h2,
#rightbanner h2{
	margin: 2px 0;
	padding: 2px 5px;
	background: url(/images/bg_sidemenu_h2_top.gif) repeat-x bottom #88B0FA;
	color: #fff;
	font-size: 110%;
}
/*関連ページ・部署・施設・他サイト*/
#relatedcontents .sidemenu{
	background-color: #fff;
	border: solid 1px #eee;
}
#relatedcontents .sidemenu h3 {
	-moz-border-radius-topleft: 10px;	/* Firefox */
	-moz-border-radius-topright: 10px;	/* Firefox */
	-webkit-border-top-left-radius: 10px;	/* Safari、Google Chrome */
	-webkit-border-top-right-radius: 10px;	/* Safari、Google Chrome */
}
#relatedcontents .relateddivision li{
	background: url(/images/division/arrow02.gif) no-repeat top left;
}
#relatedcontents .relatedsite li{
	background: url(/images/arrow_othersite.gif) no-repeat top left;
}
/*分類別関連情報*/
#relatedcontents .lifeevent li{
	background: url(/images/lifeevent/arrow01.gif) no-repeat top left;
}
#relatedcontents .category li{
	background: url(/images/category/arrow01.gif) no-repeat top left;
}
#relatedcontents .type li{
	background: url(/images/type/arrow01.gif) no-repeat top left;
}
#relatedcontents .target li{
	background: url(/images/target/arrow01.gif) no-repeat top left;
}
#relatedcontents .area li{
	background: url(/images/area/arrow01.gif) no-repeat top left;
}

/*おすすめ情報*/
#pushcontents .sidemenu{
	background-color: #fff;
	border: solid 1px #ffd080;
}
#pushcontents .sidemenu h3{
	background-color: #FCFD85;
	border: solid 1px #ffd080;
	border-bottom: none;
	-moz-border-radius-topleft: 10px;	/* Firefox */
	-moz-border-radius-topright: 10px;	/* Firefox */
	-webkit-border-top-left-radius: 10px;	/* Safari、Google Chrome */
	-webkit-border-top-right-radius: 10px;	/* Safari、Google Chrome */
}
#pushcontents .sidemenu li{
	background: url(/images/arrow01.gif) no-repeat top left;
}
/*トップページ-------------------------------*/

/*トップページのレイアウト*/
.top #sideleft {
	width: 30%;
	min-width:200px;
	width: expression(document.body.clientWidth < 482? "200px" : "auto");
	float: left;

}
.top #main{
	width: 69%;
	min-width:440px;
	width: expression(document.body.clientWidth < 482? "440px" : "69%");
	float: right;
}
/*トップページのサイドメニュー*/
.top .sidemenu {
	margin:0 0 10px 0;
	border:1px solid #4093E9;
	border-top:none;
}
.top .sidemenu h2 {
	padding:5px;
	margin:0 -1px;
	background:url(/images/bg_sidemenu_h2_top.gif) repeat-x bottom #4597E9;
	font-size:100%;
	color:#fff;
}
.top .sidemenu ul {
	padding:8px;
}
.top .sidemenu li{
	padding:0 0 3px 13px;
	background:url(/images/arrow01.gif) no-repeat top left;
}

/*トップページの情報検索メニュー*/
.topsidebox{
	padding:3px;
	margin:0 5px 0 5px;
	width:auto;
	border-top:3px solid #fff;
	border-bottom:2px solid #fff;	
}
.topsidebox h3{
	padding:5px;
	background:#ccc;
	font-size:90%;
}

.topsidebox li{
	margin:0 8px 0 0;
	width:auto;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
/*トップページの情報検索メニュー
人生の出来事から探す*/
.top .sidemenu .lifeevent{
	background:#FFEDED;
}
.top .sidemenu .lifeevent h3{
	background:#FFB2B2;
}
.top .sidemenu .lifeevent li{
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	background:none;
	font-size:70%;
}
/*トップページの情報検索メニュー
分野から探す*/
.top .sidemenu .category{
	background:#FFF3DE;
}
.top .sidemenu .category h3{
	background:#FFCB71;
}

.top .sidemenu .category li{
	background:url(/images/category/arrow00.gif) no-repeat top left;
}

/*トップページの情報検索メニュー
情報の種類から探す*/
.top .sidemenu .type {
	background:#E4FFE0;
}
.top .sidemenu .type h3{
	background:#A1FD85;
}

.top .sidemenu .type li{
	background:url(/images/type/arrow00.gif) no-repeat top left;
}

/*トップページの情報検索メニュー
対象者から探す*/
.top .sidemenu .target {
	background:#F3FBFF;
}
.top .sidemenu .target h3{
	background:#85E8FD;
}

.top .sidemenu .target li{
	background:url(/images/target/arrow00.gif) no-repeat top left;
}

/*トップページの情報検索メニュー
地区から探す*/
.top .sidemenu .area {
	background:#E9E7FE;
}
.top .sidemenu .area h3{
	background:#CFCBFE;
}

.top .sidemenu .area li{
	background:url(/images/area/arrow00.gif) no-repeat top left;
}

/*トップページのメイン部分*/
.top #main h2{
	padding:8px;
	margin:0 0 10px 0;
	background:url(/images/contents_h1.gif) repeat-x top ;
	font-size:120%;
	border-bottom:1px solid #ccc;
}
.top #main li{
	background:url(/images/arrow01.gif) no-repeat top left;
	padding:0 10px 3px 15px;
}
#topnews{
	padding:0 0 10px 0;
}
.topnewsbox{
	padding:10px 0;
	margin:0 10px 0 0;
	width:30%;
	min-width:170px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:center;
	background:url(/images/bg_topnewsbox.gif) repeat-x top;
	width: expression(document.body.clientWidth < 482? "170px" : "30%");	
}

#topbtn{
	clear:both;
}
.top #main #topbtn li{
	padding:0 10px 10px 0;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	width:30%;
	min-width:200px;
	width: expression(document.body.clientWidth < 482? "200px" : "30%");	
	background:#fff;
}

.top #match li{
	padding:0 10px 10px 0;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:center;
	font-size:80%;
	width:250px
	background:#fff;
	background-image:none;
}

/*Firefox等画像のリンク下線消し*/
.topnewsbox a:link,
.topnewsbox a:visited,
.topnewsbox a:hover,
.topnewsbox a:active,
.top #match li a:link,
.top #match li a:visited,
.top #match li a:hover,
.top #match li a:active,
.top .sidemenu .lifeevent li a:link,
.top .sidemenu .lifeevent li a:visited,
.top .sidemenu .lifeevent li a:hover,
.top .sidemenu .lifeevent li a:active{
	text-decoration:none;
}
.topnewsbox a:link span,
.topnewsbox a:visited span,
.topnewsbox a:hover span,
.topnewsbox a:active span,
.top #match li a:link span,
.top #match li a:visited span,
.top #match li a:hover span,
.top #match li a:active span,
.top .sidemenu .lifeevent li a:link span,
.top .sidemenu .lifeevent li a:visited span,
.top .sidemenu .lifeevent li a:hover span,
.top .sidemenu .lifeevent li a:active span{
	text-decoration:underline;
}

/*フッターメニュー
-------------------------------------------*/
#footermenu{
	padding:0 10px 10px 10px;
}
#footermenu h2,
#footermenu p{
	padding:0 10px 0 0;
	float:left;
	font-size:90%;
	font-weight:800;
}
#footermenu li{
	padding:0 10px 5px 15px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	background:url(/images/arrow01.gif) no-repeat top left;
}

/*フッター
-------------------------------------------*/
#footer{
	padding:10px 10px 10px;
	background:#F3F3F3;
}
#footer p{
	float:left;
}
#footer address{
	padding:30px 0 0 0;
	float:right;
}
/*バナー
-------------------------------------------*/
#banner{
	margin:0 auto;
	text-align:center;
	background-color:#effffc;
	border-top:solid 1px #dffcef;
	border-bottom:solid 1px #dffcef;
}
#banner .inbox{
	margin:0 auto;
	padding-top:5px;
	text-align:center;
	max-width: 1024px;
}
#banner h2{
	padding-left:5px;
	font-size:110%;
	text-align:left;
}
#banner .setbox{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	padding:1px;
}
#banner .setbox img{
	padding:1px;
}
*:first-child+html #banner .setbox img{	/*IE7用*/
	margin:0;
}
* html #banner .setbox img{	/*IE6用*/
	margin:0;
}