@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 */

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

ウメダグループ

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

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

}

#back {
	position:absolute;
	width:800px;
	margin:0 auto;
	

}
#group #logo{
	position:absolute;
	top:0px;
	left:-5px;
}
#group #online{	
	position:absolute;
	top:0px;
	left:662px;
}


/*--------------------g-navi------------------*/
 *:first-child+html .box {
	position:absolute;
	width:800px;
	margin:0 auto;
	

}

ul#nav {
	position:relative;
    z-index:1;
    float:left;	
	margin-top:91px;
	
}
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------------------*/

#pageTitle {
	margin-top:46px;
	margin-bottom:90px;
}
*:first-child+html #pageTitle {
	margin-top:170px;
	margin-bottom:90px;
}
	
#content {
	width:800px;
}

#content h2{
	margin-bottom:30px;
}
#group #history table {
	border-top:solid 3px #e6e6e6;
	border-bottom:solid 3px #e6e6e6;
	margin-bottom:40px;
}
#group #history table th{
	background-color:#f2f2f2;
	text-align:justify;
	padding:20px 20px 20px 50px;
	vertical-align:top;
	width:27%;
	border-bottom:#ccc 1px dashed;
}
#group #history table td{
	padding:20px 20px 20px 20px;
	border-bottom:#ccc 1px dashed;
}
#group #history table th.t-end,#group #history table td.t-end{border:none;}
	
#group #link-box{
	width:800px;
	height:254px;
	background:url(../images/group/link-back.gif) no-repeat;
	padding:20px;
}
#group #link-box ul {
	overflow:hedden;
}
#group #link-box ul li{
	float:left;
	margin-right:20px;
}
	
	
	
/*--------------------topics------------------*/

#content .box-topics dl{
	width:480px;
	float:left;
	border-right:dotted #333 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;

}
#footer p {
	background:url(../images/icon-privacy.gif) no-repeat 0 4px;
	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; } 

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

採用情報 

**************************************************************************************************/
#group #recruit-list ul{
	margin-bottom:45px;
	width:800px;
}




#group #recruit-list ul li{
	font-size:15px;
	background:url(../images/arrow.gif) no-repeat 0 2px;
	padding-left:30px;
	float:left;
	width:140px;
	white-space:nowrap;
	
	
}
#group #recruit-list ul li a{
	text-decoration:none;
	color:#008CB7;
}
#group #recruit-list ul li a:hover{
	text-decoration:underline;
}


#group #recruit-page h2{
	color:#333;
	font-size:15px;
	border-bottom:#008CB7 solid 3px;
	padding-bottom:2px;
}
#group #recruit-page table {
	border-top:solid 3px #e6e6e6;
	border-bottom:solid 3px #e6e6e6;
	margin-bottom:40px;
}
#group #recruit-page table th{
	background-color:#f2f2f2;
	text-align:justify;
	padding:20px 20px 20px 50px;
	vertical-align:top;
	width:27%;
	border-bottom:#ccc 1px dashed;
}
#group #recruit-page table td{
	padding:20px 20px 20px 20px;
	border-bottom:#ccc 1px dashed;
}
#group #recruit-page table th.t-end,#group #recruit-page table td.t-end{border:none;}

#group #recruit-page p{
	margin-bottom:90px;
}

#group #recruit-page p span{
	color:#008CB7;
	font-size:30px;
	margin-right:10px;
	padding-left:25px;
	line-height:1;
	background:url(../images/arrow.gif) no-repeat 0 12px;
	
}

*:first-child+html #group #recruit-page p span{
	 color:#008CB7;
	font-size:30px;
	margin-right:10px;
	padding-left:30px;
	line-height:1;
	background:url(../images/arrow.gif) no-repeat 0 3px;
	
}
/**************************************************************************************************

お問い合わせ

**************************************************************************************************/
#form ul {
	margin-bottom:60px;
}

#form ul li{
	font-size:15px;
	background:url(../images/arrow.gif) no-repeat 0 1px;
	padding-left:35px;
	margin-bottom:30px;
	
}
#form ul li a{
	text-decoration:none;
	color:#008CB7;
}
#form ul li a:hover{
	text-decoration:underline;
}
#telList table {
	margin-bottom:15px;
}

#telList table th{
	white-space:nowrap;
	vertical-align:center;
	text-align:justify;
	padding-left:5px;
	width:35%;
}
#telList table td{
	color:#008CB7;
	font-size:30px;
}
/**************************************************************************************************

プライバシーポリシー 

**************************************************************************************************/
#privacy{
	margin-bottom:30px;
}

#privacy ol li{
	list-style-type:disc;
	margin-left:20px;
}
#privacy h2{
	color:#008CB7;
	margin:30px 0px 7px 0px;
	font-size:13px;
}
/**************************************************************************************************

サイトマップ 

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

#sitemap ul {
	margin-bottom:30px;
}
#sitemap ul li.parent{
	background:url(../images/sitemaplist.gif) no-repeat 0 4px;
	padding-left:21px;
	font-size:13px;
	margin-bottom:7px;
}
#sitemap ul li.parent a{
	text-decoration:none;
	color:#008CB7;
}
#sitemap ul li.parent a:hover{
	text-decoration:underline;
}
#sitemap ul li{
	padding-left:35px;
	margin-bottom:5px;	background:url(../images/sitemaplist-s.gif) no-repeat 20px 3px;
	
}
#sitemap ul li a{
	color:#333;
	text-decoration:none;
}
#sitemap ul li a:hover{
	color:#008CB7;
}