﻿/* ===== Contents Area ===== */

#main-box {
	float: left;
	width: 770px;
	margin-top: 0px;
}



/* ===== Main Box Area ===== */

.main-area {
	width: 770px;
	text-align: left;
	margin-top: 25px;
}

.main-area-first {
	margin-top: 15px;
}

.main-area .space,
.main-area-first .space {
	width: 770px;
	text-align: left;
	margin-top: 10px;
}

.main-area .space-left {
	float: left;
	width: 170px;
	text-align: left;
}

.main-area .space-right {
	float: left;
	width: 335px;
	text-align: left;
}

.main-area p,
.main-area-first p {
	margin-top: 15px;
	color: #414141;
	font-size: 75%;
	line-height: 160%;
}

.main-area p.first,
.main-area-first p.first {
	margin-top: 8px;
}

.main-area p span,
.main-area-first p span {
	color: #ee6f07;
}

.main-area p a:link,
.main-area p a:visited,
.main-area-first p a:link,
.main-area-first p a:visited {
	color: #476fc9;
}

.main-area p a:active,
.main-area p a:hover,
.main-area-first p a:active,
.main-area-first p a:hover {
	color: #476fc9;
	text-decoration: underline;
}


.main-area img.photo-left,
.main-area-first img.photo-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.main-area img.photo-left2,
.main-area-first img.photo-left2 {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.main-area h3,
.main-area-first h3 {
	margin-top: 25px;
	color: #ee6f07;
	font-size: 85%;
	line-height: 150%;
}

.main-area h3.first,
.main-area-first h3.first {
	margin-top: 5px;
}

.main-area h4,
.main-area-first h4 {
	margin-top: 25px;
	color: #ee6f07;
	font-size: 85%;
	line-height: 150%;
}

.main-area h4.first,
.main-area-first h4.first {
	margin-top: 5px;
}

.main-area ul {
	margin-top: 15px;
	color: #414141;
	font-size: 75%;
	line-height: 160%;
	list-style-type: decimal;
}

.main-area ul span {
	color: #ee6f07;
}

.main-area img.button {
	float: right;
	margin-top: 5px;
}



/* ===== After Follow ===== */

.main-area-first .space-after-left,
.main-area .space-after-left {
	float: left;
	margin-right: 10px;
	width: 200px;
	text-align: left;
}

.main-area-first .space-after-right,
.main-area .space-after-right {
	float: left;
	width: 550px;
	text-align: left;
}



/* ===== Company ===== */

table.table-company {
	margin-top: 10px;
	width: 770px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: dashed;
	border-color: #999999;
	border-width: 0 0 1px 0;
	color: #414141;
	font-size: 75%;
	line-height: 150%;
}

table.table-company th {
	padding: 5px 10px 5px 10px;
	width: 80px;
	vertical-align: top;
	text-align: left;
	border-style: dashed;
	border-color: #999999;
	border-width: 0 0 1px 0;
	color: #ee6f07;
}

table.table-company td {
	padding: 5px 5px 5px 5px;
	width: 660px;
	vertical-align: top;
	text-align: left;
	border-style: dashed;
	border-color: #999999;
	border-width: 0 0 1px 0;
}

table.table-company a:link,
table.table-company a:visited {
	color: #476fc9;
}

table.table-company a:active,
table.table-company a:hover {
	color: #476fc9;
}



/* ===== Flow ===== */

table.table-flow {
	width: 770px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

table.table-flow td.long {
	width: 770px;
	vertical-align: top;
	text-align: left;

	border-spacing: 0;
	border-width: 0;
}

table.table-flow td.left {
	width: 315px;
	vertical-align: top;
	text-align: left;

	border-spacing: 0;
	border-width: 0;
}

table.table-flow td.center {
	width: 135px;
	vertical-align: top;
	text-align: left;

	border-spacing: 0;
	border-width: 0;
}

table.table-flow td.right {
	width: 320px;
	vertical-align: top;
	text-align: left;
}



/* ===== Sitemap ===== */

.main-area-first .space-sitemap-left,
.main-area .space-sitemap-left {
	float: left;
	margin-left: 10px;
	width: 375px;
	text-align: left;
}

.main-area-first .space-sitemap-left a:link,
.main-area-first .space-sitemap-left a:visited,
.main-area .space-sitemap-left a:link,
.main-area .space-sitemap-left a:visited {
	color: #414141;
}

.main-area-first .space-sitemap-left a:active,
.main-area-first .space-sitemap-left a:hover,
.main-area .space-sitemap-left a:active,
.main-area .space-sitemap-left a:hover {
	color: #414141;
	text-decoration: underline;
}

.main-area-first .space-sitemap-right,
.main-area .space-sitemap-right {
	float: left;
	width: 375px;
	text-align: left;
}

.main-area-first .space-sitemap-right a:link,
.main-area-first .space-sitemap-right a:visited,
.main-area .space-sitemap-right a:link,
.main-area .space-sitemap-right a:visited {
	color: #414141;
}

.main-area-first .space-sitemap-right a:active,
.main-area-first .space-sitemap-right a:hover,
.main-area .space-sitemap-right a:active,
.main-area .space-sitemap-right a:hover {
	color: #414141;
	text-decoration: underline;
}



/* ===== Result ===== */

.result-list {
	width: 770px;
	margin-bottom: 10px;
	text-align: left;
}

.result-list table {
	width: 770px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

.result-list table td.left {
	width: 175px;
	vertical-align: top;
	text-align: left;

	border-spacing: 0;
	border-width: 0;
}

.result-list table td.right {
	width: 595px;
	vertical-align: top;
	text-align: left;

	border-spacing: 0;
	border-width: 0;
}

.result-list table p.orange a:link,
.result-list table p.orange a:visited {
	color: #ee6f07;
	font-weight: bold;
}

.result-list table p.orange a:active,
.result-list table p.orange a:hover {
	color: #ee6f07;
	text-decoration: underline;
	font-weight: bold;
}





.result-detail {
	width: 770px;
	text-align: left;
}

.result-detail table {
	width: 270px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

.result-detail table td {
	width: 285px;
	vertical-align: top;
	text-align: left;

	border-spacing: 0;
	border-width: 0;
}

.result-detail table p.orange {
	color: #ee6f07;
}

.result-detail-under {
	width: 770px;
	text-align: center;
}



/* ===== Cotact ===== */

table.table-contact {
	margin-top: 10px;
	width: 770px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: dashed;
	border-color: #999999;
	border-width: 0 0 1px 0;
	color: #414141;
	font-size: 75%;
	line-height: 150%;
}

table.table-contact th {
	padding: 5px 10px 5px 10px;
	width: 120px;
	vertical-align: top;
	text-align: left;
	border-style: dashed;
	border-color: #999999;
	border-width: 0 0 1px 0;
	color: #ee6f07;
}

table.table-contact td {
	padding: 5px 5px 5px 5px;
	width: 620px;
	vertical-align: top;
	text-align: left;
	border-style: dashed;
	border-color: #999999;
	border-width: 0 0 1px 0;
}
