@charset "utf-8";


/* ================================================================================

	Last Updated: 2009/12/10

	[INDEX]
	1. Common Format: 共通設定
		1.1 reset
		1.2 global
		1.3 header
		1.4 globalNav
		1.5 contents
			1.5.1 side
			1.5.2 main
				1.5.2.1 topicPath
				1.5.2.2 contactLink
				1.5.2.3 pagetop
		1.6 footer
	2. Directory Format: ディレクトリごとの共通設定
		2.1 [A0.0] top
			2.1.1 topContents
				2.1.1.1 main
				2.1.1.2 side
		2.2 [A1.0] concept
		2.3 [A2.0] leasing
		2.4 [A3.0] selling_buying
		2.5 [A4.0] management
		2.6 [A5.0] maintenance
		2.7 [A6.0] design
		2.8 [A7.0] consulting
		2.9 [A11.0] report
		2.10 [A8.0] company
		2.11 [A9.0] privacy
		2.12 [A10.0] sitemap
		2.13 [A12.0] contact
		2.99 [A99.0] error
	3. Other Styles: その他スタイル

================================================================================ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	1. Common Format

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ================================================================================

		1.1 reset

================================================================================ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
	font-weight: normal;
}

hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img, abbr, acronym, fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

ol li {
	margin: 0 0 0.5em 1.9em;
	list-style-type: decimal;
}

p {
	margin-bottom: 1em;
}


/* ================================================================================

		1.2 global

================================================================================ */

body, th, td {
	line-height: 1.4;
	color: #666;
	font-size: 12px;
	font-family: verdana, sans-serif;
}

body {
	text-align: center;
}

div#wrapper {
	margin: 0 auto;
	width: 780px;
	text-align: left;
}

a {
	text-decoration: underline;
	color: #938e83;
}

a:hover {
	color: #000000;
}


/* ================================================================================

		1.3 header

================================================================================ */

div#header {
	position: relative;
	margin-bottom: 36px;
	height: 95px;
}

div#header h1 {
	position: absolute;
	top: 34px;
	left: 0;
}

div#header ul#headerNav {
	display: inline-block;
	position: absolute;
	top: 59px;
	right: 0;
}
div#header ul#headerNav { display: block;	/* for opera*/ }
div#header ul#headerNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#header ul#headerNav li {
	float: left;
	margin-left: 17px;
}

div#header div#englishBtn {
	position: absolute;
	top: 18px;
	right: 2px;
}


/* ================================================================================

		1.4 globalNav

================================================================================ */

ul#globalNav {
	position: relative;
	height: 41px;
	margin-bottom: 35px;
	background: url(../images/globalNav_line.gif) no-repeat left top;
}

ul#globalNav li {
	position: absolute;
	top: 0;
	font-size: 0.1em;
}

ul#globalNav li.ls {
	left: 0;
	width: 85px;
}

ul#globalNav li.sb {
	left: 84px;
	width: 110px;
}

ul#globalNav li.mo {
	left: 193px;
	width: 153px;
}

ul#globalNav li.mr {
	left: 345px;
	width: 159px;
}

ul#globalNav li.dp {
	left: 503px;
	width: 120px;
}

ul#globalNav li.ac {
	left: 622px;
	width: 158px;
}


/* ================================================================================

		1.5 contents

================================================================================ */

div#contents {
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
}
div#contents { display: block;	/* for opera*/ }
div#contents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


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

		1.5.1 side

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

div#contents div#side {
	float: left;
	width: 200px;
}


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

		1.5.2 main

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

div#contents div#main {
	float: right;
	width: 530px;

}

div#contents p.content {
	line-height: 2;
}


/*		1.5.2.1 topicPath
-------------------------------------------------------------------------------- */

div#contents ul#topicPath {
	display: inline-block;
	margin-bottom: 30px;
}
div#contents ul#topicPath { display: block;	/* for opera*/ }
div#contents ul#topicPath:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contents ul#topicPath li {
	float: left;
	margin-right: 0.8em;
	color: #b6b6b6;
	font-size: 10px;
}

div#contents ul#topicPath li a {
	margin-right: 0.8em;
	color: #b6b6b6;
	text-decoration: none;
}

div#contents ul#topicPath li a:hover {
	text-decoration: underline;
}


/*		1.5.2.2 contactLink
-------------------------------------------------------------------------------- */

div#contents div.contactLink {
	margin-top: 3em;
}


/*		1.5.2.3 pagetop
-------------------------------------------------------------------------------- */

div#contents div.pagetop {
	padding-top: 40px;
	text-align: right;
}



/* ================================================================================

		1.6 footer

================================================================================ */

div#footer {
	position: relative;
	height: 40px;
}

div#footer ul#footerNav {
	display: inline-block;
}
div#contents ul#footerNav { display: block;	/* for opera*/ }
div#contents ul#footerNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer ul#footerNav li {
	float: left;
	width: 11px;
	height: 11px;
	overflow: hidden;
	font-size: 0.1em;
}

div#footer ul#footerNav li.on {
	position: relative;
	top: -11px;
	width: 22px;
	height: 22px;
}

div#footer div.footerPrivacy {
	position: absolute;
	top: 0;
	right: 234px;
	background: url(../images/footerPrivacy_bline.gif) repeat-y center right;
	padding-right: 13px;
	width: 89px;
	height: 13px;
}

div#footer address {
	position: absolute;
	top: 0;
	right: 0;
	width: 222px;
	height: 13px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	2. Directory Format

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ================================================================================

		2.1 [A0.0] top

================================================================================ */


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

		2.1.1 topContents

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

div#topContents {
	margin-bottom: 43px;
}

div#topContents div#flashArea {
	margin-bottom: 41px;
}

div#topContents div#message img {
	margin-bottom: 8px;
}

div#topContents div#message div.concept_btn {
	text-align: right;
}



/* ================================================================================

		2.2 [A1.0] concept

================================================================================ */

div#concept h3.conceptTxt {
	margin-bottom: 30px;
}

div#concept div.logo {
	margin-bottom: 30px;
	text-align: center;
}

div#concept h3 {
	margin-bottom: 15px;
}

div#concept blockquote {
	margin-bottom: 1em;
	border-left: 1px solid #d1d1d1;
	padding-left: 15px;
	line-height: 1.8;
}

div#concept blockquote dl dt {
	font-weight: bold;
}

div#concept div.color {
	display: inline-block;
	margin-bottom: 6px;
	width: 100%;
}
div#concept div.color { display: block;	/* for opera*/ }
div#concept div.color:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#concept div.color div.thumb {
	float: left;
	padding-top: 2px;
	width: 25px;
}
div#concept div.color div.account {
	float: right;
	width: 490px;
}

div#concept div.color.last {
	margin-bottom: 30px;
}

div#concept div#side h2 {
	margin-bottom: 10px;
}



/* ================================================================================

		2.3 [A2.0] leasing

================================================================================ */

div#leasing h3 {
	margin-bottom: 30px;
}

div#leasing div.photo {
	margin-bottom: 30px;
}

div#leasing p#attention {
	padding-left: 1em;
	font-size: 10px;
	text-indent: -1em;
}



/* ================================================================================

		2.4 [A3.0] selling_buying

================================================================================ */

div#selling_buying h3 {
	margin-bottom: 30px;
}

div#selling_buying div.photo {
	margin-bottom: 30px;
}

div#selling_buying p#attention {
	padding-left: 1em;
	font-size: 10px;
	text-indent: -1em;
}



/* ================================================================================

		2.5 [A4.0] management

================================================================================ */

div#management h3 {
	margin-bottom: 30px;
}

div#management p.content.last {
	margin-bottom: 40px;
}

div#management h4.menu_ttl {
	margin-bottom: 25px;
	border-bottom: 1px solid #c7973d;
	padding-bottom: 9px;
}

div#management div.menu_detail {
	margin-bottom: 30px;
}

div#management div.menu_detail h4 {
	margin-bottom: 15px;
}

div#management div.menu_detail p {
	line-height: 1.7;
}

div#management div.menu_detail p.attention {
	margin-bottom: 25px;
	font-size: 10px;
}
div#management div.menu_detail p.attention.last {
	margin-bottom: 0;
}

div#management h5 {
	border-left: 4px solid #c7973d;
	margin-bottom: 15px;
}
div#management h5 span {
	padding-left: 8px;
}

div#management div.explanation {
	margin-bottom: 1em;
	font-size: 10px;
}

div#management div.explanation img {
	margin-right: 5px;
	vertical-align: bottom;
}

div#management div.workList_outer {
	background: #fdfaf2;
	padding: 18px;
	border: 1px solid #c7973d;
}

div#management div.workList_outer h5 {
	margin-bottom: 0.5em;
	border-left: none;
	padding-left: 0;
	color: #c7973d;
}

div#management ul.workList {
	margin-bottom: 20px;
}
div#management ul.workList.last {
	margin-bottom: 0;
}

div#management ul.workList li {
	margin-left: 1.6em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}

div#management ul.workList li span.plusa {
	background: url(../../management/images/management_plusa_icon.gif) no-repeat right center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	width: 15px;
	height: 15px;
}



/* ================================================================================

		2.6 [A5.0] maintenance

================================================================================ */

div#maintenance h3 {
	margin-bottom: 30px;
}

div#maintenance p.content.last {
	margin-bottom: 40px;
}

div#maintenance h4.menu_ttl {
	margin-bottom: 25px;
	border-bottom: 1px solid #9d9d54;
	padding-bottom: 9px;
}

div#maintenance div.menu_detail {
	margin-bottom: 30px;
}

div#maintenance div.menu_detail h4 {
	margin-bottom: 15px;
}

div#maintenance div.menu_detail p {
	line-height: 1.7;
}

div#maintenance h5 {
	border-left: 4px solid #9d9d54;
	margin-bottom: 15px;
}
div#maintenance h5 span {
	padding-left: 8px;
}

div#maintenance div.explanation {
	text-align: right;
	font-size: 10px;
}

div#maintenance table {
	margin-bottom: 20px;
	width: 100%;
}

div#maintenance table thead th,
div#maintenance table tbody td {
	padding-top: 3px;
	padding-bottom: 3px;
}

div#maintenance table thead th {
	text-align: center;
}

div#maintenance table thead tr {
	background: #e1e1bf;
}

div#maintenance table tbody td {
	border-bottom: 1px solid #cdcc9e;
}
div#maintenance th.head2,
div#maintenance th.time,
div#maintenance td.head2,
div#maintenance td.time {
	border-left: 1px solid #cdcc9e;
}

div#maintenance tbody td.head2,
div#maintenance tbody td.time {
	padding-left: 10px;
	padding-right: 10px;
}

div#maintenance dl dt {
	margin-bottom: 0.5em;
}

div#maintenance dl dd ul li {
	margin-left: 1.6em;
	margin-bottom: 0.3em;
	list-style-type: disc;
	font-size: 10px;
}



/* ================================================================================

		2.7 [A6.0] design

================================================================================ */

div#design h3 {
	margin-bottom: 30px;
}

div#design p.content.last {
	margin-bottom: 40px;
}

div#design h4 {
	border-left: 4px solid #7cc9d0;
	margin-bottom: 15px;
}
div#design h4 span {
	padding-left: 8px;
}

div#design div.targetList_outer,
div#design div.workList_outer {
	background: #f6fafb;
	padding: 18px;
	border: 1px solid #7cc9d0;
}

div#design div.targetList_outer {
	margin-bottom: 30px;
}

div#design ul.targetList li,
div#design ul.workList li {
	margin-left: 1.6em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}



/* ================================================================================

		2.8 [A7.0] consulting

================================================================================ */

div#consulting h3 {
	margin-bottom: 30px;
}

div#consulting p.content.last {
	margin-bottom: 40px;
}

div#consulting h4.menu_ttl {
	margin-bottom: 15px;
	border-bottom: 1px solid #4a4548;
	padding-bottom: 9px;
}

div#consulting div.workList_outer {
	display: inline-block;
	margin-bottom: 20px;
}
div#consulting div.workList_outer { display: block;	/* for opera*/ }
div#consulting div.workList_outer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#consulting div.workList_outer.last {
	padding-bottom: 20px;
}

div#consulting div.workList_outer li {
	margin-left: 1.6em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}

div#consulting div.workList_outer ul {
	float: left;
	width: 200px;
}

div#consulting div.workList_outer div.arrow {
	float: left;
	background: url(../../consulting/images/arrow.gif) no-repeat center center;
	width: 45px;
	height: 80px;
}

div#consulting div.workList_outer div.solution {
	float: left;
	background: #f3f0f2;
	width: 130px;
	height: 80px;
	text-align: center;
}

div#consulting div.workList_outer div.solution div.solution_inner {
	margin-top: 30px;
}

div#consulting div.workList_outer div.solution_detail {
	float: right;
	width: 145px;
}

div#consulting div.workList_outer div.solution_detail dt {
	margin-bottom: 0.3em;
}

div#consulting div.workList_outer div.solution_detail ul {
	width: 145px;
}

div#consulting div.workList_outer div.solution_detail li {
	margin-bottom: 0.3em;
	font-size: 10px;
}



/* ================================================================================

		2.9 [A11.0] report

================================================================================ */

div#report div#side h2 {
	margin-bottom: 30px;
}

div#report div#side h3 {
	margin-bottom: 10px;
}

div#report div#side ul li {
	margin-bottom: 0.5em;
}

div#report h2.error {
	margin-bottom: 20px;
}

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

		2.9.1 reportList

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

div#report div.reportList {
	position: relative;
	margin-bottom: 10px;
	background: url(../images/bline.gif) repeat-x bottom left;
	padding-bottom: 10px;
}

div#report div.reportList h2 {
	margin-right: 80px;
	margin-bottom: 0.5em;
}

div#report div.reportList h2 a {
	color: #666;
	font-size: 14px;
	text-decoration: none;
}

div#report div.reportList h2 a:hover {
	text-decoration: underline;
}

div#report div.reportList small {
	position: absolute;
	top: 2px;
	right: 0;
}

div#report div.reportList div.reportLead { display: inline-block;}
div#report div.reportList div.reportLead { display: block;	/* for opera*/ }
div#report div.reportList div.reportLead:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#report div.reportList div.reportLead div.thumb {
	float: left;
	width: 110px;
}

div#report div.reportList div.reportLead div.txt {
	float: right;
	width: 400px;
}

div#report div.reportList div.more {
	text-align: right;
}

div#report div.pager { display: inline-block;}
div#report div.pager { display: block;	/* for opera*/ }
div#report div.pager:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#report div.pager div.prev {
	float: left;
	padding-right: 15px;
	width: 250px;
	text-align: right;
}

div#report div.pager div.next {
	float: right;
	padding-left: 15px;
	width: 250px;
}



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

		2.9.2 reportDetail

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

div#report div.reportDetail h2 {
	margin-bottom: 25px;
	font-size: 16px;
}

div#report div.reportWrapper {
	display: inline-block;
	margin-bottom: 40px;
}
div#report div.reportWrapper { display: block;	/* for opera*/ }
div#report div.reportWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#report div.reportWrapper div.txt {
	float: left;
	width: 260px;
	line-height: 1.8;
}

div#report div.reportWrapper div.gallery {
	float: right;
	width: 240px;
}

div#report div.reportWrapper div.photo {
	margin-bottom: 10px;
	font-size: 10px;
}

div#report div.reportWrapper div.spec {
	margin-bottom: 30px;
}

div#report div.reportWrapper div.spec span.square {
	color: #dddbc0;
}

div#report div.reportDetail table.outline {
	margin-bottom: 10px;
	border-top: 1px solid #dddbc0;
	width: 100%;
}

div#report div.reportDetail table th,
div#report div.reportDetail table td {
	padding: 10px;
}

div#report div.reportDetail table th {
	border-bottom: 1px solid #dddbc0;
	background: #f0efdf;
}

div#report div.reportDetail table td {
	border-bottom: 1px solid #dddbc0;
}

div#report div.reportDetail div.date {
	text-align: right;
}



/* ================================================================================

		2.10 [A8.0] company

================================================================================ */

div#company table {
	width: 100%;
}

div#company table th,
div#company table td {
	padding: 12px 10px;
}

div#company table th {
	background: url(../images/line.gif) repeat-x left bottom;
	width: 25%;
}

div#company table td {
	background: url(../images/bline.gif) repeat-x left bottom;
	width: 75%;
}

div#company div#side h2 {
	margin-bottom: 10px;
}

div#company div.access p.googleMapLink {
	text-align: right;
}



/* ================================================================================

		2.11 [A9.0] privacy

================================================================================ */

div#privacy h3 {
	margin-bottom: 30px;
}

div#privacy ol li.heading {
	margin-bottom: 2em;
}

div#privacy ol li ul.uncodedList li {
	list-style-type: none;
	margin-left: 0;
}

div#privacy ol li ul.uncodedList {
	margin-bottom: 1.5em;
}

div#privacy p.content {
	margin-bottom: 25px;
}

div#privacy ol li h4 {
	margin-bottom: 0.5em;
}

div#privacy ol li p {
	line-height: 1.7;
}

div#privacy ol li h5 {
	margin-bottom: 0.5em;
}

div#privacy div.contact {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	padding: 10px;
}

div#privacy div.contact ul li {
	list-style-type: disc;
}

div#privacy div.date {
	text-align: right;
}



/* ================================================================================

		2.12 [A10.0] sitemap

================================================================================ */

div#sitemap ul.sitemap li {
	padding-top: 12px;
	padding-bottom: 12px;
}

div#sitemap ul.sitemap li ul li {
	background: url(../images/bline.gif) repeat-x left bottom;
	padding-left: 90px;
}

div#sitemap ul.sitemap li ul {
	margin-top: 1.5em;
	background: url(../images/bline.gif) repeat-x left top;
}

div#sitemap ul.sitemap li ul li ul {
	margin-top: 0;
	background: none;
}

div#sitemap ul.sitemap li ul li ul li {
	background: none;
	padding-left: 70px;
}



/* ================================================================================

		2.13 [A12.0] contact

================================================================================ */

div#contact div.error {
	border: 2px solid #f30;
	background: #ffe;
	padding: 1em;
}

div#contact div.error p {
	margin: 0;
	color: #f30;
}

div#contact table {
	margin: 10px 0 20px 0;
	width: 100%;
}

div#contact table th,
div#contact table td {
	padding: 16px 10px;
}

div#contact table th {
	background: url(../images/line.gif) repeat-x left bottom;
	width: 35%;
}

div#contact table td {
	background: url(../images/bline.gif) repeat-x left bottom;
	width: 65%;
}

div#contact table td input.inputArea {
	width: 200px;
	margin-right: 10px;
}

div#contact table td select.selectArea,
div#contact table td input.inputArea2 {
	width: 200px;
}

div#contact table td dl {
	display: inline-block;

}
div#contact table td dl  { display: block;	/* for opera*/ }
div#contact table td dl :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contact table td dl dt,
div#contact table td dl dd {
	line-height: 1.2;
}

div#contact table td dl dt {
	float: left;
}

div#contact table td dl dd {
	margin-left: 6em;
}

div#contact table td input.checkBox {
	margin-right: 5px;
}

div#contact table td ul.errorComment {
	margin: 0.5em 0 0 0;
	color: #f30;
}

div#contact table td ul.errorComment span {
	background: #fe9;
}


div#contact dl.privacy dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}

div#contact div.submitArea {
	margin-top: 20px;
	text-align: center;
}

div#contact div.submitArea input {
	width: 10em;
	height: 2em;
}

div#contact div.submitArea div.submitAreaInner {
	display: inline-block;
	margin: 0 auto;
	width: 23em;
}
div#contact div.submitArea div.submitAreaInner { display: block;	/* for opera*/ }
div#contact div.submitArea div.submitAreaInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#contact div.submitArea.check div.submitAreaInner form.back {
/*	display: inline; */
	float: left;
}
div#contact div.submitArea.check div.submitAreaInner form.submit {
	float: right;
}

div#contact p.last {
	margin-bottom: 5em;
}


/* ================================================================================

		2.99 [A99.0] error

================================================================================ */

div#contents div#error h3 {
	margin-bottom: 1em;
	font-weight: bold;
}

div#contents div#error p.last {
	margin: 3em 0 5em 0;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	3. Other Styles

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.clearfix {
	display: inline-block;
}
.clearfix { display: block;	/* for opera*/ }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }