@charset "utf-8";



/* file Status

=========================================

	Author:					Tifana.com

	FileName:				company.css

	LastModified:		2008/9/29

========================================= */



/* safari + Chrome + Opera

----------------------------------------- */

.safari body{

	background:url(/material/img/company/bg_header.jpg) center top no-repeat;

}



.opera body{

	background:url(/material/img/company/bg_header.jpg) center top no-repeat;

}



/* noscript

---------------------- */

div#noscriptMainimage{

	width:100%;

	height:246px;

	z-index:1;

	top:0;

	left:0;

	position:absolute;

	background:url(/material/img/company/bg_header.jpg) top no-repeat;

}



div#noscriptHeader{

	width:765px;

	height:90px;

	text-align:left;

	background:url(/material/img/common/spacer.gif);

	margin:0 0 0 -383px;

	z-index:1;

	position:absolute;

	left:50%;

}



div#noscriptHeader .logo a{

	width:125px;

	height:40px;

	display:block;

	margin:0 0 0 -383px;

	position:absolute;

	top:50px;

	left:50%;

}



div#noscriptHeader #headerNavi{

	height:18px;

	display:block;

	margin:0 0 0 214px;

	position:absolute;

	top:72px;

	left:50%;

}



div#noscriptHeader #headerNavi li{

	float:left;

}



div#noscriptHeader #headerNavi li.headerNavi01{

	width:34px;

	height:18px;

}



div#noscriptHeader #headerNavi li.headerNavi02{

	width:72px;

	height:18px;

}



div#noscriptHeader #headerNavi li.headerNavi03{

	width:61px;

	height:18px;

}



div#noscriptHeader #headerNavi a{

	height:18px;

	display:block;

}



/* staff

----------------------------------------- */

div.staffMainimg{

	width:557px;

	margin:0;

	padding:0;

	background:url(/material/img/company/bg_staff.gif) repeat-y;

}



div.staffTxtbox{

	width:503px;

	margin:-4px 0 -11px 0;

	padding:0 28px 10px 28px;

	background:url(/material/img/company/bg_staff.gif) repeat-y;

}



* html div.staffTxtbox{

	width:557px;

	margin:-4px 0 0 0;

	padding:0 28px 10px 28px;

	background:url(/material/img/company/bg_staff.gif) repeat-y;

}



div.staffTxtbox .works{

	font-weight:bold;

}



div.staffBottom{

	width:557px;

	height:3px;

	margin:0 0 30px 0;

}



div.staffTitle{

	width:557px;

	height:24px;

	clear:both;

	margin:0 0 10px 0;

}



p.staffText{

	margin:0 0 20px 10px;

}



img.staffImgleft{

	float:left;

	margin:0 5px 15px 0;

}



img.staffImgright{

	float:right;

	margin:0 0 15px 10px;

}



p.staffIndex{

	width:547px;

	margin:0 0 20px 10px;

	line-height:150%;

}



h2.staff01{

	clear:both;

	width:502px;

	height:25px;

	margin:0 0 8px 20px;

	background:url(/material/img/company/staff_ttl01.gif) no-repeat left top;

	font-size:1px;

	line-height:1px;

	text-indent:-9999px;

}

h2.staff02{

	clear:both;

	width:502px;

	height:23px;

	margin:0 0 8px 20px;

	background:url(/material/img/company/staff_ttl02.gif) no-repeat left top;

	font-size:1px;

	line-height:1px;

	text-indent:-9999px;

}

h2.staff03{

	clear:both;

	width:502px;

	height:24px;

	margin:0 0 8px 20px;

	background:url(/material/img/company/staff_ttl03.gif) no-repeat left top;

	font-size:1px;

	line-height:1px;

	text-indent:-9999px;

}

h2.staff04{

	clear:both;

	width:502px;

	height:24px;

	margin:0 0 8px 20px;

	background:url(/material/img/company/staff_ttl04.gif) no-repeat left top;

	font-size:1px;

	line-height:1px;

	text-indent:-9999px;

}

h2.staff05{

	clear:both;

	width:502px;

	height:24px;

	margin:0 0 8px 20px;

	background:url(/material/img/company/staff_ttl05.gif) no-repeat left top;

	font-size:1px;

	line-height:1px;

	text-indent:-9999px;

}

h2.staff06{

	clear:both;

	width:502px;

	height:25px;

	margin:0 0 8px 20px;

	background:url(/material/img/company/staff_ttl06.gif) no-repeat left top;

	font-size:1px;

	line-height:1px;

	text-indent:-9999px;

}



ul.staffList{

	margin:0 0 40px 20px;

}

ul.staffList:after{

	clear:both;

	display:block;

	content:"";

	height:1px;

	overflow:hidden;

}



ul.staffList li{

	float:left;

	width:239px;

	height:106px;

	margin:0 0 8px 0;

}





ul.staffList li.l{

	margin:0 25px 8px 0;

}



/* message

----------------------------------------- */

#message h3{

	width:539px;

	padding:10px;

	margin:25px 0 10px 0;

	font-size:14px;

	color:#27614f;

	clear:both;

	border-top:solid 1px #a8b3c5;

	background:url(/material/img/company/bg_h3.gif) no-repeat bottom;

}



#message p{

	width:547px;

	margin:0 0 15px 0;

	line-height:150%;

}



/* celForm

----------------------------------------- */

#celForm div{

	float:left;

}



#celForm div.send{

	padding:30px 0 0 0;

}



/* profile

----------------------------------------- */

#profile p{

	margin:0 0 20px 0;

}



#profile dl{

	width:500px;

	margin:0 0 35px 20px;

	padding:0;

	background:url(/material/img/company/bg_profile.gif) repeat-y left top;

	border:1px solid #d4d0c8;

	border-bottom:none;

}



#profile dl dt{

	float:left;

	width:160px;

	padding:10px 0 10px 10px;

	background:#f9f9f4;

	line-height:1.4em;

}



#profile dl dd{

	padding:10px 0 10px 180px;

	border-bottom:1px solid #d4d0c8;

	line-height:1.4em;

}



#profile dl dd div{

	width:300px;

	margin:5px 0 12px 0;

	padding:0 0 3px 0;

	background:url(/material/img/company/bg_profile_line.gif) no-repeat left bottom;

	text-align:right;

}



#profile dl dd div.btm{

	margin:5px 0 0 0;

	background:none;

}



/* map

----------------------------------------- */

div#map{

	width:450px;

	height:450px;

}



iframe.accessmap{

	width:500px;

	height:500px;

	margin:0 0 20px 50px;

}



div.imgMap{

	margin:0 0 20px 50px;

}


/* 20100512’Ç‹L
----------------------------------------- */
h1.local{
	width:557px;
	margin:0 0 28px 0;
	color:#27614f;
	font-size:16px;
	font-weight:bold;
	line-height:130%;
}