@charset "utf-8";

body{
	font-size: 75%;
	color: #333333;
}

#header,
#navi ul,
#content,
#footer{
	width: 970px;
	margin: auto;
}



/*--------------------------------------------
#common
---------------------------------------------*/

a{
	text-decoration: underline;
	color: #0000ff;
}


.right{
	float: right;
}

.left{
	float: left;
}

.clear{
	clear: both;
}

.align_center{
	text-align: center;	
}

.align_right{
	text-align: right;	
}

.align_left{
	text-align: left;	
}

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  

.no_border{
	border: none;
}

.alpha:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);  	
}

.mb_1{
	margin-bottom: 10px;
}

.mb_2{
	margin-bottom: 20px;
}

.mb_3{
	margin-bottom: 30px;
}

.fnt_10{
	font-size: 83.3%;		
}

.fnt_14{
	font-size: 116.7%;
}

.fnt_16{
	font-size: 133.3%;
}

.bold{
	font-weight: bold;
}
/*--------------------------------------------
#header 
---------------------------------------------*/

#header{
	background: url(../images/common/header_bg.jpg) no-repeat right top;
	height: 90px;
}

#header_left{
	float: left;
	width: 480px;
	margin-top: 7px;
}

#header_logo{
	background: url(../images/common/header_logo.jpg) no-repeat;
	width: 391px;
	height: 61px;
	text-indent: -9999px;
}

#header_logo a{
	display: block;
	width: 391px;
	height: 61px;
}

#header_tel{
	float: right; 
	margin: 7px 165px 0 0;
}


/*--------------------------------------------
#navi 
---------------------------------------------*/
#navi{
	clear: both;
	background: url(../images/common/navi_bg.jpg) repeat-x;	
	height: 50px;
	width: 100%;
	overflow: hidden;
}

#navi ul{
	background: url(../images/common/navi.jpg) no-repeat;
	height: 50px;
	margin: auto;
}

#navi ul li{
	float: left;
	text-indent: -9999px;
}

#navi #nav1{
	width: 	120px;
}

#navi #nav2,
#navi #nav3,
#navi #nav4,
#navi #nav5,
#navi #nav6{
	width: 170px;
}


#navi a{
	height: 50px;
	display: block;	
}

#navi a:hover{
	background-color: #ffffff;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;	
}

#navi #nav1 a{
	width: 	120px;
}

#navi #nav2 a,
#navi #nav3 a,
#navi #nav4 a,
#navi #nav5 a,
#navi #nav6 a{
	width: 170px;
}



/*--------------------------------------------
#company_nav
---------------------------------------------*/

#company_nav{
	margin: 20px 0 30px;
}

#company_nav ul{
	float: right;
}

#company_nav li{
	width: 140px;
	height: 40px;
	float: left;
	margin-left: 10px;
	text-indent: -9999px;
}

#company_nav li a{
	display: block;	
	width: 140px;
	height: 40px;
}

#company_nav #company_nav1{
	background: url(../images/company/common/nav1_off.jpg) no-repeat;
}

#company_nav #company_nav2{
	background: url(../images/company/common/nav2_off.jpg) no-repeat;
}

#company_nav #company_nav3{
	background: url(../images/company/common/nav3_off.jpg) no-repeat;
}

#company_nav #company_nav4{
	background: url(../images/company/common/nav4_off.jpg) no-repeat;
}



#company_nav #company_nav1 a:hover{
	background: url(../images/company/common/nav1_on.jpg) no-repeat;
}

#company_nav #company_nav2 a:hover{
	background: url(../images/company/common/nav2_on.jpg) no-repeat;
}

#company_nav #company_nav3 a:hover{
	background: url(../images/company/common/nav3_on.jpg) no-repeat;
}

#company_nav #company_nav4 a:hover{
	background: url(../images/company/common/nav4_on.jpg) no-repeat;
}




#info_visited #company_nav #company_nav1{
	background: url(../images/company/common/nav1_on.jpg) no-repeat;
}

#staff_visited #company_nav #company_nav2{
	background: url(../images/company/common/nav2_on.jpg) no-repeat;
}

#recruit_visited #company_nav #company_nav3{
	background: url(../images/company/common/nav3_on.jpg) no-repeat;
}

#business_partner_visited #company_nav #company_nav4{
	background: url(../images/company/common/nav4_on.jpg) no-repeat;
}




/*--------------------------------------------
#content
---------------------------------------------*/

#bg_content{
	background: url(../images/common/bg_content.jpg) no-repeat;
	width: 1200px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	z-index: 1;	
}

#content_wrapper{
	background: url(../images/common/bg_content_wrapper.jpg) repeat-x;
	margin: 0;
}

#content{
	position:relative;
	z-index: 2;
	top: -110px;
}

#content #breadcrumb{
	margin: 20px 0 15px;
}

#content #breadcrumb a{
	color: #333333;
}

#content h2{
	width: 750px;
	height: 22px;
	padding: 12px 0 12px 20px;
	font-size: 133.3%;
	margin-bottom: 20px;
	clear: both;
}

#content h2.blue{
	background: url(../images/common/h2_bg_blue.jpg) no-repeat;	
}

#content h2.green{
	background: url(../images/common/h2_bg_green.jpg) no-repeat;	
}

#content h2.orange{
	background: url(../images/common/h2_bg_orange.jpg) no-repeat;	
}

#content h2.pink{
	background: url(../images/common/h2_bg_pink.jpg) no-repeat;	
}

#content h2.purple{
	background: url(../images/common/h2_bg_purple.jpg) no-repeat;	
}

#content h2.navy{
	background: url(../images/common/h2_bg_navy.jpg) no-repeat;	
}

#content #main{
	float: left;
	width: 750px;
}



#plan_list{
	margin: 30px 0;
	padding: 13px 20px;
	background: url(../images/renovation_plan/house_renovation/bg03.jpg) no-repeat;
	width: 710px;
	height: 154px;
}

#plan_list ul{
	margin-top: 10px;
}

#plan_list ul li{
	float: left;
	margin: 0 6px 10px 6px;
}


#btm_contact{
	margin: 40px 0 60px;
}

#to_pagetop{
	clear: both;
	text-align: right;	
	margin-bottom: 40px;
}
/*--------------------------------------------
#side
---------------------------------------------*/
#side{
	float: right;
	width: 200px;
}

#side p{
	text-align: center;
	margin: 5px 0;
}

#side a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	
	
}


#side .bnrHomepro{
	width: 180px;
	margin: 5px auto;
}

#side .bnrHomepro a{
	display: block;
	background: url(../images/common/side_bnrBorder.jpg) no-repeat;
	width: 180px;
	height: 55px;
	padding: 5px 0 0;
}

#side .bnrHomepro img{
	margin-left: 0px;
}

#side #side_contact{
	background: url(../images/common/side_bg01_pt2.png) no-repeat;
	width: 200px;
	height: 53px;
	padding-top: 158px;
	margin-bottom: 10px;	
}


#side #side_area{
	background: url(../images/common/side_bg05.png) no-repeat;
	width: 200px;
	height: 46px;		
	padding-top: 250px;
}

#side #block1{
	background: url(../images/common/side_title01.jpg) no-repeat;
	border: solid #cccccc 1px;
	border-top: none;
	margin-bottom: 10px;
	padding: 40px 0 5px;
}

#side #block2{
	background: url(../images/common/side_title02.jpg) no-repeat;
	border: solid #cccccc 1px;
	border-top: none;
	margin-top: 10px;
	padding: 50px 0 5px;
}


/*--------------------------------------------
#footer
---------------------------------------------*/
hr.line_btm{
	color: #02509b;
	clear: both;
	width: 100%;
	margin: 20px 0;
}

#footer{
	clear: both;
}

#footer #footer_logo{
	background: url(../images/common/footer_logo.jpg) no-repeat;
	width: 224px;
	height: 213px;
	text-indent: -9999px;
	float: left;
}

#footer #footer_right{
	float: right;
	width: 720px;
}

#footer ul li{
	float: left;
	width: 160px;
	padding: 0 0 10px 20px;
	background: url(../images/common/footer_marker.gif) no-repeat left 1px;
}

#footer #copyright{
	font-size: 83.3%;
	margin: 10px 0;
}