@charset "UTF-8";

/* header
------------------------------------------------------------*/
#header {
width:750px;
font-size:75%;
padding-top:12px;
line-height:120%;
margin:0 auto 5px;
border-bottom:solid 1px #000;
background-color:#FFFFFF;
text-align:left;
}
#headerNav{
list-style:none;
font-size:10px;
font-weight:bold;
}
#headerNav tr{
vertical-align:middle;
margin:0px;
padding:0px;
hegiht:10px;
}
#headerNav td{
vertical-align:middle;
margin:0px;
padding:0px;
hegiht:10px;
}
#headerNav img{
margin:0px;
padding:0px;
}
#headerNav a{
position: relative;
margin:0px;
padding:0 3px 0 0;
}

.triOrange a,
.triGreen a,
.triBlue a			{vertical-align:middle; text-decoration: none;}
.triOrange a:link,
.triOrange a:visited,
.triGreen a:link,
.triGreen a:visited,
.triBlue a:link,
.triBlue a:visited	{color:#333333;}

.triOrange a:hover	{color:#ff9933 ! important;}
.triGreen a:hover	{color:#009966 ! important;}
.triBlue a:hover	{color:#3568cd ! important;}

/* footer
------------------------------------------------------------*/
#footer {
  overflow:visible;
  margin: 0px auto;
  clear:both;
  width : 750px;
  background-color : #FFFFFF;
  font-size:83%;
  text-align:left;
}

.footerinner {
	background:url(../image/bg_footer.gif) repeat-x top;
	padding : 15px 0 0;
	font-size: 83%;
	color:#CACACA;
}

.footerinner #footer-box-01 {
	margin-bottom:10px;
	zoom:1;
}

.footerinner #footer-box-01:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

.footerinner #footer-box-01 ul {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	background:none;
	text-align:left;
	list-style:none;
	list-style-position:outside;
}

.footerinner #footer-box-01 ul.nav-01 {
	width:170px;
	margin:0 60px 0 15px;
}

.footerinner #footer-box-01 ul.nav-02 {
	width:155px;
	margin:0 30px 0 0;
}

.footerinner #footer-box-01 ul.nav-03 {
	width:160px;
	margin:0 10px 0 0;
}

.footerinner #footer-box-01 ul.nav-04 {
	width:110px;
	margin:0 0 0 35px;
}


.footerinner #footer-box-01 ul li {
	float:none;
	margin-bottom:3px;
}

.footerinner #footer-box-01 ul li ul{
	float:none;
}

.footerinner #footer-box-01 ul li ul li {
	margin-top:3px;
	padding-left:6px;
	background:url(../image/icon_dot_01.gif) no-repeat left 0.65em;
}

.footerinner #footer-box-01 ul li a {
	display:inline;
	width:auto;
	height:auto;
	font-size:100%;
	text-indent:0;
}

.footerinner #footer-box-02 {
	clear:left;
	padding:10px 13px 0 0;
	background:url(../image/bg_footer-box-02.gif) repeat-x top;
}

.footerinner #slogan {
	float:right;
}

/* tools
------------------------------------------------------------*/
.txts	{font-size: 86%;}
.txt08 	{font-size: 8px;}
.txt10 	{font-size: 10px;}
.txt10_l{font-size: 10px; line-height: 200%;}
.txt12 	{font-size: 12px;}
.txt12_l{font-size: 12px; line-height: 200%;}
.txt14 	{font-size: 14px; line-height:140%;}
.txt18 	{font-size: 18px; line-height:140%;}
.txt20 	{font-size: 20px; line-height:140%;}
.txt24 	{font-size: 24px; line-height:140%;}

.pad1 {padding: 1px;}
.pad2 {padding: 2px;}
.pad3 {padding: 3px;}
.pad4 {padding: 4px;}
.pad5 {padding: 5px;}
.pad8 {padding: 8px;}

.pad10 {padding: 10px;}
.pad15 {padding: 15px;}

.px01 {font-size: 1px; line-height: 1px;}
.px02 {font-size: 2px; line-height: 2px;}
.px03 {font-size: 3px; line-height: 3px;}
.px04 {font-size: 4px; line-height: 4px;}
.px05 {font-size: 5px; line-height: 5px;}
.px06 {font-size: 6px; line-height: 6px;}
.px08 {font-size: 8px; line-height: 8px;}
.px10 {font-size: 10px; line-height: 9px; _line-height: 10px;}
.px12 {font-size: 12px; line-height: 12px;}
.px14 {font-size: 14px; line-height: 14px;}
.px16 {font-size: 16px; line-height: 16px;}
.px20 {font-size: 20px; line-height: 20px;}
.px24 {font-size: 24px; line-height: 24px;}
.px28 {font-size: 28px; line-height: 28px;}
.px32 {font-size: 32px; line-height: 32px;}