@charset "iso-8859-1";

/* ------------------------------------------------------------
 FUJISOFT CSS
 
 [[Contents]]
 0:layout
	1:header
	2:contents
		2-1:glovalNav
		2-2:maincol
		2-3:searchContents
			2-3-1:div.prod
			2-3-2:div.subj
		2-4:solution
		2-5:subcol
	3:footer
------------------------------------------------------------ */

/* 
 0:layout
------------------------------ */

#top #header,
#top #mainVisual,
#top #contents{
	width: 757px;
	background:url(../../img/index_bg.gif) repeat-y;
	padding:0 5px;
	margin:0 auto;
}

/* 
 1:header
------------------------------ */

#top #header{
	width: 757px;
	padding:13px 5px 0 5px;
}

#top #header img{
display:block;
}

#top #header h1{
	margin: 0 0 0 11px;
	padding: 0 0 20px 0;
	width: 187px;
	overflow: hidden;
	float: left;
}

#top #header .navBox{
	float: right;
	width: 318px;
	margin:2px 0 0 0;
}

#top #header .navBox .logo{
	margin: 0 4px 5px 0;
}

#top #header .navBox #guideNav{
	margin:0 4px 0 0;
	}

#top #header .navBox #guideNav li{
	margin: 0 0 0 18px;
	float: right;
}


/* 
 2:contents
------------------------------ */


#top #contents{
padding-top:25px;
}

/* 
 2-1:glovalNav
------------------------------ */


#contents ul.glovalNav{
margin:0 0 0 3px;
}

/* 
 2-2:maincol
------------------------------ */

#top #maincol{
	float: right;
	width: 556px;
}

/* 
 2-3:searchContents
------------------------------ */

#top #maincol .searchContents{
	width: 556px;
	margin: 0 0 10px 0;
	background: url(../../img/searchcontents_bg.gif) repeat-y;
	overflow: hidden;
}

#top #maincol .searchContents div.subj,
#top #maincol .searchContents div.prod{
	padding: 0 0 5px 0;
}


/* 2-3-1:div.prod----------------- */

#top #maincol .searchContents div.prod{
	width: 275px;
	float: left;
}

#top #maincol .searchContents div.prod h2{
	margin: 5px 0;
}

#top #maincol .searchContents div.prod ul li{
	background:url(/common/img/linkarrow01.gif) no-repeat 0 3px;
	padding:0 0 0 12px;
	margin:0 10px 5px;
}


/* 2-3-2:div.subj----------------- */

#top #maincol .searchContents div.subj{
	width:275px;
	float: right;
}

#top #maincol .searchContents div.subj h2{
	margin:5px 0;
}


#top #maincol .searchContents div.subj ul{
	margin:0 10px;
}

#top #maincol .searchContents div.subj ul li{
	background:url(/common/img/linkarrow02.gif) no-repeat 0 3px;
	padding:0 0 0 12px;
	margin:0 0 5px;
	zoom:1;
}

/* 
 2-4:solution
------------------------------ */

#top #maincol .solution{
	width:556px;
	clear: both;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#top #maincol .solution .robot,
#top #maincol .solution .janjan{
	width: 275px;
	float: left;
}

#top #maincol .solution .robot{
	margin: 0 6px 0 0;
}

/* 
 2-5:subcol
------------------------------ */

#top #maincol .subcol{
	font-size: 95%;
	padding: 0 0 20px 0;
	width: 556px;
}

#top #maincol .subcol a{ 
	color: #333333;
	text-decoration: none;
}

#top #maincol .subcol .subcol_title{
	overflow: hidden;
	padding: 0 0 0 14px;
	height: 25px;
	background-color: #f1f0f0;
	border-bottom: solid #004898 3px;
}

#top #maincol .subcol .subcol_title h2{
	margin: 7px 0 0 0;
	float: left;
	width: 98px;
}
	
#top #maincol .subcol .synopsis{
	float: right;
	margin: 9px 6px 0 0;
}

#top #maincol .rss{
	float:right;
	margin: 7px 5px 3px 0px;
	}

#top #maincol .subcol dl{
	margin:10px 10px 0px 10px;
	padding:0px;
}

#top #maincol .subcol dt{
	float: left;
	width: 8em;
	font-weight: bold;
	color: #3366cc;
	padding: 0 0 5px 0;
	clear:both;	
	line-height:1.5;		
}

#top #maincol .subcol dd{
	padding:0 0 5px 0px;
	margin:0 0 0 9em;
	line-height:1.5;	
}


/* 
 3:footer
------------------------------ */

#top #footer{
	width:767px;
	padding:0;
	margin:0 auto;
	border-top:solid #c8c8c8 1px;
	border-bottom:solid #c8c8c8 1px;
	background:url(../../img/index_bg.gif) repeat-y;
	}
	
#top #footer p{
	text-align:right;
	color: #878787;
	padding: 12px 18px;
	font-size: 75%;
}