@charset "UTF-8";

/*
 * page.css
 *
 * create: 2010-04-01
 * update: 2010-04-04 (Nakahara@MonkeyWorks)
 *
 */



/* company
------------------------------------------------------------- */
.company #main table.format01 th {
	width: 25%;
}



/* contact
------------------------------------------------------------- */
.contact #main table.format01 th {
	width: 25%;
}

.contact #main .next-button {
	margin-top: 0;
	text-align: center;
}

.contact #main em {
	color: #ac0000;
	font-size: 85%;
	font-weight: bold;
}



/* faq
------------------------------------------------------------- */
.faq #main dl {
	margin-left: 20px;
}

.faq #main dl dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d4d9db;
}

.faq #main dl dt img {
	margin-right: 10px;
	vertical-align: middle;
}

.faq #main dl dt a {
	color: #ac0000 !important;
	vertical-align: middle;
}

.faq #main dl dd {
	position: relative;
	width: 590px; /* for IE6-Win */
	margin-bottom: 25px;
	padding: 17px 15px 15px 50px;
	background: #e6ecef;
}

.faq #main dl dd img {
	position: absolute;
	top: 15px;
	left: 15px;
}



/* flow
------------------------------------------------------------- */
.flow #main #steps {
}
.flow #main #steps li {
	padding-left: 73px;
	padding-bottom: 30px;
	background: url(../img/flow/steps-bg01.gif) repeat-y 26px 0;
}
.flow #main #steps li.last {
	background:none;
}
.flow #main #steps li * {
	position: relative;
	z-index: 10;
	margin-bottom: 30px;
}

.flow #main #steps li h2 {
	width: 600px;
	height: 77px;
	margin-bottom: -8px;
}

.flow #main #steps li.first-child h2 {
	height: 66px;
}

.flow #main #steps li h2 img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: -77px;
}

.flow #main .consult {
	position: relative;
	width: 670px;
	height: 268px;
	background: url(../img/common/consult-bg01.png) no-repeat 0 100%;
}

.flow #main .consult h3.tel {
	position: absolute;
	top: 77px;
	left: 23px;
}

.flow #main .consult h3.mail {
	position: absolute;
	top: 173px;
	left: 23px;
}

.flow #main .consult .nagoya {
	position: absolute;
	top: 109px;
	left: 23px;
}

.flow #main .consult .yokohama {
	position: absolute;
	top: 109px;
	left: 244px;
}

.flow #main .consult .nagano {
	position: absolute;
	top: 109px;
	left: 448px;
}

.flow #main .consult .form-button {
	position: absolute;
	top: 204px;
	left: 361px;
}

.flow #main .consult .txt01 {
	position: absolute;
	top: 140px;
	left: 23px;
}

.flow #main .consult .txt02 {
	position: absolute;
	top: 211px;
	left: 23px;
}

.flow #main .consult .txt03 {
	position: absolute;
	top: 235px;
	left: 23px;
}



/* service
------------------------------------------------------------- */
.service #main .lead {
	margin-bottom: 50px;
}

.service #main .lead .main-col {
	float: left;
	width: 395px;
}

.service #main .lead .main-col h2 {
	margin-bottom: 35px;
}

.service #main .lead .sub-col {
	float: right;
	width: 247px;
}



/* recruit
------------------------------------------------------------- */
.recruit #main .wrap2-1 .sub-col {
	text-align: right;
}

.recruit .license {
	width: 674px;
	padding-top: 5px;
 	background: #e6ecef url(../img/recruit/recruit-license-bg-top.gif) no-repeat;
}

.recruit .license div {
	padding-bottom: 5px;
 	background: #e6ecef url(../img/recruit/recruit-license-bg-bottom.gif) no-repeat 0 100%;
}

.recruit .license ul {
	padding: 10px 15px;
	border-left: 1px solid #d4d9db;
	border-right: 1px solid #d4d9db;
	zoom: 1;
}

.recruit .license ul li {
	float: left;
	width: 180px;
	padding-left: 30px;
 	background: #e6ecef url(../img/common/icon-dot-black.gif) no-repeat 20px 0.65em;
}



/* sitemap
------------------------------------------------------------- */
.sitemap #main .link-list li {
	float: left;
	width: 300px;
	margin-bottom: 15px;
	padding-left: 20px;
}

.sitemap #main .link-list a:link,
.sitemap #main .link-list a:visited {
	color: #221815;
}



/* font size
-------------------------------------------------------------

	10px = 77%
	11px = 85%
	12px = 93%
	
	13px = 100% (default)
	
	14px = 108%
	15px = 116%
	16px = 123.1%
	17px = 131%
	18px = 138.5%
	19px = 146.5%
	20px = 153.9%
	21px = 161.6%
	22px = 167%
	23px = 174%
	24px = 182%
	25px = 189%
	26px = 197%



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