@charset "utf-8";

/* /ask/
============
nav
askTop
ask
============ */


/* nav */
#nav.ask h2 {
	width: 214px;
	margin: -2px -2px 0 -2px;
	position: relative;
}

#nav.ask ul.banner li {
	padding: 10px 0 0 0;
	list-style: none;
}



/* askTop */

#main.askTop h2 {
	margin: 0 0 -23px 0;
}

#main.askTop h3 {
	width: 630px;
	margin: 45px 0 0 10px;
}

#main.askTop p.copy {
	width: 630px;
	margin: 8px 0 20px 10px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.askTop p.link {
	width: 630px;
	margin: 0 0 5px 10px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.askTop p.link a {
	padding: 0 0 0 16px;
	background: url(../common/arw04.gif) no-repeat left center;
}

#main.askTop dl.telfax {
	display: table;
	margin: 45px 10px 80px 10px;
	border: solid 1px #DFDFDF;
}

#main.askTop dl.telfax dt {
	display: table-cell;
	width: 165px;
	padding: 1px;
	/padding: 0 1px 2px 1px;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.askTop dl.telfax dd {
	display: table-cell;
	width: 455px;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.4em;
	/display: inline;
	/zoom: 1;
}

#main.askTop dl.telfax dd span {
	font-weight: bold;
}



/* ask */

#main.ask {
	padding: 0 0 40px 0;
}

#main.ask h2 {
	margin: 0 0 20px 0;
}

#main.ask h3 {
	width: 610px;
	margin: 20px 0 3px 20px;
}

#main.ask p.topCopy {
	padding: 0 20px 5px 20px;
	font-size: 78%;
	line-height: 1.65em;
}

#main.ask p.error {
	width: 610px;
	margin: 20px 0 30px 20px;
	padding: 12px 0;
	border-top: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	color: #CC0000;
	font-size: 78%;
	line-height: 1.65em;
	font-weight: bold;
}

#main.ask p.copy01 {
	margin: 15px 45px 0 1em;
	text-indent: -1em;
	color: #CC0000;
}

#main.ask p.copy02 {
	margin: 15px 45px 0 1em;
	text-indent: -1em;
}

#main.ask p.done01 {
	margin: 95px 0 0 0;
	text-align: center;
	font-size: 112%;
	line-height: 1.65em;
	font-weight: bold;
}

#main.ask p.done02  {
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 78%;
	line-height: 1.65em;
}

#main.ask p.link  {
	margin: 45px 0 0 0;
	text-align: center;
	font-size: 78%;
	line-height: 1.65em;
}

#main.ask p.link a  {
	padding: 0 0 0 16px;
	background: url(../common/arw03.gif) no-repeat left center;
}

#main.ask dl.form {
	width: 610px;
	margin: 0 0 0 20px;
	padding: 16px 0 13px 0;
	border-bottom: solid 1px #DFDFDF;
	font-size: 78%;
	line-height: 1.5em;
}

#main.ask .form dt {
	float: left;
	width: 120px;
	margin: 0 5px 0 0;
	text-align: left;
}

#main.ask .form dd {
	float: left;
	width: 480px;
}

#main.ask dl.form span {
	margin: 0 0 0 3px;
	color: #CC0000;
}

#main.ask dl.form span.error {
	font-weight: bold;
	white-space: nowrap;
}

#main.ask dl.form input {
	position: relative;
	margin: -1px 5px 0 0;
	padding: 2px 0 0 0;
	width: 50%;
	vertical-align: middle;
}
#main.ask dl.form input.address {
	width: 90%;
}

#main.ask dl.form textarea {
	position: relative;
	width: 90%;
	height: 110px;
	margin: -1px 0 0 0;
	padding: 2px 0 0 0;
	overflow: auto;
}

#main.ask div.btn {
	clear: both;
	margin: 30px 0 0 0;
	text-align: center;
}

#main.ask div.btn input {
	margin: 0 5px;
}

#main.ask div.catalogCopy {
	float: left;
	width: 460px;
	margin: 0 0 0 20px;
	display: inline;
}

#main.ask div.catalogCopy p.catalogCopy01 {
	font-size: 100%;
	line-height: 1.65em;
	font-weight: bold;
}

#main.ask div.catalogCopy p.catalogCopy02 {
	margin: 5px 0 0 1.1em;
	text-indent: -1em;
	color: #CC0000;
	font-size: 78%;
	line-height: 1.65em;
}

#main.ask div.catalogImg {
	float: right;
	width: 150px;
	text-align: left;
}