@charset "UTF-8";

/*
 * format.css
 *
 * modified: 2011-02-26 (Nakahara@MonkeyWorks)
 *
 */



/* Layout
------------------------------------------------------------ *//*

	@group Section

------------------------------------------------------------ */

.article,
.section {
	margin-bottom: 50px;
}

.article .section,
.section .section {
	margin-bottom: 50px;
}

.article .section .section,
.section .section .section {
	margin-bottom: 26px;
}

.article p,
.section p {
	margin-bottom: 11px;
}

.stick {
	margin-bottom: 0 !important;
}

.telfax {
	display: inline-block;
	width: 4.2em;
}


/*	@end
------------------------------------------------------------ *//*

	@group Multi Colmuns

------------------------------------------------------------ */

.pause {
	float: right !important;
	margin-right: 0 !important;
}



/* 1:1
------------------------------ */
.wrap11 .column {
	float: left;
	width: 294px;
	margin-right: 21px;
}



/* 1:1:1
------------------------------ */
.wrap111 .column {
	float: left;
	width: 191px;
	margin-right: 18px;
}



/* 2:1
------------------------------ */
.wrap21 .main {
	float: left;
	width: 353px;
}

.wrap21 .sub {
	float: right;
	width: 236px;
}



/* 1:2
------------------------------ */
.wrap12 .main {
	float: right;
	width: 353px;
}

.wrap12 .sub {
	float: left;
	width: 236px;
}



/* 1:1:1:1
------------------------------ */
.wrap1111 .column {
	float: left;
	width: 23.4%;
	margin-right: 2.1%;
}



/* 3:1
------------------------------ */
.wrap31 .main {
	float: left;
	width: 399px;
}

.wrap31 .sub {
	float: right;
	width: 190px;
}



/* 1:3
------------------------------ */
.wrap13 .main {
	float: right;
	width: 399px;
}

.wrap13 .sub {
	float: left;
	width: 190px;
}



/*	@end
------------------------------------------------------------ */





/* Element
------------------------------------------------------------ *//*

	@group Box

------------------------------------------------------------ */

.section .box {
	display: block;
	margin-bottom: 16px;
	padding: 14px 19px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-opera-border-radius: 5px;
	background: #eee;
}

.section .boxWrap {
	display: block;
	margin-bottom: 16px;
	padding: 14px 19px 2px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-opera-border-radius: 5px;
	background: #eee;
}

.section .boxIndent {
	margin-left: 22px;
}



/* boxGuideInquiry
------------------------------ */
.boxGuideInquiry {
	width: 609px;
	height: 124px;
	background: url(../../img/common/content/guideInquiry/bg01.png) no-repeat;
}

.boxGuideInquiry h2 {
	display: inline;
	float: left;
	width: 130px;
	margin: 17px 37px 15px 26px;
}

.boxGuideInquiry p {
	margin: 0 !important;
	padding-top: 22px;
}

.boxGuideInquiry .tel {
	padding-top: 15px;
}

.boxGuideInquiry .form {
	padding-top: 12px;
}



/*	@end
------------------------------------------------------------ *//*

	@group Heading

------------------------------------------------------------ */

/* heading01
------------------------------ */
.heading01 {
	margin-bottom: 16px;
	line-height: 1.0;
	font-size: 192.3%; /* 25px */
}



/* heading02
------------------------------ */
.heading02 {
	margin-bottom: 13px;
	border-left: 4px solid #1258d0;
	color: #2c2d3b;
	line-height: 1.0;
	font-size: 130.8%; /* 17px */
}

.heading02 span {
	display: block;
	padding: 5px 8px;
	border: 1px solid #d2d8da;
	background: #fcfcfe url(../../img/common/content/heading02Bg01.png) no-repeat;
	zoom: 1; /* for IE6 */
}



/* heading03
------------------------------ */
.heading03 {
	margin: 22px 0 8px;
	padding: 1px 0 1px 12px;
	background: url(../../img/common/content/heading03Bg01.gif) no-repeat 0 2px;
	color: #2c2d3b;
	line-height: 1.1;
	font-size: 123.1%; /* 16px */
	font-weight: bold;
}



/* heading04
------------------------------ */
.heading04 {
	margin: 18px 0 6px;
	color: #324396;
	line-height: 1.1;
	font-size: 107.7%; /* 14px */
	font-weight: bold;
}



/* heading05
------------------------------ */
.heading05 {
	margin: 16px 0 6px;
	color: #2c2d3b;
	line-height: 1.1;
	font-weight: bold;
}



/*	@end
------------------------------------------------------------ *//*

	@group List

------------------------------------------------------------ */

/* ul.format01
------------------------------ */
ul.format01 {
	margin-bottom: 13px;
}

ul.format01 li {
	margin: 5px 0;
	padding-left: 13px;
	background: url(../../img/common/content/iconSquareBlue.gif) no-repeat 0 0.45em;
}

ul.format01 ul {
	margin: 8px 0 11px;
}

ul.format01 li li {
	list-style: circle;
}



/* ol.format01
------------------------------ */
ol.format01 {
	margin-bottom: 13px;
}

ol.format01 li {
	list-style: decimal;
	margin: 5px 0 5px 30px;
}

ol.format01 ol {
	margin: 8px 0 11px;
}



/* dl.format01
------------------------------ */
dl.format01 {
	margin-bottom: 13px;
}

dl.format01 dt {
	margin-bottom: 2px;
	color: #3e8059;
	font-weight: bold;
}

dl.format01 dd {
	margin-bottom: 13px;
	padding-bottom: 12px;
	background: url(../../img/common/content/borderDashedGray.gif) repeat-x 0 100%;
}



/* dl.format02
------------------------------ */
dl.format02 {
	margin-bottom: 13px;
}

dl.format02 dt {
	margin-bottom: 7px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

dl.format02 dd {
	margin-bottom: 13px;
}



/*	@end
------------------------------------------------------------ *//*

	@group Table

------------------------------------------------------------ */

/* table.format01
------------------------------ */
table.format01 {
	margin-bottom: 16px;
}

table.format01 th {
	padding: 7px 10px 6px;
	background: url(../../img/common/content/borderDashedGray.gif) repeat-x 100% 100%;
	background-color: white;
	color: #314238;
	font-weight: bold;
}

table.format01 td {
	padding: 7px 10px 6px;
	background: url(../../img/common/content/borderDashedGray.gif) repeat-x 0 100%;
	background-color: white;
}



/* table.formWrap
------------------------------ */
.formWrap th {
	width: 25%;
}

.formWrap .textHelp {
	margin: 5px 0 0;
	line-height: 1.5;
}

.formWrap .errorCell {
	background: #fee;
}

.formWrap .errorMessage {
	font-weight: bold;
}



/* input[type=text], textarea
------------------------------ */
.formWrap .textbox {
	width: 80%;
	margin: 2px 0;
}

/* input
------------------------------ */
.boxCheck{
	padding-top:18px;
	background-image: url(../../img/inquiry/bg_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:41px;
}


/*	@end
------------------------------------------------------------ *//*

	@group Element

------------------------------------------------------------ */
.iconEnlarge {
	display: block;
	background: url(../../img/common/content/iconEnlarge.png) left bottom no-repeat;
	padding-bottom: 12px;
}



/*	@end
------------------------------------------------------------ */
