@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
	00 H1,H2,H3
	01 basic     list,navi.font,color,image
	02 lease, dealing list
	03 lease, dealing detail
	04 inquiry
	05 privacy
	06 owner
	07 company
	08 tenant
	09 insurance
	10 link
	11 staff
	12 blog
	13 favorite
	14 tv
----------------------------------------------------------- */

/* -----------------------------------------------------------
 =00 H1,H2,H3     fontsize=default.css
----------------------------------------------------------- */
h1 {} /* base.css #headerLogo */

h2 {}
	
	h2.h2page {
		margin-bottom:20px;
		}

h3 {}

h4 {}

	h4.h4normal {
		margin-bottom:10px;
		font-weight:normal;
		}
		
h5 {}
	h5.h5normal {
		margin-bottom:10px;
		font-weight:normal;
		}

/* -----------------------------------------------------------
 =01 basic
----------------------------------------------------------- */
strong.normal {
	font-weight:normal;
	}

strong{
	color:#FF3333;
	font-weight:normal;
	}
	
p.note {
	margin-bottom:15px;
	line-height:1.4;
	}

table td.nowrap {
	white-space:nowrap;
	}

/* -----------------------------------------------------------
 =02 lease, dealing list
----------------------------------------------------------- */
table.tblSearch {
	width:100%;
	margin:3px 0 20px;
	}

	table.tblSearch th {
		padding:18px 12px 17px;
		border:1px solid #ccc;
		line-height:1.2;
		text-align:center;
		vertical-align:middle;
		white-space:nowrap;
		}

		table.bgLease th {
			background-color:#D2E9F8;
			}

		/* dealing --------------- */
		table.bgDealing th {
			background-color:#FDDCD7;
			}

	table.tblSearch td {
		padding:18px 12px 17px;
		border:1px solid #ccc;
		vertical-align:middle;
		}

		table.tblSearch td img {
			margin-bottom:5px;
			width:auto;
			height:15px;
			}

	/* search page navi --------------- */
	p.searchNavi {
		text-align:center;
		margin-bottom:20px;
		}
	
		span.prev {
			margin-right:50px;
			}
	
		span.next {
			margin-left:50px;
			}

	/* searchNavi link color --------------- */
	p.searchNavi a:link {
		color:#076BBE;
		text-decoration:underline;
		}

	p.searchNavi a:visited {
		color:#076BBE;
		text-decoration:underline;
		}

	p.searchNavi a:hover {
		color:#076BBE;
		text-decoration:none;
		}

/* lease list --------------- */
table.tblSearch p.imgList {
	float:left;
	width:70px;
	padding-right:15px;
	}

table.tblSearch div.txt {
	overflow:auto;
	zoom:1;
	}

/* -----------------------------------------------------------
 =03 lease, dealing detail
----------------------------------------------------------- */
.areaMainSub {
	width:882px;
	text-align:left;
	}

.areaHousingName {
	width:882px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}

	.areaHousingName h3 {
		float:left;
		width:542px;
		font-size:108%;
		}

	.housingPrice {
		float:right;
		width:300px;
		padding:0 20px 18px 0;
		font-weight:bold;
		font-size:108%;
		text-align:right;
		}

	.housingCopy {
		float:left;
		width:560px;
		color:#0099FF;
		font-weight:bold;
		font-size:138%;
		}

	.areaAddition {
		position:relative;
		float:right;
		width:302px;
		padding-bottom:8px;
		text-align:right;
		}

		.areaAddition .notice {
			display:none;
			position:absolute;
			top:-2px;
			right:147px;
			}
	
	/* photo main --------------- */
	.areaPhoto {
		float:left;
		width:480px;
		padding-right:10px;
		}
	
		.areaPhoto p img {
			margin-bottom:12px;
			}
	
	.areaInfo {
		float:left;
		width:390px;
		}

		/* thumbnail --------------- */
		ul.thumbnail {
			width:390px;
			margin-bottom:20px;
			}
		
			ul.thumbnail li {
				display:inline;
				margin:0;
				padding-left:18px;
				}
			
			ul.thumbnail li img {
				vertical-align:top;
				}
				
		/* feature --------------- */
		.areaFeature {
			width:390px;
			}

			.areaFeatureSubL {
				float:left;
				width:212px;
				padding-left:18px;
				}
	
				ul.feature {
					width:202px;
					margin-bottom:10px;
					}
				
					ul.feature li {
						display:inline;
						margin:0;
						padding-right:5px;
						}
					
					ul.feature li img {
						vertical-align:top;
						}

			/* sns --------------- */
			ul.icSns {
				width:170px;
				}
		
			ul.icSns li {
				display:inline;
				width:80px;
				margin:0 5px 0 0;
				}
						
			/* movie --------------- */
			.areaFeatureSubR {
				float:right;
				width:160px;
				background-color:#E1E3E7;
				padding-bottom:22px;
				}				

/* detail02 --------------- */
.areaDetail {
	float:left;
	width:557px;
	padding-right:25px;
	}

	/* detail list --------------- */
	table.tblDetail {
		width:100%;
		margin-bottom:33px;
		line-height:1.4;
		}
	
		table.tblDetail th {
			padding:8px 10px;
			border:1px solid #CCCCCC;
			background-color:#EDEDED;
			vertical-align:top;
			white-space:nowrap;
			}
	
		table.tblDetail td {
			padding:8px 14px;
			border:1px solid #CCCCCC;
			}

		table.wdLease th {
			width:19%;
			}
	
		table.wdLease td {
			width:31%;
			}

		table.wdDealing th {
			width:18%;
			}
	
		table.wdDealing td {
			width:82%;
			}

	/* point --------------- */
	.areaPoint {
		position:relative;
		width:549px;
		margin-bottom:30px;
		border:4px solid #FC0;
		}
	
		.areaPoint h4 {
			position:absolute;
			top:-13px;
			left:11px;
			}
	
		.areaPoint p.txt {
			float:left;
			width:453px;
			padding:24px 10px 18px 15px;
			}
	
		.areaPoint p img {
			float:right;
			width:59px;
			padding:11px 12px 11px 0;
			}

	/* map --------------- */
	.areaMap {
		float:left;
		width:300px;
		text-align:center;
		}

/* inquiry btn --------------- */
.areaInquryBtn {
	width:100%;
	margin:0 auto 15px;
	padding-bottom:30px;
	border-bottom:1px solid #CCCCCC;
	text-align:center;
	}

/* pick up --------------- */
.areaPickUp {
	width:100%;
	margin-bottom:15px;
	padding-bottom:30px;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	}

	p.btnPickUp{
		float:left;
		width:16px;
		}

	table.listPickUp {
		float:left;
		width:810px;
		margin:0 20px;
		line-height:1.4;
		}
	
		table.listPickUp th {
			width:90px;
			padding:0 30px 12px 0;
			}
	
		table.listPickUp td {
			padding-right:30px;
			}

		table.listPickUp th.end,table.listPickUp td.end {
			padding-right:0;
			}

/* pick up list --------------- */
ul.listPickUp {
	width:882px;
	line-height:1.4;
	}

	ul.listPickUp li {
		float:left;
		width:90px;
		padding-right:30px;
		}

	ul.listPickUp li dt {
		margin-bottom:12px;
		}

/* -----------------------------------------------------------
 =04 inquiry
----------------------------------------------------------- */
table.tblInquiry {
	width:100%;
	margin-bottom:30px;
	border-top:1px solid #CCCCCC;
	}

	table.tblInquiry th {
		width:28%;
		padding:14px 12px;
		border-bottom:1px solid #CCCCCC;
		background-color:#FEFDC6;
		font-weight:normal;
		vertical-align:top;
		white-space:nowrap;
		}

	table.tblInquiry td {
		width:72%;
		padding:12px 0 12px 30px;
		border-bottom:1px solid #CCCCCC;
		}

/* -----------------------------------------------------------
 =05 privacy
----------------------------------------------------------- */
ol.privacy {
	margin-bottom:40px;
	padding-left:20px;
	}
	
	ol.privacy li {
		margin-bottom:40px;
		}
	
		ol.privacy ul {
			padding-left:20px;
			}

			ol.privacy li li {
				margin-bottom:0;
				padding-left:8px;
				background:url(../img/ic_dot.gif) no-repeat 0 8px;
				}

/* -----------------------------------------------------------
 =06 owner
----------------------------------------------------------- */
.areaInquiry {
	width:525px;
	margin-bottom:35px;
	padding:10px 42px;
	border:6px solid #FFAEBC;
	}

	.areaInquiry li {
		float:left;
		padding:13px 54px 11px 0;
		border-right:1px solid #CCC;
		}

		.areaInquiry li.end {
			padding:13px 0 11px 54px;
			border-right:none;
			}

ul.naviOwner {
	width:621px;
	margin-bottom:35px;
	}

	ul.naviOwner li {
		display:inline;
		margin:0;
		padding-right:13px;
		}

		ul.naviOwner li.end {
			padding-right:0;
			}
	
	ul.feature li img {
		vertical-align:top;
		}

/* owner lease --------------- */
p.imgR {
	float:right;
	padding-left:25px;
	}

div.areaA {
	padding:15px 25px 25px 15px;
	background-color:#FFFFCC;
	}

	p.icA {
		margin-bottom:15px;
		padding-left:24px;
		background:url(../../owner/img/ic_qa_a.gif) no-repeat 0 center;
		color:#FF3300;
		font-weight:bold;
		}

dl.qa {
	width:587px;
	background-color:#FFFFCC;
	margin-bottom:15px;
	padding:15px 15px 13px;
	}

	dl.qa dt {
		margin-bottom:5px;
		}

	dl.qa dd {
		}

dl.qaSub dt {
	margin-bottom:2px;
	font-weight:bold;
	}

dl.qaSub dd {
	margin-bottom:15px;
	}

table.tblQa {
	width:100%;
	margin-bottom:15px;
	}

	table.tblQa th {
		padding:0 20px;
		border:1px solid #CCCCCC;
		background-color:#F2F2F2;
		font-weight:normal;
		text-align:center;
		white-space:nowrap;
		}
	
	table.tblQa td {
		padding:10px;
		border:1px solid #CCCCCC;
		background-color:#FFFFFF;
		}

		table.tblQa td.detail01 {
			width:22%;
			white-space:nowrap;
			}

		table.tblQa td.detail02 {
			width:56%;
			}

/* owner dealing --------------- */
table.tblFlow {
	width:100%;
	}

	table.tblFlow th {
		width:15px;
		padding:6px 10px 4px;
		border-right:2px solid #FFF;
		background-color:#E0F0B2;
		font-size:116%;
		}

	table.tblFlow td {
		width:96%;
		padding:7px 8px 5px 8px;
		background-color:#E0F0B2;
		}

	table.tblFlow td.list {
		padding:12px 8px 15px 40px;
		background-color:#FFFFFF;
		}

		table.tblFlow td.list li {
			padding-left:10px;
			background:url(../img/ic_dot.gif) no-repeat 0 center;
			}

/* -----------------------------------------------------------
 =07 company
----------------------------------------------------------- */
table.tblCompany {
	width:100%;
	margin-bottom:15px;
	}

	table.tblCompany th {
		width:22%;
		padding:14px 0 12px 12px;
		border-bottom:1px solid #CCCCCC;
		font-weight:normal;
		vertical-align:top;
		white-space:nowrap;
		}
	
	table.tblCompany td {
		width:78%;
		padding:12px 30px;
		border-bottom:1px solid #CCCCCC;
		}

		table.tblCompany th.end,table.tblCompany td.end {
			border-bottom:none;
			}

		table.tblCompany td dd {
			margin-bottom:25px;
			}

			table.tblCompany td dd.end {
				margin-bottom:0;
				}

div.areaMapCompany {
	width:621px;
	height:489px;
	margin-bottom:40px;
	text-align:left;
	}

/* -----------------------------------------------------------
 =08 tenant
----------------------------------------------------------- */
/* flow --------------- */
.bgFlowOut {
	width:621px;
	margin-top:15px;
	margin-bottom:5px;
	padding-top:20px;
	background:url(../../tenant/img/bg_flow_top.gif) no-repeat center top;
	}

.bgFlowIn {
	width:621px;
	padding-bottom:18px;
	background:url(../../tenant/img/bg_flow_btm.gif) no-repeat center bottom;
	}

	.bgFlowIn h4 {
		margin-bottom:7px;
		padding-left:15px;
		color:#FF6699;
		font-weight:normal;
		}

	.bgFlowIn p,.bgFlowIn dl {
		padding-left:15px;
		}
	
/* service --------------- */
ul.listService {
	width:621px;
	margin-bottom:35px;
	}

	ul.listService li {
		padding:15px 0 15px 15px;
		border-bottom:1px solid #CCC;
		}

		ul.listService li.end {
			border-bottom:none;
			}
	
		ul.listService dl {
			float:left;
			width:506px;
			}
		
			ul.listService dt {
				margin-top:10px;
				margin-bottom:10px;
				padding-left:10px;
				background:url(../../tenant/img/ic_tenant.gif) no-repeat 0 center;
				color:#FF3333;
				}
			
		ul.listService p {
			float:left;
			width:100px;
			}
		
/* -----------------------------------------------------------
 =09 insurance
----------------------------------------------------------- */
/* insurance banner --------------- */
ul.bnInsurance {
	width:412px;
	margin-bottom:25px;
	}

	ul.bnInsurance li {
		display:inline;
		margin:0;
		padding-right:10px;
		}
	
	ul.bnInsurance img {
		vertical-align:top;
		}

/* insurance staff --------------- */
dl.insuranceStaff {
	width:620px;
	margin-bottom:45px;
	}

	dl.insuranceStaff dt {
		float:left;
		width:91px;
		padding-right:20px;
		}

	dl.insuranceStaff dd {
		float:left;
		width:199px;
		padding-top:13px;
		}
	
/* insurance table --------------- */
table.tblInsurance {
	width:100%;
	margin-bottom:35px;
	}

	table.tblInsurance th {
		width:19%;
		padding:15px 20px;
		border:1px solid #CCCCCC;
		font-weight:normal;
		white-space:nowrap;
		}
	
	table.tblInsurance td {
		width:81%;
		padding:15px 15px 13px;
		border:1px solid #CCCCCC;
		}

		table.tblInsurance dt {
			margin-bottom:3px;
			}
		
/* person --------------- */
table.person th {
	background-color:#FFEDED;
	}

table.person dt {
	color:#F74C52;
	}

/* house --------------- */
table.house th {
	background-color:#E2F8F8;
	}

table.house dt {
	color:#00A9A9;
	}

/* car --------------- */
table.car th {
	background-color:#FFFFD7;
	}

table.car dt {
	color:#FF9900;
	}

/* work --------------- */
table.work th {
	background-color:#EDF8CC;
	}

table.work dt {
	color:#399F00;
	}

/* -----------------------------------------------------------
 =10 link
----------------------------------------------------------- */
ul.areaLink,ul.areaLinkHalf {
	margin-bottom:35px;
	}

	ul.areaLinkHalf li {
		float:left;
		width:310px;
		}
	
	ul.areaLink li,ul.areaLinkHalf li li {
		float:none;
		list-style:disc;
		margin-bottom:9px;
		margin-left:45px;
		color:#BBBBBB;
		}

/* -----------------------------------------------------------
 =11 staff
----------------------------------------------------------- */
/* staff list --------------- */
ul.areaStaff {
	margin-bottom:15px;
	}

	ul.areaStaff li {
		float:left;
		width:202px;
		padding:0 6px;
		}

	ul.areaStaff li.areaTwice {
		width:416px;
		padding:0 0 0 6px;
		}

	ul.areaStaff h3 {
		margin-bottom:10px;
		margin-left:4px;
		}
		
		ul.areaStaff li.areaTwice li {
			float:left;
			width:202px;
			padding:0 6px 0 0;
			}

			ul.areaStaff li.areaTwice li.end {
				padding:0;
				}
	
		ul.areaStaff dl {
			width:202px;
			height:259px;
			background:url(../../staff/img/bg_staff.jpg) no-repeat 0 0;
			}
	
			ul.areaStaff dt {
				padding:15px 15px 12px;
				}
			
			ul.areaStaff dd {
				text-align:center;
				}

/* staff profile --------------- */
.bgProfileOut {
	width:621px;
	padding-top:20px;
	background:url(../../staff/img/bg_profile_top.jpg) no-repeat 0 top;
	}

.bgProfileIn {
	width:621px;
	padding-bottom:20px;
	background:url(../../staff/img/bg_profile_btm.jpg) no-repeat 0 bottom;
	}

	.bgProfileIn h3 {
		margin-bottom:18px;
		padding-left:21px;
		}

	.bgProfileIn p {
		float:left;
		width:182px;
		padding-left:37px;
		}

	.bgProfileIn dl {
		float:left;
		width:322px;
		padding-left:42px;
		}

		.bgProfileIn dt {
			margin-bottom:10px;
			padding-bottom:4px;
			padding-left:3px;
			background:url(../../staff/img/bg_profile_title.jpg) repeat-x 0 bottom;
			font-weight:bold;
			}

		.bgProfileIn dd {
			margin-bottom:20px;
			padding-left:3px;
			}

/* category color --------------- */
dl.colPresident dt {
	border-bottom:1px solid #00A9A9;
	color:#00A9A9;
	}

dl.colGeneralization dt {
	border-bottom:1px solid #5BB505;
	color:#5DB606;
	}

dl.colLease dt {
	border-bottom:1px solid #0889CE;
	color:#0889CE;
	}

dl.colDialing dt {
	border-bottom:1px solid #FF6766;
	color:#FF6766;
	}

dl.colInsurance dt {
	border-bottom:1px solid #FF9900;
	color:#FF9900;
	}

/* -----------------------------------------------------------
 =12 blog
----------------------------------------------------------- */
div#mainBlog {
	width:894px;
	margin:0 auto;
	padding-top:30px;
	font-size:93%;
	line-height:1.7;
	}

	h2.h2blog {
		width:882px;
		margin-bottom:20px;
		padding-left:6px;
		}

	/* blog --------------- */
	div#mainLBlog {
		float:left;
		width:648px;
		padding-right:10px;
		}

		h3.h3blog {
			width:620px;
			height:38px;
			padding-top:28px;
			padding-left:28px;
			background:url(../../hiratanblog/img/bg_blogtitle.jpg) no-repeat 0 0;
			color:#FFFFFF;
			font-size:108%;
			}
		
		.areaBlog {
			width:648px;
			background:url(../../hiratanblog/img/bg_blog.jpg) repeat-y 0 top;
			}
			
			.areaBlogIn {
				padding:18px 35px 5px;
				background:url(../../hiratanblog/img/bg_blog_btm.jpg) no-repeat 0 bottom;
				}
				
				.areaBlog p {
					margin-bottom:28px;
					line-height:1.8;
					}
		
				.areaBlog .date {
					text-align:right;
					color:#4DB225;
					}
		
		/* submenu --------------- */
		div#subBlog {
			float:left;
			width:230px;
			padding-top:18px;
			}
		
			h3.h3blogSubMenu {
				width:230px;
				height:25px;
				margin-bottom:20px;
				padding-top:12px;
				padding-left:15px;
				background:url(../../hiratanblog/img/bg_submenu.jpg) no-repeat 0 center;
				color:#FFF;
				}
			
			ul.blogSubMenu {
				margin-bottom:45px;
				}
			
				ul.blogSubMenu li {
					float:none;
					list-style:disc;
					margin-bottom:5px;
					margin-left:30px;
					color:#F03EC9;
					}
		
/* -----------------------------------------------------------
 =13 favorite
----------------------------------------------------------- */
h3.h3lease {
	margin-bottom:8px;
	color:#0076DC;
	font-size:116%;
	}

h3.h3dealing {
	margin-bottom:8px;
	color:#FF3333;
	font-size:116%;
	}
	
	/* -----------------------------------------------------------
 =14 tv
----------------------------------------------------------- */
div.areaTvCategory {
	width:610px;
	margin-bottom:30px;
	margin-left:12px;
	border:7px solid #EDEDED;
	}

	div.areaTvCategory h3 {
		float:left;
		width:58px;
		padding:9px 11px 9px 12px;
		}

	div.areaTvCategory ul {
		float:left;
		width: 225px;
		padding:6px 0;
		}

		div.areaTvCategory ul li {
			display:inline;
			margin-right:12px;
			padding-left:15px;
			background:url(../../tv/img/ic_arrow_tv.gif) no-repeat 0 center;
			}

ul.listTv {
	width:636px;
	margin-bottom:20px;
	}
	
	ul.listTv li {
		float:left;
		width:200px;
		padding-left:12px;
		}
	
		ul.listTv li dt {
			margin-bottom:8px;
			}

/* navigation --------------- */
.navigation {
	margin:0 auto;
	text-align: center;
	}

	.navigation ul {
		width:602px;
		margin-left:12px;
		padding:5px 10px;
		border:1px solid #CCC;
		}

		.navigation li {
			display:inline;
			}

.pg{
	margin-top: 50px;
	/*	border:1px solid #CCCCCC; */
	}

.wp-pagenavi {
	clear: both;
	margin: 10px 0px 10px 0px;
	text-align: center;  
	}

.wp-pagenavi a.page, 
.wp-pagenavi span {
	border: 1px solid #CCCCCC;
	padding: 2px 7px;
	margin: 0px 5px 0px 5px;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	}

.wp-pagenavi a.nextpostslink{
	}
.wp-pagenavi a.previouspostslink{
	}
		
		.navigation .prev {
			}
	
		.navigation .next {
			}

/* pagenavi link color
----------------------------------------------------------- */
.wp-pagenavi a:link {
	color:#076BBE;
	text-decoration:underline;
	}

.wp-pagenavi a:visited {
	color:#076BBE;
	text-decoration:underline;
	}

.wp-pagenavi a:hover {
	color:#076BBE;
	text-decoration:none;
	}