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

base css for TFX



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



/* element -----------------------------------------*/



body {

  margin : 0;

  padding : 0;

  color : #333;

	background: #D3D3D3 url(../common/body_bg.gif) repeat-y;

	font-family : helvetica,arial,sans-serif;

  font-size : 12px;

	text-align: left;

}

  

td, th {

  vertical-align : top;

  color : #333;

	font-family : helvetica,arial,sans-serif;

  font-size : 12px;

}



img, a img {

	border : none;

}



sup, sub {

  font-size : 60%;

}





h1, h2, h3, h4, h5, h6, h7, p {

  margin : 0;

  padding : 0;

  font-size : 12px;

  font-weight : normal;

}



ul, ol {

	list-style: none;

	margin: 0;

	padding: 0;

}



dl, dt, dd, input, form {

	margin: 0px;

	padding: 0px;

}



a:link { color : #F60; text-decoration : none; }

a:visited { color : #F60; text-decoration : none; }

a:hover { color : #F60; text-decoration : underline; }

a:active { color : #F60; text-decoration : underline; }





/* font --------------------------------------------*/



.txt1 {

  font-size : 11px;

  line-height : 150%;

}



.txt1-lh {

  font-size : 11px;

  line-height : 180%;

}



.txt2 {

  font-size : 12px;

  line-height : 160%;

}



.txt2-lh {

  font-size : 12px;

  line-height : 200%;

}



.txt3 {

  font-size : 14px;

  line-height : 130%;

}



table.txt1-t td {

  font-size : 11px;

  line-height : 150%;

}





/* link --------------------------------------------*/



a.normal:link { color : #333; }

a.normal:visited { color : #333; }

a.normal:hover { color : #F60; }

a.normal:active { color : #F60; }



a.awhite:link { color : #FFF; }

a.awhite:visited { color : #FFF; }

a.awhite:hover { color : #F60; }

a.awhite:active { color : #F60; }





/* class -------------------------------------------*/



.ind {

  padding-left : 1em;

  text-indent : -1em;

}







/* layout -------------------------------------------*/



div#wrap {

	width: 950px;

}



table#ct-area {

	width: 930px;

}



td#ct-left {

	width: 665px;

	padding-top: 45px;

}



td#ct-right {

	width: 240px;

}



table#ct-area02 {

	width: 925px;

	margin: 45px 0px 0px 25px;

}



td#ct-left02 {

	width: 260px;

}







/* header -------------------------------------------*/



div#hd {

	position: relative;

	width: 950px;

	height: 60px;

	background: url(../common/hd_bg.gif) repeat-x;

}



div#hd p {

	position: absolute;

	top: 0px;

	left: 21px;

	width: 228px;

}



div#hd div.hd-menu {

	position: absolute;

	top: 8px;

	left: 666px;

	width: 61px;

}



div#hd div.hd-menu ul {

	font-size: 1px;

	line-height: 1px;

}



div#hd div.hd-menu ul li {

	margin-bottom: 7px;

	text-align: right;

}



div#hd dl {

	height: 59px;

	margin: 0px 0px 1px 740px;

	padding-left: 12px;

	background: #0095E6;

}



div#hd dl dt {

	padding-top: 8px;

}



div#hd dl dd {

	margin-top: 5px;

}



div#hd dl dd input {

	margin-top: 1px;

	vertical-align: top;

}



div#hd dl dd input.inputstyle01 {

	width: 120px;

	margin: 0px 6px 0px 0px;

}



* html div#hd dl dd input.btn {

	font-size: 11px;

}





/* global -------------------------------------------*/



div#global {

	width: 950px;

	margin-bottom: 1px;

	background: url(../common/global_bg.gif) repeat-x;

}



div#global ul {

	margin-left: 10px;

}



div#global ul li {

	display: inline;

}



div#global ul li img {

	vertical-align: top;

}



/* path -------------------------------------------*/



p#path {

	padding: 6px 15px;

	border-top: 1px solid #CFCFCF;

	border-bottom: 1px solid #CFCFCF;

	background: #E5E5E5;

	font-size: 10px;

}



p#path a:link { color : #333; }

p#path a:visited { color : #333; }

p#path a:hover { color : #F60; }

p#path a:active { color : #F60; }





/* mainContents -------------------------------------------*/





/* title */



td#ct-left h1 {

	margin: 0px 0px 39px 32px;

}



div.title-box {

	position: relative;

	width: 665px;

}



td#ct-left h3 {

	padding-bottom: 5px;

	border-bottom: 1px solid #9B9B9B;

	font-weight: bold;

	line-height: 1.1em;

}



td#ct-left h3 img.mark {

	margin-right: 5px;

}





/* content */



div.ct-box01 {

	width: 665px;

	background: url(../common/ct_bg.gif) repeat-x;

}



div.ct-box02 {

	width: 665px;

	background: url(../common/ct_bg02.gif) repeat-x;

}





/* wrap */

table.wrap-type01 {

	width: 640px;

	margin: 0px 0px 25px 25px;

}



table.wrap-type01 td.left-area {

	width: 117px;

	padding: 7px 10px 7px 16px;

	border-left: 10px solid #EAE8E2;

	text-align: left;

	vertical-align: top;

	font-weight: bold;

	line-height: 1.5em;

}

/*\*/

html:\66irst-child table.wrap-type01 td.left-area {

	width: 121px;

}

/* end */



table.wrap-type01 td.left-area img.mark {

	margin-right: 5px;

}





table.wrap-type01 td.right-area {

	padding: 7px 14px 7px 16px;

	border-left: 1px solid #D3D1CC;

	border-right: 1px solid #D3D1CC;

	text-align: left;

	vertical-align: top;

	line-height: 1.5em;

}



/* link-box */



div.bg-box01 {

	width: 640px;

	padding: 15px 0px 2px;

	background: #F2F2F2;

}



div.bg-box01 p {

	margin: 0px 0px 13px 30px;

	font-weight: bold;

}



div.bg-box01 p.xls {

	padding: 3px 32px;

	background: url(../common/icon_xls.gif) no-repeat 0px 2px;

}



div.bg-box01 p.pdf {

	padding: 3px 32px;

	background: url(../common/icon_pdf.gif) no-repeat 0px 2px;

}



div.bg-box01 p.word {

	padding: 3px 32px;

	background: url(../common/icon_word.gif) no-repeat 0px 2px;

}



div.bg-box01 p img.new {

	margin: 0px 0px -2px 10px;

}



table.wrap-type01 td div.bg-box01 {

	width: 454px;

}





/* local -------------------------------------------*/



dl#local {

	margin-top: 21px;

	padding-bottom: 20px;

}



dl#local dt {

	width: 240px;

	height: 100px;

	margin-bottom: 1px;

	background: url(../common/local_bg.gif) no-repeat;

}



dl#local dt img {

	margin: 69px 0px 0px 14px;

}



dl#local dd img {

	vertical-align: top;

	margin-bottom: 1px;

}



td#ct-right p.adobe-btn img {

	margin-bottom: 6px;

}



dl#local02 {

	margin-top: 21px;

	padding-bottom: 20px;

}



dl#local02 dt {

	width: 240px;

	height: 100px;

	background: url(../common/local_bg02.gif) no-repeat;

}



dl#local02 dt img {

	margin: 67px 0px 0px 14px;

}



dl#local02 dd li {

	border-top: 1px solid #D3D3D3;

}



dl#local02 dd li.top {

	border-top: 1px solid #FFFFFF;

}



dl#local02 dd img {

	vertical-align: top;

}



/* pagetop -------------------------------------------*/



p.pagetop {

	margin: 25px 20px 18px;

	text-align: right;

}





/* footer -------------------------------------------*/



div#ft {

	width: 950px;

}



div#ft li {

	display: inline;

}



div#ft li img {

	vertical-align: top;

}



div#ft ul.sub-menu {

	padding-left: 10px;

	margin-bottom: 1px;

	background: #F6F6F6;

}



div#ft ul.ft-menu {

	padding-left: 10px;

	background: #4F4F4F;

}



div#ft address {

	padding: 21px 12px 24px 0px;

	text-align: right;

}