@charset "utf-8";
/* CSS Document */


#header_wrap{ padding-bottom: 0;}

#header_sub{
position: relative;
z-index: 2;
}
#header_top_wrap{
background: url(../../img/top/top_main_image_bg.jpg) center top repeat-x;
clear: both;
position: relative;
width: 100%;
height: 835px;
z-index: 1;
}
#header_top{
width: 1216px;
height: 724px;
position: absolute;
top: -7px;
left: 50%;
margin-left: -608px;
}
#btn_result{
background: url(../../img/top/btn_result.gif) left top no-repeat;
display: block;
width: 518px;
height: 143px;
text-indent: -999em;
overflow: hidden;
position: absolute;
left: 50%;
bottom: -83px;
margin-left: -256px;
}
#btn_worksbtn {
	height: 73px;
	width: 340px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}



#container{
background: url(../img/contents_wrap_bg.jpg) left top repeat-x;
width: 100%;
clear: both;
position: relative;
/z-index: 1;/*IE6,7*/
}

#global_menu_wrap{
height: 83px;
width: 950px;
position: absolute;
top: -30px;
left: 50%;
margin-left: -475px;
z-index: 6;
}

#contents_wrap{
padding-top: 30px;
_padding-top: 100px;
}

#portfolio{ margin-bottom: 60px;}
#portfolio ul{ zoom: 1;}
#portfolio ul.list01{
margin-right: -2px;
_margin-right: -4px;
}
#portfolio ul.list02{
margin-right: -3px;
_margin-right: -6px;
}
#portfolio li{
background: #000000;
float: left;
text-align: center;
}

#portfolio li a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#portfolio li a:hover{ text-decoration: underline;}
#portfolio ul.list01 li{
width: 187px;
font-size: 14px;
padding: 10px 9px;
margin: 0 2px 10px 0;
}
#portfolio ul.list02 li{
width: 146px;
font-size: 12px;
padding: 6px 3px;
margin: 0 3px 0 0;
}
#portfolio ul li a.thumb,
#portfolio ul li img{ overflow: hidden; float: left;}
#portfolio ul li a.thumb:hover{ border: 2px solid #CC0000;}
#portfolio ul li a.thumb:hover img{ margin: -2px;}


#service{
border: 1px solid #CCCCCC;
border-top: none;
width: 600px;
padding: 15px 9px;
margin-bottom: 10px;
}
#service a{ text-decoration: none;}
#service a:hover{ text-decoration: underline;}
#service .box{
background: #F1F5FA;
padding: 10px 18px 10px 21px;
margin-bottom: 20px;
}
#service .box .f_left,
#service .box .f_right{ width: 270px; position: relative;}
#service .box .thumb{ float: left;}
#service .box dl{
width: 135px;
float: right;
}
#service .box dt{
background: url(../../img/top/service_icon.jpg) left 3px no-repeat;
padding-left: 18px;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
}
#service .box dd{
position: absolute;
right: 0;
bottom: 0;
width: 135px;
line-height: 1.4;
}
#service .box dd a{ color: #2A7CA5;}


#new_info dl{ width: 620px; margin: 0 auto; font-size: 12px;}
#new_info dt{ float: left; width: 90px; font-weight: bold; margin-bottom: 15px;}
/*\*/
#new_info dt{ clear: both;}
/**/
#new_info dd{
background: url(../img/dotline.jpg) left bottom repeat-x;
padding: 0 0 10px 90px;
margin-bottom: 10px;
}
/*\*/
*html #new_info dd{ float: none;}
/**/
*:first-child+html #new_info dd{ float: none;}


.contents_box{
border: 1px solid #CCCCCC;
border-top: none;
padding: 30px 0;
}

#top_portfolio{
width: 640px;
margin: 0 auto;
}
#top_portfolio ul{
zoom: 1;
margin-right: -15px;
_margin-right: -30px;
}
#top_portfolio li{
	width: 210px;
	float: left;
	text-align: center;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0;
}
#top_portfolio a{
background: url(../img/line_black.jpg) left top repeat;
display: block;
padding: 10px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
text-decoration: none;
}
#top_portfolio a:hover{
background: url(../img/line_red.jpg) left top repeat;
}
#top_portfolio li img{
	margin-top: 5px;
}

#servicelist{
padding: 29px;
}
#servicelist .ttl{
background: url(../../img/top/servicelist_ttl.jpg) left bottom no-repeat;
padding-left: 25px;
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
}
#servicelist .box{
background: #F5F5F5;
padding: 8px 21px;
width: 588px;
position: relative;
}
#servicelist .f_left,
#servicelist .f_right{
width: 270px;
height: 160px;
position: relative;
}
#servicelist .f_left .f_left,
#servicelist .f_right .f_left{
width: 120px;
}
#servicelist .f_left .f_left img,
#servicelist .f_right .f_left img{
border: 1px solid #CCCCCC;
}
#servicelist .f_left .f_left a:hover img,
#servicelist .f_right .f_left a:hover img{
border: 1px solid #CC0000;
}
#servicelist .f_left .f_right,
#servicelist .f_right .f_right{
width: 140px;
}
#servicelist .f_left .f_right dt,
#servicelist .f_right .f_right dt{
background: url(../../img/top/service_icon.jpg) left 2px no-repeat;
padding-left: 17px;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
_zoom: 1;
}
#servicelist .f_left .f_right dd,
#servicelist .f_right .f_right dd{
	position: absolute;
	width: 140px;
	right: 0;
	bottom: 0;
	line-height: 1.4;
	font-size: 12px;
}


#new_info_ttl{ position: relative;}
#new_info_ttl a{
	background: url(../../img/top/more_icon.jpg) left center no-repeat;
	padding-left: 10px;
	position: absolute;
	color: #FFFFFF;
	right: 20px;
	top: 6px;
	font-size: 10px;
}