@charset "utf-8";

/* CSS Document */

/*************************
  COMMON STYLES
*************************/

/* -------------------
  HTML Tags
------------------- */

html,body,div,span,a,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,li,address,table,tr,th,td,img,form,strong {
	font-weight: normal;
	font-style:normal;
	margin: 0;
	padding: 0;
	font-size:13px;
}

img { border:0; }

body {
	background-color: #9ED335;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size:13px;
	color:#333333;
}

big { display: none; }

strong {
	font-size:1.1em;
	letter-spacing:.1em;
}

/* -------------------
  Common Class
------------------- */

.clear {
	float:none;
	clear:both;
	font-size:1px;
	line-height:1em;
	margin:0;
}

.fig {
	margin:0 50px 0 30px;
	text-align:center;
}

.fig img {
	margin-left:auto;
	margin-right:auto;
}

.a-top-orange {color: #FF640D;}
.a-top-blue {color: #47419B;}

/*************************
  LINKS
*************************/
a:link,
a:visited {
	color:#3448DC;
	text-decoration:none;
}


a:active,
a:hover {
	color:#3448DC;
	text-decoration:underline;
}


/*************************
  CONTAINER
*************************/


#view01 {
	background-image:   url("../images/haikei_01.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

#contentbody {
	clear: none;
	float: none;
	width: 850px;
	text-align:left;
	background-image: url(../images/bg/bg-contentbody.gif);
	background-repeat: repeat-y;
	margin-left: 10px;
}


/*************************
  HEADER AREA
*************************/

#header {
	position: relative;
	width:900px;
	height:164px;
}

h1 {
	float:left;
	width: 400px;
}

h1 a {
	display: block;
	height: 90px;
	width: 300px;
	margin-left: 20px;
}

/* -------------------
  Special Banner
------------------- */

#banner{
	background-color:#85CFE2;
	padding-left:9px;
}

/* -------------------
  Quick Navi
------------------- */

#menu {
	position:absolute;
	width:186px;
	left: 672px;
	top: 7px;	
}

#popup1{
	position:absolute;
	right:40px;
	top:31px;
	width:467px;
	height:128px;
	z-index:1;
	layer-background-color: #FFFFFF;
	visibility: hidden;
	filter:Alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	text-align:center;
	background-image: url(../images/bg/bg-qnavi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#popup1 table {
	margin: 10px auto 0;
}

/* -------------------
  Animation GIF
------------------- */

#ship {
	background-image:   url("../images/animations/ship.gif");
	background-position: 606px 114px;
	background-repeat: no-repeat;
}

div.bird {
	position: absolute;
	left: 0px;
	top: 98px;	
	width: 97px;
	height: 51px;
	background: transparent url("../images/animations/bird.gif") no-repeat 0 0;
}

div.airplane {
	position: absolute;
	left: 377px;
	top: 0px;	
	width: 262px;
	height: 135px;
	background: transparent url("../images/animations/airplane.gif") no-repeat 0 0;
}


/*************************
  GLOBAL NAVI AREA
*************************/

#gnavi {
	position: relative;
	margin-left:13px;
	padding-top: 40px;
}

.contactbtn {
	position: absolute;
	left: 654px;
	top: -11px;	
	width: 184px;
	height: 114px;
}


/*************************
  LEFT AREA
*************************/

/* -------------------
  Box Styles
------------------- */

#contentheader {
	background-image: url(../images/bg/bg-contentheader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	height: 25px;
	width: 850px;
	float:none;
	clear:both;
	margin-left: 10px;
}

#content {
	_display:inline; /* for IE */
	float: left;
	clear: left;
	width: 640px;
	margin-left:10px;
}

#contentfooter {
	background-image: url(../images/bg/bg-contentfooter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	height: 36px;
	width: 850px;
	float:none;
	clear:both;
	margin-left: 10px;
}

/* -------------------
  Common Elements
------------------- */

#content p {
	margin:10px 50px 15px 30px;
	line-height:1.6em;
	text-align:left;
}

#content h2 {
	margin-bottom:10px;
}


#content h3 {
	margin-top:20px;
}

#content .img_fr {
	_display:inline;
	float:right;
	clear:left;
	margin:0 25px;
}


/*************************
  TOP PAGE STYLES
*************************/

/* -------------------
  Repeat Table
------------------- */

table.topic {
	border:1px solid #FFFF11;
	margin:10px 0 10px 20px;
}

table.topic td {
	padding:4px 0;
	background-image: url(../images/topimg/arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	text-indent:40px;
}

table.topic td.odd {
	background-color:#FFF8BC;
}
table.topic td.even {
	background-color:#FFF27A;
}

table.newitem {
	border:1px solid #B1ACAF;
	margin:10px 0 30px 20px;
}

table.newitem td {
	padding:4px 0;
	background-image: url(../images/topimg/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	text-indent:40px;
}

table.newitem td.odd {
	background-color:#FFFFFF;
}
table.newitem td.even {
	background-color:#F9F9F9;
}

/* -------------------
  Right Banner Area
------------------- */

img.banner {
	margin-top: 15px;
}

/*************************
  BUKKEN ITEM STYLES
*************************/

.itembox {
	margin-left: 28px;
}

.itembox a:link,
.itembox a:visited,
.itembox a:active,
.itembox a:hover {
	color:#666;
}

.itembox .item {
	_display:inline;
	float:left;
	clear:none;
	width:173px;
	border:1px solid #B1ACAF;
	margin-right:22px;
	margin-bottom:22px;
	text-align:center;
	/*padding-bottom:8px;*/
}

.itembox .item img { margin:0 auto; }

.itembox .state {
	margin-top:1px;
	margin-left:1px;
	text-align:center;
}

/*
.itembox .state .no {
	background-color:#999999;
	color:#FFFFFF;
	width:30px;
	padding:2px 3px;
	_display:inline;
	float:left;
}
*/

.itembox .state img {
/*
	_display:inline;
	float:left;
*/
	margin:10px auto 0 auto;
}

.itembox .item .title {
	padding:5px 0;
	clear:both;
}

.itembox .item .price {
	padding:8px 0;
	font-size:16px;
	font-weight:bold;
	color:#FF7F00;
	letter-spacing:.1em;
}

.itembox .item .panel {
	margin:0 8px;
	text-align:left;
	border:1px solid #B1ACAF;
	padding:5px 2px 5px 25px;
	line-height:1.6em;
	background-color:#F9F9F9;
	background-image: url(../images/bg/panel.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	margin-bottom:10px;
}

.itembox .item .heightLine {
	margin:0 8px;
	text-align:left;
	border:1px solid #B1ACAF;
	padding:5px 8px;
	line-height:1.3em;
	margin-bottom:10px;
}




/* -------------------
  Zoom Links
------------------- */

a.zoom:link img,
a.zoom:visited img{
	border:1px solid #FFFFFF;
}

a.zoom:active img,
a.zoom:hover img {
	border:1px solid #3448DC;
}


/*************************
  BUKKEN PAGE STYLES
*************************/

/* -------------------
  Containers (1column)
------------------- */

body#realestat #contentbody {
	background-image: url(../images/bg/bg-contentbody-bukken.gif);
}

body#realestat #content {
	width: 830px;
}

body#realestat #contentheader {
	background-image: url(../images/bg/bg-contentheader-bukken.gif);
}


body#realestat #contentfooter {
	background-image: url(../images/bg/bg-contentfooter-bukken.gif);
}

body#realestat form {
	clear:both;
	padding-top:15px;
}


/* -------------------
  Pageing Control
------------------- */

.paging-area {
	margin: 20px 0 0 0;
	text-align:left;
	padding-left:30px;
}

.paging-area table {

}

.paging {
	background-color:#FFF6A2;
	padding:5px;
}

.paging strong {
	font-weight:bold;
	color:#000000;
}


/* -------------------
  FlierPage Styles
------------------- */

.flierbox {
	border:1px solid #B1ACAF;
	width:538px;
	margin:0 auto;
	background-color:#F9F9F9;
	text-align:left;
}

body#bukken05 h3 {
	text-align:left;
	margin-left:30px;
	margin-bottom:10px;
	clear:both;
}

body#bukken05 #content.flier a {
	color:#333333;
	text-decoration:underline;
}

.flier_fl {
	display:inline;
	float:left;
	width:220px;
	height:160px;	
	text-align:center;
	margin:8px 0 2px 10px;
}


.flier_fr {
	display:inline;
	float:right;
	width:280px;
	height:137px;	
	background-color:#FFFFFF;
	margin:15px 20px 0 0;
	border:1px solid #B1ACAF;
}

.flier_fr h4 {
	background-image:   url("/realestat/images/img-flier-grass.gif");
	background-position: 5px center;
	background-repeat: no-repeat;
	padding:8px 8px 8px 0;
	text-indent:35px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}

.flier_fr p {
	margin:0 0 0 15px !important;
}

.flier_fr .flier-btn {
	text-align:right;
	margin:7px 4px 0 0;

}

.flier_fr .flier-btn img {
	border:0;

}

/* table styles */

table.servicetbl {
	margin:0 auto 20px auto;
	line-height:1.4em;
}

table.servicetbl th {
	background-color:#CAEFB3;
	padding:3px;
	border-top: 1px solid #FFF;
	color:#409D27;
	text-align:center;
}

table.servicetbl td {
	padding:3px;
	background-color:#FFF;
	border-top: 1px solid #FFF;
}




/*************************
  TOKU PAGE STYLES
*************************/

/* -------------------
  Profiel Page
------------------- */

.toku-prof-01 p,
.toku-prof-02 p,
.toku-prof-03 p,
.toku-prof-04 p,
.toku-company p {
	margin-left:0 !important;
	margin-right:0 !important;
	margin-top:0 !important;
	margin-bottom:1em !important;
}

.toku-prof-01 {
	margin:25px 30px 10px 20px;
	background-image:   url("../about/images/bg_img_01.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
}

.toku-prof-02 {
	margin:15px 30px 10px 20px;
	background-image:   url("../about/images/bg_img_02.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom:15px;
}

.toku-prof-03 {
	margin:15px 30px 10px 20px;
	background-image:   url("../about/images/bg_img_03.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom:15px;
}

.toku-prof-04 {
	margin:15px 30px 10px 20px;

}

/* -------------------
  Company Page
------------------- */

.toku-company {
	margin:25px 30px 10px 20px;
}

.toku-company {
	_margin-bottom:0;
}

.about_fl {
	_display:inline;
	float:left;
	width:156px;
}

.toku-company .about_fl {
	width:395px;
	margin-left:8px;
}

.about_fl img {
	margin-bottom:20px;
}

.toku-company .about_fl img {
	margin-bottom:0;
}

.about_fr {
	_display:inline;
	float:right;
	width:400px;
}

.toku-company .about_fr {
	width:156px;
}

.about_fr img {
	margin-right:7px;
	vertical-align: middle;
	margin-bottom:3px;

}

.toku-prof-01 ul {
	text-align:left;
	margin-bottom:1em;
}

.toku-prof-01 ul li {
	list-style-position: outside;
	list-style-image: url("../about/images/list.gif");
	list-style-type: none;
	margin-left:17px;
	margin-bottom:2px;
}

.company_info {
	text-align:left;
}

.company_info img {
	margin:8px 0;
}

.company_info p {
	margin:0 8px !important;
}

table.data {
	margin-left:25px;
	margin-top:10px;
}

table.data tr td,
table.data tr th {
	background-image: url(../about/images/line-td.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 10px 0;
}

table.data tr th span {
	background-image: url(../about/images/list-02.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left:20px;
}

.accessmap-head {
	background-image: url(../about/images/bg/bg-accessmap-head.gif);
	background-repeat: no-repeat;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	height:31px;
	margin-top:15px;
}

.accessmap-foot {
	background-image: url(../about/images/bg/bg-accessmap-foot.gif);
	background-repeat: no-repeat;
	/*\*/ overflow: hidden; /**/
	font-size:1px;
	height:11px;
	margin-bottom:10px;
}

.accessmap {
	background-image: url(../about/images/bg/bg-accessmap-body.gif);
	background-repeat: repeat-y;
}

.accessmap table {
	margin-left:32px;
}

.accessmap table td { padding: 5px 0;}



/* -------------------
  Specialist Page
------------------- */

.specialist-up {
	background-image: url(../about/images/bg/bg-specialist-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	width: 612px;
	margin-left:7px;
	font-size:1px;
}

.specialist-down {
	background-image: url(../about/images/bg/bg-specialist-down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	width: 612px;
	margin-left:7px;
	font-size:1px;
}

.specialist {
	background-color:#EAECFB;
	width:612px;
	margin-left:7px;
	padding: 7px 0;
}

.specialist .person-up {
	background-image: url(../about/images/bg/bg-person-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 578px;
	margin: 0 auto;
	font-size:1px;
}

.specialist .person {
	background-image: url(../about/images/bg/bg-person.gif);
	background-repeat: repeat-y;
	width: 578px;
	margin: 0 auto;
}

.specialist .person-down {
	background-image: url(../about/images/bg/bg-person-down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 578px;
	margin: 0 auto;
	font-size:1px;
	margin-bottom:10px;
}

.specialist .person table td.line {
	border-bottom:1px dotted #9BA5EE;
	padding-bottom: 3px;
}

.specialist .person table td.line img {
	vertical-align: middle;
}

.specialist .person table.tokucommnet-tbl {
	border:1px solid #888888;
}

.specialist .person table.tokucommnet-tbl td.td-left {
	background-color: #CCCCCC;
}
.specialist .person table.tokucommnet-tbl .tokucomment {
	padding: 5px 8px;
	line-height:1.4em;
}

/* -------------------
  Links Page
------------------- */

table.linktbl {
	margin: 10px auto;
}

table.linktbl td {
	padding: 3px 0;
}

table.linktbl td a:link,
table.linktbl td a:visited,
table.linktbl td a:active,
table.linktbl td a:hover {
	color:#333333;
	background-image: url("../about/images/list.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
}


/*************************
  EMPage / SERVICE PAGE STYLES
*************************/


/* -------------------
  AdvicePage Styles
------------------- */

p.advicetxt {
	font-size:1em;
}

#content dl {
	text-align: left;
	margin: 15px 30px 15px 20px;
	line-height:1.4em;
}

#content dl dt {
	margin-bottom:5px;
}

#content dl dd {
	margin-bottom:1.5em;
	margin-left:1em;
	padding:10px 0 10px 30px;
}

#content dl dd.small {
	background-image: url("../images/bg/arrow-s.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#content dl dd.middle {
	background-image: url("../images/bg/arrow-m.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#content dl dd.large {
	background-image: url("../images/bg/arrow-l.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#content dl dd ul {
	margin-left:15px;
}

table.advicetbl {
	margin:20px auto;
	line-height:1.4em;
}

table.advicetbl th {
	background-color:#FFF4E9;
	padding:5px;
	border-top: 1px solid #FFF;
	color:#EF7600;
	text-align:center;
}

table.advicetbl td {
	padding:5px;
	background-color:#FFF7EF;
	border-top: 1px solid #FFF;
}


.adviceimg {
	margin-top:15px;
	text-align:center;
}

/* -------------------
  EM Form Styles
------------------- */

body#empage h4 {
	margin-left:30px;
}

.note {
	margin:20px 0;
}

.note ul {
	margin-left: 40px;
	margin-top:15px;
}

.note ul li {
	padding: 3px 0 3px 20px;
	list-style-type: none;
}

.note ul li.hottoku01 {
	background-image: url(../images/list/list-num-01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.note ul li.hottoku02 {
	background-image: url(../images/list/list-num-02.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.note ul li.hottoku03 {
	background-image: url(../images/list/list-num-03.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.note ul li.hottoku04 {
	background-image: url(../images/list/list-num-04.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h5 {
	margin:0 30px 0 20px;
	border-top: 1px solid #B1ACAF;
	padding-top:15px;
}

ul.attention {
	margin-top:20px;
	margin-left: 30px;
}

ul.attention li {
	padding: 3px 0 3px 0;
	list-style-type: none;
}



#formarea {
	text-align:left;
	margin:0 20px 0 10px;
	padding:15px;
	background-color:#FFFFFF;
}

.table-form th {
	background-color:#F9F9F9;
	text-align:left;
	padding:5px;
}

.table-form td {
	background-color:#FFFFFF;
	padding:3px 5px;
}

img.need {
	_display:inline;
	float:right;
}

.formcaption {
	margin:10px 0;
}

.submit {
	margin-top:15px;
	text-align:center;
	background-color:#F9F9F9;
	border:1px solid #B1ACAF;
	padding:5px 0;
}

.submit input {
	margin:0 10px;
	width:150px;
}

/* -------------------
  EM/BBS Form Elements
------------------- */

.box {
	width:200px;
}

.msgbox {
	width:250px;
	height:150px;
}

body#empage .msgbox {
	width:350px;
}

body#empage .longtext {
	width:350px;
}

body#empage .shorttext {
	width:80px;
}

body#empage .middletext {
	width:150px;
}

body#empage .minitext {
	width:50px;
}


/*************************
  RIGHT AREA
*************************/

/* -------------------
  Common Styles
------------------- */

#right {
	float: right;
	clear: right;
	width:197px;
	text-align:center;
	padding-bottom:40px;
	padding-top:29px;
}

#right p {
	text-align:left;
	margin: 10px;
}

#right #lnavi {
	margin-left:8px;
	text-align:left;
}

/* -------------------
  1 Column Styles
------------------- */

body#realestat #right {
	padding-bottom:0;
	padding-top:29px;
}

body#realestat #right #lnavi {
	margin-left:18px;
}

#lnavi .bukkencontact {
	margin-top:15px;
}


/*************************
  FOOTER AREA 
*************************/

/* -------------------
  Footer Navi Area
------------------- */

#footnavi {
	background-color: #ECF6D7;
	background-image: url("../images/bg/bg-footnavi.gif");
	background-repeat: repeat-y;
	background-position: left 5px;
	width:850px;
	margin-left:10px;
}

#footnavi .linkbox {
	width:233px;
	_display: inline;
	float:left;
	margin-left:40px;
}

#footnavi #first .linkbox {
	margin-left:50px;
}

#footnavi .linkbox-down-courve {
	float:none;
	clear:both;
	height:20px;
	background-image: url("../images/bg/bg-footnavi-down.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#footnavi ul {
	margin-left:52px;
	margin-top:10px;
}

#footnavi ul li {
	list-style-position: outside;
	list-style-type: none;
	padding-bottom:3px;
}

#footnavi a:link,
#footnavi a:visited {
	color:#387A28;
	text-decoration:none;
}

#footnavi a:active,
#footnavi a:hover {
	color:#387A28;
	text-decoration:underline;
}

/* -------------------
  Copyright Area
------------------- */

#footer {
	background-image: url("../images/bg/bg-footer.gif");
	background-repeat: no-repeat;
	background-position: left top;
	float: none;
	clear: both;
	height:130px;
	color:#023328;
	font-size:13px;
}

#footer p {
	margin-left:100px;
	padding-top:80px;
}

address {
	margin:5px 0 0 100px;
	font-size:11px;
}


/*************************
  BBS STYLES 
*************************/

/* -------------------
  Title
------------------- */

#bbstitle {
	background-image: url(../bbs/images/bg-title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:615px;
	height:161px;
	margin-left:5px;
}

#bbstitle p {
	margin:0;
	padding:80px 0 0 155px;
}

#bbstitle p.postbtn {
	margin:0;
	padding:80px 0 0 10px;
	float:right;
}

/* -------------------
  Article Area
------------------- */

#articles {
	margin:20px 30px 0 20px;
	border:1px solid #B1ACAF;
}

#bbsform {
	margin:0 30px 0 20px;
	border-left:3px solid #604B38;
	border-right:3px solid #604B38;
	padding-top:10px;
}

#bbsform table {
	margin:0 auto;
}

img.bbscourve {
	margin-left:20px;
}

.article {
	border-top:1px solid #B1ACAF;
	padding: 12px;
	background-color:#F0F0F0;
}

.posttime {
	float:right;
	clear:right;
	padding-right:10px;
}

.articlebody {
	line-height:1.5em;
	margin-left:10px;

}

.articlehead {
	padding: 5px 10px;
	background-color:#604B38;
	color:#FFF;
}

.articlehead span {
	padding-right:8px;
}

.articlehead img {
	margin-left:2px;
	vertical-align: middle;
}

.articlehead a:link,
.articlehead a:visited,
.articlehead a:active,
.articlehead a:hover {
	color:#FFF;
}


.res {
	text-align:right;
	padding:5px 10px;
}

.res a:link,
.res a:visited,
.res a:active,
.res a:hover {
	color:#604B38;
}


#submitbtn {
	text-align:center;
	margin-top:20px;
}

#submitbtn img {
	margin-bottom:10px;
}

/* -------------------
  MODE : Reply
------------------- */

#replybox {
	margin:20px 10px 0 30px;
	border:1px solid #B1ACAF;

}

#replybox .articlehead {
	background-color:#999999;
}

#replybox .article {
	border-bottom:none;
	background-color:#FFFFFF;
}

/* -------------------
  Pageing Links
------------------- */

.bbspaging {
	margin:20px auto 10px;
	line-height:1em;
}

.bbspaging a:link,
.bbspaging a:visited,
.bbspaging a:active,
.bbspaging a:hover {
	color:#604B38;
}

.bbspaging img {
	vertical-align: middle;
	margin:0 5px;
}


/* -------------------
  BBS Notes (#RIGHT)
------------------- */

#right #bbsnote {
	border: 1px solid #604B38;
	margin:0 12px 0 8px;
	text-align:left;
}


#right #bbsnote h3 {
	border-bottom: 1px solid #604B38;
	padding: 5px;
	background-color:#F3F1EF;
	text-align:center;
}

#right #bbsnote ul {
	margin-left:20px;
	padding-top:8px;
}

#right #bbsnote ul li {
	margin-bottom:8px;
}