@charset "EUC-JP";
html {
	scrollbar-base-color: #B8C5A9; 
}
body	{
	color:#000000;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","?MS PGothic","Osaka",arial, helvetica, verdana;
	font-size:85%;
	line-height:130%;
	margin:0px auto;
	padding:0px;
	text-align:center;
	background-color:#2B2B2B;
}
img	{
	border:0px;
}
table	{
	text-align:left;
	margin:auto;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,div,table,thead,tbody,tfoot	{
	margin:0px;
	padding:0px;
}
ul li {
	list-style-type:none;
}
a	{
	color:#0A427E;
	text-decoration:underline;
}
a:hover	{
	color:#2395C0;
	text-decoration:underline;
}
a img:hover	{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#TB_window a img:hover	{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
/*===============================================
tamplate
===============================================*/
#CONTENT h3	{
	background-image:url(../images/h3-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	font-size:150%;
	margin-bottom:10px;
	font-weight:normal;
}
#CONTENT h3.original	{
	background-image:none;
	height:auto;
	line-height:auto;
	margin-bottom:10px;
}
#CONTENT h4	{
	background-image:url(../images/h4-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	font-size:110%;
	margin-bottom:10px;
	padding-left:25px;
}
#CONTENT h4.original	{
	background-image:none;
	height:auto;
	line-height:auto;
	margin-bottom:10px;
	padding-left:0px;
}
#CONTENT h5	{
	background-image:url(../images/h5-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:25px;
	line-height:25px;
	font-size:100%;
	margin-bottom:10px;
	padding-left:17px;
	color:#4E7629;
}
#CONTENT h5.original	{
	background-image:none;
	height:auto;
	line-height:auto;
	margin-bottom:10px;
	padding-left:0px;
}
#CONTENT p {
	margin:0px 10px 10px 10px;
} 
#SUBCONTENT p {
	margin:0px 10px 10px 10px;
} 
#SUBCONTENT h6	{
	background-image:url(../images/h6-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:45px;
	line-height:60px;
	font-size:110%;
	color:#FFF;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:10px;
}
#SUBCONTENT h6.original	{
	background-image:none;
	height:auto;
	line-height:auto;
	color:#FFF;
	margin-bottom:10px;
	padding-left:0px;
}

/*---------------------------table---------------------------*/
.table01	{
	border-collapse: collapse;
	border:#FFF 1px solid;
	margin:0px auto 10px auto;
}
.table01 th	{
	border:#FFF 1px solid;
	background-color:#AFC19E;
	text-align:left;
	border-left:#4E7629 3px solid;
}
.table01 td	{
	border:#FFF 1px solid;
	background-color:#DCE3D4;
}
.table02	{
	border-collapse: collapse;
	border:#FFF 1px solid;
	margin:0px auto 10px auto;
}
.table02 th	{
	border:#FFF 1px solid;
	background-color:#E2D3D1;
	text-align:left;
	border-left:#9A5B68 3px solid;
}
.table02 td	{
	border:#FFF 1px solid;
	background-color:#F2F2F2;
}

/*---------------------------button---------------------------*/
.button01	{
	background-image:url(../images/arrow-b.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#A72139;
	text-decoration:underline;
	padding-left:15px;
}
.button02	{
	background-image:url(../images/button02.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#232323;
	text-decoration:underline;
	padding:2px 0px 2px 15px;
}
/*---------------------------list---------------------------*/
#CONTENT ol,
#SUBCONTENT ol	{
	margin-left:25px;
}
#CONTENT ol li,
#SUBCONTENT ol li	{
	margin-bottom:5px;
}
#CONTENT ul,
#SUBCONTENT ul	{
	list-style:none;
}
#CONTENT ul li	{
	margin-left:10px;
	background-image:url(../images/arrow-a.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}
#SUBCONTENT ul li	{
	margin-left:10px;
	background-image:url(../images/arrow-a.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}
/*===============================================
HEAD
===============================================*/
#DESCRIPTION{ background-color: #2D2717; }
#DESCRIPTION div{
	width: 740px;
	text-align: left;
	padding: 3px 0px;
	margin: 0px auto;
}
#DESCRIPTION h1,
#DESCRIPTION p	{
	text-align: left;
	font-size: 90%;
	display: inline;
	font-weight: normal;
	color: #CCCCCC;
	font-size: 10px;
}
#HEAD	{
	height:110px;
	background-image:url(../images/bg-head.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	background-color:#CCCCCC;
}
#HEAD-CONTENT	{
	width:740px;
	height:110px;
	margin:0px auto;
	background-image:url(../images/bg-head-content.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#HEAD-CONTENT-L	{
	width:320px;
	height:85px;
	float:left;
	color:#FFFFFF;
	/*background-color:aqua;*/
}
#HEAD-CONTENT-L h2	{
	float:left;
	margin:10px 0px 0px 0px;
	width:305px;
	height:70px;
}
#HEAD-CONTENT-R	{
	float:right;
	width:400px;
	height:85px;
	margin-top:15px;
	text-align:right;
}

/*===============================================
NAVI-REMARK
===============================================*/
#NAVI-REMARK {
	padding:5px 0 0 0;
	/*margin:0px auto;*/
	text-align:right;
	color:#FFFFFF;
	font-size:90%;
}
#NAVI-REMARK li	{ float:right; }
#NAVI-REMARK a	{
	background-image:url(../images/arrow-c.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0px 7px 0px 15px;
	color:#FFFFFF;
	text-decoration:none;
}
#NAVI-REMARK a:hover	{
	text-decoration:underline;
}
/*===============================================
WRAPPER
===============================================*/
#WRAPPER-BG	{ background-color:#E2E8DB; }
#WRAPPER	{
	margin:0px auto;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
/*===============================================
NAVI-GROVAL
===============================================*/
#NAVI-GROVAL		{
	width:740px;
	margin:0px auto;
}
#NAVI-GROVAL li		{
	display:block;
	float:left;
	height:50px;
	list-style-type:none;
}
#NAVI-GROVAL a	{
	width:148px;
	display:block;
	height:50px;
	border-width:0px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#NAVI-GROVAL #NAVI-top a	{ background-image:url(../images/navig-top.gif);  }
#NAVI-GROVAL #NAVI-concept a	{ background-image:url(../images/navig-concept.gif);  }
#NAVI-GROVAL #NAVI-gallery a	{ background-image:url(../images/navig-gallery.gif);  }
#NAVI-GROVAL #NAVI-estate a	{ background-image:url(../images/navig-estate.gif);  }
#NAVI-GROVAL #NAVI-access a	{ background-image:url(../images/navig-access.gif);  }

#NAVI-GROVAL a:hover	{ background-position:0px -50px; }
/*===============================================
VISUAL
===============================================*/
#VISUAL{
	height:300px;
	text-align:center;
	margin:0px auto;
}
#VISUAL2	{
	height:150px;
	margin:0px;
	background-image:url(../images/visual.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
/*===============================================
CONTENT-WRAPPER
===============================================*/
#CONTENT-WRAPPER {
	width:740px;
	margin:0px auto;
	padding-top:20px;
	text-align:left;
}
/*===============================================
CONTENT
===============================================*/
#CONTENT {
	float:left;
	width:500px;
}
/*===============================================
--------------------TARGET
===============================================*/
#TARGET {
	background-image:url(../images/bg-target.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:500px;
	height:200px;
	margin-bottom:20px;
}
#TARGET div {
	width:465px;
	margin:0px auto;
}
#TARGET img {
	margin:15px 10px 0px 20px;
}
#TARGET a {
	display:block;
	border:solid 1px #FFFFFF;
}
#TARGET a:hover{
	border:solid 1px #4E7629;
}
#TARGET a img {
	margin:0px 0px 0px 0px;
}
/*===============================================
--------------------ESTATE-WRAPPER
===============================================*/
.estate-L	{
	float:left;
	width:230px;
	margin-bottom:20px;
}
.estate-R	{
	float:right;
	width:230px;
	margin-bottom:20px;
}
.estate-L img,
.estate-R img  {
	float:left;
	margin-right:10px;
}
.estate-L .flR,
.estate-R .flR {
	float:right;
	width:115px;
	display:block;
	/*border:1px solid #000000;*/
}
#CONTENT .estate-R h4,
#CONTENT .estate-L h4 {
	color:#A72139;
	font-size:1.2;
	border-bottom:solid 1px #000000;
	text-align:left;
}
#CONTENT .estate-R p,
#CONTENT .estate-L p {
		font-size:90%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}
/*===============================================
ESTATE-PHOTO
===============================================*/
#ESTATE-PHOTO	{
	padding:15px 0px 15px 0px;
}
#ESTATE-PHOTO div	{
	width:83px;
	margin-bottom:8px;
	float:left;
}
#ESTATE-PHOTO a	{
	display:block;
	width:75px;
	height:75px;
	border:#AAA 1px solid;
}
#ESTATE-PHOTO a:hover	{
	border:#FFF 1px solid;
}
#INQUIRY-BOX	{
	width:500px;
	height:130px;
	background-image:url(../images/inquiry-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#INQUIRY-BUTTON	{
	margin:8px 0px 0px 285px;
}
/*===============================================
--------------------NEWS
===============================================*/
#CONTENT #NEWS {
   height: 120px;
   width:470px;
   overflow: auto;
   border: #96AE80 1px solid;
   background:#FFFFFF;
   margin-bottom:0px;
   padding:5px 10px;
}
#CONTENT #NEWS ul li {
	background-image:url(../images/arrow-a.gif);
	line-height:1.5em;
	background-repeat:no-repeat;
	background-position:left center;
	margin:0px 0px 5px 0px;
}
#CONTENT #NEWS ul li span {
	padding-right:10px;
	color:#777777;
	font-size:90%;
}
.icon-news	{
	padding-right:60px;
	background-image:url(../images/icon_news.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.icon-blog	{
	padding-right:60px;
	background-image:url(../images/icon_blog.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
/*===============================================
--------------------BLOG
===============================================*/
#BLOG-LIST .flR	{ width:330px; }
#BLOG-LIST .flL	{ width:160px; text-align:center; }
.blogbox	{ margin-bottom:15px; }


/*===============================================
--------------------FAQ
===============================================*/

#CONTENT h4.faq {
	background-image:url(../images/faq-q.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:10px 0px 5px 50px;
	min-height:40px;
	font-size:120%;
	margin:20px auto 5px auto;
}
#CONTENT div.faq {
	background-image:url(../images/faq-a.gif);
	background-repeat:no-repeat;
	background-potision:left top;
	padding:10px 0px 5px 50px;
	min-height:40px;
}
.faq-list	{
	padding-bottom:15px;
	border-bottom:1px dotted #BBBBBB;
}



/*===============================================
--------------------PHOTO
===============================================*/
#CONTENT #PHOTO ul {
	margin:10px auto 0px auto;
	padding:0px;
}
#CONTENT #PHOTO li {
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	background:none;
	width:125px;
	text-align:left;
	float:left;
}
#PHOTO li img,#PHOTO li a {
	border:none;
}


/*===============================================
GUIDE
===============================================*/
#INQUIRY-GUIDE-BOX	{
	width:500px;
	height:90px;
	background-image:url(../images/inquiry-bg-guide.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#INQUIRY-GUIDE-BUTTON	{
	margin:4px 0px 0px 250px;
}

/*===============================================
SUBCONTENT
===============================================*/
#SUB	{
	width:200px;
	float:right;
}
#SUBCONTENT {
	width:200px;
	background-color:#D9C6C3;
	/*background-image:url(../images/bg-sub-content.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;*/
}
.SUB {
	width:195px;
	margin-bottom:20px;
	padding-right:5px;
	background-color:#D9C6C3;
}
.SUB img	{
	float:left;
	/*margin-right:10px;*/
}
.SUB-R	{
	float:right;
	width:135px;
}
.SUB-R h5 {
	font-size:110%;
	padding:10px 0px 3px 0px;
	text-align:left;
}
#SUBCONTENT .SUB-R p { 
	margin:5px 0px 5px 0px;
	line-height:1.2;
}
.SUB-R span a{
	background-image:url(../images/arrow-b.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#A72139;
	padding-left:20px;
	font-size:85%;
}
#BANNER {
	padding-top:10px;
	text-align:center;
}
#BANNER img {
	margin-bottom:10px;
}
/*===============================================
CONTENT-NENU
===============================================*/
#CONTENT-NENU	{
	width:740px;
	text-align:left;
	font-size:85%;
	padding:35px 0 15px 0;
	margin:0px auto;
}
/*===============================================
FOOT
===============================================*/
#FOOT {
	height:80px;
	background-image:url(../images/bg-foot.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#FOOT-CONTENT	{
	width:740px;
	margin:0px auto;
	text-align:left;
	background-image:url(../images/bg-foot-content.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-top:20px;
	color:#FFFFFF;
}
.waku400	{
	float:left;
	width:400px;
}
#FOOT-CONTENT img	{
	margin-bottom:5px;
	float:left;
	width:200px;
}
#FOOT-CONTENT p	{
	float:left;
	width:400px;
	font-size: 90%;
}
#FOOT-CONTENT span	{
	font-size:85%;
	display:block;
	color:#AAAAAA;
	float:right;
	width:300px;
	text-align:right;
}
/*===============================================
R-Menu
===============================================*/
#R-Menu	{
	width:70px;
	height:115px;
	background-image:url(../images/r-button-bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
	top:0px;
	right:0px;
}
#R-Menu div	{
	padding:72px 0px 0px 3px;
	text-align:left;
}
#R-Menu a	{
	display:block;	
	width:55px;
	height:35px;
	background-image:url(../images/r-button.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:0px auto;
}
#R-Menu a:hover	{
	background-position:0px -35px;
}
/*===============================================
FORM
===============================================*/
label	{
	padding-right:5px;
}
.ipt	{
	color:#FF0000;
	font-size:80%;
}
.msg	{
	color:#191919;	
	margin:15px 0px 15px 0px;
	text-align:center;
	font-size:12px;
}
.error_form	{
	background-color:#FFE9E9;
}
.error	{
	padding:15px 30px;
	color:#333333;
}
.error a	{
	color:#FF0000;
	text-decoration:none;
}
.error a:hover,
.error a:focus	{
	color:#FF0000;
	text-decoration:underline;
}
.inquiryButtons	{
	text-align:center;
	padding:10px;
}
.exp	{
	display:block;
	font-size:90%;
	color:#666666;
}
/*===============================================
class
===============================================*/
.alR	{ text-align:right; }
.alC	{ text-align:center; }
.alL	{ text-align:left; }
.total	{
	text-align:right;
	font-size:90%;
	margin-bottom:10px;
	color:#666666;
}
.paging	{
	text-align:center;
	margin:10px 0px;
	font-size:90%;
}
/*===============================================

===============================================*/
/*--------------------for MacIE--------------------*/
#HEAD h1 span,
#HEAD h2 span,
#VISUAL2 span,
#NAVI-GROVAL span,
/*#MENU strong,*/
/*#SUBMENU span,*/
/*#PAGETOP span,*/
#FOOTMENU span,
#R-Menu span	{
	text-indent:-9999px;
}
/*--------------------MacIE HACK--------------------\*/
#HEAD h1 span,
#HEAD h2 span,
#VISUAL2 span,
#NAVI-GROVAL span,
/*#MENU strong,*/
/*#SUBMENU span,*/
/*#PAGETOP span,*/
#FOOTMENU span,
#R-Menu span	{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}
/*===============================================
float
===============================================*/
.flL	{ float:left; }
.flR	{ float:right; }
/*===============================================
clearfix
===============================================*/
.clearfix:after,
.estate:after,
.SUB:after,
.SUB-R:after,
.blogbox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
.estate,
.SUB,
.SUB-R,
.blogbox {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix,
*html .estate,
*html .SUB,
*html .SUB-R,
*html .blogbox {
	height:1%;
}
.clearfix,
.estate,
.SUB
.SUB-R,
.blogbox  {
	display:block;
}
/* End hide from IE-mac */