@charset "utf-8";

/************************************************

 Header

 ************************************************/

#header #language #ja {
	background-color: orange;
}

/************************************************

 Menu

 ************************************************/
#menu	{
	background-image: url(../images/menu_off.gif);
}
#menu li a:hover	{
	background-image:	url(../images/menu_on.gif);
}

#menu1:hover {
	background-position: -0px 0px;
}

#menu9:hover {
	background-position: -82px 0px;
}

#menu2:hover {
	background-position: -164px 0px;
}

#menu3:hover {
	background-position: -246px 0px;
}

#menu4:hover {
	background-position: -328px 0px;
}

#menu5:hover {
	background-position: -410px 0px;
}

#menu6:hover {
	background-position: -492px 0px;
}

#menu7:hover {
	background-position: -574px 0px;
}

#menu8:hover {
	background-position: -656px 0px;
}


/************************************************

 Sidebar

 ************************************************/
/*サイドバーメニュー見出しの画像*/
#sidebar-si	{
	background-image:	url(../images/sidebar_si_label_off.gif);
}
#sidebar-si:hover	{
	background-image:	url(../images/sidebar_si_label_on.gif);
}
#sidebar-msp	{
	background-image:	url(../images/sidebar_msp_label_off.gif);
}
#sidebar-msp:hover	{
	background-image:	url(../images/sidebar_msp_label_on.gif);
}
#sidebar-csp	{
	background-image:	url(../images/sidebar_csp_label_off.gif);
	height:	57px !important;
}
#sidebar-csp:hover	{
	background-image:	url(../images/sidebar_csp_label_on.gif);
}
#sidebar-ssd	{
	background-image:	url(../images/sidebar_ssd_label_off.gif);
}
#sidebar-ssd:hover	{
	background-image:	url(../images/sidebar_ssd_label_on.gif);
}
#sidebar-products	{
	background-image:	url(../images/sidebar_products_label_off.gif);
}
#sidebar-products:hover	{
	background-image:	url(../images/sidebar_products_label_on.gif);
}
#sidebar-rd	{
	background-image:	url(../images/sidebar_rd_label_off.gif);
}
#sidebar-rd:hover	{
	background-image:	url(../images/sidebar_rd_label_on.gif);
}
#sidebar-company	{
	background-image:	url(../images/sidebar_company_label_off.gif);
}
#sidebar-company:hover	{
	background-image:	url(../images/sidebar_company_label_on.gif);
}
/*サイドバーメニューの画像*/
.sidebar-items li a	{
	background-color:	#ececf7;
}
/*サイドバーメニューオンマウス時*/
.sidebar-items li a:hover	{
	background-color:	#d6d9e2;
}
/*SI*/
#sidebar-si-index	{
	background-image:	url(../images/sidebar_si_index.gif);
}
#sidebar-si-system	{
	background-image:	url(../images/sidebar_si_system.gif);
}
#sidebar-si-engineering	{
	background-image:	url(../images/sidebar_si_re-engi.gif);
}
#sidebar-si-development	{
	background-image:	url(../images/sidebar_si_develop.gif);
}
#sidebar-si-case	{
	background-image:	url(../images/sidebar_si_case.gif);
}
/*MSP*/
#sidebar-msp-index	{
	background-image:	url(../images/sidebar_msp_index.gif);
}
#sidebar-msp-network	{
	background-image:	url(../images/sidebar_msp_network.gif);
}
#sidebar-msp-outsorcing	{
	background-image:	url(../images/sidebar_msp_out.gif);
}
#sidebar-msp-security	{
	background-image:	url(../images/sidebar_msp_security.gif);
}
#sidebar-msp-case	{
	background-image:	url(../images/sidebar_msp_case.gif);
}
/*CSP*/
#sidebar-csp-index	{
	background-image:	url(../images/sidebar_csp_index.gif);
}
#sidebar-csp-site	{
	background-image:	url(../images/sidebar_csp_site.gif);
}
#sidebar-csp-management	{
	background-image:	url(../images/sidebar_csp_manage.gif);
}
#sidebar-csp-intra	{
	background-image:	url(../images/sidebar_csp_intra.gif);
}
#sidebar-csp-ria	{
	background-image:	url(../images/sidebar_csp_ria.gif);
}
#sidebar-csp-case	{
	background-image:	url(../images/sidebar_csp_case.gif);
}
/*SSD*/
#sidebar-ssd-index	{
	background-image:	url(../images/sidebar_ssd_index.gif);
}
#sidebar-ssd-worlddyne	{
	background-image:	url(../images/sidebar_ssd_wd.gif);
}
#sidebar-ssd-plugntalk	{
	background-image:	url(../images/sidebar_ssd_pnt.gif);
}
#sidebar-ssd-airtimeload	{
	background-image:url(../images/sidebar_ssd_airtimeload.gif);
}
#sidebar-ssd-docudyne	{
	background-image:	url(../images/sidebar_ssd_docu.gif);
}
#sidebar-ssd-infodyne	{
	background-image:	url(../images/sidebar_ssd_info.gif);
}
#sidebar-ssd-sms	{
	background-image:	url(../images/sidebar_ssd_sms.gif);
}
#sidebar-ssd-swcards	{
	background-image:	url(../images/sidebar_ssd_swc.gif);
}
#sidebar-ssd-mmp	{
	background-image:	url(../images/sidebar_ssd_mmp.gif);
}
#sidebar-ssd-mmm	{
	background-image:	url(../images/sidebar_ssd_mmm.gif);
}
#sidebar-ssd-case	{
	background-image:	url(../images/sidebar_ssd_case.gif);
}
/*PRODUCTS*/
#sidebar-products-worlddyne	{
	background-image:	url(../images/sidebar_product_worlddyne.gif);
}
#sidebar-products-plugntalk	{
	background-image:	url(../images/sidebar_product_pnt.gif);
}
#sidebar-products-airtimeload	{
	background-image:	url(../images/sidebar_product_airtimeload.gif);
}
#sidebar-products-docudyne	{
	background-image:	url(../images/sidebar_product_docu.gif);
}
#sidebar-products-infodyne	{
	background-image:	url(../images/sidebar_product_info.gif);
}
#sidebar-products-sms	{
	background-image:	url(../images/sidebar_product_sms.gif);
}
#sidebar-products-mmp	{
	background-image:	url(../images/sidebar_product_mmp.gif);
}
#sidebar-products-mmm	{
	background-image:	url(../images/sidebar_product_mmm.gif);
}
/*RD*/
#sidebar-rd-gosvg	{
	background-image:	url(../images/sidebar_rd_gosvg.gif);
}
#sidebar-rd-ria	{
	background-image:	url(../images/sidebar_rd_ria.gif);
}
/*COMPANY*/
#sidebar-company-index	{
	background-image:	url(../images/sidebar_company_index.gif);
}
#sidebar-company-president	{
	background-image:	url(../images/sidebar_company_president.gif);
}
#sidebar-company-mission	{
	background-image:	url(../images/sidebar_company_mission.gif);
}
#sidebar-company-timeline	{
	background-image:	url(../images/sidebar_company_timeline.gif);
}
#sidebar-company-officers	{
	background-image:	url(../images/sidebar_company_officers.gif);
}
#sidebar-company-partners	{
	background-image:	url(../images/sidebar_company_partners.gif);
}
#sidebar-company-private	{
	background-image:	url(../images/sidebar_company_private.gif);
}
#sidebar-company-security	{
	background-image:	url(../images/sidebar_company_security.gif);
}
#sidebar-company-map	{
	background-image:	url(../images/sidebar_company_access.gif);
}


/************************************************

 Topics & News

 ************************************************/

#topics {
	background-image: url(../images/index_topics_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	width:	535px;
}

#topics h2 {
	width: 535px;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

#topics-header {
	position: relative;
}

#topics p.more {
	position: absolute;
	top: 3px;
	right: 10px;
	height: 18px;
	padding-left: 20px;
	padding-top: 0px;
	background-image:url(../images/index_topics_more.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.news {
	background-image: url(../images/index_topics_border.png);
}

.news .item,
.news .item-first {
	border-top: 1px solid #ccc;
	height: 1%;
	margin: 0px 1em;
	padding: 0.5em 0px 0.5em 0px;
	position: relative;
}

.news .item-first {
	border-top: 0px none;
}

.news .date {
	position: absolute;
	left: 0px;
	top: 0.5em;
	display: block;
	width: 8em;
	white-space: nowrap;
	line-height: 120%;
	padding-top: 3px;
}

.news .title {
	display: block;
	margin-left: 9em;
	line-height: 120%;
}
.news .title p	{
	margin-top:	-1px !important;
	margin-bottom:	0px !important;
}

.years {
	background-image: url(../images/index_topics_border.png);
}

.years #news-years	{
	margin-left:	10px;
	margin-right:	10px;
	border-bottom: 1px solid #ccc;
	height: 1%;
	margin: 0px 1em;
	padding: 0.5em 0px 0.5em 0px;
	position: relative;
}

/************************************************

 メディア掲載

 ************************************************/

#media {
	background-image: url(../images/index_topics_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	width:	535px;
	margin-top: 20px;
}

#media h2 {
	width: 535px;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

#media-header {
	position: relative;
}

#media p.more {
	position: absolute;
	top: 3px;
	right: 10px;
	height: 18px;
	padding-left: 20px;
	padding-top: 0px;
	background-image:url(../images/index_topics_more.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.article {
	background-image: url(../images/index_topics_border.png);
}

.article .item,
.article .item-first {
	border-top: 1px solid #ccc;
	height: 1%;
	margin: 0px 1em;
	padding: 0.5em 0px 0.5em 0px;
	position: relative;
}

.article .item-first {
	border-top: 0px none;
}

.article .date {
	position: absolute;
	left: 0px;
	top: 0.5em;
	display: block;
	width: 8em;
	white-space: nowrap;
	line-height: 120%;
	padding-top: 3px;
}

.article .title {
	display: block;
	margin-left: 9em;
	line-height: 120%;
}
.article .title p	{
	margin-top:	-1px !important;
	margin-bottom:	0px !important;
}

.media-years {
	background-image: url(../images/index_topics_border.png);
}

.media-years #news-years	{
	margin-left:	10px;
	margin-right:	10px;
	border-bottom: 1px solid #ccc;
	height: 1%;
	margin: 0px 1em;
	padding: 0.5em 0px 0.5em 0px;
	position: relative;
}



/************************************************

 SHOWCASE

 ************************************************/
#showcase-title {
	background-image: url(../images/showcase_main.gif);
	width:	533px;
	height: 126px;
}

#showcase-title1	{
	background-image:	url(../images/showcase_title1.gif);
	width:	477px;
	height:	14px;
	overflow:	hidden;
}

/* 事例紹介（SI、MS、UI共通） */
#case-title	{
	background-image:	url(../images/jirei_tit.gif);
	width:	85px;
	height:	21px;
	margin-top:	0px;
	margin-bottom:	10px;
}
/* 部署名見出し（WHYとSHOWCASE共通） */
#why-si {
	background-image: url(../images/why_title2.gif);
	width:	531px;
	height: 36px;
}
#why-msp {
	background-image: url(../images/why_title3.gif);
	width:	531px;
	height: 36px;
}
#why-csp {
	background-image: url(../images/why_title4.gif);
	width:	531px;
	height: 36px;
}
#why-sms {
	background-image: url(../images/why_title5.gif);
	width:	531px;
	height: 36px;
}


/************************************************

 Contact

 ************************************************/
#contact {
	background-image:	url(../images/ss_docudyne_title_contact.gif);
	width:	533px;
	height:	28px;
	margin-top: 20px;
}