/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/
body {
	margin: 0px;
	padding:0;
	background: url(../img/bg_body.jpg) repeat-x center top;
}

span.color_important{
	color:#FF0000;
}

/* ヘッダー --------------------------------------------*/
#header{
	width:960px;
	height:70px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#header h1#sitelogo{
	width:322px;
	height:43px;
	margin:15px 0 0 0;
	padding:0;
	background: url(../img/logo.gif) no-repeat 0 0;
	font-size:10px;
	display:block;
	overflow:hidden;
	float:left;
}
#header h1#sitelogo a{
	width:322px;
	height:0;
	margin:0;
	padding:43px 0 0 0;
	font-size:10px;
	display:block;
	overflow:hidden;
}
ul#hnavi {
	width:336px;
	height:24px;
	padding:0px;
	margin:25px 0 0 0;
	list-style:none;
	overflow:hidden;
	float:right;
}
ul#hnavi li {
	width:110px;
	height:24px;
	padding:0;
	margin:0 0 0 2px;
	float:left;
}

ul#hnavi a {
	width:110px;
	height:0;
	padding:24px 0 0 0;
	margin:0;
	display:block;
	overflow:hidden;
	float:left;
	background:url(../img/btn_head.gif) no-repeat;
}
ul#hnavi a.adoption {
	background-position:0 0;
}

ul#hnavi a.sitemap {
	background-position:-110px 0;
}

ul#hnavi a.contact {
	background-position:-220px 0;
}
ul#hnavi a.adoption:hover {
	background-position:0 -24px;
}
ul#hnavi a.sitemap:hover {
	background-position:-110px -24px;
}
ul#hnavi a.contact:hover {
	background-position:-220px -24px;
}

/* グローバルメニュー --------------------------------------------*/
ul#navi {
	width:960px;
	height:40px;
	margin:0 auto;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
ul#navi li {
	width:160px;
	height:40px;
	padding:0;
	margin:0;
	float:left;
}
ul#navi a {
	width:160px;
	height:0;
	padding:40px 0 0 0;
	margin:0;
	display:block;
	overflow:hidden;
	float:left;
	background:url(../img/gnavi.jpg) no-repeat;
}
ul#navi a.menu1 {
	background-position:0 0;
}
ul#navi a.menu2 {
	background-position:-160px 0;
}
ul#navi a.menu3 {
	background-position:-320px 0;
}
ul#navi a.menu4 {
	background-position:-480px 0;
}
ul#navi a.menu5 {
	background-position:-640px 0;
}
ul#navi a.menu6 {
	background-position:-800px 0;
}
ul#navi a.menu1:hover,
ul#navi a.menu1_active {
	background-position:0 -40px;
}
ul#navi a.menu2:hover,
ul#navi a.menu2_active {
	background-position:-160px -40px;
}
ul#navi a.menu3:hover,
ul#navi a.menu3_active {
	background-position:-320px -40px;
}
ul#navi a.menu4:hover,
ul#navi a.menu4_active {
	background-position:-480px -40px;
}
ul#navi a.menu5:hover,
ul#navi a.menu5_active {
	background-position:-640px -40px;
}
ul#navi a.menu6:hover,
ul#navi a.menu6_active {
	background-position:-800px -40px;
}

/* メインコンテンツ --------------------------------------------*/
#maincontainer{
	margin:0 auto;
	padding:150px 0 0 0;
}
#maincontent{
	width:960px;
	margin:0 auto;
	padding:0;
}
/* パンくず --------------------------------------------*/
ul#breadcrumb {
	width:960px;
	height:12px;
	overflow:hidden;
	padding:0 0 8px 0;
	margin:0 0 10px;
	list-style:none;
	font-size:10px;
	line-height:1.2;
}

ul#breadcrumb li {
		padding:0 5px 0 0px;
		margin:0;
		float:left;
		text-align:left;
}
ul#breadcrumb li a {
	padding:0 20px 0 0px;
	margin:0;
	display:inline-block;
	background:url(../img/arrow.gif) no-repeat right 0.2em;
	color:#333;
	text-decoration:underline;
}

ul#breadcrumb li a:visited {
	color:#333;
	text-decoration:underline;
}

ul#breadcrumb li a:hover {
	color:#999;
	text-decoration:underline;
}

/* 左コンテンツ --------------------------------------------*/
#sidemenu{
	width:220px;
	overflow:hidden;
	float:left;
}
#sidemenu h2{
	width:220px;
	height:57px;
	margin:0 0 10px;
	padding:0;
}
#sidemenu ul#outlink,
#sidemenu ul#inlink {
	width:220px;
	margin:0 0 30px;
	padding:0 0 3px;
	border:2px #CCC solid;
	border-width: 0 0 2px 0;
	overflow:hidden;
}
#sidemenu ul#outlink li,
#sidemenu ul#inlink li {
	line-height:0;
	font-size:1%;
	padding:0;
	margin:0 0 7px 0;
}
#sidemenu ul#inlink li a {
	width:203px;
	margin:0;
	padding:10px 0 8px 15px;
	background:url(../img/arrow_sq.gif) no-repeat 200px 50%;
	border:1px #CCC solid;
	line-height:normal;
	display:block;
}
#sidemenu ul#inlink li a:hover,
#sidemenu ul#inlink li a.active {
	background:#E8F6FB url(../img/arrow_sqon.gif) no-repeat 200px 50%;
	text-decoration:none;
}
#sidemenu ul#outlink li a {
	width:203px;
	margin:0;
	padding:10px 0 8px 15px;
	background:url(../img/ico_outlink.gif) no-repeat 200px 50%;
	border:1px #CCC solid;
	line-height:normal;
	display:block;
}
#sidemenu ul#outlink li a:hover,
#sidemenu ul#outlink li a.active {
	background:#E8F6FB url(../img/ico_outlink.gif) no-repeat 200px 50%;
	text-decoration:none;
}

/* 右コンテンツ --------------------------------------------*/
#contents{
	width:700px;
	margin:0 0 0 40px;
	padding:0 0 15px;
	overflow:hidden;
	float:left;
}
#contents h3{
	margin:0 0 5px;
	padding:0;
}
#contents .read{
	margin:0 0 20px 0;
	font-size:1.1em;
	line-height:180%;
}

#contents h4{
	width:670px;
	margin:35px 0 0 0;
	padding:0 0 5px 30px;
	background: url(../img/mdsico.gif) no-repeat 0 0;
	border: 1px solid #CCC;
	border-width: 0 0 2px 0;
	font-size:1.4em;
	
}
#contents h4.first{
	width:670px;
	margin:0;
	padding:0 0 5px 30px;
	background: url(../img/mdsico.gif) no-repeat 0 0;
	border: 1px solid #CCC;
	border-width: 0 0 2px 0;
	
}
#contents h5{
	width:670px;
	margin:35px 0 0 0;
	padding:0 0 5px 30px;
	border: 1px solid #CCC;
	border-width: 0 0 2px 0;
	font-size:1.4em;
	
}


a.btncontact{
	width:110px;
	height:0px;
	padding:24px 0 0 0;
	background: url(../img/btn_contact.gif) no-repeat 0 0;
	display:block;
	overflow:hidden;
}
a:hover.btncontact{
	background-position: 0 -24px;
}

a.btnhomepage{
	width:150px;
	height:0px;
	padding:24px 0 0 0;
	margin:0;
	background: url(../img/btn_homepage.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	float:right;
}
a:hover.btnhomepage{
	background-position: 0 -24px;
}

/* ページトップ --------------------------------------------*/
a.btn_pagetop {
		padding:30px 0px 0px 0px;
		width:30px;
		height:0px;
		color:#FFF;
		font-size:10px;
		line-height:1.2;
		display:block;
		overflow:hidden;
		text-align:center;
		margin: 0;
		position: fixed;
		bottom: 150px;
		right: 0px;
		z-index:5000;
		background:url(../img/btn_top.gif) no-repeat 0 0;
}
a:hover.btn_pagetop {
		background-color:#999;
}

/* フッター --------------------------------------------*/
#footer{
	padding:37px 0;
	border:1px #CCC solid;
	border-width:1px 0 0 0;
	clear:both;
}
.footer{
	width:960px;
	margin:0 auto;
	text-align:center;
}
#footer .bottomnav,
#topfooter .bottomnav{
	width:960px;
	padding:0px 0px 30px 0px;
	margin:0;
	color:#CCC;
	font-size:10px;
}
#footer .bottomnav a,
#topfooter .bottomnav a{
	padding:0 0 0 10px;
	background: url(../img/arrow_rs.gif) no-repeat 0 0.5em;
}
#footer .bottomnav a:link,
#footer .bottomnav a:visited,
#topfooter .bottomnav a:link,
#topfooter .bottomnav a:visited {
		color:#333;
		text-decoration:none;
}
#footer .bottomnav a:hover,
#topfooter .bottomnav a:hover {
		color:#999;
		text-decoration:none;
}
#footer .copyright,
#topfooter .copyright{
	margin:0;
	padding:0;
	clear:both;
	font-size:9px;
	color:#000;
}