/*株式会社マーキュリー*/

/*************************************
1:master setting
**************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li ,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}
	


img {
display:block;
}

body {
	font: 14px/22px "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color:#333;
	width:100%;
	background-color:#fff;
	}
	


.clear{
	clear: both; line-height: 0;
}

.text_line_left{
	margin-left:30px;
}


.midle_line{
	margin-top:20px;
	line-height: 24px;
	font-size: 15px;
}



.text_line_right{
	margin-left:300px;
}

.img_line{
	background: transparent url("../img/company/line.jpg")  no-repeat;
	height:13px;
	margin-top: -5px;
}

a{
	text-decoration: none;
	color: #000000;
}

a:hover {
text-decoration: underline;
}

a:visited {color: #000000;}
/*************************************
2:TOP image & sidenavi
**************************************/
	
#top{
	position: relative;
	z-index: 0;
	background: url("../img/gyoumu/top_back_img.jpg") no-repeat center top;
}

/*************************************
縦ナビゲーションの枠を設定
**************************************/

dl{
	width:980px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	background: url("../img/gyoumu/work_content.jpg") no-repeat center top;
	position: relative;
}

dt{
	display:none;
}

/*************************************
縦ナビゲーションの個別設定
**************************************/

/*home*/

dd#home_map{
	top: 244px; left: 6px;
	position:absolute;
}

dd#home_map a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#home_map a:hover{position: absolute;
	background: transparent url("../img/company/home_on.jpg");
}

/*業務案内*/

dd#gyoumu{
	top: 282px; left: 6px;
	position:absolute;
}

dd#gyoumu a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
	background: transparent url("../img/company/gyoumu_on.jpg");
}

/*dd#gyoumu a:hover{
	position: absolute;
	background: transparent url("../img/company/gyoumu_on.jpg");
}*/


/*projects*/

dd#projects{
	top: 320px; left: -34px;
	position:absolute;
}

dd#projects a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#projects a:hover{
	position: absolute;
	background: transparent url("../img/company/projects_on.jpg");
}

/*会社概要*/

dd#company{
	top: 359px; left: 6px;
	position:absolute;
}

dd#company a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#company a:hover{
	position: absolute;
	background: transparent url("../img/company/company_on.jpg");
}

/*スタッフ*/

dd#staff{
	top: 397px; left: 6px;
	position:absolute;
	
}

dd#staff a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#staff a:hover{
	position: absolute;
	background: transparent url("../img/company/staff_on.jpg");
}

/*Q&A*/

dd#qa{
	top: 437px; left: 6px;
	position:absolute;
}

dd#qa a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#qa a:hover{
	position: absolute;
	background: transparent url("../img/company/qa_on.jpg");
}

/*用語集*/

dd#yougo{
	top: 475px; left: 6px;
	position:absolute;
}

dd#yougo a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#yougo a:hover{
	position: absolute;
	background: transparent url("../img/company/yougo_on.jpg");

}

/*お問い合わせ*/

dd#otoiawase{
	top: 514px; left: 6px;
	position:absolute;
}

dd#otoiawase a{
	position: absolute;
	width: 204px; height: 28px; text-decoration: none;
}

dd#otoiawase a:hover{
	position: absolute;
	background: transparent url("../img/otoiawase_on.jpg");
}


/*************************************
メインコンテンツの設置
**************************************/
h2{
	font-size:20px;
	line-height:26px;
	color:#00a7e4;
}

#main{
	width:980px;
	height:1500px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 1;
}

#left_side{
	width:215px;
	height:800px;
	float:left;
	text-align:center;
}

#left_side img{
	margin-left:auto;margin-right:auto;

}


#right_side{
	width:765px;
	float:left;
}

#banner img{
	margin-top:20px;
	
}


/*************************************
コンテンツ スタッフ（右側）
**************************************/
#content{
	margin-left:10px;
	width:780px;
	height:550px;
	margin-top:-400px;
}

#projects_left{
	margin-right:70px;
	float:left;
}

#content img{
	margin-bottom:20px;
}

#content h3{
	margin-top:20px;
}

.gyoumu_list li{
	 padding-left:25px;
	 margin:15px 0px 15px 0px;
	 height:25px;
	 background:url(../img/en.jpg) 0 4px no-repeat ;
}
	
.text_box{
	width:525px;
	float:left;
}

.photo{
	width:200px;
	margin-left:20px;
	float:right;
}


/*************************************
コンテンツ 担当案件（右側）
**************************************/
.table_bold{
	padding: 3px;
	font-weight:bold;
	width:160px;

}

#projects{
	width:780px;
	margin-left:40px;
}

#hisashita{
	margin-right:70px;
	float:left;
}

.kanren{
	width:780px;
	height:180px;
	margin-top:30px;
	margin-left:20px;
}

.kanren_left{
	width:200px;
	float:left;
}

#consulting{
	margin-left:20px;
}

#leasing{
	height:300px;
	margin-top:50px;
	margin-left:20px;

}
	
#management{
	margin-top:30px;
	margin-left:20px;

}

.yougo_list li{
	 padding-left:25px;
	 margin:15px 0px 15px 0px;
	 height:25px;
	 background:url(../img/en.jpg) 0 4px no-repeat ;
}
/*************************************
フッター
**************************************/

#footer{
	height:263px;
	background: url("../img/footer.jpg") repeat-x center;
	margin-left:auto;
	margin-right:auto;
}

#footer img{
	position:relative;
	top: -120px; left: 950px;
}

#footer p{
	font-size:10px;
}

#footer_lsit{
	padding:0;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	
}

#footer_company{
	float:left;
	width:200px;
	margin-right:80px;
	margin-top:30px;
}



#footer_menu li {
	float:left;
	margin-left:10px;
	margin-top:30px;
}

#inner{
	position:absolute;
	height:120px;
	margin-top:-30px;
	margin-left:345px;
}


#copyrihgt{
	margin-top:50px;
}

.fb-like{
	float:left;
	margin-top:15px;
	margin-left:20px;
}

.tweet{
	float:right;
	width:70px;
	margin-top:15px;
	margin-right:25px;
}