@charset "utf-8";


/* Suggested order(via Mozilla.org):
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */



/* Structure
------------------------------------------------*/
body{
	background:url(../img/bg.jpg) no-repeat center top;
}

#container{
	width:860px;
	margin:0 auto;
}

#header{
	width:860px;
	margin:0 0 30px;
}
#header h1{
	margin:17px 0 20px;
}

#header p#estate{
	_padding:8px 0 0 0;
	margin:5px 0 0 0;
	float:right;
}

#header p#estate a{
	display:block;
	width:171px;
	height:32px;
	background:url(../img/btn_estimate.png) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	overflow:hidden;}
#header p#estate a:hover {
	background-position: 0 -32px;
	}
#header ul{
	width:860px;
	height:32px;
}
#header li{
	float:left;
}


#content{
	margin:0 0 50px 0;
	background:url(../img/bg_content.gif) top left repeat-y;
}

#content_body{
	float:left;
	width:605px;
	padding:35px 0 35px 30px;
	border:1px solid #ccc;
	color:#333;
}

#content_body p{
	margin-bottom:1em;
}

ul#bannerArea { width:860px; margin:0 0 40px 0;}
ul#bannerArea li { float:left; width:215px;}


/* Navigation
------------------------------------------------*/
#global_nav{
	height:32px;
	position:relative;
	background:url(../img/bg_global_nav.jpg) left bottom no-repeat;
}
#global_nav ul{
	position:absolute;
	top:0;
	left:0;
}
#global_nav a{
	display:block;
	float:left;
	width:123px;
	height:32px;
	background:url(../img/global_nav.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
#gnav_company a{	background-position:0 0; }
#gnav_stance a{		background-position:-123px 0; }
#gnav_works a{		background-position:-246px 0; }
#gnav_service a{	background-position:-369px 0; }
#gnav_flow a{		background-position:-492px 0; }
#gnav_recruit a{	background-position:-615px 0; }
#gnav_contact a{	background-position:-738px 0; width:122px; }

#gnav_company.on a,
#gnav_company a:hover{	background-position:0 -32px; }
#gnav_stance.on a,
#gnav_stance a:hover{	background-position:-123px -32px; }
#gnav_works.on a,
#gnav_works a:hover{	background-position:-246px -32px; }
#gnav_service.on a,
#gnav_service a:hover{	background-position:-369px -32px; }
#gnav_flow.on a,
#gnav_flow a:hover{		background-position:-492px -32px; }
#gnav_recruit.on a,
#gnav_recruit a:hover{	background-position:-615px -32px; }
#gnav_contact.on a,
#gnav_contact a:hover{	background-position:-738px -32px; width:122px; }

#fxBar{
	position:absolute;
	top:0;
	width:122px;
	height:16px;
	border-bottom:3px solid #000;
	font-size:0;
	line-height:0;
}



/* Sub Navigation
------------------------------------------------*/
#sub_nav {
	position:relative;
	float:left;
	width:195px;
	margin:0 15px 0 -10px;
	background-repeat:no-repeat;
}
#sub_nav a{
	display:block;
	height:38px;
	width:195px;
}


#sub_nav01 a{ background-position:0 0;}
#sub_nav02 a{ background-position:0 -38px;}
#sub_nav03 a{ background-position:0 -76px;}

#sub_nav01 a:hover{ background-position:-195px 0;}
#sub_nav02 a:hover{ background-position:-195px -38px;}
#sub_nav03 a:hover{ background-position:-195px -76px;}

#sub_nav01.on a{ background-position:-390px 0;}
#sub_nav02.on a{ background-position:-390px -38px;}
#sub_nav03.on a{ background-position:-390px -76px;}

#sub_nav01.on a:hover{ background-position:-585px 0;}
#sub_nav02.on a:hover{ background-position:-585px -38px;}
#sub_nav03.on a:hover{ background-position:-585px -76px;}



/* Footer
------------------------------------------------*/
#footer_tab li{
	float:left;
	width:137px;
	height:23px;
	background-image:url(../img/ftr_tab.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}
#sitemap{ background-position:0 0; }
#for_agency{ background-position:-137px 0; }
#for_company{ background-position:-274px 0; }

#sitemap.active{ background-position:0 -23px; }
#for_agency.active{ background-position:-137px -23px; }
#for_company.active{ background-position:-274px -23px; }

#footer_body{
	padding:15px 20px 2em;
	background:#999 url(../img/ftr_bg_top.jpg) no-repeat 0 0;
	color:#FFFFFF;
	font-size:11px;
	line-height:1.4;
	font-weight:normal;
}
#footer_body a{
	color:#FFFFFF;
}
#footer_body a:hover{
	color:#ddd;
}
#footer_body a.active,
#footer_body a.active:hover{
	background:url(../img/ftr_bg_active.jpg) no-repeat 0 2px;
	color:#999;
	text-decoration:none;
	cursor:default;
}

#footer_switch{
	float:left;
	width:540px;
}
#contact_block{
	float:right;
	width:229px;
	padding-left:10px;
	border-left:1px solid #ccc;
}
#contact_block img{
	vertical-align:text-bottom;
}
#contact_block a{
	display:block;
	height:31px;
}
#contact_block h3{
	margin-bottom:0.5em;
}


.sitemap_box{
	float:left;
	width:110px;
	margin:0 23px 0 0;
}
.sitemap_box h3{
	margin-bottom:5px;
}
.sitemap_box li a{
	display:block;
	width:100px;
	padding:0 0 0 12px;
	font-size:10px;
	line-height:2;
	background:url(../img/ftr_icon_allow.gif) no-repeat 0 7px;
}
.sitemap_box li a:hover{
	background-position:0 7px;
}


#copyright{
	clear:both;
	padding-top:15px;
}



/* Home
------------------------------------------------*/
#home #header{
	margin:0 0 15px;
}
#home #killer{
	height:380px;
	margin:0 -40px;
	background:url(../img/killer_txt.jpg) no-repeat 700px 119px;
}
#home #content{
	font-size:11px;
	line-height:1.3;
	background:none;
}

#home #left{
	float:left;
	width:600px;
	background:url(../img/home_bg_ttl01.png) no-repeat 0 0;
}
#home .row1{
	padding-bottom:2em;
}
#home .ctn_box{
	position:relative;
	float:left;
	width:259px;
	min-height:140px;
	margin:0;
	padding:0 30px 0 11px;
}
#home .ctn_box .new_logo{
	position:relative;
	margin:0 1px 0 -38px;
	top:-3px;
}
#home .ctn_box dd{
	margin-bottom:0.75em;
}
#home .ctn_box dd a{
	display:block;
}

#home #sidebar{
	float:left;
	width:260px;
}
#home #service_block{
	width:259px;
	margin:0 0 20px 0;
	border-left:1px solid #ccc;
}
#home .services{
	min-height:50px;
	margin:0 0 13px 0;
	padding:0 10px 0 8px;
}
#home .services a{
	display:block;
}
#home .services a:hover{
	color:#E00729;
	text-decoration:none;
}
#home #sales_box{
	border-left:4px solid #00A0E9;
}
#home #pr_box{
	border-left:4px solid #E4007F;
}
#home #tool_box{
	border-left:4px solid #FFF100;
}
#home #other_box{
	margin:0;
	border-left:4px solid #333;
}


/* Add style seat
------------------------------------------------*/
div#bannerAreaBox { width:860px; margin-bottom:70px; background:url(../img/home_bg_ttl02.png) no-repeat 0 0; }

ul.bArea { width:860px; }
ul.bArea li.left { width:259px; padding:0 30px 0 11px; float:left; }
ul.bArea li.center { width:259px; padding:0 30px 0 0; float:left; }
ul.bArea li.right { width:259px; padding:0 0 0 11px; float:left;  }