@charset "utf-8";

/* メニュー用ＣＳＳ
----------------------------------------------- */


/* 文字情報
----------------------------------------------- */
ul {
	text-align: center;
	width: 160px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* メインメニュー
----------------------------------------------- */
.menu ul li {
	height: 40px;
	width: 160px;
	list-style-type: none;
	display: block;
	font-size: 14px;
	padding: 0px;
	line-height: 40px;
	font-weight: normal;
	background-image: url(../btn/m_off.png);
	background-repeat: no-repeat;
	margin: 0px;
}

.menu ul li a {
	color: #666;
	display: block;
	height: 40px;
	width: 160px;
	text-decoration: none;
}

.menu ul li a:hover {
	color: #002D72;
	display: block;
	height: 40px;
	width: 160px;
}

.menu ul li:hover {
	background-image: url(../btn/m_on.png);
	color: #002D72;
}

.menu ul li.on {
	color: #002D72;
	background-image: url(../btn/m_on.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

/* 申込
----------------------------------------------- */
.app ul li {
	height: 40px;
	width: 160px;
	list-style-type: none;
	display: block;
	font-size: 14px;
	padding: 0px;
	line-height: 40px;
	font-weight: normal;
	background-image: url(../btn/m_off.png);
	background-repeat: no-repeat;
	margin: 0px;
}

.app ul li a {
	color: #666;
	display: block;
	height: 40px;
	width: 160px;
	text-decoration: none;
}

.app ul li a:hover {
	color: #F60;
	display: block;
	height: 40px;
	width: 160px;
}

.app ul li:hover {
	background-image: url(../btn/a_on.png);
	color: #F60;
}

.app ul li.on {
	color: #F60;
	background-image: url(../btn/a_on.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

/* 問い合わせ
----------------------------------------------- */
.inquiry ul li {
	height: 40px;
	width: 160px;
	list-style-type: none;
	display: block;
	font-size: 14px;
	padding: 0px;
	line-height: 40px;
	font-weight: normal;
	background-image: url(../btn/m_off.png);
	background-repeat: no-repeat;
	margin: 0px;
}

.inquiry ul li a {
	color: #666;
	display: block;
	height: 40px;
	width: 160px;
	text-decoration: none;
}

.inquiry ul li a:hover {
	color: #363;
	display: block;
	height: 40px;
	width: 160px;
}

.inquiry ul li:hover {
	background-image: url(../btn/i_on.png);
	color: #363;
}

.inquiry ul li.on {
	color: #363;
	background-image: url(../btn/i_on.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

.inquiry p {
	color: #FFF;
	margin-bottom: 0px;
	margin-top: 10px;
	background-color: #390;
	font-size: 9px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3C0;
	border-right-color: #060;
	border-bottom-color: #060;
	border-left-color: #3C0;
	font-weight: normal;
	text-align: left;
}

.info ul li {
	background-color: #333;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;
	letter-spacing: 0.2em;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
	width: 158px;
}

.info ul li.pr {
	border: 1px solid #999;
	height: 158px;
	width: 158px;
	margin: 0px;
	padding: 0px;
	display: block;
}

.info ul li.pr:hover {
	border: 1px solid #039;
}

.puppy ul li {
	background-color: #333;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;
	letter-spacing: 0.2em;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}

.puppy ul li.pr {
	border: 1px solid #999;
	height: 158px;
	width: 158px;
	margin: 0px;
	padding: 0px;
}

.puppy ul li.pr:hover {
	border: 1px solid #039;
}