@charset "utf-8";
/* CSS Document */

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

CLEARFIX CLASS

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

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.clearfix{
display:inline-table;
min-height:1%;
}
/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}
.clearfix{
display: block;
}
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }
/* END OF FOR MAC IE */

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

TOP PAGE

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

body{
	width:800px;
	margin:0 auto;
	background:url(../images/group-back.jpg) repeat-x ;

}

#box1,#box2,#box3 {
    display: none;
}


#fade{
	padding-top:5px;
	margin:0 auto;
	width:800px;
	position:absolute;
}


div#back{
	
	position:absolute;
	z-index:10;
	text-align:center;
	
	
}
h1#logo {
	position:absolute;
	top:0px;
	left:-4px;
	z-index:2;
}
p#online {
	position:absolute;
	top:0px;
	left:661px;
	z-index:3;
}


	


/*--------------------g-navi------------------*/

ul#nav {
	position:relative;
    z-index:1;
    float:left;
	top:5px;
	display:block;
	
	
}
ul#nav li {
 display:block;
 overflow:hidden;
float:left;
text-indent:-99999px;
}
ul.hover-css li a,
ul.hover-anims li a,
ul.hover-anims li span {
 display:block;
 width:160px;
 height:34px;
 background:url(../images/g-nav.jpg) no-repeat;
}
ul.hover-css li a,ul.hover-anims li a {position:relative;}
ul.hover-anims li span {
 position:absolute;
  top:0;
 left:0;
 cursor:pointer;
}
ul.hover-css li. a,
ul.hover-anims li.top a{ background-position:0 0px; }
ul.hover-css li.top a:hover,
ul.hover-css li.top a.on,
ul.hover-anims li.top span a.on,
ul.hover-anims li.top a span,
ul.hover-anims li.top span { background-position:0 -43px; }

ul.hover-css li.policy a,
ul.hover-anims li.policy a{ background-position:-160px 0px; }
ul.hover-css li.policy a:hover,
ul.hover-css li.policy a.on,
ul.hover-anims li.policy span a.on,
ul.hover-anims li.policy a span,
ul.hover-anims li.policy span { background-position:-160px -43px; }

ul.hover-css li.group a,
ul.hover-anims li.group a{ background-position:-320px 0px; }
ul.hover-css li.group a:hover,
ul.hover-css li.group a.on,
ul.hover-anims li.group span a.on,
ul.hover-anims li.group a span,
ul.hover-anims li.group span { background-position:-320px -43px; }



ul.hover-css li.recruit a,
ul.hover-anims li.recruit a{ background-position:-480px 0px; }
ul.hover-css li.recruit a:hover,
ul.hover-css li.recruit a.on,
ul.hover-anims li.recruit span a.on,
ul.hover-anims li.recruit a span,
ul.hover-anims li.recruit span { background-position:-480px -43px; }

ul.hover-css li.contact a,
ul.hover-anims li.contact a{ background-position:-640px 0px; }
ul.hover-css li.contact a:hover,
ul.hover-css li.contact a.on,
ul.hover-anims li.contact span a.on,
ul.hover-anims li.contact a span,
ul.hover-anims li.contact span { background-position:-640px -43px; }

/*--------------------content------------------*/
#content {
	padding-top:390px;
}

#content h2{
	margin-bottom:30px;
}
#content .box{
	width:840px;
	margin-right:-40px;
	overflow:hidden;
	margin-bottom:40px
}
#content .box div{
	float:left;
	width:240px;
	margin-right:40px;	
}
#content .box div a img{
	margin-bottom:15px;
}

#content .box div a img:hover {
	opacity: 0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
}




/*--------------------topics------------------*/

#content .box-topics dl{
	width:480px;
	float:left;
	border-right:dashed #ccc 1px;
	padding: 0px 20px 20px 0px;
}
#content .box-topics dl dt{
	color:#008CB7;
	font-weight:bold;
}
#content .box-topics img {
	padding-left:40px;
}
#content .box-topics dl dt {
	background:url(../images/icon-news.gif) no-repeat 0 0;
	padding:0 0 10px 25px;
}

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

#footer {
	border-top:#cccccc 1px solid;
	margin-top:40px;
	width:800px;
	height:60px;
	padding-top:30px;
	

}
#content #footer .foot-L{
	float:left;
	width:280px;
	
	
}

#content #footer .foot-R{
	float:right;
	width:246px;
	padding-top:4px;

}
span#privacy {
	background:url(../images/icon-privacy.gif) no-repeat 0 3px;
	padding-left:17px;
	padding-top:2px;
	font-size:11px;

}
span#sitemap {
	background:url(../images/icon-sitemap.gif) no-repeat 0 2px;
	padding-left:17px;
	margin-left:20px;
		font-size:11px;
}
#footer a {
	color:#999999;
	text-decoration:none;
}
#footer a:hover{
	color:#008CB7;
}

 *:first-child+html #content #footer .foot-R{ padding-top:7px; }