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

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;

}



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-family : 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4','Osaka','ＭＳ Ｐゴシック', 'ＭＳ ゴシック','MS UI Gothic';

  font-size : 12px;

	text-align: left;



}



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;

}