/* ***************************************************
* CSS file For nexta.co.jp
	FileName: company.css
	data:2009/7/22 kinoshita

■目次 ==========================================
■[00]:会社概要
■[10]:企業理念
■[20]:沿革
■[30]:ネクスタのネットワーク
■[40]:アクセス
■[50]:ネクスタのメッセージ
■[60]:
■[80]:
**************************************************** */



/*-----------------------------------------------------------
■[00]:会社概要 TOP
------------------------------------------------------------*/
div#companyData	{ width: 646px; padding: 15px 0px 0px; float: left; }
div#companyData table{
	width: 646px;
	border: 3px solid #dad4cf;
	font-size: 12px;
	line-height: 18px;
}
div#companyData th{
	border-top: 2px solid #FFF;
	width: 114px;
	background: #dad4cf;
	padding: 10px 0px 10px 13px;
	vertical-align: top;
	text-align: left;
}

div#companyData th#nextaLogo{
	border-top: 2px solid #FFF;
	background-color: #FFF;
	padding: 10px 13px;
}


div#companyData td{
	border-top: 2px solid #FFF;
	background: url(/img/company/index_dotted.gif) repeat-x bottom;
	padding: 10px 13px;
}
div#companyData td.otherBox{ background: none; height: 10px; padding: 0px; font-size: 0px; line-height: 0px; }

div#companyData td strong{
	font-size: 12px;
	font-weight: normal;
	background: url(/img/company/index_point.gif) 0% 60% no-repeat;
	padding: 0px 0px 0px 13px;
	display: block;
}

div#companyData td .groupBox{
	padding: 2px 0px 3px;
}

div#companyData td .groupData{
	width: 484px;
	margin: 15px 0px;
}
div#companyData td .groupData .cap{
	width: 484px;
	height: 21px;
}
div#companyData td .groupData .data{
	/* background: url(/img/company/index_tab_bg.gif) repeat-y; */
	width: 484px;
}

div#companyData td .groupData .data p{
	padding:12px 0 0;
	/* background: url(/img/company/index_tab_btm.gif) no-repeat left bottom; */
}

/*-----------------------------------------------------------
■[10]:企業理念
------------------------------------------------------------*/
div#philosoData	{ width: 646px; padding: 15px 0px 0px; float: left; }
div#philosoData h2	{ width: 53px; height: 26px; font-size: 0px; line-height: 0px; padding: 0px 0px 10px; display: block; }
div#philosoData p	{ font-size: 12px; padding: 0px 0px 15px; }
div#philosoData table{
	clear: both;
	width: 646px;
	border-top: 3px solid #dad4cf;
	border-left: 3px solid #dad4cf;
}
div#philosoData td{
	border-right: 3px solid #dad4cf;
	border-bottom: 3px solid #dad4cf;
	padding: 4px 0px 4px 4px;
}

div#philosoData td .imageBox{
	float: left;
	width: 160px;
	height: 161px;
}

div#philosoData td .textBox01{
	/* background: url(/img/company/philosophy_img_011.gif) no-repeat right; */
	width: 476px;
	height: 161px;
	float: right;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
}

div#philosoData td .textBox01 p{
	padding: 10px 35px 7px 15px;
}

div#philosoData td .textBox02{
	/* background: url(/img/company/philosophy_img_012.gif) no-repeat right; */
	width: 476px;
	height: 161px;
	float: right;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
}
div#philosoData td .textBox02 ul	{ width: 425px; margin: 0px; padding: 10px 15px 0; }
div#philosoData td .textBox02 li	{ margin: 0px; text-indent: -9px; margin-left: 1em; padding: 0px 0px 5px; }

div#philosoData td .textBox02 p.subtxt{
	text-align: right;
	padding: 0 15px;
}

div#philosoData td .textBox03{
	background: url(/img/company/philosophy_img_013.gif) no-repeat right;
	width: 476px;
	height: 161px;
	float: right;
	vertical-align: middle;
	font-size: 12px;
	line-height: 24px;
}

div#philosoData td .textBox03 p{
	padding: 33px 35px 0px 15px;
}

div#philosoData td .textBox04{
	/* background: url(/img/company/philosophy_img_014.gif) no-repeat right; */
	width: 476px;
	height: 161px;
	float: right;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
}

div#philosoData td .textBox04 p{
	padding: 28px 15px 0px 15px;
}

div#philosoData td .textBox04 p span{
	padding: 15px 0px 0px;display: block;
}

/*-----------------------------------------------------------
■[20]:沿革
------------------------------------------------------------*/
div#historyData	{ width: 646px; padding: 15px 0px 0px; float: left; }
div#historyData h2	{ /* width: 53px; height: 26px; */ font-size: 0px; line-height: 0px; padding: 0px 0px 10px; display: block; }
div#historyData table{
	clear: both;
	width: 646px;
	border: 3px solid #dad4cf;
	font-size: 12px;
	line-height: 18px;
}
div#historyData th{
	border-top: 2px solid #FFF;
	width: 130px;
	background: #dad4cf;
	padding: 10px 0px 10px 13px;
	vertical-align: top;
}
div#historyData tr.green th{
	background: #c8e0de;
}
div#historyData tr.yellow th{
	background: #ffe399;
}
div#historyData tr.blue th{
	background: #c7def2;
}

div#historyData td{
	border-top: 2px solid #FFF;
	background: url(/img/company/history_dot_gray.gif) repeat-x bottom;
	padding: 10px 13px;
	
}
div#historyData tr.green td{
	background: url(/img/company/history_dot_green.gif) repeat-x bottom;
}
div#historyData tr.yellow td{
	background: url(/img/company/history_dot_yellow.gif) repeat-x bottom;
}
div#historyData tr.blue td{
	background: url(/img/company/history_dot_blue.gif) repeat-x bottom;
}
div#historyData td.otherBox{ background: none; height: 10px; padding: 0px; font-size: 0px; line-height: 0px; }


/*-----------------------------------------------------------
■[30]:ネクスタのネットワーク
------------------------------------------------------------*/

div.companyDetail{
	float: left;
	background: url(/img/common/bg_line.gif) repeat-y left top;
	border-top: 3px solid #dad4cf;
	width: 646px;
}

div.companyDetail div.companyBox{
	border-bottom: 3px solid #dad4cf;
	padding: 18px;
	width: 610px;
	display:block;
	float: left;
}

div.companyDetail div.companyBox div.text{
	width: 610px;
}

div.companyDetail div.companyBox p{
	padding:0 0 10px 0;
	width: 610px;
}

/*-----------------------------------------------------------
■[40]:アクセス
------------------------------------------------------------*/
div.companyBox p.name{ width: 610px; float: left; margin: 5px 0; }
div.companyBox p.mt20{ margin-top: 20px; }

/* 本社 */
div.companyBox div.accessBoxHead{
	width: 610px;
	float: left;
	background: url(/img/company/access/dot_line.gif) repeat-x left top;
	margin-bottom : 20px;
}

div.companyBox div.accessBoxHead dl{ width: 300px; float: left; }
div.companyBox div.accessBoxHead div.map{ width: 270px; float: right; margin-top : 4px;}

div.companyBox div.accessBoxHead dl div.fukidasi{
	background: url(/img/company/access/bg_fukidasi.gif) no-repeat left top;
	width: 310px;
	padding: 17px 25px 15px 20px;
	text-indent:25px;
}
/* IE6のみに適用させる */
* html div.companyBox div.accessBoxHead dl div.fukidasi{ width: 290px;}
/*  */
div.companyBox div.accessBoxHead dl div.fukidasi span{ font-weight: bold; }

div.companyBox div.accessBox{
	width: 610px;
	float: left;
	margin-bottom : 20px;
}

div.companyBox div.accessBox dl{
	background: url(/img/company/access/dot_line.gif) repeat-x left top;
	width: 300px;
	float: left;
}


div.companyBox div.accessBox dl.mr10{ margin-right : 10px; }

div.companyBox div.accessBox dl dt,div.companyBox div.accessBoxHead dl dt{
	margin-bottom : 5px;
}

div.companyBox div.accessBox dl dd span,div.companyBox div.accessBoxHead dl dd span{
	font-weight: bold;
}


div.companyDetail div.companyBox div.nextaComme{
	float: left;
	background: url(/img/company/access/bg_nexta.gif) no-repeat left top;
	width: 610px;
	height: 74px;
}

div.companyDetail div.companyBox div.nextaComme p{
	padding: 30px 0 0 130px;
	width: 480px;
}



/*-----------------------------------------------------------
■[50]:ネクスタのメッセージ
------------------------------------------------------------*/
div.futureBox{
	display:inline;
	float:left;
	width:610px;
}

div.futureBox img{
	float: right;
	margin: 0 0 10px 10px;
}

div.qualityBox{
	width:610px;
	margin-top : 20px;
	float:left;
}

div.qualityBox dl{
	width:610px;
}

div.qualityBox dl dd{
	padding: 6px 0 10px 0;
	width:610px;
}

div.qualityBox div.image{ width: 610px; }
div.qualityBox div.image img{ float: left; display:block;}
div.qualityBox div.image img.mr10{ margin-right : 10px;}
/* IE6のみに適用させる */
* html div.qualityBox div.image img.mr10 { margin-right : 8px;}