@charset "shift-jis";

@import "second.css";

/* reset elements */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}
ul, li , ol, dl, dt, dd , pre, form {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: none;
}
em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}
hr {
	height: 0px;
	border: none;
	margin: 0.5em auto 0.5em auto;
	-moz-float-edge: margin-box;
	-moz-box-sizing: border-box;
	clear: both;
	display: none;
}
ul img, dl img, ol img {
	vertical-align: bottom;
}
/* base */
body {
	font-size: 12px;
	_font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", osaka, sans-serif;
	color: #333;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	background: url(../img/bk.gif) repeat-y center top;
}
*:first-child+html body {
	font-size: 75%;
}
select , input , textarea {
	font-family: "ＭＳ Ｐゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", osaka, sans-serif;
}
table {
	font-size: 1em;
	border: none;
}
/* link */
a {
	text-decoration: underline;
}
a:link {
	color: #4575E6;
}
a:visited {
	color: #4575E6;
}
a:hover {
	color: #F18E01;
}
a:active {
	color: #F18E01;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/* -----------------------------
		/base layout
----------------------------- */
#whole {
	margin: 0px auto;
	padding: 0px;
	background: url(../img/head_bk.gif) no-repeat center top;
}
#wrap {
	margin: 0px auto;
	padding: 0px;
	width: 870px;
	text-align: left;
}
.topcontents {
	padding: 0px 6px;
}
.contents {
	padding: 10px 6px 0px;
}
.topcontents,
.contents {
	width: 858px;
	margin: 0px 0px 15px;
	float: left;
}
.Key {
	margin: 0px 0px 10px;
}
/* header */
#header {
	margin: 0px auto;
	text-align: left;
	padding: 12px 6px 0px;
	position: relative;
	height: 60px;
}
#header img {
	vertical-align: top;
}
/* /header */
/* global navigation */
#nav {
	width: 870px;
	height: 34px;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;	
}
#nav img {
	margin: 0px;
	opacity:1;
	display: block;
}
#nav ul li {
	float: left;
}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
/* /global navigation */
/* footer */
#footer {
	margin: 0px;
	padding: 0px 0px 5px;
	text-align: right;
	width: 870px;
	background: #00349A;
	clear: left;
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #fff;
}
#footer img {
	vertical-align: top;
}
#footer p {
	font-size: 10pt;
	margin: 0px;
	padding: 5px 8px 5px;
	line-height: 1.4;
	color: #FFF;
}
/* /footer */

/* -----------------------------
		/base layout
----------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.s {
	font-size: 0.83em;
}
.m {
	font-size: 1.0em;
}
.l {
	font-size: 1.17em;
}
.b {	
	font-weight: bold;
}
.red {
	color: #CF3A3A;
}
.rb14 {
	font-weight: bold;
	color: #CF3A3A;
	font-size: 14px;
}
.rb {
	font-weight: bold;
	color: #CF3A3A;
}
.bb {
	font-weight: bold;
	color: #00349A;
}
.yb {
	font-weight: bold;
	color: #CC9900;
}
.ob {
	font-weight: bold;
	color: #E16B18;
}
.yb {
	font-weight: bold;
	color: #CC9900;
}
.yb {
	font-weight: bold;
	color: #CC9900;
}
.sb {
	font-weight: bold;
	color: #3DABD4;
}
.gb {
	font-weight: bold;
	color: #8BC20D;
}
.pb {
	font-weight: bold;
	color: #7965BD;
}
/*  Fx 点線解除 */
.pagetop a {
	overflow: hidden;
}
/*  /Fx 点線解除 */

/*-------------------------------------------------------------
	* Useful Items
---------------------------------------------------------------*/
.pict {
	float: left;
	margin: 0px 10px 10px 0px;
}
.pict2 {
	float: right;
	margin: 0px 0px 15px 12px;
}
p .pict,
p .pict2 {
	margin-bottom: 0px;
}
.break {
	height: 20px;
	clear: both;
}

/*-------------------------------------------------------------
	* ClearFix
---------------------------------------------------------------*/
#gnavi ul:after,
.contents p:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#wrap,
#gnavi ul,
#footer,
.contents p {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html #wrap,
* html #gnavi ul,
* html #footer,
* html .contents p { height: 1%; }

#wrap,
#gnavi ul,
#footer,
.contents p {
	display: block;
	text-align: left;
}
/* End hide from IE-mac */

/*-------------------------------------------------------------
	* TOP
---------------------------------------------------------------*/
.topbtn,
.topbtn2 {
	float: right;
	margin: 0px 0px 0px 6px;
}
.topbtn2 {
	padding: 8px 0px 0px;
}
/* News */
#News {
	width: 856px;
	float: left;
	margin: 0px 0px 0px;
}
#News h2 {
	margin: 0px;
	padding: 0px;
	height: auto;
}
html div.news {
	border: solid 1px #629ACB;
}
.news dl {
	margin: 0px;
	padding: 8px 0px 8px 40px;
	border: solid 1px #629ACB;
	font-size: 12px;
	line-height: 1.3em;
}
.news dt {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../img/arrow01.gif) no-repeat 0px 0px;
	float: left;
}
.news dd {
	margin: 0px;
	padding: 0px;
}
/* topBox */
.topBox {
	float: left;
}
.topBox2 {
	float: right;
}
.topBox,
.topBox2 {
	margin: 0px 0px 10px 0px;
	width: 427px;
}
.topBoxCon {
	margin: 0px;
	padding: 0px;
	border: solid 1px #629ACB;
	float: left;
}
.boxline {
	margin: 0px;
	padding: 0px;
	border: solid 1px #629ACB;
	float: left;
}
.topBoxCon dl {
	width: 412px;
	margin: 0px;
	float: left;
	font-size: 10px;
	padding: 6px 0px 0px 12px;
	height: 90px;
}
.topBoxCon dl span {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../img/arrow01.gif) no-repeat 0px 0px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
}
.topBoxCon dl span a {
	text-decoration: none;
}
.topBoxCon dl span a:link,
.topBoxCon dl span a:visited {
	color: #0033CC;
}
.topBoxCon dl span a:hover,
.topBoxCon dl span a:active {
	color: #F18E01;
}
.topBoxCon dl span.line1 {
	margin: 8px 0px;
}
.topBoxCon dl dt {
}
.topBoxCon dl dd {
	padding: 0px;
}
.topBoxCon dl dd p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	width: 290px;
	font-size: 10px;
}
/* adoptionBox */
.adoptionBox {
	margin: 0px 0px 10px 0px;
	padding: 74px 0px 0px 115px;
	background: url(../img/adoption_bk.jpg) no-repeat 0px 0px;
	width: 743px;
	height: 61px;
}
.adoptionBox span.det1 {
	padding: 0px 0px 0px 241px;
}
.adoptionBox span.det2 {
	padding: 0px 0px 0px 272px;
}
.adoptionBox span.det1,
.adoptionBox span.det2 {
	float: left;
	height: 26px;
}
.adoptionBox ul {
	width: 730px;
}
.adoptionBox ul li {
	float: left;
	text-align: center;
	height: 23;
	padding: 6px 0px 0px 9px;
	font-weight: bold;
}
.adoptionBox ul li.link1 {width: 125px;}
.adoptionBox ul li.link2,
.adoptionBox ul li.link3,
.adoptionBox ul li.link4,
.adoptionBox ul li.link5 {width: 140px;}
.adoptionBox ul li a {
	text-decoration: none;
}
.adoptionBox a:link,
.adoptionBox ul li a:visited {
	color: #0033CC;
}
.adoptionBox ul li a:hover,
.adoptionBox ul li a:active {
	color: #F18E01;
}