/*
--------------------------------------------------------
Class:		Common CSS Importer
--------------------------------------------------------
*/

/*
 デフォルトスタイル指定
*/
@import url(../common/css/default.css);

/*
 共通レイアウト指定
*/
@import url(../common/css/common.css);


/*--------------------------------------------------------
　個別レイアウト
--------------------------------------------------------*/
.contentArea	{
	position: relative;
}

div#mainContent	{
	width: 540px;
	height: auto;
	margin-left: 170px;
	padding: 0 0 3.0em 0;
}

* html div#mainContent	{
	height: 580px;
}

#subContentNavi ul	{
	border-bottom: 2px solid #CCC;
}


/* コンテンツボックス */
div.contentBox	{
	padding: 10px 20px;
	border: 1px solid #DDD;
	margin-bottom: 1.0em;
}

div.contentBox h4	{
	background-image: none;
}


/* コンテンツボックス-アクセス */
div.contentBoxAccess	{
	padding: 0 17px;
}


/* アクセス */
div.accessBox	{
	margin-top: 10px;
	border: 1px solid #CCC;
	padding: 9px;
	background-color: #F0F0F0;
}

div.accessBox h5	{
	color: #16A8CF;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	line-height: 1.0em;
	font-size: 1.1em;
	background-color: #F0F0F0 !important;
}

div.accessBox input	{
	vertical-align: middle;
}
div.accessBox input.formMail	{
	width: 250px;
}


/* MAPボタン */
a.linkMap	{
	float: right;
	display: block;
	width: 45px;
	height: 19px;
	background: #FFF url(./images/btn_map.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: 45px;
	white-space: nowrap;
}

/* MAPボタン */
a.linkDetail,
a.linkDetailadd	{
	float: right;
	display: block;
	width: 19px;
	height: 19px;
	background: #FFF url(./images/btn_detail.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: 45px;
	white-space: nowrap;
}

a.linkDetailadd	{
	margin-left: 5px;
}

/*　メニュー
--------------------------------------------------------*/

ul#menuArea	{
	position: relative;
	margin: 20px 0 0 0;
	height: 325px;
}

ul#menuArea li	{
	position: absolute;
	width: 230px;
	text-indent: 230px;
	overflow: hidden;
	white-space: nowrap;
}
ul#menuArea li a	{
	display: block;
}

ul#menuArea li#menuVision	{
	top: 0;
	left: 0;
	width: 710px;
	text-indent: 710px;
	background: #FFF url(./images/btn_vision.gif) 0 0 no-repeat;
}
ul#menuArea li#menuVision a	{
	width: 710px;
	height: 100px;
}

ul#menuArea li#menuCompany	{	background: #FFF url(./images/btn_company.gif) 0 0 no-repeat; top: 110px; left: 0;	}
ul#menuArea li#menuData	{	background: #FFF url(./images/btn_data.gif) 0 0 no-repeat; top: 110px; left: 240px;	}
ul#menuArea li#menuDeal	{	background: #FFF url(./images/btn_deal.gif) 0 0 no-repeat; top: 110px; left: 480px;	}

ul#menuArea li#menuCompany a,
ul#menuArea li#menuData a,
ul#menuArea li#menuDeal a	{
	width: 230px;
	height: 80px;
}

ul#menuArea li#menuHistory	{	background: #FFF url(./images/btn_history.gif) 0 0 no-repeat; top: 200px; left: 0;	}
ul#menuArea li#menuTree	{	background: #FFF url(./images/btn_tree.gif) 0 0 no-repeat; top: 200px; left: 240px;	}
ul#menuArea li#menuAccess	{	background: #FFF url(./images/btn_access.gif) 0 0 no-repeat; top: 200px; left: 480px;	}

ul#menuArea li#menuHistory a,
ul#menuArea li#menuTree a,
ul#menuArea li#menuAccess a	{
	width: 230px;
	height: 70px;
}
ul#menuArea li#menuAccess a	{
	height: 69px;
}

ul#menuArea li#menuAddress	{	background: #FFF url(./images/btn_address.gif) 0 0 no-repeat; top: 269px; left: 480px;	}
ul#menuArea li#menuAddress a	{	height: 26px;}

ul#menuArea li#menuOffice	{	background: #FFF url(./images/btn_office.gif) 0 0 no-repeat; top: 295px; left: 480px;	}
ul#menuArea li#menuOffice a	{	height: 29px;}




/*　会社概要
--------------------------------------------------------*/

table.companyList	{
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #DDD;
}

table.companyList th,
table.companyList td	{
	padding: 0.5em;
	border: 1px solid #CCC;
}

table.companyList th	{
	white-space: nowrap;
	background-color: #EEE;
	vertical-align: top;
}

table.companyList td.officerName	{
	white-space: nowrap;
	text-align: center;
}


/* googleMaps */
div#officemap	{
	width: 538px;
	height: 318px;
	border: 1px solid #DDD;
}


/*　主な納入事例
--------------------------------------------------------*/

dl.dealList	{
	clear: both;
	height: 1%;
}

dl.dealList dt	{
	clear: both;
	padding: 0.3em 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0.3em;
	display: block;
	font-weight: bold;
}

dl.dealList dt.titleCategory	{
	background-color: #00A0CA;
	color: #FFF;
	margin: 0 0 0.5em;
	padding: 0.3em 0.5em;
	border-bottom: 0;
}
dl.dealList dt.titleArea	{
	color: #00A0CA;
	font-size: 1.2em;
	margin: 0;
	border-bottom: 0;
}

dl.dealList dd	{
	float: left;
	white-space: nowrap;
	margin: 0 0.5em 0 1.0em;
}

dl.dealList dd.other	{
	clear: both;
}


/*　沿革
--------------------------------------------------------*/

table.historyList	{
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #DDD;
}

table.historyList th,
table.historyList td	{
	padding: 0.3em 0.5em;
	border: 1px solid #CCC;
}

table.historyList th	{
	text-align: center;
	background-color: #AAA;
	color: #FFF;
}

table.historyList td	{
	vertical-align: top;
}

.dataYear	{
	font-weight: bold;
	line-height: 1.2em;
	color: #555;
	background-color: #EEE;
	white-space: nowrap;
	text-align: center;
}
.dataMonth	{
	width:2.5em;
	text-align: right;
	white-space: nowrap;
	background-color: #F2F2F2;
}
.dataHistory	{}
.dataEvent	{
	width: 30%;
}
td.dataEvent	{
	font-size: 0.8em;
	line-height: 1.5em;
}


/*　交通アクセス
--------------------------------------------------------*/

div#japanMap	{
	position: relative;
	width: 520px;
	height: 210px;
}


div#japanMap dl dt	{
	display: none;
}

div#japanMap dl dd	{
	float: left;
	padding-left: 15px;
	margin-bottom: 1px;
}

div#japanMap dl dd a	{
	display: block;
	width: 80px;
	height: 15px;
	overflow: hidden;
	text-indent: 80px;
	white-space: nowrap;
	overflow: hidden;
}

div#japanMap img#mapImage,
div#japanMap dl#mapWest,
div#japanMap dl#mapEast	{
	position: absolute;
}
div#japanMap dl#mapWest,
div#japanMap dl#mapEast	{
	z-index: 10;
	width: 200px;
}

div#japanMap img#mapImage	{
	top: 0;
	left: 0;
}

div#japanMap dl#mapWest	{
	top: 47px;
	left: 10px;
}
div#japanMap dl#mapWest dd#west01 a	{	background: #FFF url(./images/btn_west01.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west02 a	{	background: #FFF url(./images/btn_west02.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west03 a	{	background: #FFF url(./images/btn_west03.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west04 a	{	background: #FFF url(./images/btn_west04.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west05 a	{	background: #FFF url(./images/btn_west05.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west06 a	{	background: #FFF url(./images/btn_west06.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west07 a	{	background: #FFF url(./images/btn_west07.gif) 0 0 no-repeat;	}
div#japanMap dl#mapWest dd#west08 a	{	background: #FFF url(./images/btn_west08.gif) 0 0 no-repeat;	}

div#japanMap dl#mapEast	{
	width: 150px;
	top: 122px;
	left: 360px;
}
div#japanMap dl#mapEast dd a	{
	width: 50px;
}
div#japanMap dl#mapEast dd#east01 a	{	background: #FFF url(./images/btn_east01.gif) 0 0 no-repeat;	}
div#japanMap dl#mapEast dd#east02 a	{	background: #FFF url(./images/btn_east02.gif) 0 0 no-repeat;	width: 55px;	}
div#japanMap dl#mapEast dd#east03 a	{	background: #FFF url(./images/btn_east03.gif) 0 0 no-repeat;	}


/*　所在地一覧
--------------------------------------------------------*/

div.contentArea h4.areaName	{
	margin: 0 0 10px;
	padding-bottom: 6px 0;
	border-bottom: 2px solid #DDD;
	line-height: 1.0em;
	background-image: none;
}


/* アクセスエリア */
div.accessContent	{
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #000;
	margin-bottom: 1.0em;
}

div.accessContent h5	{
	padding: 5px;
	background-color: #E8E8E8;
}

/* officeTable */
table.officeTable	{
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
	border: 2px solid #DDD;
}

table.officeTable td,
table.officeTable th	{
	padding: 3px 5px;
	line-height: 1.3em;
}

table.officeTable td.officeTel,
table.officeTable td.officeFax	{
	white-space: nowrap;
}

/* addressTable */
table.addressTable th	{
	width: 8.0em;
	text-align: center;
}


/* officeList */
table.officeList	{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #DDD;
}

table.officeList th,
table.officeList td	{
	padding: 5px 3px;
	border: 1px solid #CCC;
}

table.officeList td	{
	font-size: 0.85em;
	line-height: 1.3em;
}

table.officeList th	{
	text-align: center;
	background-color: #AAA;
	color: #FFF;
}

table.officeList tr.officeUnit th	{
	white-space: nowrap;
	background-color: #EEE;
	color: #333;
	text-align: left;
	text-indent: 0.5em;
}


/* クラス */
table.officeList th.officePost,table.officeList td.officePost	{	width: 50px;	text-align: center;	}
table.officeList th.officeAddress, table.officeList td.officeAddress	{	width: 150px;	}
table.officeList th.officeTel, table.officeList td.officeTel,
table.officeList th.officeFax, table.officeList td.officeFax	{	width: 75px;	text-align: center;	white-space: nowrap;	}
table.officeList th.officeMap, table.officeList td.officeMap	{	width: 19px;	}

/*
table.officeList th.officeMap, table.officeList td.officeMap	{	display: none;	}
*/

td.officeUnit	{	vertical-align: top;}

td.officeFloor	{
	vertical-align: top;
	text-align: center;
}

table.officeList td.sub-office	{	padding-left: 2.0em;	}


/*　所在地一覧
--------------------------------------------------------*/

div.contentArea h3.hl_address	{
	margin-top: 1.5em;
	border-top: 1px solid #DDD;
	padding-top: 0.8em;
	background-position: right center;
}