@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/* #flash
----------------------------------------------------------- */
#top #flash{
    width: 595px;
    height: 250px;
	margin: 0 0 15px;
	/*background: url(../images/top/flash.jpg) left top no-repeat;*/
}

#top #flash object {
	margin: 0;
	padding: 0;
	border: 0;
}

#top #flash embed{
	margin: 0;
	padding: 0;
	border: 0;
}

/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */
/*お客様の声
---------------------------------*/
#top #content_voice {
	width: 595px;
	margin: 0 0 15px;
	clear: both;
}

#top #content_voice h3{
	width: 595px;
	height: 27px;
	margin: 0 0 1px;
	text-indent: -9999px;
	background: url(../images/top/st_voice.gif) left top no-repeat;
}

#top #content_voice div{
	width: 579px;
	padding: 7px 8px 4px 8px; 
	margin: 0;
	background: url(../images/top/bg_voice.jpg) left top no-repeat;
}

#top #content_voice dl{
	width: 187px;
	margin: 0 9px 0 0;
	background: url(../images/top/bg_invoice.gif) left bottom no-repeat;
	float: left;
}

#top #content_voice dl.voi_nomargin{
	width: 187px;
	margin: 0;
	background: url(../images/top/bg_invoice.gif) left bottom no-repeat;
	float: left;
}

#top #content_voice h5{
	width: 187px;
	height: 37px;
	text-indent:-9999px;
}

/*お客様の声タイトル*/
/*新宿区役所様*/
#top #content_voice h5#st_voice_shinjuku{
	background: url(../images/top/st_voice_shinjuku.gif) left top no-repeat;
}

/*千代田区役所様*/
#top #content_voice h5#st_voice_chiyoda{
	background: url(../images/top/st_voice_chiyoda.gif) left top no-repeat;
}

/*高山市様*/
#top #content_voice h5#st_voice_takayama{
	background: url(../images/top/st_voice_takayama.gif) left top no-repeat;
}

#top #content_voice img{
	margin: 0 0 0 6px;
}

#top #content_voice dd{
	width: 167px;
	padding: 15px 10px 20px 10px;
}

#top #content_voice dd .bt_detail a{
	width: 70px;
	height: 18px;
	margin: 15px 0 0 97px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/top/bt_voice_detail.gif) left top no-repeat;
}



/*ご注文の流れ
---------------------------------*/
#top #content_flow {
	width: 595px;
	margin: 0 0 15px;
	clear: both;
}

#top #content_flow h3{
	width: 595px;
	height: 27px;
	margin: 0 0 1px;
	text-indent: -9999px;
	background: url(../images/top/st_flow.gif) left top no-repeat;
}

#top #content_flow div{
	width: 572px;
	height: 190px;
	padding: 0 0 0 23px; 
	margin: 0;
	text-indent: -9999px;
	background: url(../images/top/bg_flow.jpg) left top no-repeat;
}

#top #content_flow div h4{
	width: 572px;
	height: 65px;
}

#top #content_flow div p.comment{
	width: 572px;
	height: 80px;
}

#top #content_flow div p.bt_flowdetail a{
	width: 123px;
	height: 22px;
	display: block;
	overflow: hidden;
}


/*納入実績
---------------------------------*/
#top #content_delrecord {
	width: 595px;
	margin: 0 0 15px;
	clear: both;
}

#top #content_delrecord h3{
	width: 595px;
	height: 32px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../images/top/st_delrecord.gif) left top no-repeat;
}


#top #content_delrecord .del_group {
	width: 595px;
	margin: 0 0 10px;
	background: url(../images/top/dotline.gif) left bottom no-repeat;
	clear: both;
}

#top #content_delrecord dl{
	width: 280px;
	margin: 0 35px 0 0;
	padding: 0 0 10px;
	float: left;
}

#top #content_delrecord dl.del_nomargin{
	width: 280px;
	margin: 0;
	padding: 0 0 10px;
	float: left;
}

#top #content_delrecord dt{
	width: 120px;
	margin: 0 10px 0 5px;
	float: left;
	position:relative;
	background: url(../images/top/img_delrecord.jpg) left top no-repeat;
}

#top #content_delrecord .ico_large a{
	width: 120px;
	height: 90px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url(../images/top/ico_large.gif) right bottom no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

#top #content_delrecord dd{
	width: auto;
	padding: 0;
}

#top #content_delrecord dd h6{
	margin: 0 0 5px;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}