@charset "UTF-8";

/* ****************************************************
Title: top.css
Created date: 2009/06/22
Last Modified: 2009/06/22
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 body
#02 gNavi
#03 pageBody
#04 flashImg
#05 primary
#06 secondary

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


/* #01 body
---------------------------------------------------------------------------- */

body {
	background: url(../../img/index/bg_body.gif) repeat-x top center;
	margin: 0 auto;
}

div#layout {
	margin: 0 auto;
	width: 874px;
}

* html div#layout {
	width: 874px;
}

*:first-child + html div#layout {
	width: 874px;
}

div#layout, x:-moz-any-link { 
	width: 875px;
}


/* #02 gNavi
---------------------------------------------------------------------------- */

dl#gNavi {
	background: none;
	height: 67px;
	margin: 0 0 11px 0;
}

dl#gNavi dd ul {
	padding: 0;
}

dl#gNavi dd ul li a {
	height: 59px;
}

dl#gNavi dd ul li#gNaviHome,
dl#gNavi dd ul li#gNaviHome a {
	background: url(../../img/index/gnavi_home.gif) no-repeat top left; 
	width: 178px;
}

dl#gNavi dd ul li#gNaviHome a:hover {
	background: url(../../img/index/gnavi_home_o.gif) no-repeat top left; 
}

dl#gNavi dd ul li#gNaviServices,
dl#gNavi dd ul li#gNaviServices a {
	background: url(../../img/index/gnavi_services.gif) no-repeat top left; 
	width: 171px;
}

dl#gNavi dd ul li#gNaviServices a:hover {
	background: url(../../img/index/gnavi_services_o.gif) no-repeat top left;
}

dl#gNavi dd ul li#gNaviExample,
dl#gNavi dd ul li#gNaviExample a {
	background: url(../../img/index/gnavi_example.gif) no-repeat top left; 
	width: 172px;
}

dl#gNavi dd ul li#gNaviExample a:hover {
	background: url(../../img/index/gnavi_example_o.gif) no-repeat top left; 
}

dl#gNavi dd ul li#gNaviProfile,
dl#gNavi dd ul li#gNaviProfile a {
	background: url(../../img/index/gnavi_profile.gif) no-repeat top left; 
	width: 171px;
}

dl#gNavi dd ul li#gNaviProfile a:hover {
	background: url(../../img/index/gnavi_profile_o.gif) no-repeat top left; 
}

dl#gNavi dd ul li#gNaviRecruit,
dl#gNavi dd ul li#gNaviRecruit a {
	background: url(../../img/index/gnavi_recruit.gif) no-repeat top left; 
	width: 179px;
}

dl#gNavi dd ul li#gNaviRecruit a:hover {
	background: url(../../img/index/gnavi_recruit_o.gif) no-repeat top left; 
}


/* #03 pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	margin: 0;
	width: auto;
}


/* #04 flashImg
---------------------------------------------------------------------------- */

div.visual {
	height: 266px;
	margin: 6px auto 0 auto;
	width: 100%;
}

div.visual2 {
	height: 266px;
	margin: 6px auto 0 auto;
	width: 800px;
}

/* #05 primary
---------------------------------------------------------------------------- */

div#primary {
	float: left;
	padding: 0 0 0 12px;
	width: 596px;
}

div#primary h2.title{
	margin: 0;
	padding: 0;
}

div#primary div.javaBlock {
	height: 184px;
	padding: 10px 0 20px 0;
	width: 596px;
}

div#primary dl.news {
	padding: 3px 0 10px 0;
}

* html div#primary dl.news {
	margin: 0;
	padding: 0 0 13px 0;
}

div#primary dl.news dt {
	color: #666;
	clear: both;
	position: relative;
	padding: 12px 0 0 84px;
	width: 87px;
}

div#primary dl.news dt img {
	left: 16px;
	position: absolute;
	top: 14px;
}

* html div#primary dl.news dt img {
	top: 17px;
}

* html div#primary dl.news dt {
	padding: 14px 0 0 84px;
}

*:first-child + html div#primary dl.news dt {
	padding: 11px 0 1px 84px;
}

div#primary dl.news dd {
	background: #E6EFF6;
	margin: -2.36em 0 0.05em 0;
	padding: 11px 0 11px 178px;
}

div#primary dl.news dd.rowsEven {
	background: #F2F7FA;
}

* html div#primary dl.news dd {
	margin: -2.4em 0 -0.15em 0;
	padding: 13px 0 11px 178px;
}

*:first-child + html div#primary dl.news dd {
	margin: -2.57em 0 0.05em 0;
	padding: 13px 0 12px 178px;
}

div#primary dl.news dd a {
	color: #0099FF;
}

div#primary div.blockContact {
	width: 592px;
}

div#primary div#social ul {
}
div#primary div#social ul li {
	float: left;
}

/* #06 secondary
---------------------------------------------------------------------------- */

div#secondary {
	float: left;
	padding: 0 0 0 28px;
}

div#secondary ul.fBanner {
	background-color:#e5eff5;
}

div#secondary ul.fBanner li {
	padding: 0 0 6px 0;
}

div#secondary ul.fBanner2 {
	margin-top:10px;
	background-color:#e5eff5;
}

div#secondary ul.fBanner2 li {
	padding: 0 0 6px 0;
}