@charset "UTF-8";

/* ************************************************ */
/*                  keyVisual						*/
/* ************************************************ */

#index #keyVisual{
	margin-bottom: 10px;
	width: 800px;
}
#index #keyVisual li{
	float: left;
	width: 255px;
}
#index #keyVisual li.design{	margin-right: 18px;}
#index #keyVisual li.system{	margin-right: 17px;}


/* ************************************************ */
/*                  contents						*/
/* ************************************************ */

#index #contents{	margin-bottom: 15px;}
#index #contents h3{
	margin-bottom: 5px;
	height: 17px;
	overflow: hidden;
	text-indent: -99999em;
}

/* ********** 制作実績 ********** */

#index #contents #productResult{
	float: left;
	width: 528px;
}
#index #contents #productResult h3{	background: url("../include/img/index/productResultTitle.gif") left top no-repeat;}

#index #contents #productResult #productResultOutline{
	margin-bottom: 10px;
	padding-bottom: 9px;
	background: url("../include/img/index/productResultBottom.gif") left bottom no-repeat;
}
#index #contents #productResult #productResultOutline #productResultInner{
	padding: 17px 16px 0;
	background: url("../include/img/index/productResultTop.gif") left top no-repeat;
}

#index #contents #productResult #productResultOutline #productResultInner .entry{
	margin-bottom: 8px;
	padding-bottom: 9px;
	background: url("../include/img/common/localNaviLine.gif") left bottom repeat-x;
}

#index #contents #productResult #productResultOutline #productResultInner .entry .image{
	float: left;
	width: 132px;
}
#index #contents #productResult #productResultOutline #productResultInner .entry .image img{	border: 1px solid #999;}

#index #contents #productResult #productResultOutline #productResultInner .entry .txt{
	float: right;
	width: 350px;
}
#index #contents #productResult #productResultOutline #productResultInner .entry .txt h4{
	margin-bottom: 5px;
	padding: 3px 5px 4px;
	color: #fff;
	background-color: #91aace;
}
#index #contents #productResult #productResultOutline #productResultInner .entry .txt p{
	margin: 0;
	padding: 0 5px;
	font-size: 93%;
	line-height: 1.4;
}

#index #contents #productResult #productResultOutline #productResultInner p.readMore{
	margin: 0;
	padding-left: 16px;
	float: right;
	background: url("../include/img/common/arrow.gif") 0 4px no-repeat;
	font-size: 93%;
}

#index #contents #productResult p#goForm{	margin: 0;}






/* ********** 更新履歴 ********** */

#index #contents #updateHistory{
	float: right;
	width: 255px;
}
#index #contents #updateHistory h3{	background: url("../include/img/index/updateHistory.gif") left top no-repeat;}


#index #contents #updateHistory #updateHistoryOutline{
	margin-bottom: 6px;
	padding-bottom: 10px;
	background: url("../include/img/index/updateHistoryBottom.gif") left bottom no-repeat;
}
#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner{
	padding: 15px 15px 0;
	background: url("../include/img/index/updateHistoryTop.gif") left top no-repeat;
}

#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner dl{
	padding-bottom: 2px;
	font-size: 93%;
	line-height: 1.2;
}
#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner dl a:link,
#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner dl a:visited{	text-decoration: none;}
#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner dl a:hover{	text-decoration: underline;}

#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner dl dt{
	padding-left: 10px;
	background: url("../include/img/common/doubleArrow.gif") 1px 4px no-repeat;
}
#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner dl dd{
	margin-bottom: 9px;
	padding-bottom: 7px;
	background: url("../include/img/common/localNaviLine.gif") left bottom repeat-x;
}

#index #contents #updateHistory #updateHistoryOutline #updateHistoryInner p.readMore{
	margin: 0;
	padding-left: 16px;
	float: right;
	background: url("../include/img/common/arrow.gif") 0 4px no-repeat;
	font-size: 93%;
}

#index #contents #updateHistory ul.banner{	margin-bottom: -6px;}
#index #contents #updateHistory ul.banner li{	margin-bottom: 6px;}


/* ********** 緊急告知 ********** */

#index #contents #emergency{
 width: 800px;
 margin: 0 auto 20px;
}