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

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

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

dl{
	width:980px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	background: url("../img/form/form_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: -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: -14px;
	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;
	background: transparent url("../img/otoiawase_on.jpg");
}

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

#left_side{
	width:215px;
	height:550px;
	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:10px 0px 10px 0px;
	background:url(../img/en.jpg)  left top 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;

}

#qa{
	margin-left:20px;
	width:780px;
}

.q{
	padding:10px 0px 10px 50px;
	margin:30px 0px 10px 0px;
	background:url(../img/q.png)  left top no-repeat;
}

.a{
	padding-left:50px;
	margin:0px 0px 10px 0px;
	background:url(../img/a.png)  left top 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;
}


/*************************************
フォームデザイン
**************************************/
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
height:800px;
width:620px;
}
#stylized h3 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
text-align:right;
width:180px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:220px;
margin:2px 0 2px 10px;
}

#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:220px;
margin:2px 0 10px 10px;
}

#stylized button{
clear:both;
margin-left:220px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.myform{
margin:0 auto;
width:500px;
padding:14px;
}

.wid{
	width:600px;
	height:80px;
}

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

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

.pp{
	margin-left:80px;
	padding-left:10px;
	width:450px;
	height:100px;
	background:#ffffff;	
	overflow-x: scroll;																						s
}

.pp p{
font-size:11px;
color:#666666;
}