@charset "utf-8";

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/

#conts .hope {
	padding: 15px;
	background: #FEFAE2;
	border: 2px solid #F8B053;
	font-size: 18px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .hope span {
	margin-left: -10px;
	color: #006B30;
	font-size: 22px;
	font-weight: bold;
}

#conts h3 {
	margin-bottom: 20px;
}

#conts h3.merit {
	margin-bottom: 35px;
}

#conts .inner {
	padding: 0 10px;
}

#conts .arrow {
	text-align: center;
	line-height: 0;
	margin-bottom: 10px;
}

#conts .trust {
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .trust span {
	color: #E48501;
	font-size: 22px;
	font-weight: bold;
}

#conts .meritBox {
	margin: 0 10px 35px 15px;
	padding: 20px 20px;
	border: 1px solid #CCC;

	position: relative;
}

#conts .lastBox {
	margin-bottom: 50px;
}

#conts .meritBox h4 {
	margin-bottom: 13px;
	border-bottom: 1px solid #006B30;
	font-size: 23px;
	font-weight: normal;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .meritBox h4 .num {
	color: #006B30;
}

#conts .meritBox h4 .num span {
	font-size: 30px;
	font-weight: bold;
}

#conts .meritBox .baloon {
	width: 151px;
	height: 36px;

	position: absolute;
	top: -15px;
	left: -16px;
}

	* html #conts .meritBox .baloon {
		top: -14px;
		left: -36px;
	}

#conts .meritBox p {
	margin-bottom: 17px;
	line-height: 1.8em;
}

#conts .meritBox p.pad {
	padding-right: 20px;
}

#conts .lastBox p {
	margin-bottom: 0;
}

#conts .meritBox p span {
	color: #006B30;
	font-weight: bold;
}

#conts .meritBox ul {
	padding: 17px 22px;
	background: #F9F3E7;
	border: 1px solid #F9ECE1;
}

#conts .meritBox ul li {
	width: 279px;
	float: left;
	padding-left: 9px;
	background: url(/assets/img/pc/adopt/icon01.png) no-repeat 0 9px;
	line-height: 1.8em;
}

#conts .meritBox ul li span {
	color: #006B30;
	font-weight: bold;
}

#conts h4.qa {
	width: 690px;
	height: 38px;

	margin-bottom: 14px;

	position: relative;
}

#conts h4.qa span {
	position: absolute;
	top: 7px;
	left: 70px;
	color: #006B30;
	font-size: 16px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .qaArrow {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	text-align: center;
	line-height: 1.2;
}

#conts .qaArrow img {
	z-index: 1;
	position: relative;
}


#conts .qaArrow p {
	margin-bottom: -20px;
	z-index: 10;
	position: relative;
}

#conts .qaArrow span {
	color: #F60;
	font-size: 23px;
}

#conts .qaText {
	margin: 0 0 25px 45px;
	padding: 0 15px 0 25px;

	background: url(/assets/img/pc/adopt/icon_answer.png) no-repeat 0 5px;
}

#conts .qaText p {
	margin-bottom: 17px;
}

#conts .qaText p.lastChild {
	margin-bottom: 0;
}

#conts .qaText span {
	color: #006B30;
	font-weight: bold;
}

#conts .telBox {
	line-height: 0;
	margin-bottom: 40px;
}

#conts .policyBox {
  margin: 0 auto 25px;
  padding: 20px;
  height: 120px;
  background: #FFF;
  border: 1px solid #ccc;
  overflow-y: scroll;
}

#conts .policyBox p {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.7;
}

#conts .policyBox p.ttl {
  margin-top: 0;
  font-weight: bold;
  font-size: 15px;
}

#conts .policyText {
    text-align: center;
    margin: 30px 0;
}

p.notes {
	margin-top: 20px!important;
	color: #999!important;
	font-size: 12px!important;
	text-align: center;
}

/*------------------------------------------------------------
	エントリー
------------------------------------------------------------*/

#conts form fieldset {
	margin-bottom: 15px;
	padding: 5px;
	background: #f0f0f0;
}

#conts form table {
	width: 680px;
	border-collapse: collapse;
}

#conts form th,
#conts form td {
	padding: 15px 10px;
	border: 1px solid #ccc;

	vertical-align: middle;
	line-height: 1.5;
}

#conts form th {
	background: #F9F9F8;
	text-align: left;
	font-weight: normal;
	width: 150px;
}

#conts form th .required {
	margin-right: 5px;
	display: inline-block;

	vertical-align: middle;
}

#conts form th label {
	display: inline-block;

	vertical-align: middle;
}

#conts form td {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
}

#conts form td input {
	padding: 4px 3px 3px;
}

#conts form td textarea {
	padding: 4px 3px 3px;

	font-size: 1em;
	line-height: 1.4;
}

#conts form .fName input,
#conts form .fCompany input{
	width: 285px;
}

#conts form .fName input,
#conts form .fName span,
#conts form .fCompany input,
#conts form .fCompany span {
	vertical-align: middle;
}

#conts form .fName input.upForm,
#conts form .fCompany input.upForm {

	margin-bottom: 10px;
}

#conts form .fName .kanji,
#conts form .fCompany .kanji {
	margin-right: 29px;
	font-size: 14px;
}

#conts form .fName .ruby,
#conts form .fCompany .ruby {
	margin-right: 6px;
	font-size: 14px;
}

#conts form .fEmail p {
	margin: 5px 0 2px;
}

#conts form .fTel input {
	width: 160px;
}

#conts form .fEmail input,
#conts form .fSite input,
#conts form .fOccu input {
	width: 340px;
}

#conts form .title th {
	padding: 10px 10px;
	width: auto;
}

#conts form .fInquiry ul li {
	margin-bottom: 2px;
	font-size: 14px;
}

#conts form .fInquiry ul li input {
	margin: 0 5px 0 0;
}

#conts form .fInquiry ul li input,
#conts form .fInquiry ul li label {
	vertical-align: middle;
}

#conts form .fInquiry .etc {
	margin-top: 2px;
}

#conts form .fInquiry .etc label {
	position: relative;
	top: 2px;
	font-size: 14px;
	vertical-align: top;
}

#conts form .fInquiry .etc textarea {
	width: 470px;
	height: 60px;
}

#conts form .send {
	height: 45px;
	position: relative;
}

#conts form .send .btn {
	text-align: center;
}

#conts form .security {
	width: 100px;
	height: 72px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#conts form .tipped {
	color: #999;
}

/*------------------------------------------------------------
	error
------------------------------------------------------------*/
#conts p.error {
	margin-bottom: 3px;

	color: #FF0000;
	font-size: 1.24em;
}

#conts p.errorMsg {
	margin-bottom: 10px;

	line-height: 1.8;
}

#conts p.errorMsg img {
	margin-right: 5px;
	vertical-align: middle;
}

#conts form tr.error th {
	background: #ffe6e6;
}

#conts form tr.error td {
	background: #fff0f0;
}


#conts .errorLst {
	list-style: none;
	padding-left: 15px;
	margin-bottom: 10px;
}

#conts .errorLst li span {
	color: #FF0000;
}