@charset "utf-8";

/******************************************/
/* 株式会社サイト　「項目名」ページ用CSS  */
/******************************************/

/* 全ページ共通CSS読み込み */
@import url("common.css");
/* 全ページ共通ヘッダーメニューCSS読み込み */
@import url("menu.css");


/***** 「項目名」ページ用CSS *****/

/* top_flash */
#flash_print{/* 印刷時に表示するCSS（通常は非表示） */
	width:0px;
	height:0px;
	display:none;
}
#top_flash{
	width:798px;
	height:250px;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

/* top_contents */
#top_contents{
	width:800px;
	padding:30px 0px 10px;
}
* html #top_contents{
	width:800px;
	padding:30px 0px 0px;
}
/* top_left */
#top_left{
	float:left;
	width:560px;
	padding-right:20px;
}
	/* お知らせ */
	#top_news_box{
		width:560px;
		padding-bottom:15px;
	}
	#news_title{
		height:33px;
		background-image:url(../_images/top/top_news_line.jpg);
		background-position:left bottom;
		background-repeat:no-repeat;
		margin-bottom:15px;
	}
		#news_title_l{
			float:left;
		}
		#news_title_r{
			float:right;
			padding-top:4px;
		}
		#news_title_r a{
			width:124px;
			height:22px;
			display:block;
			background-position:0px 0px;
			background-repeat:no-repeat;
			text-indent:-1000em;
			text-decoration:none;
			overflow:hidden;
			background-image:url(../_images/top/top_news_link.jpg);
		}
		#news_title_r a:hover{
			background-position:0px -22px;
		}
		
	/* news_td01 */
	#news_table td{
		line-height:110%;
	}
	.news_td01{
		width:100px;
		padding:2px 7px;
		text-align:center;
		color:#3366CC;
		vertical-align:top;
	}
	.news_td02{
		padding:2px 7px 2px 0px;
		vertical-align:top;
	}
	
	/* 業務案内 */
	#gyomu_box{
		width:553px;
		padding:10px 0px 5px 5px;
		border-bottom:1px solid #999999;
		border-left:1px solid #999999;
		border-right:1px solid #999999;
	}
	#gyomu_contents{
		width:553px;
		background-image:url(../_images/top/gyomu_bg.jpg);
		background-position:left top;
		background-repeat:repeat-y;
	}
	.gyomu_list{
		float:left;
		width:180px;
		padding-right:4px;
	}
	.gyomu_txt{ padding-top:5px; }
	.gyom_ul{
		width:140px;
		padding:7px 0px 5px 30px;
	}
	.gyom_ul li{
		list-style-image:url(../_images/top/gyomu_icon.gif);
	}
	.gyomu_link_txt{
		padding:5px 10px;
	}
	.gyomu_link_box{
		width:132px;
		padding:0px 24px;
	}
		/* left_link */
		#left_link01, #left_link02, #left_link03, #left_link04{
			width:132px;
			height:66px;
			display:block;
			background-position:0px 0px;
			background-repeat:no-repeat;
			text-indent:-1000em;
			text-decoration:none;
			overflow:hidden;
			margin-bottom:5px;
		}
		#left_link01:hover, #left_link02:hover, #left_link03:hover, #left_link04:hover{
			background-position:0px -66px;
		}
		#left_link01{
			background-image:url(../_images/top/top_design_link.jpg);
		}
		#left_link02{
			background-image:url(../_images/top/top_web_link.jpg);
		}
		#left_link03{
			background-image:url(../_images/top/top_pers_link.jpg);
		}
		#left_link04{
			background-image:url(../_images/top/top_iecan_link.jpg);
		}
	
	/* チームマイナス6 */
	#team6_box{
		padding-top:10px;
		height:60px;
	}
		#team6_banner, #team6_txt{
			float:left;
		}
		#team6_banner{
			width:120px;
			height:60px;
		}
		#team6_txt{ padding:5px 5px 0px; }
	
/* top_right */
#top_right{
	float:left;
	width:220px;
}
	/* soubun2012 */
	#soubun2012 {
		width: 220px;
		height:220px;
		margin: 0 auto 10px;	
	}
	#soubun2012 a {
		width: 220px;
		height: 220px;
		display: block;
		background: url(../_images/top/to_otakara.jpg) 0px 0px no-repeat;
		text-decoration: none;
		text-indent: -1000em;
		overflow: hidden;
	}
	#soubun2012 a:hover {
		background-position: 0px -220px;
	}
	
	/* to_sfit */
	#to_sfit {
		width: 220px;
		height: 84px;
		margin: 0 auto 10px;
	}
	#to_sfit a {
		width: 220px;
		height: 84px;
		display: block;
		background: url(../_images/top/to_sfit.jpg) 0px 0px no-repeat;
		text-decoration: none;
		text-indent: -1000em;
		overflow: hidden;
	}
	#to_sfit a:hover {
		background-position: 0px -84px;
	}
	
	/* to_appl */
	#to_appl {
		width: 218px;
		height: 118px;
		margin: 0 auto 10px;
	}
	#to_appl a {
		width: 218px;
		height: 118px;
		display: block;
		background: url(../_images/top/to_appl.jpg) 0px 0px no-repeat;
		text-decoration: none;
		text-indent: -1000em;
		overflow: hidden;
	}
	#to_appl a:hover {
		background-position: 0px -118px;
	}
	/* link_list */
	#link_list{
		width:220px;
		background-image:url(../_images/top/top_right_bg.jpg);
		background-position:left top;
		background-repeat:repeat;
	}
	#link_list ul{
		width:185px;
		background-color:#FFFFFF;
		margin-left:6px;
		padding:0px 11px 0px 12px;
	}
	#link_list ul li{
		width:185px;
		padding-bottom:10px;
		list-style:none;
	}
	/* right_link */
	#right_link00{
		width:184px;
		display:block;
		background-position:0px 0px;
		background-repeat:no-repeat;
		text-indent:-1000em;
		text-decoration:none;
		overflow:hidden;
	}
	#right_link01, #right_link02, #right_link03, #right_link04, #right_link05, #right_link06, #right_link07{
		width:185px;
		display:block;
		background-position:0px 0px;
		background-repeat:no-repeat;
		text-indent:-1000em;
		text-decoration:none;
		overflow:hidden;
	}
	#right_link01{
		height:178px;
		background-image:url(../_images/common/banner_link01.jpg);
	}
	#right_link01:hover{
		background-position:0px -178px;
	}
	#right_link00{ background-image:url(../_images/common/banner_link00.jpg); }
	#right_link02{ background-image:url(../_images/common/banner_link02.jpg); }
	#right_link03{ background-image:url(../_images/common/banner_link03.jpg); }
	#right_link04{ background-image:url(../_images/common/banner_link04.jpg); }
	#right_link05{ background-image:url(../_images/common/banner_link05.jpg); }
	#right_link06{ background-image:url(../_images/common/banner_link06.jpg); }
	#right_link07{ background-image:url(../_images/common/banner_link07.jpg); }
	
	#right_link00, #right_link02, #right_link03, #right_link04, #right_link05, #right_link06, #right_link07{
		height:61px;
	}
	#right_link00:hover, #right_link02:hover, #right_link03:hover, #right_link04:hover, #right_link05:hover, #right_link06:hover, #right_link07:hover{
		background-position:0px -61px;
	}
	
	
/* 印刷用 */
@media print{
	#flash_print{/* 印刷時に表示するCSS（通常は非表示） */
		width:798px;
		height:250px;
		border-bottom:1px solid #999999;
		border-left:1px solid #999999;
		border-right:1px solid #999999;
		display:block;
	}
	#top_flash{
		width:0px;
		height:0px;
		display:none;
	}
	/* IE6印刷対策 */
	* html #top_left{
		float:left;
		width:560px;
		padding-right:19px;
	}
}