@charset "utf-8";
@import "/css/common/0-import.css";
/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/

#conts h2 {
	line-height: 0;
	margin-bottom: 20px;
}

#conts h3 {
	margin-bottom: 15px;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	background: url(/img/adopt/h3_bg.gif) repeat-x left bottom;
	color: #333;
}

#conts .hope {
	margin-bottom: 15px;
}

#conts .hopeList {
	margin-bottom: 20px;
}

#conts .hopeList li {
	float: left;
	margin-right: 20px;
	line-height: 0;
}

#conts .hopeList li.lastChild {
	margin-right: 0;
}

#conts .arrow {
	text-align: center;
	margin-bottom: 15px;
}

#conts .trust {
	margin-bottom: 30px;
}

#conts .telBox {
	margin-bottom: 28px;
}

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

#conts .policyBox p {
  margin: 20px 0 0;
  font-size: 1.0714em;
  line-height: 1.8;
}

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


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

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

#conts form fieldset {
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

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

#conts form th {
	padding: 15px 0px 15px 15px;
	vertical-align: middle;
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
	width: 120px;
	background: url(/img/adopt/table_bg.gif) repeat-x left bottom;
}

#conts form td {
	padding: 10px 10px;
	background: url(/img/adopt/table_bg.gif) repeat-x left bottom;
	vertical-align: middle;
	line-height: 1.5;
}

#conts form th.icon {
	width: 28px;
	padding: 15px 10px;
	background: url(/img/adopt/table_bg02.gif) no-repeat right bottom;
}

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

	vertical-align: middle;
}

#conts form td input {
	padding: 4px 3px 3px;
	font-size: 12px;
	height: 15px;
}

* html #conts form td input {
	height: 22px;
}

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

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

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

#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: 26px;
}

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

#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: 8px 15px;
	width: auto;
	background: #F6F6F6 url(/img/adopt/table_bg.gif) repeat-x left bottom;
}

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

#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: 12px;
	vertical-align: top;
}

#conts form .fInquiry .etc textarea {
	width: 500px;
	height: 100px;
}

#conts form .fSite th,
#conts form .fSite td {
	background: none;
}

#conts form .fSite th.icon {
	background: url(/img/adopt/table_bg03.gif) no-repeat right bottom;
}

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

/* ボタン関係 */

#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 .policyText {
    text-align: center;
    margin: 35px 0;
}

/*------------------------------------------------------------
	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 url(/img/adopt/table_bg.gif) repeat-x left bottom;
}

#conts form tr.error th.icon {
    background: #ffe6e6 url(/img/adopt/table_error_bg.gif) no-repeat right bottom;
}

#conts form tr.error td {
	background: #fff0f0 url(/img/adopt/table_bg.gif) repeat-x left bottom;
}

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

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