@charset "utf-8";
/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

body {
	background-color:#ffffff;
	margin: 0 auto;
	line-height:200%;
	color:#666666;
	text-align:center;
	font-size: 12px;
}

html {
	overflow-y:scroll;
}

p	{
	margin-bottom:1em;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

img,
fieldset {
	border:0;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

table, td, th	{
	padding:1px;
}

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color:#0033cc;
	text-decoration:underline;
}

a:link {
	color:#0033cc;
	text-decoration:underline;
}

a:visited {
	color:#0033cc;
	text-decoration:underline;
}

a:hover {
	color:#cc3300;
	text-decoration:none;
}

a:active {
	color:#cc3300;
	text-decoration:none;
}

/*=============================================
 container
===============================================*/
#container {
	width: 100%;
	padding:0;
	margin:0 auto;
	text-align:center;
}


/*=============================================
 header
===============================================*/

#header {
	padding:0;
	margin:0 auto;
	text-align:center;
}

#header_top	{
	margin:0 auto;
	text-align:center;
	padding:5px;
	background-color:#efefef;
	border-bottom:1px solid #cccccc;
	font-size:12px;
}

#description	{
	margin:0 auto;
	width:890px;
	text-align:left;
	padding:0;
}

#header_body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	background:#ffffff url(../images/bg_mainimage.gif) repeat-x bottom;
	width: 900px;
	height: 178px;
}

#header_body h1 {
	margin:0 auto;
	font-size:0;
	visibility:hidden;
	line-height:0;
	text-decoration:none;
	text-indent: -9877em;
}
/*
#header_body h1 {
	margin:0 auto;
	text-align:center;
	display: block;
	text-decoration:none;
	text-indent: -9877em;
	background: url("../images/obj_sitetitle.jpg") no-repeat top;
	overflow:hidden;
}
*/

#header_bottom	{
	margin:0 auto;
	text-align:center;
	padding:0;
	background-image:url("../images/bg_header-bottom.gif");
	height:44px;
}

/*=============================================
 global navigation
===============================================*/
#g_navi {
	margin:0 auto;
	text-align:center;
	width:900px;
	height:44px;
	padding:0px;
	background:url("../images/bg_g-navi.gif") no-repeat top;
}

#g_navi ul {
	padding:0;
	margin-left:30px;
}

#g_navi ul li {
	display:inline;
	list-style-type:none;
}

#g_navi ul li a {
	display:block;
	float:left;
	height:44px;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

#g_navi ul li.home a {
	width:100px;
	background: url("../images/bt_g-navi.gif") -30px 0px;
}

#g_navi ul li.ourservice a {
	width:105px;
	background: url("../images/bt_g-navi.gif") -130px 0px;
}

#g_navi ul li.partner a {
	width:178px;
	background: url("../images/bt_g-navi.gif") -235px 0px;
}

#g_navi ul li.housing a {
	width:108px;
	background: url("../images/bt_g-navi.gif") -413px 0px;
}

#g_navi ul li.topics a {
	width:105px;
	background: url("../images/bt_g-navi.gif") -521px 0px;
}

#g_navi ul li.aboutus a {
	width:110px;
	background: url("../images/bt_g-navi.gif") -626px 0px;
}

#g_navi ul li.contactus a {
	width:134px;
	background: url("../images/bt_g-navi.gif") -736px 0px;
}


#g_navi ul li.home a:hover {
	width:100px;
	background: url("../images/bt_g-navi.gif") -30px -44px;
}

#g_navi ul li.ourservice a:hover {
	width:105px;
	background: url("../images/bt_g-navi.gif") -130px -44px;
}

#g_navi ul li.partner a:hover {
	width:178px;
	background: url("../images/bt_g-navi.gif") -235px -44px;
}

#g_navi ul li.housing a:hover {
	width:108px;
	background: url("../images/bt_g-navi.gif") -413px -44px;
}

#g_navi ul li.topics a:hover {
	width:105px;
	background: url("../images/bt_g-navi.gif") -521px -44px;
}

#g_navi ul li.aboutus a:hover {
	width:110px;
	background: url("../images/bt_g-navi.gif") -626px -44px;
}

#g_navi ul li.contactus a:hover {
	width:134px;
	background: url("../images/bt_g-navi.gif") -736px -44px;
}


#g_navi ul li.home_on a {
	width:100px;
	background: url("../images/bt_g-navi.gif") -30px -88px;
}

#g_navi ul li.ourservice_on a {
	width:105px;
	background: url("../images/bt_g-navi.gif") -130px -88px;
}

#g_navi ul li.partner_on a {
	width:178px;
	background: url("../images/bt_g-navi.gif") -235px -88px;
}

#g_navi ul li.housing_on a {
	width:108px;
	background: url("../images/bt_g-navi.gif") -413px -88px;
}

#g_navi ul li.topics_on a {
	width:105px;
	background: url("../images/bt_g-navi.gif") -521px -88px;
}

#g_navi ul li.aboutus_on a {
	width:110px;
	background: url("../images/bt_g-navi.gif") -626px -88px;
}

#g_navi ul li.contactus_on a {
	width:134px;
	background: url("../images/bt_g-navi.gif") -736px -88px;
}


/*=============================================
 body
===============================================*/
#body {
	padding:20px 0 0 0;
	margin:0 auto;
	width:900px;
	text-align:left;
	overflow: hidden;
	height:100%;
}

#body_left {
	float:right;
	width:660px;
	padding:0px;
	margin:0;
	overflow: hidden;
	height:100%;
}

#body_left #body_left_inner {
	padding:0 5px 0 15px;
	margin:0;
	overflow: hidden;
	text-align:left;
}

#body_right {
	float:left;
	width:240px;
	padding:0px;
	margin:0;
	overflow: hidden;
	height:100%;
}

#body_right #body_right_inner {
	padding:0 15px 0 5px;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
}

#housing_body	{
	width:220px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
}

img.banners	{
	margin:10px 0;
}

.inner	{
	padding:10px;
	text-align:left;
}

/*=============================================
 footer
===============================================*/
#footer {
	clear:both;
	padding:20px 0 0 0;
	margin:0 auto;
	text-align:center;
}

#footer_inner {
	margin:0 auto;
	text-align:center;
	width:900px;
	background-color:#efefef;
}

#footer #copy	{
	margin:0 auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}


#group_list	{
	text-align:center;
	padding:10px 30px;
}

#group_list ul#group_navi {
	line-height:200%;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:12px;
}

#group_list ul#group_navi li {
	padding:0px;
	margin:0px;
	display:inline;
	list-style-type:none;
}

#group_list a {
	color:#666666;
	text-decoration:underline;
}

#group_list a:link {
	color:#666666;
	text-decoration:underline;
}

#group_list a:visited {
	color:#666666;
	text-decoration:underline;
}

#group_list a:hover {
	color:#ff9900;
	text-decoration:none;
}

#group_list a:active {
	color:#ff9900;
	text-decoration:none;
}

h3#group	{
	display:block;
	padding-bottom:10px;
	margin:0 auto;
	height:40px;
	width:230px;
	text-indent:-9877em;
	text-decoration:none;
	background:url("../images/txt_footer-grouplist.gif") no-repeat;
}


.banner_hitachi	{
	border:1px #000000 solid;
	text-align:center;
	margin:auto 0;
	vertical-align:middle;
	font-size:10px;
	padding:5px 0 0 0;
	margin-bottom:10px;
	width:200px;
}

.banner_hitachi a	{
	display:block;
	width:198px;
	height:60px;
}


#breadcrumb	{
	padding:5px 0 10px 15px;
}