@charset "UTF-8";

/* -----------------------------------------------------------
 Nail Salon Space (renew 2010/03/05)

 File name:      css/contents.css
 Author:         Your Name (admin)
 Style Info:     各コンテンツ用CSS
----------------------------------------------------------- */


/* common
----------------------------------------------------------- */

span.hissu {
	margin: 0;
	font-size: 10px;
	color: #cd7373;
}

div.indexTtl {
	width: 628px;
	margin: 0;
	padding-bottom: 3px;
}

div#indexLead {
	width: 603px;
	margin: 0 auto 5px;
	padding: 0;
	background: url(../../../images/contact/indexLeadBg.gif) no-repeat left top;
}

div#indexLead div {
	padding: 3px 0 0 59px;
}

div#indexLead div#indexLeadBtm {
	display: block;
	width: 544px;
	padding: 0 0 10px 59px;
}

div#indexLead div#indexLeadBtm div#indexLeadBtmL {
	float: left;
	width: 79px;
	padding: 0;
}

div#indexLead div#indexLeadBtm div#indexLeadBtmR {
	float: right;
	width: 452px;
	margin-top: 17px;
	padding: 0;
}

div#indexLead div p {
	padding-bottom: 10px;
}

div#indexLead div p span {
	padding: 0;
	color: #cd7373;
	font-size: 10px;
}

div#indexLead a:link,
div#indexLead a:visited {
	color: #ff83c9;
	text-decoration: underline;
}

div#indexLead a:hover,
div#indexLead a:active {
	color: #ff62dd;
	text-decoration: underline;
}

div#contactHead {
	width: 484px;
	margin: 0 88px 20px 56px;
	padding-bottom: 25px;
	background: url(../../../images/contact/dotLine.gif) no-repeat left bottom;
}

div#contactHead div#contactTelImg {
	margin: 0;
	padding: 0;
}

div#contactDotLine {
	width: 484px;
	height: 4px;
	margin: 0 88px 20px 56px;
	padding: 0;
	font-size: 0;
	background: url(../../../images/contact/dotLine.gif) no-repeat left bottom;
}



/* form
----------------------------------------------------------- */

div#contact {
	margin: 0 150px 0 69px;
}

div#contact div#contactLead {
	margin-bottom: 7px;
	padding-top: 3px;
}

div#contact div#contactError {
	margin-bottom: 7px;
	padding: 0;
	color: #cd7373;
}

div#contact div#contactAttention {
	margin-bottom: 10px;
	color: #cd7373;
	font-size: 10px;
}

div#contact div#contactForm {
	width: 409px;
	margin: 0;
	padding-bottom: 15px;
}

div#contact div#contactForm div.contactCap {
	margin: 0;
	line-height: 1.2;
}

div#contact div#contactForm div.contactCap span.smallTxt {
	margin-left: 10px;
	font-size: 10px;
	color: #999999;
}

div#contact div#contactForm div.contactBox {
	width: 400px;
	margin-bottom: 25px;
	padding: 4px 0 0 9px;
}

div#contact div#contactForm div.contactBox2 {
	width: 400px;
	margin-bottom: 15px;
	padding-left: 9px;
}

div#contact div#contactForm div.contactBox2 div {
	margin: 0;
	padding: 9px 0 0;
}

div#contact div#contactForm div.contactBox2 div.contactTxt {
	padding-top: 2px;
	text-align: right;
}

div#contact div#contactForm div.contactBox2 div.contactInBox {
	display: block;
	width: 400px;
	margin: 0;
	padding-bottom: 10px;
}

div#contact div#contactForm div.contactBox2 div.contactInBox div.check1Box {
	float: left;
	display: inline;
	width: 127px;
	margin: 5px 5px 0 0;
	padding: 0;
}

div#contact div#contactForm div.contactBox2 div.contactInBox div.check1Box2 {
	float: left;
	display: inline;
	width: 395px;
	margin: 5px 5px 0 0;
	padding: 0;
}

div#contact div#contactForm input.inputTxt {
	width: 392px;
	height: 14px;
	margin: 0;
	padding: 3px;
	line-height: 1.2;
	border: solid 1px #cccccc;
	color: #666666;
	font-size: 12px;
	vertical-align: middle;
}

div#contact div#contactForm input.inputCheck {
	margin: 4px 4px 4px 0;
	padding: 0;
	vertical-align: middle;
}

* html div#contact div#contactForm input.inputCheck {
	margin: 2px 4px 2px 0;
	padding: 0;
	vertical-align: middle;
}

*:first-child+html div#contact div#contactForm input.inputCheck {
	margin: 2px 4px 2px 0;
	padding: 0;
	vertical-align: middle;
}

body:last-child:not(:root:root) div#contact div#contactForm input.inputCheck {
	margin: 2px 4px 6px 0;
	padding: 0;
	vertical-align: middle;
}

div#contact div#contactForm textarea {
	width: 392px;
	height: 192px;
	margin: 0;
	padding: 3px;
	border: solid 1px #cccccc;
	color: #666666;
	font-size: 12px;
}

div#contact div#contactBtn {
	diaplay: block;
	width: 400px;
	margin: 0;
	padding-left: 9px;
}

div#contact div#contactBtn div#checkBtn {
	float: left;
	width: 166px;
	padding: 0;
}

div#contact div#contactBtn div#pPolicyLink {
	float: right;
	width: 175px;
	padding-top: 11px;
	text-align: right;
}

div#contact div#contactBtn div#pPolicyLink a:link,
div#contact div#contactBtn div#pPolicyLink a:visited {
	color: #ff83c9;
	text-decoration: underline;
}

div#contact div#contactBtn div#pPolicyLink a:hover,
div#contact div#contactBtn div#pPolicyLink a:active {
	color: #ff62dd;
	text-decoration: underline;
}




/* check
----------------------------------------------------------- */

div#contactCheck {
	margin: 0 88px 0 69px;
}

div#contactCheck div#contactCheckLead {
	margin-bottom: 5px;
	padding-top: 3px;
}

div#contactCheck div#contactCheckLead p {
	margin: 0;
	padding-bottom: 20px;
}

div#contactCheck div#contactCheckLead a {
	margin-left: 12px;
	padding: 0;
	color: #ff83c9;
	text-decoration: underline;
}

div#contactCheck div#contactCheckLead a:visited {
	color: #ff83c9;
	text-decoration: underline;
}

div#contactCheck div#contactCheckLead a:hover,
div#contactCheck div#contactCheckLead a:active {
	color: #ff62dd;
	text-decoration: underline;
}

div#contactCheck div#contactCheckBox {
	width: 409px;
	margin: 0;
	padding-bottom: 15px;
}

div#contactCheck div.checkCap {
	margin-bottom: 3px;
	line-height: 1.2;
}

div#contactCheck div.checkBox {
	width: 434px;
	margin-bottom: 20px;
	padding: 0;
	background: url(../../../images/contact/checkBoxBg.gif) repeat-y left top;
}

div#contactCheck div.checkBox p.checkBoxTxt1 {
	padding: 3px 15px;
	line-height: 1.2;
}

div#contactCheck div.checkBox p.checkBoxTxt2 {
	padding: 5px 15px;
}

div#contactCheck div.checkBox p.checkBoxTxt3 {
	margin-bottom: 5px;
	padding: 5px 15px 0;
}

div#contactCheck div.checkBox2 {
	width: 400px;
	margin-bottom: 9px;
	padding: 3px 0 0 9px;
}

div#contactCheck div#contactCheckBtn {
	diaplay: block;
	width: 400px;
	margin: 0;
	padding-left: 9px;
}

div#contactCheck div#contactCheckBtn div#changeBtn {
	float: left;
	width: 166px;
	margin-right: 26px;
	padding: 0;
}

div#contactCheck div#contactCheckBtn div#submitBtn {
	float: left;
	width: 165px;
	padding: 0;
}



/* end
----------------------------------------------------------- */

div#contactEnd {
	width: 546px;
	height: 265px;
	margin: 0 13px 0 69px;
	padding: 0;
	background: url(../../../images/contact/endBg.jpg) no-repeat left top;
}

div#contactEnd div#contactEndTxt {
	margin: 0;
	padding: 3px 0 157px;
}

div#contactEnd div#backTopBtn {
	margin: 0;
	padding-left: 9px;
}