@charset "utf-8";
/******************************************************************************/
/* YUI-Reset */
/* LinkColor */
/* Home */
/* Layout */
/* Header */
/* Footer */
/* for accessibility */
/******************************************************************************/

/* YUI-Reset
------------------------------------------------------------------------------- */
html {color:#000; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*input,textarea,select{*font-size:100%;}*/
legend{color:#000;}

/* LinkColor
------------------------------------------------------------------------------- */
a:link	{
	text-decoration: none;
	color: #1c72a5;
}
a:visited 	{
	text-decoration: none;
	color: #1c72a5;
}
a:hover 	{
	text-decoration: underline;
	color: #1c72a5;
}
div.gotolink {
    text-align:right;
				margin-bottom:20px;	
}
div.gotolink a{
				padding:3px;
				background-color:#EBF5FF;
				font-weight:bold;
				font-size:80%;
}


/* Home 
------------------------------------------------------------------------------- */
div#messege {
    width:580px;
				height:270px;
				background:url(images/top_image.jpg) left top no-repeat;
				margin-bottom:10px;
				color:#333333;
}

.home h1{
				display:none;
}

div#messege p{
				padding:130px 25px 0 25px;
}

/* Headline 
------------------------------------------------------------------------------- */
h1, h2, h3, h4 {
    color:#333333;
}

/* TwoColumn 
------------------------------------------------------------------------------- */

.TwoColumn #MainColumn h1, .TwoColumn-Topics #MainColumn h1 {
				font-size: 120%;
				font-weight:bold;
				margin:0 0 20px;
				text-indent:20px;
				background:url(images/bullet_h1.gif) left no-repeat;
}
.TwoColumn #MainColumn h2 {
				background:url(images/h2_bg.gif) left top no-repeat;
				width:580px;
				height:30px;
				text-indent:30px;
				color:#FFFFFF;
				font-weight:bold;
				font-size: 130%;
				padding:5px 0 0;
				margin:15px 0 10px;
}
.TwoColumn #MainColumn h3 {
				font-weight:bold;
				font-size: 125%;
				background:url(images/bullet_h3.gif) left top no-repeat;
				text-indent:20px;
				margin:15px 0 5px;
}
.TwoColumn h4 {
    font-size: 120%;
				font-weight:bold;
				border-bottom:#CCCCCC dashed 1px;
				margin:10px 0 5px 20px;
}

.TwoColumn h5 {
    font-size: 100%;
				font-weight:bold;
				border-bottom:#CCCCCC solid 1px;
				margin-left:20px;
}

/* Layout 
------------------------------------------------------------------------------- */
html {
				background-color:#DDF6DF;
}
body {
    font-size: 0.8em;
    color: #444;
				text-align: center;
				font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#Container {
    margin: 20px auto 10px;
    width: 870px;
    text-align: left;
				background-color:#FFF;
}
div#OuterWrapper {
				border:#DDD 10px solid;
}


/* Header 
------------------------------------------------------------------------------- */
div#Header {
    margin:20px 20px 0;
}
#Header-top {
				height:45px;
}

div#Header div#Logo {
				float:left;
				width:300px;
				height:40px;
}
div#Header div#Search {
				float:right;
				width:510px;
				text-align:right;
}
div#Header div#Search input{
				border:#EEE solid 3px;
}

#HeaderMenu {
    clear:both;

}
#HeaderMenu ul {
				list-style: none;
				height: 40px;
				border-top: 4px solid #EB4C07;
				/*background-color: #404040;*/
				background:url(images/bg-HeaderMenu.gif) left top repeat-x;
}

#HeaderMenu ul li {
				float: left;
				display: inline;
				padding-top: 7px;
				padding-left: 10px;
}

#HeaderMenu ul a {
				display: block;
				font-weight:bold;
				color: #fff;
				text-transform: uppercase;
}

#HeaderMenu ul a {
				padding: 5px 7px;
}

#HeaderMenu ul a:focus,
#HeaderMenu ul a:active,
#HeaderMenu ul a:hover {
				background-color: #5a5a5a;
				outline: none;
}

#HeaderMenu ul li.active a {
				background-color:#FFFFFF;
				color:#333;
				outline: none;
}

#breadcrumbnav {
				padding:15px 0;
				border-bottom:#EEE solid 1px;
}

#InnerWrapper {
    padding:0 20px 20px;
}

#MainColumn {
    float: right;
    width: 600px;
		margin:15px 0 20px;
		border-left:#EEE solid 1px;
}
#MainBlock {
				line-height:170%;
				float: right;
				width: 580px;
}
#SubColumn {
    float: left;
    width: 190px;
		margin:15px 0 20px;
}
#SubColumn ul, #SubColumn li{
		list-style:none;
}
.SubBlock {
				padding:0 0 0 0;
}

div#Footer {
    clear: both;
				height:50px;
				background-color:#EEE;
				border-top:#5BB062 solid 3px;
}
div#Footer p {
    margin: 0 10px;
    padding: 10px 0 0;
    text-align:left;
				font-size:10px;
}

#SubColumn h2 {
    font-weight:bold;
				background-color:#EEE;
				text-align:center;
				padding:3px;
				margin-bottom:5px;
}
#SubColumn a{
				font-weight:normal;
				color:#555;
}
/*#SubColumn a:hover 	{
				background-color:#DDF6DF;
}*/
#SubColumn ul li {
		padding:3px 0;
}
#SubColumn ul li a{
		display:block;
}

#SubColumn ul#outer {
				margin-bottom:20px;
}
#SubColumn ul.inner{
				margin-top:5px;
}

#SubColumn li.level_2, #SubColumn li.level_3, #SubColumn li.level_4 {
				font-weight:normal;
				text-indent:20px;
				margin-left:10px;
				background:url(images/bullet_page.gif) no-repeat;
				border-bottom:#CCCCCC dashed 1px;
}
#SubColumn li.parent {
				font-weight:normal;
				text-indent:20px;
				background:url(images/bullet_parent.gif) no-repeat;
				border-bottom:#CCCCCC dashed 1px;
}
#SubColumn li.level_1 {
				font-weight:normal;
				text-indent:20px;
				background:url(images/bullet_level_1.gif) no-repeat;
				border-bottom:#CCCCCC solid 1px;
}
#sitemap ul li {
		padding:3px 0;
}
#sitemap li.level_2, #sitemap li.level_3, #sitemap li.level_4 {
				font-weight:normal;
				text-indent:20px;
				margin-left:10px;
				background:url(images/bullet_page.gif) no-repeat;
				border-bottom:#CCCCCC dashed 1px;
}
#sitemap li.parent {
				font-weight:normal;
				text-indent:20px;
				background:url(images/bullet_parent.gif) no-repeat;
				border-bottom:#CCCCCC dashed 1px;
}
#sitemap li.level_1 {
				font-weight:bold;
				text-indent:20px;
				background:url(images/bullet_level_1.gif) no-repeat;
				border-bottom:#CCCCCC solid 1px;
}

#sitemap li.last {
				border:none;
}

.banner {
    margin-bottom:5px;
}

/* PageNation 
------------------------------------------------------------------------------- */

div#ditto_pages {
    text-align:center;
				font-weight:bold;
}

div#ditto_pages a{
    text-align:center;
				padding:5px;
}

/* Decoration 
------------------------------------------------------------------------------- */

span.ajaxSearch_highlight {
background-color:#FFFF99;
color:#333;
}

em {
    font-weight:bold;
				color:#FF0000;
}

#breadcrumbnav {
    font-size:10px;
}

.home div#topics_block {
				background: url(images/bg-topics-block.gif) no-repeat left top;
				height:210px;
				margin-bottom:10px;
}

.home div#adoption_block {
				background: url(images/bg-adop-block.gif) no-repeat left top;
				height:320px;
}

.home .home_block h2 {
    text-indent:-99999px;
}
.home .home_list {
    margin:45px 25px 0 20px;
}
.home .home_list a.next{
		font-size:10px;
		margin-left:480px;
}

.ditto_item h3 {
    border-bottom:#CCC dashed 1px;
}
.ditto_item h3 .date{
				font-weight:bold;
}
p {
    margin-bottom: 1em;
}

div.ditto_summaryPost {
    margin-bottom:20px;
}
div.ditto_summaryPost h2 a{
				font-size:12px;
				color:#FFFFFF;
}
div.ditto_summaryPost h2 a:visited{
				font-size:12px;
				color:#FFFFFF;
}
.ditto_introtext {
    background-color:#F8F6F3;
				border:#BFBFBF solid 1px;
				padding:10px;
}
div.ditto_info {
				text-align:right;
}

.topics_summaryPost {
    background: url(images/bg_topics_summaryPost.gif) repeat-y left top;
				margin-bottom:20px;
}
.topics_title {
    background: url(images/bg_topics_title.gif) no-repeat left top;
				height:35px;
}
.topics_title h2 {
    /*color:#555555;*/
				font-weight:bold;
				padding:5px 0 0 10px;
}
.topics_title h2 a{
    /*color:#555555;*/
text-decoration:underline;
				font-weight:bold;
}
.topics_introtext {
    margin:10px;
}
.topics_more {
   /* width:70%;
				float:left;*/
    line-height:100%;
    margin-top:5px;
}
.topics_info {
   /* width:29%;
				float:right;
				text-align:right;*/
	font-size:10px;
}
.topics_footer {
    background: url(images/bg_topics_footer.gif) no-repeat left bottom;
				height:45px;
				padding:5px 15px 0 10px;
}

#MainColumn img.center {
    border:#EEE solid 5px;
				text-align:center;
				margin:10px;
}
#MainColumn img.rignt{
				margin-left:10px;
}
#MainColumn img.left{
				margin-right:10px;
}
#MainColumn img{
				margin:10px 0 0;
}
#BacktoTop {
    text-align:right;
				margin:10px 0;
				clear:both;
}


/* Table Decoration 
------------------------------------------------------------------------------- */

table.outer {
    border-collapse:collapse;
				border:1px solid #DDD;
				border-spacing:0px;
				empty-cells:show;
				width:100%;
}
table.outer th {
    padding:3px;
				border:1px solid #BBB;
				font-weight:bold;
				background-color:#E5E5E5;
				white-space:nowrap;
}
table.outer td {
    padding:3px;
				border:1px solid #DDD;
}

table.outer tr.odd td{
    background-color:#FFF;
}

table.outer tr.even td{
    background-color:#F5FAFA;
}

dl#officer {
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
}

dl#officer dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
	color: #333;
}
	
dl#officer dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #fff;
}


div.contact {
				padding:10px 15px;
				background-color:#EBF5FF;
				border:#81B2E4 solid 1px;
				margin-top:20px;
}
div.note {
				padding:10px 15px;
				background-color:#FFFFCC;
				border:#FFCC33 solid 1px;
				margin-top:20px;
}

.invalid {
				background-color:#FFFFCC;
}

p.error {
    color:#FF0000;
				font-weight:bold;
}
* html th {
    font-size: 0.8em;
} /* IE6 */

* html td {
    font-size: 0.8em;
				line-height:120%;
} /* IE6 */

/* Privacy Decoration 
------------------------------------------------------------------------------- */
.TwoColumn #MainColumn ul {
				margin-left: 1em;
}
/*
.TwoColumn #MainColumn ul li{
				background: url(images/bullet_li.gif) no-repeat left top;
				text-indent:1.5em;
}*/

.TwoColumn #MainColumn p {
    margin-bottom: 1em;
				margin-left: 1em;
}
.TwoColumn #MainColumn hr{
				border:#EEE solid 1px;
}

#MainColumn ol {
				margin-bottom:10px;
}
#MainColumn ol li {
				font-weight:bold;
				margin-left: 1em;
}
#MainColumn ol li p{
				font-weight:normal;
}
#MainColumn ol li ol li{
				font-weight:normal;
}
#MainColumn ol ol ul{
				background-image:none;
}
#MainColumn ol ol ul li{
				background-image:none;
}
.TwoColumn #MainColumn ol ul li{
				background:none;
}

/* From Decoration 
------------------------------------------------------------------------------- */
legend {
    font-weight:bold;
}
.example {
    font-size:10px;
}
.formresult dt{
    font-weight:bold;
}
div.form {
				padding:10px 30px;
				background: url(images/bg-dots.gif) repeat left top;
				border:#CCCCCC solid 1px;
}

div.form dt {
    padding-left:8px;
				border-left: 8px solid #666666;
}
div.form dd {
				margin:5px 0 10px;
}
div.form input, div.form textarea{
				border:#999999 solid 1px;
				width:400px;
}

div.form input#submit{
				border:#999999 solid 1px;
				width:50px;
}

div.privacy strong{
    margin:1em 0;
}
div.privacy div.second{
margin:0 0 0 30px;
width:80%;
}

/******************************************************************************/

/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************************************/