@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.03
  Last Update 0000.00.00 Date
----------------------------*/

/*----------------------------------------
　　目次　- トップページ用CSS
────────────────────┼

　├ 枠設定
　｜
　├ Flash
　｜
　├ メイン
　｜　｜
　｜　├ タイトル
　｜　｜
　｜　├ 共通設定
　｜　｜
　｜　├ ニュース
　｜　｜
　｜　├ インフォメーション
　│
　│
　├ サイドナビ
　  　｜
　  　├ 共通設定
　  　｜
　  　├ 営業所案内・採用情報バナー
　  　｜
　  　├ サービス案内・会社案内

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


@import "common.css";

/*####################　枠設定　####################*/

#TopIndex #Container {
	clear:both;
	background:url(../../img/wall-container.jpg) repeat-y 0 0;
	width:788px;
	margin:0 auto;
	text-align:left;
	}

#TopIndex #Box {
	background:url(../../img/wall-box.jpg) no-repeat left bottom;
	width:788px;
	margin:0 auto;
	text-align:left;
	}

#TopIndex .headImage {
	background:url(../../img/wall-flash.jpg) no-repeat left bottom;
	width:788px;
	height:auto;
	margin:0 auto;
	padding-bottom:29px;
	}
	
#TopIndex #Main {
	float:right;
	width:509px;
	margin:0 auto;
	text-align:left;
	}

#TopIndex #Sub {
	float:left;
	width:279px;
	margin:0;
	text-align:left;

	}

/*####################　Flash　####################*/

#TopIndex #Flash p{
	text-indent:-9999px;
	}


/*####################　メイン　####################*/


/*　タイトル
-------------------------------------*/

#TopIndex #Main h2 {
	background:url(../../img/title-topics.jpg) no-repeat 0 0;
	width:500px;
	height:49px;
	margin-bottom:-20px;
	text-indent:-9999px;
	}

#TopIndex #Main ul {
	position:relative;
	top:-25px;
	left:378px;
	width:150px;
	}

	#TopIndex #Main ul li {
	float:left;
	}

	#TopIndex #Main ul li a{
	display:block;
	height:34px;
	text-indent:-9999px;
	}
	
	#TopIndex #Main ul li.menu01 a{ 
	width:63px;
	}
	
	#TopIndex #Main ul li.menu02 a{
	width:56px;
	margin-left:2px;
	}


/*　共通設定
-------------------------------------*/

#TopIndex #Main h3 {
	clear:both;
	width:470px;
	margin:0 0 10px 20px;
	}
	

#TopIndex #Main dl {
	background:url(../img/line-dotted.gif) no-repeat left bottom;
	width:470px;
	margin:0 0 0 20px;
	padding:10px 0 5px;
	text-align:left;
	}
	
	#TopIndex #Main dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#TopIndex #Main dl dt {
		float:left;
		margin:0 10px 0 0;
		padding-left:10px;
		color:#8797a2;
		font-weight:bold;
		}

	#TopIndex #Main dl dd {
	
	}

	#TopIndex #Main dl dd a {color:#336699;}
	#TopIndex #Main dl dd a:hover {text-decoration:underline;}
	

/*　ニュース
-------------------------------------*/
#TopIndex #Main #News {
	}

	#TopIndex #Main #News dl dd {
		float:left;
		width:330px;
		_width:370px;
		padding-left:45px;
		}

	#TopIndex #Main #News dl dd.east {background:url(../img/ico-east.gif) no-repeat 0 1px;}
	#TopIndex #Main #News dl dd.west {background:url(../img/ico-west.gif) no-repeat 0 1px;}

	#TopIndex #Main #News dl dd.east a,
	#TopIndex #Main #News dl dd.west a{
		display:block;
		background:url(../img/ico-arrow01.gif) no-repeat 0 5px;
		padding-left:15px;
		}

/*　インフォメーション
-------------------------------------*/
#TopIndex #Main #Info {
	}

	#TopIndex #Main #Info dl {
	}

	#TopIndex #Main #Info dl dd {
		float:left;
		background:url(../img/ico-arrow01.gif) no-repeat 0 5px;
		width:365px;
		padding-left:15px;
		
		}



/*####################　サイドナビ　####################*/


/*　共通設定
-------------------------------------*/

#TopIndex #Sub h2 {
	display:none;
	}

#TopIndex #Sub h3 {
	width:260px;
	margin:0 0 10px 10px;
	}


/*　営業所案内・採用情報バナー
-------------------------------------*/

#TopIndex #Sub h3.office {
	clear:both;
	width:260px;
	}

	#TopIndex #Sub h3.office a{
	display:block;
	background:url(../img/Sub/main-sub_office.jpg) no-repeat 0 0;
	height:80px;
	margin:15px 0 10px 0;
	text-indent:-9999px;
	}

#TopIndex #Sub h3.recruit {
	width:260px;
	}
	
	#TopIndex #Sub h3.recruit a{
	display:block;
	background:url(../img/Sub/main-sub_recuruit.jpg) no-repeat 0 0;
	height:90px;
	margin:0 0 10px 0;
	text-indent:-9999px;

	}

#TopIndex #Sub p{
	display:none;
	}


/*　サービス案内・会社案内
-------------------------------------*/

#TopIndex #Sub h3.service {
	}
	
#TopIndex #Sub h3.company {
	}

#TopIndex #Sub ul {
	}

#TopIndex #Sub ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#TopIndex #Sub ul li{
	margin:0 0 10px 10px;
	}

	#TopIndex #Sub ul li.menu01 img,
	#TopIndex #Sub ul li.menu02 img{
	}


/* 通信サービス */
#TopIndex #Sub ul li ul.list1 {
	background:none;
	width:250px;
	margin:5px 0 10px 15px;
	padding:0;
	}

	#TopIndex #Sub ul li ul.list1:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#TopIndex #Sub ul li ul.list1 li {
	float:left;
	background:none;
	width:110px;
	margin:0;
	}

	#TopIndex #Sub ul li ul.list1 li a{ 
	background:url(../img/ico-arrow02.gif) no-repeat 0 1px;
	padding:0 0 2px 15px;
	text-align:left;
	font-size:10px;
	color:#333333;
	}
	
	#TopIndex #Sub ul li ul.list1 li a:hover {text-decoration:underline;}


/* セキュリティ機器 */
#TopIndex #Sub ul.list2 {
	background:none;
	width:250px;
	margin:0 0 10px 25px;
	padding:0;
	}

	#TopIndex #Sub ul.list2:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#TopIndex #Sub ul.list2 li {
	float:left;
	background:none;
	width:110px;
	margin:0;
	}

	#TopIndex #Sub ul.list2 li a{ 
	background:url(../img/ico-arrow02.gif) no-repeat 0 1px;
	padding:0 0 2px 15px;
	text-align:left;
	font-size:10px;
	color:#333333;
	}
	
	#TopIndex #Sub ul.list2 li a:hover {text-decoration:underline;}




/*####################　おおみだし　####################*/


/*　こみだし
-------------------------------------*/





/*end*/