@charset "utf-8";

/* ============================================================
お問合せ
============================================================ */

/* 共通
============================================================ */
h1 {
	padding: 78px 0 0;
	height: 0;
	overflow: hidden;}

#mcR {
	padding-bottom: 40px;}

#mcR h2 {
	margin: 0 0 15px;
	padding: 39px 0 0;
	height: 0;
	overflow: hidden;}

#lead {
	padding: 51px 0 0;
	height: 0;
	overflow: hidden;}

#mcR table {
	margin: 0 auto 50px;
	width: 800px;
	border-collapse: collapse;
	border: 1px solid #53b7e5;
	table-layout: fixed;}

#mcR th {
	padding: 10px 12px;
/*	width: 181px;*/

	background: #d0f0ff;
	border: 1px solid #53b7e5;}


#mcR td {
	padding: 10px 12px;
	border: 1px solid #53b7e5;}

.txtarea-b2 {
	width: 200px;
	height: 4em;}

/* index
============================================================ */
.index h1,
.thanks h1 {
	padding: 78px 0 0;
	background: url(../img/contact/index-h1.jpg) no-repeat;
	height: 0;
	overflow: hidden;}

.index h1.hdg {
	padding:0;
	height:78px;
	overflow:visible;
	background:none;}

.index #lead {
	padding: 80px 0 0;
	background: url(../img/contact/index-lead.gif) 14px 0 no-repeat;
	height: 0;
	overflow: hidden;}

.index #lineup {
	margin: 0 0 60px;
	background: url(../img/contact/border.gif) repeat;
	padding-bottom: 15px;}

.index .box {
	float: left;
	padding: 0 10px;
	width: 180px;}

.index #mcR .box h2 {
	margin: 0 auto 5px;
	width: 177px;
	padding: 0;
	height: auto;
	overflow: visible;}

.index #bx01 h2 {background: url(../img/contact/btn01-on.gif) no-repeat;}
.index #bx02 h2 {background: url(../img/contact/btn02-on.gif) no-repeat;}
.index #bx03 h2 {background: url(../img/contact/btn03-on.gif) no-repeat;}
.index #bx04 h2 {background: url(../img/contact/btn04-on.gif) no-repeat;}

.index .box h2 a {
	display: block;
	padding: 48px 0 0;
	width: 177px;
	height: 0;
	overflow: hidden;}

.index #bx01 h2 a {background: url(../img/contact/btn01.gif) no-repeat;}
.index #bx02 h2 a {background: url(../img/contact/btn02.gif) no-repeat;}
.index #bx03 h2 a {background: url(../img/contact/btn03.gif) no-repeat;}
.index #bx04 h2 a {background: url(../img/contact/btn04.gif) no-repeat;}

.index .box h2 a:hover {background: none !important;}

.index .box p {margin: 0 5px;}

/* catalog
============================================================ */
.catalog h1 {background: url(../img/contact/catalog-h1.jpg) no-repeat;}

.catalog #lead {background: url(../img/contact/catalog-lead.gif) 14px 0 no-repeat;}

.catalog #mcR h2#t01 {background: url(../img/contact/h2-kiso.gif) no-repeat;margin: 0;}
.catalog #mcR h2#t02 {background: url(../img/contact/catalog-h2b.gif) no-repeat;}

.catalog #mcR .note {margin: 8px 0;}

.catalog #mcR .confirm h2 {
	padding: 34px 0 0;}

.catalog #mcR .confirm h2.t01 {background: url(../img/contact/lead-confirm-test.gif) 0 0 no-repeat;}
.catalog #mcR .confirm h2.t02 {background: url(../img/contact/lead-confirm02.gif) 0 0 no-repeat;}

.catalog #mcR .confirm dl {
	margin: 0 0 13px 20px;}

.catalog #mcR .confirm dt {
	margin: 5px 0 0;
	width: auto;
	float: none;
	font-weight: bold;}

.catalog #mcR .confirm dd {
	width: auto;
	float: none;} 

.catalog #mcR .confirm dd span {
	font-size: medium;
	font-weight: bold;
	color: #245c8f;}

/* other
============================================================ */
.other h1 {background: url(../img/contact/other-h1.jpg) no-repeat;}
.other #lead {background: url(../img/contact/other-lead.gif) 14px 0 no-repeat;}
.other #mcR h2#t01 {background: url(../img/contact/h2-kiso.gif) no-repeat;margin: 0;}
.other #mcR .note {margin: 8px 0;}

/* jikki,takujo
============================================================ */
.jikki h1 {background: url(../img/contact/jikki-idx-h1.jpg) no-repeat;}
.takujo h1 {background: url(../img/contact/takujo-idx-h1.jpg) no-repeat;}

.select #lead {background: url(../img/contact/jikki-idx-lead.gif) no-repeat;padding-top: 53px;}

.select #mcR h2 {
	margin: 0 auto;
	padding-top: 53px;
	width: 624px;
	border: 2px solid #87cbff;
	border-bottom: none;
	background: url(../img/contact/jikki-idx-h2.gif) no-repeat;}
	
.select #mcR ul {
	margin: 0 auto 85px;
	padding: 0 4px;
	border: 2px solid #87cbff;
	border-top: none;
	width: 616px;
	height: 103px;}

.select #mcR ul li {
	display: inline;
	float: left;
	margin: 24px 24px 0;
	width: 260px;}

.select #mcR ul li a {
	display: block;
	padding: 51px 0 0;
	width: 260px;
	height: 0;
	overflow: hidden;}

.select #mcR ul #select01 a {background: url(../img/contact/btn-yes.gif) no-repeat;}
.select #mcR ul #select02 a {background: url(../img/contact/btn-no.gif) no-repeat;}

/* no
============================================================ */
.error #mcR h2 {
	margin: 53px auto 0;
	padding: 53px 0 0;
	overflow: hidden;
	width: 624px;
	height: 0;
	background: url(../img/contact/jikki-no-h2.gif) no-repeat;
	border: 2px solid #87cbff;
	border-bottom: none;}

.error #mcR #notice {
	margin: 0 auto 30px;
	overflow: hidden;
	background: url(../img/contact/jikki-no-p.gif) no-repeat center center;
	width: 624px;
	height: 103px;
	border: 2px solid #87cbff;
	border-top: none;
	text-indent: -9999px;
	font-size: 1px;}

.error #mcR .center {margin-bottom: 41px;}

/* form
============================================================ */
.form #mcR h2 {
	padding: 39px 0 0;
	overflow: hidden;
	height: 0;}


.form.jikki #mcR h2#t01 {background: url(../img/contact/form-h2a.gif) no-repeat;}
.form.takujo #mcR h2#t01 {background: url(../img/contact/form-h2b.gif) no-repeat;}
.form #mcR h2#t02 {background: url(../img/contact/h2-kiso.gif) no-repeat;margin-top: 30px;}
.form #mcR h2#t03 {background: url(../img/contact/h2-data.gif) no-repeat;}

.form #mcR h3 {
	display: inline;
	padding: 8px 12px;
	color: #185db3;
	border: 2px solid #87cbff;
	font-size: 12px;}

.form #mcR h3#notice {
	display: block;
	margin: 0 0 13px 14px;
	padding: 0 0 0 20px;
	color: #e13636;
	background: url(../img/c/point-notice.gif) no-repeat center left;
	border: none;}

.form #mcR p,
.form #mcR ul {margin: 0 0 15px 14px;}

.form #mcR ol {
	margin: 13px 0 15px 50px;}

.form #mcR form p {margin: 13px 0 25px 14px;}

.form #mcR table {margin: 15px 0 36px;}

.form #mcR p#lead {
	margin: 0;
	background: url(../img/contact/form-lead.gif) no-repeat;}

/* 入力不備
============================================================ */
#mcR .error_msg h2 {
	background: none;
	text-indent: 0;
	overflow: visible;
	height: auto;
	font-size: medium;
	color:#F35000;}

#mcR .error_msg input {
	margin: 20px 0 0;}

/* サンクス画面
============================================================ */
.thanks h2 {
	background: url(../img/contact/lead-thanks.gif) 14px 0 no-repeat;
	height: 34px;
	text-indent: -9999px;}

.contact h2 {
	background: url(../img/contact/lead-thanks-contact.gif) 14px 0 no-repeat;}

.test h2 {
	background: url(../img/contact/lead-thanks-test.gif) 14px 0 no-repeat;}

.thanks #lead {
	padding: 60px 0 0;
	background: url(../img/contact/index-lead.gif) 14px 0 no-repeat;
	height: 0;
	overflow: hidden;}

.thanks #mcR p {
	margin: 0 22px;}

.contact #mcR p {
	margin: 0 22px 20px;}

.test #mcR p {
	margin: 0 22px 20px;}

.thanks #mcR ul {
	margin: 0 0 0 20px;
	height: 78px;}

.thanks #mcR ul li {
	float: left;
	margin-right: 20px;
	list-style: none;}

.thanks #mcR ul li#t01 {background: url(../img/contact/btn01-on.gif) no-repeat;}
.thanks #mcR ul li#t02 {background: url(../img/contact/btn02-on.gif) no-repeat;}
.thanks #mcR ul li#t03 {background: url(../img/contact/btn03-on.gif) no-repeat;}
.thanks #mcR ul li#t04 {background: url(../img/contact/btn04-on.gif) no-repeat;}


.thanks #mcR ul li a {
	display: block;
	width: 177px;
	height: 48px;}

.thanks #mcR ul li a:hover {
	text-indent: -9999px !important;}

p.sendMsg {
	padding-bottom:15px;
	text-align:center;}