@charset "shift_jis";

/******************************************************************************

        ALL COPY RIGHTS,Assort.Corporation RESERBED.

******************************************************************************/

/*---------------------
	Global Reset
---------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
pre,form,fieldset,input,textarea,table,th,td,img
  {
  margin:0;padding:0;
  font-style:normal; font-weight:normal;
  text-decoration:none;
  }
h1,h2,h3,h4,h5,h6,th 	{ font-size:100%; font-style:normal; margin:0; padding:0; font-weight:normal;}  
a				{ border:none;}
img 			{ border:none; vertical-align:top;}

/*-------------------- 
		clearfix
---------------------*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix		{ display:inline-block;}
/* Hides from MacIE \*/
*html .clearfix { height:1%;}
.clearfix 		{ display:block;}
/* End hide from MacIE */

/*-------------------------------------------------------------------------
								body
-------------------------------------------------------------------------*/

html{ overflow-y:scroll;}  
   
body{
	height: 100%;
	color:#333;
	text-align:center;
	background: url(../images/common/bg.gif) left top repeat;
	}

a			{ color:#0D0057; text-decoration:underline;}
a:visited	{ color:#0D0057; text-decoration:underline;}
a:hover		{ color:#0D0057; text-decoration:none;}
a:active	{ color:#0D0057; text-decoration:underline;}

/*-------------------------------------------------------------------------
							wrapper,contents
-------------------------------------------------------------------------*/

#wrapper{
	width:806px;
	margin:0 auto;
	padding-bottom: 6px;
	text-align:center;
	background: url(../images/common/bg_bottom.png) left bottom no-repeat;
}

#wrapper_inner{
	width:800px;
	margin:0 auto;
	padding: 0 3px;
	text-align:center;
	background: url(../images/common/bg_middle.png) left top repeat-y;
}
	
/*-------------------------------------------------------------------------
								header
-------------------------------------------------------------------------*/

#header	{
	position:relative;
	height:115px;
	background:url(../img/base/header.jpg) no-repeat;
	font-size:0.8em;
}	

#logo{
	position:absolute;
	top:10px;
	left:10px;
	width: 329px;
	height: 55px;
	padding: 0 0 0 61px;
	background: url(../images/common/ci.gif) left top no-repeat;
}

#logo span{
	text-indent: -9999px;
}

#logo span a{
	position:absolute;
	top:0px;
	left:60px;
	width: 329px;
	height: 30px;
	padding: 0;
	background: url(../images/common/logo.gif) left top no-repeat;
}

#header_catch{
	position:absolute;
	top:53px;
	left:90px;
	text-align:left;
	line-height:1.3;
	font-size: 10px;
}
	
#header #tel{
	position:absolute;
	top:10px;
	right:10px;
	text-indent: -9999px;
	width: 191px;
	height: 21px;
	background: url(../images/common/tel01.gif) left top no-repeat
}

#header_addres{
	position:absolute;
	top:37px;
	/*right:10px;*/
	right:18px;
	text-align:right;
	line-height:1.5;
	font-size: 10px;
}
#header .message01{
	position:absolute;
	top:80px;
	left:87px;
}
#header .message01 img{
	padding:8px 72px 8px 8px;
	border:1px solid #0d0057;
}

/*-------------------------------------------------------------------------
								NAVIGATION
-------------------------------------------------------------------------*/

#header ul{
	position:absolute;
	top:76px;
	left:9px;
	width: 782px;
	height:34px;
	list-style-type:none;
	background: url(../images/common/navi.gif) -3px top no-repeat;
}

#header li{float:left; text-indent: -9999px;}
#header li a{display: block;width: 130px; height: 34px; overflow: hidden;}

#header li#navi_top a {width: 131px;background: url(../images/common/navi.gif) left top no-repeat}
#header li#navi_top a:hover {background: url(../images/common/navi.gif) left -34px no-repeat}

#header li#navi_service a {background: url(../images/common/navi.gif) -131px top no-repeat}
#header li#navi_service a:hover {background: url(../images/common/navi.gif) -131px -34px no-repeat}
#service #header li#navi_service a {background: url(../images/common/navi.gif) -131px -34px no-repeat}
#service #header li#navi_service a:hover {background: url(../images/common/navi.gif) -131px -34px no-repeat}

#header li#navi_property a {background: url(../images/common/navi.gif) -261px top no-repeat}
#header li#navi_property a:hover {background: url(../images/common/navi.gif) -261px -34px no-repeat}
#property #header li#navi_property a {background: url(../images/common/navi.gif) -261px -34px no-repeat}
#property #header li#navi_property a:hover {background: url(../images/common/navi.gif) -261px -34px no-repeat}

#header li#navi_company a {background: url(../images/common/navi.gif) -391px top no-repeat}
#header li#navi_company a:hover {background: url(../images/common/navi.gif) -391px -34px no-repeat}
#company #header li#navi_company a {background: url(../images/common/navi.gif) -391px -34px no-repeat}
#company #header li#navi_company a:hover {background: url(../images/common/navi.gif) -391px -34px no-repeat}

#header li#navi_estate a {background: url(../images/common/navi.gif) -521px top no-repeat}
#header li#navi_estate a:hover {background: url(../images/common/navi.gif) -521px -34px no-repeat}
#estate #header li#navi_estate a {background: url(../images/common/navi.gif) -521px -34px no-repeat}
#estate #header li#navi_estate a:hover {background: url(../images/common/navi.gif) -521px -34px no-repeat}

#header li#navi_contact a {background: url(../images/common/navi.gif) -652px top no-repeat}
#header li#navi_contact a:hover {background: url(../images/common/navi.gif) -652px -34px no-repeat}
#contact #header li#navi_contact a {background: url(../images/common/navi.gif) -652px -34px no-repeat}
#contact #header li#navi_contact a:hover {background: url(../images/common/navi.gif) -652px -34px no-repeat}

/*-------------------------------------------------------------------------
								content
-------------------------------------------------------------------------*/

#content{ height: 100%; padding: 0;text-align:left;}

#main .box .box_image{
	float:left;
	width:247px;
	text-align:center;
}


/*-------------------------------------------------------------------------
								footer
-------------------------------------------------------------------------*/


#footer{
	clear:both;
	width:800px;
	height: 56px;
	text-align:center;
	font-size:0.8em;
	background: url(../images/common/border_01.gif) left top no-repeat;
}

#footer ul{
	float: right;
	list-style: none;
	text-align:left;
	padding: 11px 19px 5px 0;
}

#footer ul li{
	float: left;
	text-indent: -9999px;
}

#footer ul li#foot_navi_sitemap{background: url(../images/common/footer_navi_sitemap_ov.gif) left top no-repeat}
#footer ul li#foot_navi_sitemap a{
	display: block;
	width: 79px;
	height: 14px;
	padding-right: 18px;
	background: url(../images/common/footer_navi_sitemap.gif) left top no-repeat;
}
#footer ul li#foot_navi_sitemap a:hover{background: url(../images/common/footer_navi_sitemap_ov.gif) left top no-repeat}

#footer ul li#foot_navi_policy{background: url(../images/common/footer_navi_policy_ov.gif) left top no-repeat}
#footer ul li#foot_navi_policy a{
	display: block;
	width: 100px;
	height: 14px;
	background: url(../images/common/footer_navi_policy.gif) left top no-repeat;
}
#footer ul li#foot_navi_policy a:hover{background: url(../images/common/footer_navi_policy_ov.gif) left top no-repeat}


address{
	clear: both;
	margin: 0 auto;
	font-weight:normal;
	font-style:normal;
}
