@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for contact
//  - 2009-09-16 (wed)
//////////////////////////////////////////////////////////*/

/*----------------------------------------------------------
 - Contents Area
----------------------------------------------------------*/

.entryBlock #contactTable {
	margin: 20px 0 0 0;
	padding: 0;
}

.entryBlock #contactTable dl {
	clear: both;
	width: 660px;
	margin: 0;
	padding: 15px 0;
	_padding: 5px 0;
}

.entryBlock #contactTable dt {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
}

.entryBlock #contactTable dd {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------
 - Side Navigation
----------------------------------------------------------*/

#contentArea #menuArea h1 a {
	display: block;
	width: 150px;
	height: 45px;
	background: url(../company/images/side_logo.gif) no-repeat 0 0;
	margin: 0 0 55px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#contentArea #menuArea h1 a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#contentArea #menuArea #sideNavi {
	position: relative;
	width: 150px;
	height: 410px;
	margin: 0;
	padding: 0;
}

#contentArea #menuArea #sideNavi li a {
	position: absolute;
	background: url(http://ukafe.info/contact/images/side_navi2.gif);
	text-indent: -9999px;
	text-decoration: none !important;
	overflow: hidden;
	cursor: pointer;
}

#contentArea #menuArea #sideNavi li#navi01 a:link,
#contentArea #menuArea #sideNavi li#navi01 a:visited   { width: 150px; height: 45px; left: 0; top: 0; background-position: -150px 0; }

#contentArea #menuArea #sideNavi li#navi02 a:link,
#contentArea #menuArea #sideNavi li#navi02 a:visited   { width: 150px; height: 15px; left: 0; top: 46px; background-position: 0 -46px; }
#contentArea #menuArea #sideNavi li#navi02 a:hover,
#contentArea #menuArea #sideNavi li#navi02.current a  { width: 150px; height: 15px; left: 0; top: 46px; background-position: -150px -46px !important; }

#contentArea #menuArea #sideNavi li#navi03 a:link,
#contentArea #menuArea #sideNavi li#navi03 a:visited   { width: 150px; height: 15px; left: 0; top: 68px; background-position: 0 -68px; }
#contentArea #menuArea #sideNavi li#navi03 a:hover,
#contentArea #menuArea #sideNavi li#navi03.current a  { width: 150px; height: 15px; left: 0; top: 68px; background-position: -150px -68px !important; }

#contentArea #menuArea #sideNavi li#navi04 a:link,
#contentArea #menuArea #sideNavi li#navi04 a:visited   { width: 150px; height: 15px; left: 0; top: 90px; background-position: 0 -90px; }
#contentArea #menuArea #sideNavi li#navi04 a:hover,
#contentArea #menuArea #sideNavi li#navi04.current a  { width: 150px; height: 15px; left: 0; top: 90px; background-position: -150px -90px !important; }

#contentArea #menuArea #sideNavi li#navi05 a:link,
#contentArea #menuArea #sideNavi li#navi05 a:visited   { width: 150px; height: 15px; left: 0; top: 112px; background-position: 0 -112px; }
#contentArea #menuArea #sideNavi li#navi05 a:hover,
#contentArea #menuArea #sideNavi li#navi05.current a  { width: 150px; height: 15px; left: 0; top: 112px; background-position: -150px -112px !important; }

#contentArea #menuArea #sideNavi li#navi06 a:link,
#contentArea #menuArea #sideNavi li#navi06 a:visited   { width: 150px; height: 15px; left: 0; top: 133px; background-position: 0 -133px; }
#contentArea #menuArea #sideNavi li#navi06 a:hover,
#contentArea #menuArea #sideNavi li#navi06.current a  { width: 150px; height: 15px; left: 0; top: 133px; background-position: -150px -133px !important; }

#contentArea #menuArea #sideNavi li#navi07 a:link,
#contentArea #menuArea #sideNavi li#navi07 a:visited   { width: 150px; height: 15px; left: 0; top: 155px; background-position: 0 -155px; }
#contentArea #menuArea #sideNavi li#navi07 a:hover,
#contentArea #menuArea #sideNavi li#navi07.current a  { width: 150px; height: 15px; left: 0; top: 155px; background-position: -150px -155px !important; }

#contentArea #menuArea #sideNavi li#navi08 a:link,
#contentArea #menuArea #sideNavi li#navi08 a:visited   { width: 150px; height: 45px; left: 0; top: 176px; background-position: 0 -176px; }
#contentArea #menuArea #sideNavi li#navi08 a:hover,
#contentArea #menuArea #sideNavi li#navi08.current a   { width: 150px; height: 45px; left: 0; top: 176px; background-position: -150px -176px !important; }

#contentArea #menuArea #sideNavi li#navi09 a:link,
#contentArea #menuArea #sideNavi li#navi09 a:visited   { width: 150px; height: 45px; left: 0; top: 219px; background-position: -150px -219px; }

#contentArea #menuArea #sideNavi li#navi10 a:link,
#contentArea #menuArea #sideNavi li#navi10 a:visited   { width: 150px; height: 45px; left: 0; top: 264px; background-position: -150px -264px; }

#contentArea #menuArea #sideNavi li#navi11 a:link,
#contentArea #menuArea #sideNavi li#navi11 a:visited   { width: 150px; height: 45px; left: 0; top: 309px; background-position: -150px -309px; }

#contentArea #menuArea #sideNavi li#navi12 a:link,
#contentArea #menuArea #sideNavi li#navi12 a:visited   { width: 150px; height: 45px; left: 0; top: 355px; background-position: -150px -355px; }

#contentArea #menuArea #sideNavi li#navi13 a:link,
#contentArea #menuArea #sideNavi li#navi13 a:visited   { width: 150px; height: 45px; left: 0; top: 400px; background-position: -150px -400px; }

#contentArea #menuArea #sideNavi li#navi01 a:hover,
#contentArea #menuArea #sideNavi li#navi08 a:hover,
#contentArea #menuArea #sideNavi li#navi09 a:hover,
#contentArea #menuArea #sideNavi li#navi10 a:hover,
#contentArea #menuArea #sideNavi li#navi11 a:hover, 
#contentArea #menuArea #sideNavi li#navi12 a:hover,
#contentArea #menuArea #sideNavi li#navi13 a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}