@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");

/*--- css for all ----*/
p{margin:0;}

/*--- body ----*/
body.t{background-image:url(img/top/bg.jpg);background-repeat:repeat-x;text-align:center;padding:0 10px;margin:0px}
.JUMP{position:absolute;top:-1000px;left:-1000px;background-color:#FFF;}
#t-wrapper{background-color:#FFF;width:753px;padding:0px;}
#index{width:723px;background-color:#FFF;}

/*--- index ---*/
.env{font-size:80%;}
.env a:link {color:#666;text-decoration:none;padding:5px 15px 5px 5px;}
.env a:visited {color:#666;text-decoration:none;padding:5px 15px 5px 5px;}
.env a:hover {color:#009999;text-decoration:none;padding:5px 15px 5px 5px;}
.env a:active {color:#009999;text-decoration:none;padding:5px 15px 5px 5px;}
.env img{margin-top:5px;}

#leftarea{vertical-align:top;padding-left:30px;width:215px;background-color:#FFF;}

#rightarea{background-color:#FFF;vertical-align:top;padding-top:20px;padding-right:30px;width:508px;background-color:#FFF;}
#rightarea p{color:#5D5D5D;font-size:100%;}
#rightarea .intro{padding-left:5px;line-height:1.3;font-size:85%;}
#banner1{width:187px;vertical-align:top;padding:5px 10px 10 0;
background-image:url(img/top/menu-b.jpg);background-position:right bottom;background-repeat:no-repeat;}



/*--- information ----*/
#topinfo{width:492px;background-image:url(img/top/infotitle.gif);background-repeat:no-repeat;
padding-top:10px;margin-top:20px;padding-top:12px;}
#topinfo p{text-align:right;}
#topinfo p a:link {color:#1D3C7C;text-decoration:none;}
#topinfo p a:visited {color:#1D3C7C;text-decoration:none;}
#topinfo p a:hover {color:#9ABD0D;text-decoration:underline;}
#topinfo p a:active {color:#9ABD0D;text-decoration:underline;}
#topinfo p img{vertical-align:middle;}

#topinfo ul{list-style-image:url(img/top/infolist.gif);margin-top:13px;line-height:1.3;}
#topinfo li{margin-top:3px;}
#topinfo a:link {color:#2D426C;text-decoration:underline;}
#topinfo a:visited {color:#2D426C;text-decoration:underline;}
#topinfo a:hover {color:#9ABD0D;text-decoration:none;}
#topinfo a:active {color:#9ABD0D;text-decoration:none;}

.info-box{border:1px solid #999;padding:10px;margin:0 0 10px 20px;}
.info-box p{text-align:left !important;}

/*--- Pickup ----*/
#pickup{width:318px;float:left;padding-right:15px;}
#pickup ul{list-style-image:url(img/top/picklist.gif);margin-top:5px;margin-right:25px;font-weight:bold;color:#DF5959;line-height:1.3;}
#pickup li{margin-top:3px;}
.sub{color:#666;font-weight:normal;font-size:85%;}
#pickup a:link {color:#DF5959;text-decoration:underline;font-weight:bold;}
#pickup a:visited {color:#DF5959;text-decoration:underline;}
#pickup a:hover {color:#9ABD0D;text-decoration:none;}
#pickup a:active {color:#9ABD0D;text-decoration:none;}


/*--- pamph ----*/
#pampharea{padding-top:20px;padding-left:5px;background-color:#FFF;}
#pampharea .p1{margin-top:0px;}
#pampharea .p2{margin-top:10px;}


/*--- footer ----*/
.topfooter{width:718px;height:75px;font-size:80%;color:#333;height:25px;text-align:right;
background-image:url(img/footer.gif);background-repeat:repeat-x;padding-top:5px;padding-right:5px;margin-top:30px;}
*html .topfooter{width:723px;}
.topfooter a:link {color:#333;text-decoration:none;}
.topfooter a:visited {color:#333;text-decoration:none;}
.topfooter a:hover {color:#009999;text-decoration:none;}
.topfooter a:active {color:#009999;text-decoration:none;}
.topfooter img{vertical-align:middle;}
.mail{float:left;}


/*--- MENUAREA ----*/
#MENUAREA{
	margin-top:5px;
	padding-top: 1px;
	width:178px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-bottom: 1em;
	vertical-align:top;
	box-shadow: 4px 3px 3px #DDDDDD;
}

#MENUAREA a{
	font-family: メイリオ,Meiryo,ヒラギノ角ゴ ProN W3,Arial,sans-serif;
	font-weight:400;
	font-size: 12px;
	color:#4c4c4c;display:block;
	text-decoration: none;
}

#MENUAREA a:hover{color:#4c4c4c;display:block;width:156px;background-color: #ebedee;}


#MENUAREA h2{
	font-family:"M PLUS Rounded 1c", メイリオ,Meiryo,ヒラギノ角ゴ ProN W3,Arial,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	margin: 5px 2px 2px 5px;
	line-height: 22px;
}

#MENUAREA h2 a {
	font-family:"M PLUS Rounded 1c", メイリオ,Meiryo,ヒラギノ角ゴ ProN W3,Arial,sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #333;
	display: block;
	width: 152px;
	background-image: url(img/menu_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}
#MENUAREA h2 a:hover {
	background-image: url(img/menu_on.gif);
}
#MENUAREA h2:last-of-type{margin-bottom: 15px;}

#MENUAREA ul{
	padding: 0;
	margin: 5px 0 15px 5px;
	width:152px;
}
#MENUAREA ul li{
	font-size: 12px;
	list-style: none;
	width: 150px;
	margin-bottom: 2px;
}
#MENUAREA ul li a{
	font-weight: bold;
	display: block;
	width: 150px;
	padding-left: 22px;
	background-image: url(img/menu_sub_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#MENUAREA ul li a:hover {background-image: url(img/menu_sub_on.gif);}

#MENUAREA ul li > span{
	display: block;
	width: 150px;
	color: #999;
	padding-left: 22px;
	background-image: url(img/menu_sub_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}




/*--- バナー１（飼い主の方やこれからペットを飼う方へ） ----*/
#MENUAREA a.banner1{text-decoration: none;	display: block;
	background-image: url(img/banner1.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 58px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}
#MENUAREA a.banner1:hover{text-decoration: none;	display: block;
	background-image: url(img/banner1on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 58px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}

/*--- バナー２（旧：収容動物データ検索サイト） ----*/
#MENUAREA a.banner2{text-decoration: none;	display: block;
	background-image: url(img/banner_2.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 106px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}
#MENUAREA a.banner2:hover{text-decoration: none;	display: block;
	background-image: url(img/banner_2on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 106px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}

/*--- バナー３（動物取扱業者の方へ） ----*/
#MENUAREA a.banner3{text-decoration: none;	display: block;
	background-image: url(img/banner2.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 58px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}
#MENUAREA a.banner3:hover{text-decoration: none;	display: block;
	background-image: url(img/banner2on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 58px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}

/*--- バナー４（収容動物検索情報サイト） ----*/
#MENUAREA a.banner4{text-decoration: none;	display: block;
	background-image: url(img/banner4.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 82px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}
#MENUAREA a.banner4:hover{text-decoration: none;	display: block;
	background-image: url(img/banner4_on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 82px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;}

/*--- バナー５（人と動物が幸せに暮らす社会の実現プロジェクト） ----*/
#MENUAREA a.banner5{text-decoration: none;	display: block;
	background-image: url(img/banner5.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 63px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}
#MENUAREA a.banner5:hover{text-decoration: none;	display: block;
	background-image: url(img/banner5_on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 63px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}

/*--- バナー６（ペットを飼う覚悟と責任） ----*/
#MENUAREA a.banner6{text-decoration: none;	display: block;
	background-image: url(img/banner6.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 108px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}
#MENUAREA a.banner6:hover{text-decoration: none;	display: block;
	background-image: url(img/banner6_on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 108px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}

/*--- バナー７（ほんとうに飼えるかな？） ----*/
#MENUAREA a.banner7{text-decoration: none;	display: block;
	background-image: url(img/banner7.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 99px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}
#MENUAREA a.banner7:hover{text-decoration: none;	display: block;
	background-image: url(img/banner7_on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 99px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}

/*--- バナー８（災害 あなたとペットは大丈夫？ 【発災当日】編） ----*/
#MENUAREA a.banner8{text-decoration: none;	display: block;
	background-image: url(img/banner8.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 108px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}
#MENUAREA a.banner8:hover{text-decoration: none;	display: block;
	background-image: url(img/banner8_on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 108px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}

/*--- バナー９（災害 あなたとペットは大丈夫？ 【避難生活】編） ----*/
#MENUAREA a.banner9{text-decoration: none;	display: block;
	background-image: url(img/banner9.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 108px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}
#MENUAREA a.banner9:hover{text-decoration: none;	display: block;
	background-image: url(img/banner9_on.jpg);	background-repeat: no-repeat;	background-position: left top;
	height: 108px;	width: 156px;text-indent:-1000px;margin-top:10px;margin-left:3px;margin-bottom:10px;}


/*--- バナー10（ペットフード） ----*/
#MENUAREA a.banner10{
	text-decoration: none;
	display: block;
	background-image: url(img/banner10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 113px;
	width: 156px;
	text-indent:-1000px;
	margin-top:10px;
	margin-left:3px;
	margin-bottom:10px;
}
#MENUAREA a.banner10:hover{
	text-decoration: none;
	display: block;
	background-image: url(img/banner10_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 113px;
	width: 156px;
	text-indent:-1000px;
	margin-top:10px;
	margin-left:3px;
	margin-bottom:10px;
}

/*--- バナー11（動物虐待通報窓口） ----*/
#MENUAREA a.banner11{
	text-decoration: none;
	display: block;
	background-image: url(img/banner11.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	width: 156px;
	text-indent:-1000px;
	margin-top:10px;
	margin-left:3px;
	margin-bottom:10px;
}
#MENUAREA a.banner11:hover{
	text-decoration: none;
	display: block;
	background-image: url(img/banner11_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	width: 156px;
	text-indent:-1000px;
	margin-top:10px;
	margin-left:3px;
	margin-bottom:10px;
}