@charset "utf-8";
/*______________________________________

  mizuyari

  Copyright (c) 2009 mizuyari
  http://mizuyari.jp/
______________________________________*/

#contact {
	background: transparent url(/shared/images/area-divider-bg.gif) repeat-x 0 0;
	width: 100%;
}

#contact h2 {
	position: relative;
	background: transparent url(/shared/images/area-divider-bg.gif) repeat-x 0 100%;
	font-size: 93.75%;
	line-height: 1;
	padding-bottom: 1px;
	height: 40px;
}
#contact h2 img {
	position: absolute;
	top: 15px;
	left: 8px;
}
* html #contact h2 {
	height: 41px;
}

#contact div.sub-section {
	background: none;
	padding-top: 40px;
}

#contact div.sub-section#contact-info {
	padding-left: 5px;
	width: 445px;
	float: left;
}
#contact div.sub-section#contact-info p {
	font-size: 75%;
	margin: 0;
	margin-top: -0.33em;
	line-height: 1.67;
}
#contact div.sub-section#contact-info dl {
	margin-top: -3px;
}
#contact div.sub-section#contact-info dl dt {
	margin-top: 48px;
	height: 23px;
}
#contact div.sub-section#contact-info dl dd.email {
	font-size: 87.5%;
	letter-spacing: 0.015;
}
#contact div.sub-section#contact-info dl dd.tel {
	font-size: 150%;
	letter-spacing: 0.155em;
}
#contact div.sub-section#contact-info dl dd.access {
	font-size: 81.25%;
	line-height: 1.846;
	letter-spacing: 0.035;
	margin-top: -0.423em;
}
#contact div.sub-section#contact-info dl dd.access span {
	font-size: 92.3%;
}
#contact div.sub-section#contact-info a {
	color: #178bd5;
	font-style: normal;
	background: url(/shared/images/link-text-bg.png) repeat-x 0 100%;
	padding-bottom: 4px;
	zoom: 1;
}
#contact div.sub-section#contact-info a:hover {
	background: none;
}

#contact div.contact-form {
	width: 450px;
	float: left;
	margin-left: 30px;
	position: relative;
}
*:first-child+html #contact div.contact-form {
	padding-top: 55px;
}
* html #contact div.contact-form {
	padding-top: 55px;
}
#contact div.contact-form h3 {
	height: 32px;
}
#contact div.contact-form p {
	font-size: 75%;
}
#contact div.contact-form p img {
	margin-top: 18px;
}
#contact div.contact-form dl {
	margin-top: -15px;
}
#contact div.contact-form dl dt {
	margin-top: 15px;
	height: 15px;
}
#contact div.contact-form dl dd {
	position: relative;
}

#contact div.contact-form dl dd input {
	width: 288px;
}
#contact div.contact-form dl dd textarea {
	width: 448px;
	height: 218px;
}
#contact div.contact-form dl dd input,
#contact div.contact-form dl dd textarea {
	color: #01005C;
	background: none;
	border: solid 1px #9999be;
	padding: 0;
}

#contact div.contact-form dl dd.empty input,
#contact div.contact-form dl dd.empty textarea {
	color: #ffffff;
	background: url(/contact/images/input-bg.png);
	border: none;
	padding: 1px;
}
#contact div.contact-form dl dd.error input,
#contact div.contact-form dl dd.error textarea {
	background: url(/contact/images/input-error-bg.png) !important;
}
body.overlay-enabled input,
body.overlay-enabled textarea,
body.overlay-enabled #contact-form-preview,
body.overlay-enabled div.user-action {
	visibility: hidden;
}

#contact div.contact-form dl dd.empty input:focus,
#contact div.contact-form dl dd.empty textarea:focus {
	color: #01005C;
	background: none;
	border: solid 1px #9999be;
	padding: 0;
}
#contact div.contact-form dl dd.empty input.focus,
#contact div.contact-form dl dd.empty textarea.focus {
	color: #01005C;
	background: none;
	border: solid 1px #9999be;
	padding: 0;
}

#contact div.contact-form dl dd strong.error {
	color: #178bd5;
	font-size: 62.5%;
	line-height: 1.5;
	font-weight: normal;
	margin-left: 10px;
	width: 145px;
}
* html #contact div.contact-form dl dd strong.error {
	display: block;
	position: absolute;
	top: 5px;
}
*:first-child+html #contact div.contact-form dl dd strong.error {
	display: block;
	position: absolute;
	top: 5px;
}
#contact div.contact-form dl dd.message strong.error {
	position: absolute;
	top: 13px;
	left: 3px;
	z-index: 10;
	float: none;
	width: auto;
}
#contact div.contact-form dl dd.message strong.error {
	color: #ffffff;
}

#contact div.contact-form div.user-action {
	position: relative;
	margin-top: 20px;
	clear: both;
	left: -20px;
}
#contact div.contact-form div.user-action ul {
	list-style: none;
	float: left;
	margin-right: 20px;
	width: auto;
}
* html #contact div.contact-form div.user-action ul {
	position: relative;
}
#contact div.contact-form div.user-action ul li {
	margin-left: 20px;
	display: inline;
}
#contact div.contact-form div.user-action ul li form {
	display: inline;
}

#contact div.contact-form div.user-action p {
	padding-top: 7px;
	font-size: 62.5%;
}
#contact div.contact-form div.user-action a {
	color: #178bd5;
	font-style: normal;
	background: url(/shared/images/link-text-bg.png) repeat-x 0 100%;
	padding-bottom: 5px;
}
#contact div.contact-form div.user-action a:hover {
	background: none;
}

#contact div.contact-form #contact-privacypolicy {
	position: absolute;
	top: 39px;
	left: -32768px;
	background: url(/contact/images/privacypolicy-bg.png) repeat-y;
	font-size: 81.25%;
	width: 450px;
}
#contact div.contact-form .active#contact-privacypolicy {
	left: 0;
}

#contact div.contact-form #contact-privacypolicy h3 {
	background: url(/contact/images/privacypolicy-bg-top.png) no-repeat;
	padding: 22px 22px 0;
	font-size: 100%;
	height: inherit;
}
#contact div.contact-form #contact-privacypolicy dl {
	background: url(/contact/images/privacypolicy-bg-bottom.png) no-repeat 0 100%;
	margin-top: 22px;
	padding: 0 22px 22px;
	font-size: 100%;
	line-height: 1.67;
}
#contact div.contact-form #contact-privacypolicy dl dt,
#contact div.contact-form #contact-privacypolicy dl dd {
	font-size: inherit;
	line-height: inherit;
	height: inherit;
}
#contact div.contact-form #contact-privacypolicy dl dd p {
	font-size: inherit;
}
#contact div.contact-form #contact-privacypolicy #contact-privacypolicy-body {
	background: url(/contact/images/privacypolicy-bg-bottom.png) no-repeat 0 100%;
	margin-top: 22px;
	padding: 0 22px 22px;
	font-size: 100%;
	line-height: 1.67;
}
#contact div.contact-form #contact-privacypolicy #contact-privacypolicy-body p {
	font-size: inherit;
}

#contact div.contact-form #contact-privacypolicy p#contact-privacypolicy-close {
	position: absolute;
	top: 9px;
	right: 9px;
}
#contact div.contact-form #contact-privacypolicy p#contact-privacypolicy-close img {
	margin-top: 0;
}

#contact div.contact-form #contact-form-preview {
	background: url(/contact/images/confirm-bg.png) repeat-y;
	position: relative;
	margin-top: 20px;
}
#contact div.contact-form #contact-form-preview dl {
	background: url(/contact/images/confirm-bg-bottom.png) no-repeat 0 100%;
	margin-top: 0;
	padding: 0 0 20px; 
}
#contact div.contact-form #contact-form-preview dl dt {
	margin-top: 33px;
	height: 20px;
}
#contact div.contact-form #contact-form-preview dl dt.first-child {
	margin-top: 0;
	padding-top: 22px;
	background: url(/contact/images/confirm-bg-top.png) no-repeat;
}
#contact div.contact-form #contact-form-preview dl dd {
	font-size: 112.5%;
}
#contact div.contact-form #contact-form-preview dl dd.message {
	font-size: 81.25%;
	line-height: 2;
}
#contact div.contact-form #contact-form-preview dl dt,
#contact div.contact-form #contact-form-preview dl dd {
	padding: 0 20px 0 19px;
}