/*----------------------------------------------------
base css for TFX

----------------------------------------------------*/
/* 2010/4/12対策ここから -----------------------------------------*/
.info-02 {
	color: #e3e2dd;
	
}
div.info-01 {

	margin-left: 25px;
	color: #CC0033;
		font-weight: bold;
}
div.info-03 {

	margin-left: 0px;
	color: #CC0033;
		font-weight: bold;
}
<!--テーブルタイプ100グレーアウト用-->
table.tbl-type100 {
	width: 640px;
	background:#e3e2dd;
	border-collapse: collapse;
}

table.tbl-type100 td {
	padding: 7px;
	border-left: 1px solid #e3e2dd;
	border-right: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	border-top: 1px solid #e3e2dd;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3em;
}

table.tbl-type100 th {
	width: 121px;
	padding:7px;
	background: #CCCCCC;
	border-left: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	color: #999999;
	vertical-align: middle;
	line-height: 1.3em;
}

* html table.tbl-type100 th {
	width: 135px;
}

table.tbl-type100 th.th-01 {
	width: 75px;
}


table.tbl-type100 td {
	background: #ffffff;
	color: #999999;

}


table.tbl-type100 tr.bg-01 {
	background:#e3e2dd;
}

table.tbl-type100 td.txt-center{
	text-align: center;
}

table.tbl-type100 td.txt-center2{
	text-align: center;
	border-bottom: none;
}

table.tbl-type100 td.no-line{
	border-bottom: none;
}


<!--End table02-->

<!--テーブルタイプ200グレーアウト用-->
table.tbl-type200 {

	background:#e3e2dd;
	border-collapse: collapse;
}

table.tbl-type200 td {
	padding: 7px;
	border-left: 1px solid #e3e2dd;
	border-right: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	border-top: 1px solid #e3e2dd;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3em;
}

table.tbl-type200 th {
	width: 121px;
	padding:7px;
	background: #CCCCCC;
	border-left: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	color: #999999;
	vertical-align: middle;
	line-height: 1.3em;
}

* html table.tbl-type200 th {
	width: 135px;
}

table.tbl-type200 th.th-01 {
	width: 75px;
}


table.tbl-type200 td {
	background: #ffffff;
	color: #999999;

}


table.tbl-type200 tr.bg-01 {
	background:#e3e2dd;
}

table.tbl-type200 td.txt-center{
	text-align: center;
}

table.tbl-type200 td.txt-center2{
	text-align: center;
	border-bottom: none;
}

table.tbl-type200 td.no-line{
	border-bottom: none;
}


<!--End table200-->
<!--テーブルタイプ300グレーアウト用-->
table.tbl-type300 {
		margin-left: 50px;
	background:#e3e2dd;
	border-collapse: collapse;
}

table.tbl-type300 td {
	padding: 7px;
	border-left: 1px solid #e3e2dd;
	border-right: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	border-top: 1px solid #e3e2dd;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3em;
}

table.tbl-type300 th {
	width: 121px;
	padding:7px;
	background: #CCCCCC;
	border-left: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	color: #999999;
	vertical-align: middle;
	line-height: 1.3em;
}

* html table.tbl-type300 th {
	width: 135px;
}

table.tbl-type300 th.th-01 {
	width: 75px;
}


table.tbl-type300 td {
	background: #ffffff;
	color: #999999;

}


table.tbl-type300 tr.bg-01 {
	background:#e3e2dd;
}

table.tbl-type300 td.txt-center{
	text-align: center;
}

table.tbl-type300 td.txt-center2{
	text-align: center;
	border-bottom: none;
}

table.tbl-type300 td.no-line{
	border-bottom: none;
}

<!--テーブルタイプ400グレーアウト用-->


table.tbl-type400 td {
	padding: 7px;
	border-left: 1px solid #e3e2dd;
	border-right: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	border-top: 1px solid #e3e2dd;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3em;
}

table.tbl-type400 th {
	width: 121px;
	padding:7px;
	background: #CCCCCC;
	border-left: 1px solid #e3e2dd;
	border-bottom: 1px solid #e3e2dd;
	color: #999999;
	vertical-align: middle;
	line-height: 1.3em;
}

* html table.tbl-type400 th {
	width: 135px;
}

table.tbl-type400 th.th-01 {
	width: 75px;
}


table.tbl-type400 td {
	background: #ffffff;
	color: #999999;

}


table.tbl-type400 tr.bg-01 {
	background:#e3e2dd;
}

table.tbl-type400 td.txt-center{
	text-align: center;
}

table.tbl-type400 td.txt-center2{
	text-align: center;
	border-bottom: none;
}

table.tbl-type400 td.no-line{
	border-bottom: none;
}

.t-01{
font-size:10pt;
}

<!--End table400-->
/* 2010/4/12ここまで -------------------------------------------*/







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

body {
  margin : 0;
  padding : 0;
  color : #333;
  background: #D3D3D3 url(../common/body_bg.gif) repeat-y;
  font-size : 12px;
  text-align: left;
  font-family : 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4','Osaka','ＭＳ Ｐゴシック', 'ＭＳ ゴシック','MS UI Gothic';
}

body#pop {
  background: #D3D3D3 none;
  text-align: center;
}
  
td, th {
  vertical-align : top;
  color : #333;
  font-size : 12px;
  font-family : 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4','Osaka','ＭＳ Ｐゴシック', 'ＭＳ ゴシック','MS UI Gothic';
}

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: 38px;
}

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: 676px;
	width: 51px;
}

div#hd div.hd-menu ul {
	font-size: 1px;
	line-height: 1px;
}

div#hd div.hd-menu ul li {
	margin-bottom: 7px;
}

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 {
	vertical-align: top;
}

div#hd dl dd input.inputstyle01 {
	width: 120px;
	margin: 0px 6px 0px 0px;
}


/* 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 -------------------------------------------*/


/* タイトル */

td#ct-left h1 {
	margin: 0px 0px 40px 32px;
}

div.title-box {
	position: relative;
	width: 665px;
}

td#ct-left h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #9B9B9B;
	font-weight: bold;
}

td#ct-left h3 span.mark {
	color: #0FA7EA;
}


/* コンテンツ枠 */

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;
}


/* コンテンツ枠 */

table.wrap-type01 {
	width: 640px;
	margin: 0px 0px 25px 25px;
}

table.wrap-type01 td.left-area {
	width: 111px;
	padding: 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 span.mark {
	color: #0FA7EA;
}

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;
}

/* 背景付きリンクボックス */

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: 453px;
}


/* 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: 67px 0px 0px 14px;
}

dl#local dd img {
	vertical-align: top;
	margin-bottom: 1px;
}

td#ct-right p.adobe-btn {
	padding-top: 20px;
}

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 {
	margin-bottom: 1px;
	background: #F6F6F6;
}

div#ft ul.ft-menu {
	background: #4F4F4F;
}

div#ft address {
	padding: 21px 12px 24px 0px;
	text-align: right;
}



/* popup -----------------------------------------*/

div#pop-wrap {
	width: 650px;
	margin: 0px auto;
	background: url(../common/pop_bg.jpg) repeat-y;
	text-align: left;
}


div#pop-wrap div#hd {
	width: 640px;
	margin: 0px 5px;
}

div#pop-wrap div#hd p {
	position: absolute;
	top: 0px;
	left: 18px;
	width: 228px;
}

div#pop-wrap div#hd p.en {
	position: absolute;
	top: 0px;
	left: 21px;
	width: 282px;
}

div#pop-wrap div#ct-pop {
	margin: 0px 5px;
	padding: 50px 25px 0px;
	background: url(../common/pop_ct_line.gif) no-repeat;
}

div#pop-wrap div#ft {
	width: 640px;
	margin: 0px 5px;
	border-top: 10px solid #4F4F4F;
}

div#pop-wrap p.close {
	margin: 0px 20px 15px 0px;
	text-align: right;
	font-size: 1px;
	line-height: 1px;
}