@chartset "shift_jis";
/* large_box
---------------------------------------------------- */
#wrapper h1 {
	margin: 0 12px 20px;
}
#large_box {
	margin: 0 38px 20px;
	width: 622px;
}
#large_box p {
	margin: 0 0 10px;
}
#large_box ul, #large_box ol {
	margin: 0 38px 20px 65px;
}
/* --IE以外に適用-- */
html>/**/body #large_box ul, html>/**/body #large_box ol {
	margin: 0 38px 20px 55px;
}
/**/
	
#large_box_contact_left {
	width: 477px;
	float: left;
}
body #wrapper #large_box_contact_left p {
	margin-right: 0;
}
#large_box_contact_right {
	margin: 0px;
	width: 115px;
	float: right;
}
/* medium_box
---------------------------------------------------- */
#medium_box h2 {
	margin: 0 38px 20px;
}
#medium_box p {
	margin: 0 52px 20px 52px;
}
#medium_box ul, #medium_box ol {
	margin: 0 52px 20px 78px;
}
/* --IE以外に適用-- */
html>/**/body #medium_box ul, html>/**/body #medium_box ol {
	margin: 0 52px 20px 68px;
}
/**/
		
#medium_box ul li, #medium_box ol li {
	margin-bottom: 10px;
}
/* small_box
---------------------------------------------------- */
#small_box {
	margin: 150px 38px 20px;
	padding: 4px 12px;
	border: 1px solid #bababa;
	text-align: right;
	background: #f5f5f5;
}
body #wrapper #small_box p {
	margin-bottom: 0;
	padding-right: 10px;
	background: url(../image/p_triangle2.gif) no-repeat right 6px;
}
/* postscript
---------------------------------------------------- */
#medium_box #postscript {
	margin: 0 52px 20px;
	background: #f5f5f5;
	border: 1px solid #bababa;
}
#medium_box #postscript p {
	margin: 14px 20px;
}
#medium_box #postscript p#ps_contact {
	background: url(../image/p_triangle2.gif) no-repeat 0 0.5em;
	padding-left: 10px;
}
/* agreement
---------------------------------------------------- */	
#agreement_box {
	border: 1px solid #bababa;
	margin: 0px 25px 25px 25px;
}
#wrapper #agreement_box h2 {
	margin: 0 24px 10px;
}
#wrapper #agreement_box p {
	margin: 12px;
14px:
 padding: 0px;
}
/* submit
---------------------------------------------------- */
#submit {
	text-align: center;
	margin-bottom: 20px;
}
#submit input {
	margin: 0 10px 0;
	padding-top: 0;
	width: 109px;
	height: 30px;
	background: url(../contact/image/bt_submit.gif) no-repeat 0 0;
	border: none;
	line-height: 140%;
	color: #333333;
	font-size: 90%;
}
#submit a {
	text-decoration: none;
}
/* 入力フォーム
---------------------------------------------------- */	
table {
	width:594px;
	border:none;
	border-collapse:collapse;
	margin: 0 52px 20px;
}
td {
	background:none;
	padding: 8px 10px;
	width: 375px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-left:none;
	border-right:none;
	empty-cells:show;
	color:#333333;
	line-height:100%;
}
th {
	background:none;
	padding:8px 10px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-left:none;
	border-right:none;
	empty-cells:show;
	text-align:left;
	font-weight:normal;
	vertical-align: top;
}
.input1 {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	background: #f1f1ed;
	padding: 2px;
	width: 100px;
	font-size: 100%;
}
.input2 {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	background: #f1f1ed;
	padding: 2px;
	width: 250px;
	font-size: 100%;
}
.input3 {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	background: #f1f1ed;
	padding: 2px;
	width: 50px;
	font-size: 100%;
}
.input4 {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	background: #f1f1ed;
	padding: 2px;
	width: 350px;
	height: 100px;
	font-size: 100%;
}
body #wrapper th.note1 {
	padding: 0;
	border: none;
}
body #wrapper th.note1 textarea {
	margin-left: 189px;
}
 body #wrapper th.note2, body #wrapper td.note2, {
 border: none;
}
td span {
	vertical-align:middle;
}
label, option {
	font-size: 90%;
}
input:focus, iselect:focus, textarea:focus {
	background: #ffffff;
}
.supplement_right {
	font-size: 80%;
}
.supplement_foot {
	margin-top: 5px;
	font-size: 86%;
	display: block;
	line-height: 140%;
}
/*==============================================================

GRID

====================================================================== */
	
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  GROUPING  ============================================================================= */


.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0% 0% 0% 0%;
}
.col:first-child {
	margin-left: 0;
} /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
 .col {
 margin: 1% 0 1% 0%;
}
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.span_1_of_2:first-child {
	margin-right:8px;
	border: 1px solid #CCC;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
 .span_2_of_2 {
 width: 100%;
}
 .span_1_of_2 {
 width: 100%;
}
}
table.tbl_contact {
	width:615px !important;
	border:none;
	margin: 0 15px 0 15px !important;
}
table.tbl_contact td {
	border-top:0px solid #d5d5d5 !important;
	border-bottom:0px solid #d5d5d5 !important;
	background:none;
	padding: 0px 0px !important;
	width: 375px;
	border-left:none;
	border-right:none;
	empty-cells:show;
	color:#333333;
	line-height: 1.5 !important;
}

table.tbl_contact p {
	margin: 5px 5px !important;
}
table.tbl_contact tr {
	border-top:0px solid #d5d5d5 !important;
	border-bottom:1px solid #d5d5d5;
}

table.tbl_contact tr:last-child {
	border-top:0px solid #d5d5d5 !important;
	border-bottom:0px solid #d5d5d5 !important;
}

table.tbl_contact td:first-child {
	width: 200px;
}
table.tbl_contact td:last-child {
	width: 100px;
}
