@charset "utf-8";

/* サイドメニュー */
.area-sub-menu {
	width:206px;
	padding:4px 2px;
	border:5px solid #E2E2E2;
	margin:0 0 15px;
}


.area-sub-menu h3 img {
	vertical-align:bottom;
}


.area-sub-menu .menu-content {
	text-align:center;
	margin:5px 0 0;
}


.area-sub-menu .menu-content form {
	margin:10px 5px;
}


.area-sub-menu ul {
	width:206px;
	list-style:none;
}


.area-sub-menu li {
	width:206px;
	height:30px;
}


#sub-menu-company01 a, #sub-menu-company01 a:link, #sub-menu-company01 a:visited {
	display:block;
	width:206px;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../../images/company/btn_message.gif) no-repeat 0 0;
}


#sub-menu-company01 a:hover, #sub-menu-company01 a:active {
	background:url(../../images/company/btn_message_f2.gif) no-repeat 0 0;
}



#sub-menu-company02 a, #sub-menu-company02 a:link, #sub-menu-company02 a:visited {
	display:block;
	width:206px;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../../images/company/btn_policy.gif) no-repeat 0 0;
}


#sub-menu-company02 a:hover, #sub-menu-company02 a:active {
	background:url(../../images/company/btn_policy_f2.gif) no-repeat 0 0;
}



#sub-menu-company03 a, #sub-menu-company03 a:link, #sub-menu-company03 a:visited {
	display:block;
	width:206px;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../../images/company/btn_staff.gif) no-repeat 0 0;
}


#sub-menu-company03 a:hover, #sub-menu-company03 a:active {
	background:url(../../images/company/btn_staff_f2.gif) no-repeat 0 0;
}



#sub-menu-company04 a, #sub-menu-company04 a:link, #sub-menu-company04 a:visited {
	display:block;
	width:206px;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../../images/company/btn_companyInfo.gif) no-repeat 0 0;
}


#sub-menu-company04 a:hover, #sub-menu-company04 a:active {
	background:url(../../images/company/btn_companyInfo_f2.gif) no-repeat 0 0;
}


/* 吉田建築工房とはTOP */
#areaSummary {
	margin:0 10px;
}


ul#aboutCompany {
	width:680px;
	margin:0 auto;
	list-style:none;
}


ul#aboutCompany li {
	width:680px;
	height:140px;
	margin:0 0 10px;
	padding:0;
}


#message a, #message a:link, #message a:visited {
	display:block;
	width:680px;
	height:140px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/company/banner_message.jpg) no-repeat 0 0;
}


#message a:hover, #message a:active {
	background:url(../../images/company/banner_message_f2.jpg) no-repeat 0 0;
}


#policy a, #policy a:link, #policy a:visited {
	display:block;
	width:680px;
	height:140px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/company/banner_policy.jpg) no-repeat 0 0;
}


#policy a:hover, #policy a:active {
	background:url(../../images/company/banner_policy_f2.jpg) no-repeat 0 0;
}



#staff a, #staff a:link, #staff a:visited {
	display:block;
	width:680px;
	height:140px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/company/banner_staff.jpg) no-repeat 0 0;
}


#staff a:hover, #staff a:active {
	background:url(../../images/company/banner_staff_f2.jpg) no-repeat 0 0;
}


#companyInfo a, #companyInfo a:link, #companyInfo a:visited {
	display:block;
	width:680px;
	height:140px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/company/banner_companyInfo.jpg) no-repeat 0 0;
}


#companyInfo a:hover, #companyInfo a:active {
	background:url(../../images/company/banner_companyInfo_f2.jpg) no-repeat 0 0;
}





/* 会社概要 */

h2 {
	width:690px;
	margin:15px auto 30px;
}


h2#companyTop {
	width:690px;
	margin:15px auto 0;
}


table {
	width:95%;
	margin:0 auto;
}

.l-col {
	width:30%;
	padding:5px;
	border-bottom:1px dotted #CCC;
	vertical-align:top;
	line-height:1.6;
}


.r-col {
	padding:5px;
	border-bottom:1px dotted #CCC;
	vertical-align:top;
	line-height:1.6;
}


/* メッセージ */
#areaMessage {
	width:690px;
	margin:0 auto;
}


#areaTopImg {
	width:690px;
	margin:0 auto 40px;
}


#areaMessage h3 {
	margin:0 0 15px;
}


#areaMessage p {
	margin:0 0 3em;
	line-height:1.6;
}


.areaImgbox01 {
	width:200px;
	margin:0 0 10px 20px;
	padding:4px;
	border:1px solid #CCC;
	float:right;
}


.areaImgbox02 {
	width:200px;
	margin:0 20px 10px 0;
	padding:4px;
	border:1px solid #CCC;
	float:left;
}


#areaMessage .areaImgbox01 p.comment, 
#areaMessage .areaImgbox02 p.comment {
	font-size:11px;
	margin:10px 0 0;
	line-height:1.4;
}


/* staff */

.areaStaff {
	width:650px;
	padding:0 0 20px;
	border-bottom:1px dotted #CCC;
	margin:0 auto 30px;
}


.areaStaff h3 {
	margin:0 0 15px;
}


.areaPhoto {
	width:196px;
	height:196px;
	padding:1px;
	border:1px solid #6C0;
	float:left;
}


.areaText {
	width:420px;
	float:right;
}


.areaText h4 {
	margin:0 0 10px;
}


p.textProfile {
	margin:0 5px 20px;
}


p.textMessage {
	color:#390;
	margin:0 5px 10px;
}



/* policy */
#areaLogoSummary {
	border:1px solid #CCC;
	padding:9px;
	margin:0 auto 30px;
	width:650px;
}


#areaLogoSummary #areaImg {
	display:block;
	width:200px;
	height:170px;
	float:left;
}


#areaLogoSummary #areaTxt {
	width:430px;
	float:right;
}


#areaLogoSummary #areaTxt h3 {
	margin:10px 0 15px;
}