@charset "Shift_JIS";

/* ------------------------------

	トップページ用CSS
	
------------------------------ */

h1.top-headLine {
	position:absolute;
	padding:20px;
	text-indent:-9999px;
}
h2.top-headLine{
	position:absolute;
	padding:20px;
}

#top-main-area{
	position:relative;
	width: 780px;
	margin:8px 0 4px;
}

#top-contents-area{
	width:756px;
}

/* ------------------------------
	グローバルナビ
------------------------------ */

#top-globalNav {
	width:780px;
}

#top-globalNav li{
	display:block;
	float:left;
	height:94px;
	text-indent: -9999px;
}

#top-globalNav li a{
	display:block;
	height:94px;
	text-decoration:none;
	background: url(../../top_img/top_global_navi.jpg) no-repeat;
}

#top-globalNav li#top-globalNav-comp a { width:194px;background-position: 0 0; }
#top-globalNav li#top-globalNav-task a { width:196px;background-position: -194px 0; }
#top-globalNav li#top-globalNav-case a { width:196px;background-position: -390px 0; }
#top-globalNav li#top-globalNav-recr a { width:194px;background-position: -586px 0; }

#top-globalNav li#top-globalNav-comp a:hover,#top-globalNav li#top-globalNav-comp a:focus{ width:194px;background-position: 0px -94px; }
#top-globalNav li#top-globalNav-task a:hover,#top-globalNav li#top-globalNav-task a:focus{ width:196px;background-position: -194px -94px; }
#top-globalNav li#top-globalNav-case a:hover,#top-globalNav li#top-globalNav-case a:focus{ width:196px;background-position: -390px -94px; }
#top-globalNav li#top-globalNav-recr a:hover,#top-globalNav li#top-globalNav-recr a:focus{ width:194px;background-position: -586px -94px; }


/* ------------------------------
	最新事例
------------------------------ */

#top-showcase-area {
	width:462px;
	float:left;
}

#top-showcase-area h3{
	text-indent:-9999px;
	background:url(../../top_img/top_showcase_title.gif) no-repeat;
	width:462px;
	height:40px;
}

.top-showcase-wrap {
	background: url(../../top_img/top_showcase_fr_btm.gif) left bottom no-repeat;
	padding:0 0 8px;
	width:462px;
	margin-bottom:2px;
}

.top-showcase-wrap p {
	background:url(../../top_img/top_showcase_fr_top.gif) top left no-repeat;
	text-indent:-9999px;
	height:8px;
}

.top-showcase-wrap .top-showcase-img a{
	margin-left:8px;
	float:left;
	width:114px;
	background:url(../img/cmo_dot_gray.gif) ;
}

.top-showcase-wrap .top-showcase-img a:hover{
	background:url(../img/cmo_dot_blue.gif) ;
}

.top-showcase-wrap .top-showcase-img a img{
	margin:3px;
}

.top-showcase-wrap .top-showcase-txt{
	float:right;
	width:340px;
}

.top-showcase-wrap .top-showcase-txt dl{
	padding: 0 2px 0 10px;
}

.top-showcase-wrap .top-showcase-txt dl dt {
	padding-left:16px;
	background:url(../../top_img/top_showcase_icon.gif) no-repeat;
}

.top-showcase-wrap .top-showcase-txt dl dt a:link,
.top-showcase-wrap .top-showcase-txt dl dt a:visited{
	color:#00A0C6;
	text-decoration:underline;
}

.top-showcase-wrap .top-showcase-txt dl dd {
	padding:2px 2px 0 2px;
	text-align:right;
}

.top-showcase-wrap .top-showcase-txt dl dd.fs10 {
	text-align:left;
}


/* ------------------------------
	お知らせ
------------------------------ */

#top-information-area{
	width:270px;
	float:right;
}

#top-information-area h3{
	text-indent:-9999px;
	background:url(../../top_img/top_information_title.gif) no-repeat;
	width:270px;
	height:40px;
}

#top-information-area dl{
	width:270px;
	padding:5px 0 10px;
	display: inline-table;
	/*�*/
	display: block;
	_height: 1%;
	/**/	
}

#top-information-area dt{
	float: left;
	width:90px;
}

#top-information-area dd{
	float:left;
	width:170px;
	margin-bottom:10px;
}

#top-information-area li{
	padding:5px 0 ;
}
	
.link-pageTop a{
	float:right;
	width:270px;	
}