#top-image{
	height:360px;
	background:url(../topimg/top_tree.png) center 0 no-repeat;
}
#top-image ul{
	position:relative;
	width:960px;
	margin:0 auto;
}
#top-image ul li{
position:absolute;
width:133px;
height:61px;
text-align:center;
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}
#top-image ul li.l-01{top:50px;left:50px;}
#top-image ul li.l-02{top:200px;left:340px;}
#top-image ul li.l-03{top:120px;left:220px;}
#top-image ul li.l-04{top:20px;left:300px;}
#top-image ul li.l-05{top:170px;left:100px;}
#top-image ul li.r-01{top:110px;right:70px;}
#top-image ul li.r-02{top:190px;right:340px;}
#top-image ul li.r-03{top:40px;right:410px;}
#top-image ul li.r-04{top:80px;right:280px;}
#top-image ul li.r-05{top:200px;right:130px;}
#top-image ul li.r-06{top:20px;right:140px;}
#top-image ul li a{
display:inline-block;
position:relative;

}
#top-image ul li a img{
position:relative;
text-align:center;
}
#top-image ul li a:before{
position:absolute;
display:inline-block;
width:45px;
height:45px;
top:50%;
left:50%;
margin-top:-32px;
margin-left:-35px;
content:'';
border-radius:100%;
border:12px solid #FBCC2B;
}




#idhoge h1,
#idhoge h2,
#idhoge h3,
#idhoge p,
#idhoge p a{width:900px;font-size:60%;margin: 0px; padding: 0px;color:#F7F4EF;}

#titleTop{clear:both;position:relative;}
#titleTop h1{position:absolute;top:-73px;-top:-160px;left:0;width:190px;height:54px;margin:0;padding:0;float:left;}

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

#global{
	width:900px;
	background: url(../img/bg_footer.jpg) 0px 0px;
	text-align:center;
	margin:0px auto 0px;
	padding-bottom: 0px;
	clear:both;
	}
#global a{font-weight:normal;}
ul#globalContainer{
	width:900px;
	clear:both;
	text-align:center;
	margin: 0px;
	padding:0px;
	}

#global li{
	display: block;
	width: 150px;
	height: 36px;
	float:left;
	margin: 0px;
	padding:0px;
}



#globalContainer a{
	display: block;
	text-decoration:none;
	width: 150px;
	height: 36px;
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-10000px;
}


#global li.topTop a{background: url(../topimg/global.gif) 0px 0px no-repeat;}
#global li.topAbout a{background: url(../topimg/global.gif) -150px 0px no-repeat;}
#global li.topService a{background: url(../topimg/global.gif) -300px 0px no-repeat;}
#global li.topCompany a{background: url(../topimg/global.gif) -450px 0px no-repeat;}
#global li.topRecruit a{background: url(../topimg/global.gif) -600px 0px no-repeat;}
#global li.topContact a{background: url(../topimg/global.gif) -750px 0px no-repeat;}


#global li.topTop a:hover{background: url(../topimg/global.gif) -0px -40px no-repeat;}
#global li.topAbout a:hover{background: url(../topimg/global.gif) -150px -40px no-repeat;}
#global li.topService a:hover{background: url(../topimg/global.gif) -300px -40px no-repeat;}
#global li.topCompany a:hover{background: url(../topimg/global.gif) -450px -40px no-repeat;}
#global li.topRecruit a:hover{background: url(../topimg/global.gif) -600px -40px no-repeat;}
#global li.topContact a:hover{background: url(../topimg/global.gif) -750px -40px no-repeat;}




#topMiddle{width:900px;text-align:center;margin:0px auto;clear:both;background: url(../topimg/topmainbg.gif) 0px 0px no-repeat;}
#topMiddle br.fin{clear:both;}
/*-----------------ニュース----------------------*/
#news{
	float:left;
	width:535px;
	text-align:left;
	margin:17px 0px 20px 19px;
	-margin:17px 0px 20px 9px !important;
	}
#news #newstitlewrap{width:535px;clear:both;}
#news #newsTitle{width:360px;height:20px;margin:0;padding:0;background: url(../topimg/toph.gif) 30px 2px no-repeat;text-indent:-10000px;float:left;}
#news p#newsAll{width:152px;height:19px;float:left;margin:0px;padding:0px;}
#news p#newsAll a{width:152px;height:19px;background: url(../topimg/newsall.gif) 0px 0px no-repeat;text-indent:-10000px;float:left;font-size:20% !important;}
#news p#newsAll a:hover{background: url(../topimg/newsall.gif) 0px -30px no-repeat;}
#news dl dd{
	margin:0px;
	padding: 10px 0.5em 10px 6.5em;
	font-size:80%;
	background: url(../img/border.gif) repeat-x left bottom;
	font-weight:normal;
	line-height:160%;
	text-align:left;
	}
#news dl{width:535px;margin:20px auto 0px;padding:0; float:left;clear:both;}
#news dl dt{
	font-weight:normal;
	color:#B88858;
	font-size:60%; 
	padding: 10px 0px;
	margin:auto; 
	clear: both; 
	float: left;
	width:70px;
	line-height:200%;
	text-align:left;
	}


/*-----------------インタビュー----------------------*/
#interviewTopTitle{
	float:left;
	width:298px;
	text-align:center;
	margin:17px 0px 20px 29px;
	-margin:8px 0px 10px 10px !important;
	}
#newItem{width:298px;height:30px;margin:0px auto 20px;padding:0;background: url(../topimg/toph.gif) 20px -88px no-repeat;-background-position: 40px -78px ;text-indent:-10000px;float:left;}
#interviewTopTitle h4{width:295px;height:30px;margin:0px auto 0px;padding:0;background: url(../topimg/toph.gif) 20px -138px no-repeat;text-indent:-10000px;float:left;}

#interviewTopTitle .newitemwrap{width:252px;margin:0px 0px 0px 21px;clear:both;padding-bottom:20px;float:left;text-align:left;}
#interviewTopTitle h6{width:298px;height:43px;margin:0px auto 0px;padding:0;background: url(../topimg/toph.gif) 0px -25px no-repeat;text-indent:-10000px;float:left;}
#interviewTopTitle .interviewwrap{width:252px;margin:0px 0px 0px 21px;clear:both;background: url(../topimg/hr.gif) left bottom no-repeat;padding-bottom:20px;float:left;text-align:left;}
#interviewTopTitle p.title{width:100px;text-align:center;margin:20px 0px 10px; font-size:70%;background-color:#0D0D38;color:#FFF;padding:3px !important;line-height:150%;}
#interviewTopTitle p.corpo{width:252px;margin:10px 0px 0px;padding:0;font-weight:bold;font-size:70%;}
#interviewTopTitle p.explain{width:252px;margin:0;padding:0;font-size:60%;line-height:150% !important;}
#interviewTopTitle img{-float:left;-display:block;}


.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.cf { min-height: 1px;}
* html .cf{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#mark{
	width:298px;
	text-align:center;
	clear:both;
	padding:0;
	margin:40px auto 40px;
	-margin:40px 0px 40px 10px;
	background-color:#FFF;

	float:left;
	}
#mark img{margin:0px auto 3px;padding:0;clear:both;}

#mark .topMark2{width:130px;height:50px;float:left;margin:8px 0px 8px 12px;-margin:8px 0px 8px 12px;}
#mark .topMark{width:130px;height:100px;float:left;margin:8px 0px 8px 12px;-margin:8px 0px 8px 8px;font-size:50%;line-height:120%;}
#mark .topMark p{margin-top:5px;text-align:left;}
#mark .topMarkContainer1{background:url(../topimg/hr.gif) center bottom no-repeat;padding-bottom:20px ;clear:both;}
#mark .topMarkContainer2,
#mark .topMarkContainer3{clear:both;padding-bottom:20px ;}
#mark .topMarkContainer3 a img{float:none;}
#mark hr{ clear:both; background: url(../topimg/hr.gif) center bottom no-repeat; border:none; height:10px;padding-top:10px;}