@charset "utf-8";

/* ---------------------------------------------------
   File: contact.css
   Version: 1.0.0
   Update: 2014-09-17
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */






/* ===================================================
    Local Navigation
=================================================== */

#lnavi_area h1 {
	height: 216px;
	background: url(../contact/images/tit_contact.jpg) 0 0 no-repeat;
}




/* ===================================================
    Contents
=================================================== */

/* -----------------------------------
		Lead Box
----------------------------------- */
#leadBox {
	padding-bottom: 32px;
}

#leadBox article {
	width: 340px;
}
#leadBox article h2 {
	width: 300px;
	height: 61px;
	background: url(../contact/images/txt_catchcopy.jpg) 0 0 no-repeat;
}
#leadBox #mainImage {
	width: 339px;
}
#leadBox #mainImage li,
#leadBox #mainImage li img {
	display: block;
}
#leadBox #mainImage li {
	margin-bottom: 25px;
}

/* ===================================================
    Common Style
=================================================== */

.contents h3 {
	font-size: 1.5em;
	line-height: 1.4em;
	background: url(../img_common/line_h3.jpg) left bottom no-repeat;
	padding: 10px 0;
	margin-bottom: 32px;
	display: block;
}

.contents #check {
	font-size: 0.9em;
	height: 2em;
	display: block;
	padding: 8px 0 56px;
}
.contents #check img {
	vertical-align: middle;
	padding: 0 4px;
}


/* -----------------------------------
		Form
----------------------------------- */
/*.contents table {
	display: block;
	padding: 0;
}*/

.contents tr {
	width: 730px;
	background: url(../img_common/line_dot_brownBox.jpg) left top repeat-x;
}
.contents th {
	font-weight: normal;
	vertical-align: middle;
	background: url(../img_common/line_dot_normal_tandem_l.jpg) right center no-repeat;
	width: 176px;
	padding: 0 24px;
}
.contents td {
	vertical-align: middle;
	width: 458px;
	padding: 24px;
}
table img {
	vertical-align: middle;
	padding-left: 6px;
}

.input_txt,
.input_message {
	width: 458px;
	font-size: 1.2em;
	box-shadow: 1px 1px 5px -3px rgba(0,0,0,0.5) inset;
	padding: 6px;
	border: 1px solid #CCC;
	border-top: #AAA 1px solid;
	border-radius: 3px; /* CSS3 */  
	-webkit-border-radius: 3px; /* Safari,Chrome */  
	-moz-border-radius: 3px; /* Firefox */
	outline: 0;
}
textarea {
	resize: vertical;
}
form small {
	color: #474747;
	font-size: 0.7em;
	line-height: 1.4em;
	padding: 0 0 0 16px;
}

/* Consultation */
.contents tr.consultation,
.contents tr#consultation_btm {
	background: none;
}
.contents tr#consultation_top td 		{ padding: 24px 24px 8px;}
.contents tr.consultation td 				{ padding: 8px 24px;}
.contents tr#consultation_btm td 		{ padding: 8px 24px 24px;}

.input_file {
	padding-top: 6px;
}
.contents table small {
	color: #474747;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	padding: 8px 0 0 0;
	display: block;
}
.contents table small.pddTopNone {
	padding: 0 0 5px 0;
}
.contents table small.red {
	color: #CA0003;
}
.contents table span {
	color: #474747;
	font-size: 0.7em;
	line-height: 1.4em;
}

/* Detale */
.contents tr#detail td 				{ padding: 24px 24px 16px;}

/* Button Radio Type */
.radioType {
	margin: 0 0 0 16px;
}
#type_etc {
	margin: 0;
}

/* Button Contact */
#btn_contact {
	width: 287px;
	height: 63px;
	margin: 0 auto;
	padding: 40px 0 0;
}

/* Brown Box */
.contents tr.brownBox {
	font-size: 1em;
	background: url(../img_common/bg_brown-box_dot.jpg) left top repeat-x;
	padding: 0;
}
.contents .brownBox th {
	background: url(../img_common/line_dot_brownBox_tandem_l.jpg) right center no-repeat;
}
#table_Btm,
#table_Btm img {
	height: 3px;
	display: block;
	margin: 0;
	padding: 0;
}