/*----- initialize -----*/

*{
	margin:0px;
	padding:0px;
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:100%;
	letter-spacing:1px;
}
body{
	font-size:76%;
}
html:not(:target) body{
	font-size:12px;
}


a{
	/*color:#0e81cd;*/
	color:#015abb;
	text-decoration:none;
}
a:hover{
	/*color:#015abb;*/
	color:#034d9e;
	text-decoration:underline;
}
sub{
	font-size:0.8em;
}

/*----- common classes -----*/

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}


#page-main .image-left{
	float:left;
	margin:0 15px 15px 0;
}
.image-right{
	float:right;
	margin:0 0 15px 15px;
}
.hoverlink{}

.link-arrow{
	background:url(../images/common/li_common.png) 0 center no-repeat transparent;
	padding-left:10px;
}
.external{
	background:url(../images/common/icon_externallink.png) right center no-repeat transparent;
	padding-right:20px;
}

#page-main .indented{
	margin-left:10px;
}
#page #page-main .first{
	margin-top:0px;
}

.hidden{
	display:none;
}
.small{
	font-size:0.9em;
}
.monospace{
	font-family:"ＭＳ ゴシック","Osaka-等幅",monospace;
}

/*----- containers -----*/

body{
	border-top:3px solid #1c76d8;
	background:url(../images/common/body_bg.png) 0 0 repeat-x #ffffff;
	text-align:center;
}
#container{
	width:960px;
	/*_width:990px;*/
	margin:0 auto;
	text-align:left;
	background:url(../images/common/container_bg.png) 0 0 repeat-y #ffffff;
	padding:0 15px;
}

/*----- header -----*/

#head{
	/*height:130px;*/
	height:131px;
	/*margin-bottom:20px;*/
}

#head h1 a{
	display:block;
	background:url(../images/common/logo_company.png) 0 0 no-repeat transparent;
	width:340px;
	height:37px;
	position:absolute;
	margin:22px 0 0 16px;
	text-indent:-9999px;
	/*
	display:block;
	background:url(../images/common/navigation.png) -1278px 0 no-repeat #ffffff;
	width:403px;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	margin:21px 0 0 16px;
	*/
}
#head #description{
	display:block;
	background:url(../images/common/logo_nttdatagroup.png) 0 0 no-repeat transparent;
	width:144px;
	height:24px;
	position:absolute;
	margin:45px 0 0 813px;
	text-indent:-9999px;
	/*
	display:block;
	background:url(../images/common/navigation.png) -1682px 0 no-repeat #ffffff;
	width:202px;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	margin:21px 0 0 520px;
	*/
}
#head #head-navi-option{
	position:absolute;
	width:305px;
	margin:0 0 0 427px;
	list-style-type:none;
}
	#head-navi-option li{
		line-height:0px;
	}
	#head-navi-option a{
		display:block;
		height:33px;
		background:url(../images/common/navigation_option.png) 0 0 no-repeat #ffffff;
		text-indent:-9999px;
		float:left;
	}
	#head-navi-option a#navi-contact{
		width:76px;
		background-position:0px 0;
	}
	#head-navi-option a#navi-contact2{
		width:76px;
		background-position:0px 0;
	}
	#head-navi-option a#navi-privacy{
		width:73px;
		background-position:-76px 0;
	}
	#head-navi-option a#navi-link{
		width:86px;
		background-position:-149px 0;
	}
	#head-navi-option a#navi-sitemap{
		width:70px;
		background-position:-235px 0;
	}

#head #head-navi{
	position:absolute;
	/*margin:80px 0 0 0;*/
	margin:81px 0 0 0;
	height:50px;
	width:960px;
	_width:961px;
	list-style-type:none;
}
	#head-navi li{
		line-height:0px;
	}
	#head-navi a{
		display:block;
		background:url(../images/common/navigation.png) 0 0 no-repeat #ffffff;
		width:137px;
		height:50px;
		float:left;
		text-indent:-9999px;
	}
	#head-navi #navi-search{ background-position: 0 0 }
	#head-navi #navi-system{ background-position: -137px 0 }
	#head-navi #navi-casestudy{ background-position: -274px 0 }
	#head-navi #navi-faq{ background-position: -411px 0 }
	#head-navi #navi-service{ background-position: -548px 0 }
	#head-navi #navi-company{ background-position: -685px 0 }
	#head-navi #navi-recruit{
		background-position: -822px 0;
		width:138px;
	}

/*----- footer -----*/

#foot{
	boder-top:1px solid #b9d4f8;
	border-bottom:4px solid #0167b9;
	background-color:#0a84d5;
	color:#ffffff;
	padding:12px 0 9px 0;
	text-align:center;
}
	#foot #copyright{
		width:960px;
		margin:0 auto;
		text-align:left;
		font-size:0.8em;
	}

/*----- neck -----*/
#neck{
	margin:18px 0 30px 10px;
}

/*----- page -----*/

#page-head{
}

#page-main{
	width:698px;
	float:left;
}
	#page-main .left, #page-main .right{
		width:341px;
	}
	#page-main p, #page-main td, #page-main dd, #page-main li{
		line-height:1.6em;
	}
#page-sub{
	width:246px;
	float:right;
}
	#page-sub p{
		margin:10px 0;
	}
	#page-sub p.first{
		margin-top:0px;
	}
	
	
#page-foot{
	clear:both;
	height:105px;
	/height:85px;
}
	.link-to-pagetop{
		/*
		margin:65px 0px 20px 0px;
		padding-left:603px;*/
		padding:65px 0px 20px 603px;
		/padding-top:45px;
	}
	.link-to-pagetop a{
		display:block;
		width:95px;
		height:20px;
		background:url(../images/common/navigation.png) -1182px 0 no-repeat transparent;
		text-indent:-9999px;
	}

/*----- category index layout -----*/

.category-index h2{
	height:150px;
	background:url(../images/common/h2_index.png) 0 0 no-repeat;
	text-indent:-9999px;
}
	.category-index h2.h2-search{ background-position:0 0 }
	.category-index h2.h2-system{ background-position:0 -150px }
	.category-index h2.h2-casestudy{ background-position:0 -300px }
	.category-index h2.h2-faq{ background-position:0 -450px }
	.category-index h2.h2-service{ background-position:0 -600px }
	.category-index h2.h2-company{ background-position:0 -750px }

.category-index #page-main{
	margin-top:23px;
}
.category-index #page-sub{
	margin-top:-42px;
}

/*----- article layout -----*/

.article h2{
	margin-bottom:25px;
}

/*----- ranking -----*/

#page-sub #sub-ranking{
	width:246px;
	background:url(../images/common/ranking_box_bg.png) 0 0 repeat-y transparent;
}
	#page-sub #sub-ranking h4{
		height:45px;
		background:url(../images/common/ranking_box_head.png) 0 0 no-repeat transparent;
		text-indent:-9999px;
	}
	#page-sub #sub-ranking .box-inner{
		background:url(../images/common/ranking_box_fg.png) center bottom no-repeat transparent;
		padding:5px 20px;
	}
	#page-sub #sub-ranking p{
		background:url(../images/common/ranking_box_description.png) 0 0 no-repeat transparent;
		height:37px;
		text-indent:-9999px;
		margin:0px;
	}
	#page-sub #sub-ranking .box-foot{
		background:url(../images/common/ranking_box_foot.png) 0 0 no-repeat transparent;
		height:12px;
	}
	#page-sub #sub-ranking li{
		list-style-type:none;
		background:url(../images/common/dot.gif) left bottom repeat-x transparent;
		/*font-size:0.9em;*/
		font-weight:bold;
	}
	#page-sub #sub-ranking li a{
		display:block;
		_display:inline-block;
		background:url(../images/common/ranking_li_1.png) 0 center no-repeat transparent;
		padding:8px 0px 8px 30px;
	}
	#page-sub #sub-ranking li.last{
		background-image:url(../images/common/blank.gif);
	}
	#page-sub #sub-ranking li.ranking-1 a{ background-image:url(../images/common/ranking_li_1.png); }
	#page-sub #sub-ranking li.ranking-2 a{ background-image:url(../images/common/ranking_li_2.png); }
	#page-sub #sub-ranking li.ranking-3 a{ background-image:url(../images/common/ranking_li_3.png); }
	#page-sub #sub-ranking li.ranking-4 a{ background-image:url(../images/common/ranking_li_4.png); }
	#page-sub #sub-ranking li.ranking-5 a{ background-image:url(../images/common/ranking_li_5.png); }

/*----- subindex -----*/

#sub-index{
	border:1px solid #cdcdcd;
	padding:1px;
}
	#sub-index h4 a{
		display:block;
		width:242px;
		height:42px;
		background-position:0 0;
		background-repeat:no-repeat;
		background-color:transparent;
		/*background:url(../images/system/sub_system_h4.png) 0 0 no-repeat transparent;*/
		text-indent:-9999px;
	}
	#sub-index ul li{
		list-style-type:none;
		/*border-top:1px dotted #ccc;*/
		background:url(../images/common/dot.gif) left top repeat-x transparent;
		line-height:1em;
		_padding:1px;
	}
	#sub-index ul li.first{
		/*border-top-width:0px;*/
		background-image:none;
	}
	#sub-index ul li a{
		display:block;
		padding:10px 10px 10px 20px;
		_padding:8px 10px 8px 20px;
		background:url(../images/common/li_common.png) 10px 13px no-repeat transparent;
		_background-position:10px 10px;
	}
	#sub-index ul li a.null-link{
		color:#000000;
	}
	#sub-index ul li a.null-link:hover{
		text-decoration:none;
	}
	#sub-index ul li a.active{
		background-image:none;
		background-color:#d2e0f5;
		font-weight:bold;
	}
	#sub-index ul ul li a{
		padding-left:40px;
		background-position:30px 13px;
		_background-position:30px 10px;
	}


/*----- contactbox -----*/

#page-main dl.contactbox{
	width:508px;
	height:119px;
	margin:40px 0 60px 95px;
	background-color:#eaeaea;
}
	#page-main dl.contactbox dt{
		background:url(../images/common/contactbox_title.png) 0  0 no-repeat transparent;
		height:42px;
		text-indent:-9999px;
	}
	#page-main dl.contactbox dd{
		float:left;
		margin:4px 0 0 4px;
		_margin-left:2px;
	}

/*----- common table -----*/

.common-table{
	width:698px;
	border-collapse:collapse;
}
	.common-table th{
		border:1px solid #d8d8d8;
		background-color:#f8f8f8;
		padding:10px;
		text-align:left;
		font-weight:bold;
		white-space:nowrap;
	}
	.common-table td{
		border:1px solid #d8d8d8;
		padding:10px;
	}

.plain-table{
}
	.plain-table th, .plain-table td{
		background-color:#ffffff;
		border-width:0px;
		padding:3px 15px 3px 0;
		vertical-align:top;
	}
.no-style-table{
}
	.no-style-table td{
		background-color:#ffffff;
		border-width:0px;
		padding:0px;
		vertical-align:top;
	}

/*----- under construction -----*/

/*----- search form -----*/
.search-form{
}
#head .search-form{
	position:absolute;
	width:225px;
	height:27px;
	margin-left:732px;
	background-color:#f3f8fd;
	padding:6px 0 0 3px;

	_width:228px;
	_height:28px;
	_padding-top:5px;
	/padding-top:5px;
}
.search-form .search-text{
	width:178px;
	height:20px;
	border:1px solid #83b1e2;
	
	_width:178px;
	_padding-left:3px;
	_height:17px;
	/padding-top:3px;
	/height:17px;
}
.search-form .search-submit{
	background:url(../images/common/submit_search.png) 0 0 no-repeat transparent;
	border-width:0px;
	width:40px;
	height:22px;
	text-indent:-9999px;
	position:absolute;
	
	_margin-left:-5px;
	_margin-top:1px;
	/margin-left:-5px;
	/margin-top:1px;
}