@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 *
 */
/**
 * 1. import
 */

/* initialize */
  @import "ext/reset.css";

  @import "ext/fonts/sans-serif.css";
  @import "ext/fonts/typograph.css";

/* extension */
  @import "ext/util/accessibility.css";
  @import "ext/util/logtag.css";
  @import "ext/util/fnav/center.css";
  @import "ext/util/box.css";
  @import "ext/util/clearfix.css";
  @import "ext/util/float.css";
  @import "ext/util/margin-padding.css";
  @import "ext/util/nav.css";
  @import "ext/util/textalign.css";
  @import "ext/util/wrapper.css";

/**
 * 2. html, body
 */
body, html {
	width:100%;
	height:100%;
	overflow:hidden;
}

/* body */
body {
/*    background:#f3f3f3;*/
    font-size:12px;
/*    padding-top:11px;*/
	padding-bottom:0;
}
.img {
    line-height:1px;
}

/* .page */	
.page {
    margin:0 auto;
    width:980px;
    font-size:12px;
    line-height:1.5;
	color:#666666;
	zoom:1;/*for IE 5.5-7*/
}
.page:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/**
 * 3. HTMLtag, siteCommonClass
 */

/* anchor */
a {
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	color:#151c70;
}
a:visited {}
a:hover, a.on, .on a {
	background-position:bottom right;
}
a:active {}

/* selection */
::-moz-selection{
/*    background:#b6d6fb;*/
    color:#121212;
    text-shadow:none;
}
::selection {
/*    background:#b6d6fb;*/
    color:#121212;
    text-shadow:none;
}


/**
 * 4. Layout
 */
/* BASE WIDTH */

	/**
 * Aside
 */
#Aside {
	position:absolute;
	left:50%;
	top:0;
	width:980px;
	margin-left:-490px;
	z-index:3;
}
#AsideContent {
	position:absolute;
	left:-8px;
	top:10px;
	width:178px;
}
#Aside .bg {
	padding:3px 0 8px;
	background-image:url(../../imgs/bg-left.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#Aside h1 {
	text-align:center;
}
#Aside h1 a {
	background:#ffffff;
}
#Aside h1 a:visited,
#Aside h1 a:a:active,
#Aside h1 a:hover,
#Aside h1 a.on,
#Aside h1 .on a {
}
#Aside .section {
	background-position:top;
	background-repeat:no-repeat;
}
#Aside #sec-01 {
	margin-top:10px;
	padding-top:10px;
	background-image:url(../imgs/left-border-00.gif);
}
#Aside #sec-02 {
	margin-top:3px;
	padding-top:9px;
	background-image:url(../imgs/left-border-01.gif);
}
#Aside #sec-02 .title {
	margin-bottom:7px;
} 
#Aside #sec-03 {
	margin-top:4px;
	padding-top:8px;
	background-image:url(../imgs/left-border-02.gif);
}
#Aside #sec-03 .title {
	margin-bottom:5px;
}
#Aside #sec-04 {
	margin-top:4px;
	padding-top:8px;
	background-image:url(../imgs/left-border-03.gif);
}
#Aside #sec-04 .title {
	margin-bottom:8px;
}
#Aside #sec-05 {
	margin-top:11px;
	padding-top:9px;
	padding-bottom:0;
	margin-bottom:0;
	background-image:url(../imgs/left-border-04.gif);
}
#Aside #sec-05 .title {
	margin-bottom:8px;
}
#Aside .title {
	padding:0 7px;
}
#Aside .content {
	margin:0 8px 0 10px;
	text-align:left;
}
#Aside .content ul {
	margin-left:3px;
	zoom:1;/*for IE 5.5-7*/
}
#Aside .content ul:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#Aside .content ul li {
	height:24px;
	margin-bottom:3px;
	overflow:hidden;
}
#Aside .mansion {
	float:left;
	width:84px;
}
#Aside .kodate {
	float:left;
	width:73px;
}
#Aside .toshin {
	float:left;
	width:84px;
}
#Aside .area23 {
	float:left;
	width:84px;
}
#Aside .chiba {
	float:left;
	width:73px;
}
#Aside .kanagawa {
	float:left;
	width:73px;
}
#Aside .saitama {
    float: left;
	width:73px;
}
#Aside .shibuya {
	float:left;
	width:73px;
}
#Aside .tokyoshibu {
	float:left;
	width:84px;
}
#Aside .tower,
#Aside .large_scale,
#Aside .garden {
	margin-bottom:5px;
}
#Aside #keyword {
	width:104px;
	height:14px;
	padding:4px 3px;
	margin-left:5px;
	margin-right:5px;
	font-size:12px;
}
#Aside #searchArea {
	padding-bottom:0;
	border-bottom:0;
	margin-bottom:0;
}
#Aside #searchBtn {
	vertical-align:text-top;
}
#Aside #keyword.gray {
	color:#cccccc;
}

/* Container */
#container {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:2;
}

#Article {
	width:789px;
	margin-left:auto;
	margin-right:auto;
	padding-left:191px;
}


/**
 * main
 */
#main {
    float:right;
    width:789px;
}

/**
 * mainHeader
 */
#mainHeader {
	margin-top:18px;
	position:relative;
}
#mainHeader .company-logo {
	position:absolute;
	top:0;
	right:5px;
}
#mainHeader .seo {
    color:#ffffff;
    padding:10px 15px;
}
* html #mainHeader .seo h2 { /* IE6 */
    font-size:9px;
}
*:first-child+html #mainHeader .seo h2 { /* IE7 */
    font-size:9px;
}
html>/**/body #mainHeader .seo h2 { /* IE8 */
    font-size:9px;
}
html:not(:target) #mainHeader .seo h2 {
    font-size:10px;
}
#mainHeader .nav {
    height:19px;
    margin-bottom:30px;
    padding:3px 9px;
    background:transparent url(../imgs/bg-area-nav.png) no-repeat left top;
}
#mainHeader .nav ul {
    float:left;
}
#mainHeader .nav01 {
    margin-right:80px;
	padding:1px 0;
}
#mainHeader .nav02 {
	padding:1px 0;
}
#mainHeader .nav li {
    float:left;
    margin-right:5px;
}
#mainHeader .nav ul.text-resizer {
	float:right;
}
#mainHeader .nav .text-resizer li a {
	display:block;
	position:relative;
	width:18px;
	height:18px;
	overflow:hidden;
}
#mainHeader .nav .text-resizer li a img {
	position:absolute;
	top:0;
	left:0;
}
#mainHeader .nav .text-resizer li a.textresizer-active img,
#mainHeader .nav .text-resizer li a:hover img {
	top:-18px;
}
	

/**
 * mainFooter
 */
#mainFooter {
    clear:both;
    padding-bottom:30px;
    width:100%;
}
#mainFooter .content {
    padding:0 10px;
    background:#ffffff;
}
#mainFooter .nav01 li {
    float:left;
    margin-left:4px;
    /*height:150px;*/
}
#mainFooter .nav01 li.first {
    margin-left:0;
}
#mainFooter .nav01 li {
    margin-bottom:40px;
}
#mainFooter .nav01 .ptxt {
	width:140px;
	text-align:left;
	font-size:10px;
	margin:0;
	padding:5px 0 0 10px;
	color:#666666;
}

#mainFooter .nav02 {
    margin-bottom:15px;
}
#mainFooter .parent {
    position:relative;
}
#mainFooter .logo {
    position:absolute;
    right:0;
    top:0;
}
#mainFooter .nav02 li {
    display:inline;
    zoom: 1;
}
#mainFooter .nav02 li a {
    padding-left:7px;
    margin-right:10px;
    background:transparent url(../imgs/footer-blt.gif) no-repeat left center;
    color:#000000;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}
#mainFooter .nav02 li a:hover {
    text-decoration:underline;
}
#mainFooter .seo {
    color:#999999;
    line-height:1.5;
    margin-bottom:20px;
    margin-right:20px;
}
* html #mainFooter .seo { /* IE6 */
    font-size:9px;
}
*:first-child+html #mainFooter .seo { /* IE7 */
    font-size:9px;
}
html>/**/body #mainFooter .seo { /* IE8 */
    font-size:9px;
}
html:not(:target) #mainFooter .seo {
    font-size:10px;
}
#mainFooter .copyright {
    padding-bottom:15px;
	font-size:11px;
	font-family:Verdana;
}