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

/*************************************
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/company/top_back_img.jpg") no-repeat center top;
}

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

dl{
	width:980px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	background: url("../img/company/company_header.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;
}

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

/*projects*/

dd#projects{
	top: 320px; left: 6px;
	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: 358px; left: 6px;
	position:absolute;
}

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

/*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:985px;
	height:1400px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 1;
}

#left_side{
	width:220px;
	height:1100px;
	float:left;
	text-align:center;
}

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

}


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

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

/*************************************
会社概要用テーブルCSS
**************************************/
#table_content{
	margin-top:-400px;	
	width:780px;
	height:1000px;
}

.table_bold{
	padding:10px 0px 10px 0px;
	font-weight:bold;
	width:200px;
}


/*************************************
コンテンツ（右側）
**************************************/
#content{
	width:900px;
	margin-top:50px;
}

#hk{
	width:392px;
	margin-right:50px;
	float:left;
}

#st{
	width:392px;
	float:left;
}

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

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

#projects{
	margin-top:30px;
	width:790px;

}

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


/*************************************
フッター
**************************************/

#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:985px;
	margin-left:auto;
	margin-right:auto;
	
}

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

#footer_company li{
	padding:0;
	margin:0;
}

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

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

#gyoumu_list{
	list-style-type: none;
}

#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;
}