@charset "Shift_JIS";

/*ページ全体---全ページ共通
----------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	color: #444444;
	background-image: url(/images/bgimg02.png);
}


a:link{
	color: #4169E1;
}


a:hover {
	color: #cccccc;
}


a:visited {
	color: #4169E1;
}


html {
   overflow-y:scroll;
}



/*潜り込み回避
----------------------------- */
* {
	margin: 0;
	padding: 0;
}


#main_wrapper:after {
	clear: both;
	content:".";
	display: block;
	height: 0px;
	visibility: hidden;
}


#left_contents:after {
	clear: both;
	content:".";
	display: block;
	height: 0px;
	visibility: hidden;
}


#right_contents:after {
	clear: both;
	content:".";
	display: block;
	height: 0px;
	visibility: hidden;
}


#footer_wrapper:after {
	clear: both;
	content:".";
	display: block;
	height: 0px;
	visibility: hidden;
}



/*wrapper
----------------------------- */
#wrapper {
	width: 820px;
	/*min-height:100%;
	_height:100%;*/
	margin-left: 40px;
	margin-right: auto;
	background-color: #ffffff;
}



/*header
----------------------------- */
h1 {
	width: 820px;
	height: 150px;
	text-indent:-9999px;
	background-image: url(/images/header.png);
}
/*header
----------------------------- */
h2 {
	width: 820px;
	height: 150px;
	text-indent:-9999px;
	background-image: url(/images/xtftoday.png);
}



/*main_wrapper
----------------------------- */
#main_wrapper {
	width: 820px;
	min-height:100%;
	_height:100%;
	margin-left: auto;
	margin-right: auto;
}



/*left_contents
----------------------------- */
#left_contents {
	width: 225px;
	min-height:100%;
	_height:100%;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}


.left_contents p {
	padding-left: 20px;
	background-image: url(/images/icon01.png);
	background-repeat: no-repeat;
	background-position: left;
}


.left_td01 {
	width: 200px;
	font-size: 12px;
}


.left_td02 {
	width: 150px;
	font-size: 12px;
	text-align: right;
	background-color: #eeeeee;
}


.left_td03 {
	width: 80px;
	font-size: 12px;
	text-align: center;
	background-color: #eeeeee;
}


h2.information {
	width: 205px;
	height: 33px;
	text-indent:-9999px;
	background-image: url(/images/information.png);
	background-repeat: no-repeat;
}


h2.media {
	width: 205px;
	height: 33px;
	text-indent:-9999px;
	background-image: url(/images/media.png);
	background-repeat: no-repeat;
}


h2.link {
	width: 205px;
	height: 33px;
	text-indent:-9999px;
	background-image: url(/images/link.png);
	background-repeat: no-repeat;
}


h2.login {
	width: 205px;
	height: 38px;
	text-indent:-9999px;
	background-image: url(/images/login.png);
	background-repeat: no-repeat;
}



/*right_contents
----------------------------- */
#right_contents {
	width: 585px;
	min-height:100%;
	_height:100%;
	float: right;
	margin-top: 10px;
}


.right_contents p {
	padding-left: 20px;
	background-image: url(/images/icon02.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 200%;
}


.right_contents_text p {
	font-size: 12px;
	text-align: left;
	margin-right: 10px;
}


.right_contents_free p {
	padding-left: 20px;
	background-image: url(/images/icon03.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 200%;
	text-indent: 40px;
}


.right_contents_bk {
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
}


.right_contents_bn {
	font-size: 12px;
	margin-left: 300px;
}



h2.cod {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/cod.png);
	background-repeat: no-repeat;
}


h2.whatsnew {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/whatsnew.png);
	background-repeat: no-repeat;
}


h2.beigaikyou {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beisg2.png);
	background-repeat: no-repeat;
}


h2.marketnews {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/marketnews.png);
	background-repeat: no-repeat;
}


h3.markets {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/markets.png);
	background-repeat: no-repeat;
}


h3.commodity {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/commodity.png);
	background-repeat: no-repeat;
}


h2.beikabu {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beikabu.png);
	background-repeat: no-repeat;
}


h2.beikabu_bk {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beikabu_bk.png);
	background-repeat: no-repeat;
}


h2.info_bn {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/info_bk.png);
	background-repeat: no-repeat;
}


h3.usmu {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/usmu.png);
	background-repeat: no-repeat;
}


h3.usmu_bk {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/usmu_bk.png);
	background-repeat: no-repeat;
}


h3.usma {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/usma.png);
	background-repeat: no-repeat;
}


h2.beietf {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beietf.png);
	background-repeat: no-repeat;
}


h2.beietf_bk {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beietf_bk.png);
	background-repeat: no-repeat;
}


h3.ems {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/ems.png);
	background-repeat: no-repeat;
}

h3.eshiryou {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/eshiryou.jpg);
	background-repeat: no-repeat;
}


h3.kobetsu {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/kobetsu.png);
	background-repeat: no-repeat;
}


h2.beieconomy {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beieconomy.png);
	background-repeat: no-repeat;
}


h2.beieconomy_bk {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beieconomy_bk.png);
	background-repeat: no-repeat;
}


h3.user {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/user.png);
	background-repeat: no-repeat;
}


h3.user_sp {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/user_sp.png);
	background-repeat: no-repeat;
}


h3.umr {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/umr.png);
	background-repeat: no-repeat;
}


h2.commodity {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beicommodity.png);
	background-repeat: no-repeat;
}


h2.commodity_bk {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beicommodity_bk.png);
	background-repeat: no-repeat;
}


h3.sr {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/sr.png);
	background-repeat: no-repeat;
}


h3.fa {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/fa.png);
	background-repeat: no-repeat;
}


h3.ol {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/ol.png);
	background-repeat: no-repeat;
}


h3.mr {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/mr.png);
	background-repeat: no-repeat;
}


h3.data {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/data.png);
	background-repeat: no-repeat;
}



h2.company {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/k_gaiyou.png);
	background-repeat: no-repeat;
}


h2.g_company {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/k_ggaiyou.png);
	background-repeat: no-repeat;
}


h3.k_c {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/k_con.png);
	background-repeat: no-repeat;
}


h3.k_a {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/k_ad.png);
	background-repeat: no-repeat;
}


h3.k_e {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/k_en.png);
	background-repeat: no-repeat;
}


table.gaiyou {
	font-size: 12px;
	line-height: 150%;
	width: 550px;
	border: 1px #1C79C6 solid;
	border-collapse: collapse;
}


table.gaiyou th {
	background-color: #eeeeee;
	width: 110px;
	border: 1px #1C79C6 solid;
	padding: 5px;
}


table.gaiyou td {
	border: 1px #1C79C6 solid;
	padding: 5px; 
}


h2.recruitment {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/saiyou.png);
	background-repeat: no-repeat;
}


h3.r_kawase {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/r_kawase.png);
	background-repeat: no-repeat;
}


h3.r_toushi {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/r_con.png);
	background-repeat: no-repeat;
}


h3.k_e {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/k_en.png);
	background-repeat: no-repeat;
}


table.gaiyou {
	font-size: 12px;
	line-height: 150%;
	width: 550px;
	border: 1px #1C79C6 solid;
	border-collapse: collapse;
}


table.gaiyou th {
	background-color: #eeeeee;
	width: 110px;
	border: 1px #1C79C6 solid;
	padding: 5px;
}


table.gaiyou td {
	border: 1px #1C79C6 solid;
	padding: 5px; 
}


h2.contact {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/toiawase.png);
	background-repeat: no-repeat;
}


table.contact {
	font-size: 12px;
	line-height: 150%;
	width: 550px;
	border: 1px #ffffff solid;
	
}


.td01 {
	background-color: #eeeeee;
	width: 110px;
	text-align: center;
	border: 1px #ffffff solid;
}


.td02 {
	background-color: #cccccc;
	width: 110px;
	text-align: center;
	border: 1px #ffffff solid;
}

.td03 {
	padding: 5px;
	border: 1px #ffffff solid;
}


h2.record {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/record.png);
	background-repeat: no-repeat;
}


h2.kiyaku {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/kiyaku.png);
	background-repeat: no-repeat;
}


h3.riyoukiyaku {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/riyoukiyaku.png);
	background-repeat: no-repeat;
}


h3.menseki {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/menseki.png);
	background-repeat: no-repeat;
}


h3.kankyo {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/kankyou.png);
	background-repeat: no-repeat;
}





h3.premium {
	width: 580px;
	height: 60px;
	text-indent:-9999px;
	background-image: url(/images/service/premium.png);
	background-repeat: no-repeat;
}


h4.p_1 {
	width: 580px;
	height: 45px;
	text-indent:-9999px;
	background-image: url(/images/service/p_1.png);
	background-repeat: no-repeat;
}


h4.p_2 {
	width: 580px;
	height: 45px;
	text-indent:-9999px;
	background-image: url(/images/service/p_2.png);
	background-repeat: no-repeat;
}


h4.p_3 {
	width: 580px;
	height: 45px;
	text-indent:-9999px;
	background-image: url(/images/service/p_3.png);
	background-repeat: no-repeat;
}


h3.service_g {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/service/service_g.png);
	background-repeat: no-repeat;
}


h4.t_1 {
	width: 580px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/t_1.png);
	background-repeat: no-repeat;
}

h4.t_2 {
	width: 580px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/t_2.png);
	background-repeat: no-repeat;
}


h3.contents {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/service/contents.png);
	background-repeat: no-repeat;
}


h3.analyst {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/service/analyst.png);
	background-repeat: no-repeat;
}

h3.ryokin {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/service/ryokin.png);
	background-repeat: no-repeat;
}

.p service {
	margin-right: 10px;	
}


table.analist {
	width: 580px;
}

table.analist td {
	font-size:  12px;
}

table.analist p blue {
	font-size:  12px;
	font-style: bold;
	color: #330000;	
}


h3.customer {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/service/kokyaku.png);
	background-repeat: no-repeat;
}


h2.bsg {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beisg.png);
	background-repeat: no-repeat;
}


h3.bsg2 {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/beisg2.png);
	background-repeat: no-repeat;
}


h3.uskobetsu {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/kobetsu.png);
	background-repeat: no-repeat;
}


.kobetsu_list {
	width: 800px;
	min-height:100%;
	_height:100%;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
}


h3.kobetsu_list2 {
	width: 800px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/kobetsu2.png);
	background-repeat: no-repeat;
}

h3.upd_comment {
	width: 800px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/upd_comment.png);
	background-repeat: no-repeat;
}

.text_blue {
	font-size: 12px;
	line-height: 150%;
	color: #064086;
}


p.wn {
	line-height: 150%;
}


table.text_cod{
	font-size: 12px;
	line-height: 150%;
	width:500px;
	text-align:left;
	margin-left: 30px;
}


.whiteback {
	width: 100%;
	height:1500px;
	min-height:100%;
	_height:100%;
	float: left;
}



/*サイト案内
----------------------------- */
h2.service {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/service_t.png);
	background-repeat: no-repeat;
}


h3.site_01 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/site_01.png);
	background-repeat: no-repeat;
}


h3.site_02 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/site_02.png);
	background-repeat: no-repeat;
}


h3.site_03 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/site_03.png);
	background-repeat: no-repeat;
}


h3.site_04 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/site_04.png);
	background-repeat: no-repeat;
}


h3.site_05 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/site_05.png);
	background-repeat: no-repeat;
}


h3.site_06 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/service/site_06.png);
	background-repeat: no-repeat;
}


/*stepbystep
----------------------------- */
h2.stepbystep {
	width: 580px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(/images/sbs_t.png);
	background-repeat: no-repeat;
}


h3.sbs_001 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs001.png);
	background-repeat: no-repeat;
}


h3.sbs_002 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs002.png);
	background-repeat: no-repeat;
}


h3.sbs_003 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs003.png);
	background-repeat: no-repeat;
}


h3.sbs_004 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs004.png);
	background-repeat: no-repeat;
}


h3.sbs_005 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs005.png);
	background-repeat: no-repeat;
}


h3.sbs_006 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs006.png);
	background-repeat: no-repeat;
}


h3.sbs_007 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs007.png);
	background-repeat: no-repeat;
}


h3.sbs_008 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs008.png);
	background-repeat: no-repeat;
}


h3.sbs_009 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs009.png);
	background-repeat: no-repeat;
}


h3.sbs_010 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs010.png);
	background-repeat: no-repeat;
}


h3.sbs_011 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs011.png);
	background-repeat: no-repeat;
}


h3.sbs_012 {
	width: 577px;
	height: 30px;
	text-indent:-9999px;
	background-image: url(/images/step/sbs012.png);
	background-repeat: no-repeat;
}


/*footer
----------------------------- */
#footer_wrapper {
	width: 820px;
	height:100px;
}


#footer_menu {
	width: 810px;
	height:80px;
	margin-left: 5px;
}


#footer_copyright {
	width: 810px;
	height:20px;
	margin-left: 5px;
}


.footer_td01 {
	width: 820px;
	font-size: 12px;
}


.footer_td02 {
	width: 280px;
}



/*editinfo
----------------------------- */
#edit_wrapper {
	width: 780px;
	margin-top: 20px;
	margin-left: 20px;

}

.table_left{
	width: 150px;
	font-size: 12px;
	line-height: 150%;
	color: #444444;
	background-color: #dcdcdd;
	text-align: center;
}



table.upd {
	font-size: 12px;
	line-height: 150%;
	width: 750px;
	border: 1px #9f9f9f solid;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	word-break:break-all;
	word-wrap: break-word;
	
}


.tdupd {
	background-color: #ffffff;
	text-align: center;
	border: 1px #9f9f9f solid;
}


//.tdupd {
//	background-color: #ffffff;
//	text-align: left;
//	border: 1px #9f9f9f solid;
//}



.tdupd_30 {
	background-color: #ffffff;
	text-align: center;
	border: 1px #9f9f9f solid;
	width: 30px;
}


.tdupd_60 {
	background-color: #ffffff;
	border: 1px #9f9f9f solid;
	width: 60px;
}

.tdupd_140 {
	background-color: #ffffff;
	border: 1px #9f9f9f solid;
	width: 140px;
}


.tdupd_280 {
	background-color: #ffffff;
	border: 1px #9f9f9f solid;
	width: 280px;
}


.tdupd_35 {
	background-color: #ffffff;
	text-align: center;
	border: 1px #9f9f9f solid;
	width: 35px;
}

.td_koumoku_100 {
	background-color: #3366FF;
	text-align: center;
	color: #FFFFFF;
	border: 1px #9f9f9f solid;
	width: 100px;
}
.td_naiyou_100 {
	background-color: #ffffff;
	border: 1px #9f9f9f solid;
	width: 100px;
}
.td_naiyou {
	background-color: #ffffff;
	border: 1px #9f9f9f solid;
}


.thupd {
	background-color: #f8f6f6;
	text-align: center;
	border: 1px #9f9f9f solid;
}


table.list {
	font-size: 12px;
	line-height: 150%;
	width: 580px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	word-break:break-all;
	word-wrap: break-word;
	
}


td.icon {
	background-color: #ffffff;
	text-align: center;
	width: 20px;
	vertical-align: top;

}


td.text {
	background-color: #ffffff;
	width: 565px;
}


ul.right_contents {
	padding-left: 20px;
	list-style-image: url(/images/icon02.png);
	line-height: 200%;
	style="list-style-position:inside"
}


ul.right_contents_free {
	padding-left: 68px;
	list-style-image: url(/images/icon03.png);
	line-height: 200%;
	style="list-style-position:inside"
}

