@charset "Shift_JIS";

/*--------------------------------------------------
  File       : top.css
  Date       : 2009.09.14
--------------------------------------------------*/


/*================================================
contents
==================================================*/

div.floatCont{
	margin: 20px 0 0 13px;
	width: 540px;
}

div.floatCont .pictTtl{
	width: 264px;
	height: 36px;
	margin-bottom: 10px;

}


/* サービス
-------------------------------------*/

div#service{
	float: left;
	width: 264px;
	margin-bottom: 20px;
}

div#service .pictTtl{
	height: 33px;
	background: url(../image/top/bar_systemintegration.gif) no-repeat left top;
	text-indent: -9999px;
}

div#service .pictTtl a{
	display: block;
	width: 264px;
	height: 36px;
	text-decoration : none;
	outline : 0px;
}

div#service ul,
div#service p{
	margin: 0 2px;
}

div#service li{
	font-size: 85%;
}



/* サーバ製品
-------------------------------------*/

div#server{
	float: right;
	width: 264px;
	margin-bottom: 20px;
}

div#server .pictTtl{
	height: 33px;
	background:  url(../image/top/bar_server.gif) no-repeat left top;
	text-indent: -9999px;
}

div#server div.unit{
	width: 262px;
	border: 1px solid #FFF;/* For IE6&7 */
	margin: 0 0 0px 1px;
	background:  url(../image/top/waku_ue.gif) no-repeat left top;
	/*outline: solid;*/
}

div#server div.unit div.bgWrap{
	padding: 11px;
	background:  url(../image/top/waku_sita.gif) no-repeat left bottom;
}

div#server div.unit p.ttl a{
	color: #549389;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
}

div#server div.unit p.ttl a:hover{
	text-decoration: underline;
}

div#server div.unit p.txt{
	margin-top: 4px;
	margin-left: 60px;
	color: #333;
	font-size: 85%;
}

div#server div.s_logo{
	float: left;
	margin-right: 2px;
	width: 60px;
	text-decoration: none;
}

/* メンテナンス
-------------------------------------*/

div#mente{
	float: left;
	width: 264px;
	margin-bottom: 20px;
}

div#mente .pictTtl{
	height: 33px;
	background:  url(../image/top/bar_mente.gif) no-repeat left top;
	text-indent: -9999px;
}

/*
div#mente div.unit p.ttl a{
	color: #549389;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
}

div#mente div.unit p.ttl a:hover{
	text-decoration: underline;
}

div#mente div.unit p.txt{
	margin-top: 4px;
	margin-left: 60px;
	color: #333;
	font-size: 85%;
}

div#mente div.s_logo{
	float: left;
	margin-right: 2px;
	width: 60px;
	text-decoration: none;
}

div#mente ul,
div#mente p{
	margin: 0 2px;
}

div#mente li{
	font-size: 85%;
}
*/

/* 納品までのフロー
-------------------------------------*/

div#nouhin{
	float: left;
	width: 264px;
	margin-bottom: 20px;
}

div#nouhin .pictTtl{
	height: 33px;
	background:  url(../image/top/bar_nouhin.gif) no-repeat left top;
	text-indent: -9999px;
}


div#nouhin ul,
div#nouhin p{
	margin: 0 2px;
}

div#nouhin li{
	font-size: 85%;
}

/* FAQ
-------------------------------------*/

div#faq{
	float: left;
	width: 264px;
	margin-bottom: 20px;

}

div#faq .pictTtl{
	height: 33px;
	background:  url(../image/top/bar_faq.gif) no-repeat left top;
	text-indent: -9999px;
}

div#faq ul,
div#faq p{
	margin: 0 2px;
}

div#faq li{
	font-size: 85%;
}


/*================================================
sidebar
==================================================*/

/* インフォメーション
-------------------------------------*/

div#homeInfo{
	margin-bottom: 20px;
}

#sidebar #homeInfo .pictTtl{
	height: 33px;
	background: url(../image/top/bar_info.gif) no-repeat left top;
	text-indent: -9999px;
}

#sidebar #homeInfo .pictTtl a{
	display: block;
	width: 170px;
	height: 36px;
	text-decoration : none;
	outline : 0px;
}

/* 箱 */
#sidebar #homeInfo .info_unit{
	margin-top: 11px;
	padding: 0 5px 10px 5px;
	background:  url(../image/top/hasen.gif) repeat-x left bottom;
	width: 170px;
}

/* 日付 */
#sidebar #homeInfo .info_unit p.date{
	color: #666;
	font-weight: bold;
	font-size: 80%;
}

/* new */
#sidebar #homeInfo .new {color: #CC0000}

/* 内容 */
#sidebar #homeInfo .info_unit p.txt{
	margin-top: 4px;
	font-size: 80%;
}

/* リンク */
#sidebar #homeInfo .info_unit p.txt a{
	color: #333;
	text-decoration: underline;
	text-decoration: none;
}

#sidebar #homeInfo .info_unit p.txt a:hover{
	text-decoration: underline;
}

/* 導入事例のご紹介
-------------------------------------*/

div#top_systemexample a{
	display: block;
	width: 170px;
	height: 52px;
	background:  url(/image/top/top_case_off.gif) no-repeat left top;
	margin-top: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

div#top_systemexample a:hover{
	background:  url(/image/top/top_case_on.gif) no-repeat left top;
}

/* トピックス
-------------------------------------*/

div#topix01 a{
	display: block;
	width: 170px;
	height: 52px;
	background:  url(../image/top/topix/topix1_off.gif) no-repeat left top;
	text-indent: -9999px;
	margin-top: 20px;

}

div#topix01 a:hover{
	background:  url(../image/top/topix/topix1_on.gif) no-repeat left top;
}

div#topix02 a{
	display: block;
	width: 170px;
	height: 52px;
	background:  url(../image/top/topix/topix2_off.gif) no-repeat left top;
	text-indent: -9999px;
	margin-top: 8px;

}

div#topix02 a:hover{
	background:  url(../image/top/topix/topix2_on.gif) no-repeat left top;
}


/* サーバセキュリティ対策
-------------------------------------*/

div#serversecurity_measures a{
	display: block;
	width: 170px;
	height: 52px;
	background:  url(/serversecurity_measures/image/security_off.gif) no-repeat left top;
	margin-top: 20px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

div#serversecurity_measures a:hover{
	background:  url(/serversecurity_measures/image/security_on.gif) no-repeat left top;
}


/* 採用情報
-------------------------------------*/

div#recruit a{
	display: block;
	width: 170px;
	height: 52px;
	background:  url(../image/top/saiyou_botan_off.jpg) no-repeat left top;
	margin-top: 20px;
	margin-bottom: 5px;
	text-indent: -9999px;
}

div#recruit a:hover{
	background:  url(../image/top/saiyou_botan_on.jpg) no-repeat left top;
}









/*
#sidebar #homeInfo .pickup{
	margin-top: 11px;
	padding: 0 5px 10px 5px;
	background:  url(../../Documents%20and%20Settings/m-edano/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/images/linetype02.gif) repeat-x left bottom;
}

#sidebar #homeInfo .pickup p.information{
	color: #666;
	font-weight: bold;
	font-size: 95%;
}

#sidebar #homeInfo .pickup p.txt{
	margin-top: 4px;
}

#sidebar #homeInfo .pickup p.txt a{
	color: #333;
	text-decoration: underline;
	text-decoration: none;
}

#sidebar #homeInfo .pickup p.txt a:hover{
	text-decoration: underline;
}

#sidebar #homeInfo a.more{
	display: block;
	margin-top: 6px;
	text-align: right;
}

#sidebar #homeInfo a.more img{
	margin: 0 0 0 auto;
}



*/

/* その他
-------------------------------------*/
div#Other{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 170px;

}