@charset "utf-8";
 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
common
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body { height: 100%; }

#wrapper {
	min-width: 1200px;
	overflow: hidden;
	min-height: 100%;
	position: relative;
}

#container { padding-bottom: 30px;}

a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
	display:block;
}

/* clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

/* header */

#h-cont {
	width: 100%;
	min-width: 1200px;
	height: 99px;
	background: URL(images/bg_header.gif) repeat-x;
	text-align: left;
	overflow: visible;
}
#h-cont header {
	width: 1200px;
	margin: 0 auto;
	height: 99px;
	overflow: visible;
	position: relative;
}
#h-cont header h1 {
	width: 402px;
	height: 108px;
	position: absolute;
	top: 14px;
	left: 111px;
	clear: both;
	z-index: 10;
}
#h-cont header div, #h-cont header ul { float: right; }
#h-cont header div {
	width: 192px;
	height: 99px;
	background: URL(images/bg_head_d.gif) no-repeat;
	margin-right: 77px;
	_display: inline;
	*display: inline;
}

#h-cont header .tandb { margin: 16px 0 0 25px; }
#h-cont header .logo { margin: 9px 0 0 35px; }

#h-cont header ul { text-align: right; padding-top: 24px; margin-right: -1px; }
#h-cont header ul li {
	display: inline-block;
	_zoom: 1;
	*zoom: 1;
	_display: inline;
	*display: inline;
	margin-right: -10px;
}

/* footer */
footer {
	width: 100%;
	min-width: 1200px;
	height: 22px;
	padding-top: 8px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
footer p {
	font-size: 12px;
	color: #fff;
}

/* 140121追記 */

button {
	padding: 0;
	border: none;
	background: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ページごとスタイル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* お問い合わせページ */

.contact {
	width: 740px;
	margin: 34px auto 50px;
	background: #18a7f1;
}

.top { background: URL(images/bg_contact.gif) no-repeat top center #18a7f1; }
.contact #main {
	height: 475px;
	position: relative;
	z-index: 10;
}
.contact #main * { position: absolute; }
.contact #main h2 { top: -45px; left: 16px; }
.contact #main .l-01 { top: 198px; left: 40px; }
.contact #main .l-02 { top: 312px; left: 40px; }

.contact #koma1 {
	width: 654px;
	margin: 0 auto 20px;
	background: URL(images/bg_koma.gif) no-repeat top center;
	padding-top: 101px;
}
.contact #koma1 div {
	height: 87px;
	background: #fff;
	border: 3px solid #000;
	border-top: none;
	position: relative;
}
.contact #koma1 div * { position: absolute; }
.contact #koma1 .l-01 { top: -129px; left: 380px; z-index: 3; }
.contact #koma1 .l-02 { top: -54px; left: 7px; z-index: 2; }
.contact #koma1 .l-03 { top: -118px; left: 49px; z-index: 1; }

.contact #koma2 {
	width: 648px;
	height: 226px;
	margin: 0 auto;
	background: URL(images/img_wait.gif) no-repeat 231px 0 #fff;
	border: 3px solid #000;
	position: relative;
}
.contact #koma2 .l-01 { position: absolute; top: 22px; left: 21px; }
.contact #koma2 .l-02 { position: absolute; top: 27px; right: 35px; }

.contact #mrk { padding: 43px 0 45px; }

.contact #form {
	width: 648px;
	background: #fff;
	border: 3px solid #000;
	margin: 0 auto 12px;
	position: relative;
}
.contact #form h3 { padding: 14px 0 5px; }
.contact #form dl {
	width: 602px;
	margin: 0 auto;
	font-size: 14px;
	text-align: left;
}
.contact #form dt {
	float: left;
	width: 138px;
	_width: 151px;
	padding: 12px 0 11px 13px;
	border-bottom: 1px dashed #ccc;
	line-height: 1em;
}
.contact #form dt span { color: #d01f1f; }
.contact #form dd {
	float: left;
	width: 451px;
	padding: 9px 0 8px 0;
	border-bottom: 1px dashed #ccc;
}
.contact #form dl input { height: 18px; border: 1px solid #666; }
.contact #form .short { width: 150px; }
.contact #form .long { width: 298px; }
.contact #form .years { width: 34px; }
.contact #form .last { border-bottom: none; letter-spacing: -2px; }
.contact #form textarea {
	width: 298px;
	height: 123px;
	border: 1px solid #666;
}
.contact #form .radio {
	vertical-align: middle;
	margin-top: 2px;
	border: none;
}
.contact #form label {
	vertical-align: middle;
	padding: 2px 10px 0 0;
}
.contact #form p {
	display: inline;
	margin-left: 5px;
}

.contact #form #button {
	width: 326px;
	margin: 0 auto;
	padding: 7px 0 54px;
}
.contact #form #button button {
	height: 67px;
	width: 158px;
	cursor: pointer;
	text-indent: -9999px;
}
.contact #form #button .submit { float: left; background: URL(images/btn_submit.gif) 0 0 no-repeat; }
.contact #form #button .submit:hover { background: URL(images/btn_submit.gif) 0 -67px no-repeat; }
.contact #form #button .reset { float: right; background: URL(images/btn_reset.gif) 0 0 no-repeat; }
.contact #form #button .reset:hover { background: URL(images/btn_reset.gif) 0 -67px no-repeat; }
.contact #form #button .send { float: right; background: URL(images/btn_send.gif) 0 0 no-repeat; }
.contact #form #button .send:hover { background: URL(images/btn_send.gif) 0 -67px no-repeat; }
.contact #form #button .return { float: left; background: URL(images/btn_return.gif) 0 0 no-repeat; }
.contact #form #button .return:hover { background: URL(images/btn_return.gif) 0 -67px no-repeat; }

.contact #form .err #button .return { float: none; }

.contact #form #ktnkr {
	position: absolute;
	bottom: -45px;
	left: 263px;
	margin: 0;
}

/* 140123追記 */
table { margin: 20px auto; }
table th, table td {
	border-bottom: 1px dashed #ccc ;
	text-align: left;
}
table th {
	width: 138px;
	_width: 151px;
	padding: 12px 0 11px 13px;
	line-height: 1em;
}
table td { padding: 9px 0 8px 0; }


.contact #form h3.thx { padding: 40px 0 30px; }
.contact #form #button p { text-align: center; }
.contact #form #button p a {
	display: block;
	height: 67px;
	width: 158px;
	margin: 0 auto;
	text-indent: -9999px;
	background: URL(images/btn_top.gif) 0 0 no-repeat;
}
.contact #form #button p a:hover { background: URL(images/btn_top.gif) 0 -67px no-repeat; }