body{

background:url(../images/sky.gif) center top no-repeat ;

}

#wrap{

width:990px;

margin:0 auto;
text-align:center;

position: relative;       
}

#contents{
padding:30px 40px;
text-align:left;
background: url(../images/haikei_main.gif) no-repeat;
}

#news_area{
width:482px;
float:left; 

}
#case_area{
width:212px;
float:left; 

}
#case_area img{
margin:0 0 10px 0; 

}
#banner_area{
width:214px;
float:left; 

}
#banner_area img{
margin:0 0 5px 0; 

}

/* ƒiƒr
---------------------------------------------------- */
#gnavigation {
height: 110px;
clear:both;
text-align:left;
background: url(../images/main_button.gif) no-repeat;
 position:static;
}

#gnavigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#gnavigation li {
	margin: 0;
	padding: 0;
	height: 71px;
	text-indent: -9999px;
	position:absolute;
}
#gnavigation li a,#gnavigation strong {

  text-decoration: none;	
  display: block;
height: 71px;
}

#gnavigation h1 {

position:relative;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
   height: 71px;
  clear:none;
}
#gnavigation h1 a {
  text-decoration: none;	
  display: block;
 height: 71px;
}
#gnavigation h1#home      {
 left:27px;
 top:20px;
 width:202px;
}

#gnavigation li#b01      {
 left:313px;
 top:-51px;
 width:128px;
}

#gnavigation li#b02     {
 left:454px;
 top:-51px;
 width:159px;
}
#gnavigation li#b03      {
 left:626px;
 top:-51px;
 width:169px;
}
#gnavigation li#b04     {
 left:804px;
 top:-51px;
 width:142px;
}
#gnavigation h1#home a:hover    {
background: url(../images/main_button.gif) no-repeat -27px -130px;

}


#gnavigation li#b01 a:hover  ,#gnavigation li#b01 strong   {
background: url(../images/main_button.gif) no-repeat -313px -130px;
}
#gnavigation li#b02 a:hover  ,#gnavigation li#b02 strong   {
background: url(../images/main_button.gif) no-repeat -454px -130px;
}
#gnavigation li#b03 a:hover  ,#gnavigation li#b03 strong   {
background: url(../images/main_button.gif) no-repeat -626px -130px;
}
#gnavigation li#b04 a:hover  ,#gnavigation li#b04 strong   {
background: url(../images/main_button.gif) no-repeat -804px -130px;
}


/* news
---------------------------------------------------- */
#n_navi {


height: 27px;
margin:0;
text-align:left;
background: url(../images/news.gif) no-repeat;
 position:static;
}

#n_navi ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#n_navi li {
	margin: 0;
	padding: 0;
	height: 22px;
	text-indent: -9999px;
	position:absolute;
}
#n_navi li a,#n_navi strong {
  text-decoration: none;	
  display: block;
height: 22px;
}


#n_navi li#n01      {
 left:107px;
 top:2px;
 width:22px;
}
#n_navi li#n02    {
 left:339px;
 top:2px;
 width:113px;
}


#n_navi li#n01 a:hover  ,#n_navi li#n01 a.selected {
background: url(../images/news.gif) no-repeat -107px -33px;
}

#n_navi li#n02 a:hover ,#n_navi li#n02 a.selected    {
background: url(../images/news.gif) no-repeat -339px -33px;
}
/* event
---------------------------------------------------- */
#e_navi {


height: 27px;
margin:0;
text-align:left;
background: url(../images/event.gif) no-repeat;
 position:static;
}

#e_navi ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#e_navi li {
	margin: 0;
	padding: 0;
	height: 22px;
	text-indent: -9999px;
	position:absolute;
}
#e_navi li a,#e_navi strong {
  text-decoration: none;	
  display: block;
height: 22px;
}


#e_navi li#e01      {
 left:107px;
 top:2px;
 width:22px;
}
#e_navi li#e02    {
 left:339px;
 top:2px;
 width:113px;
}


#e_navi li#e01 a:hover  ,#e_navi li#e01 a.selected {
background: url(../images/event.gif) no-repeat -107px -33px;
}

#e_navi li#e02 a:hover ,#e_navi li#e02 a.selected    {
background: url(../images/event.gif) no-repeat -339px -33px;
}

#listWrp,#listWrp2{
  margin: 0;
  padding: 10px 0 15px 0;
}

#listWrp li,#listWrp2 li{
list-style:none;
margin:0;
paddin:0;
background:url(../images/news_base.gif) no-repeat 87px 0.1em;
}

#listWrp dl,#listWrp2 dl{
list-style:none;
padding:0;
width:386px;
}

#listWrp li dt,#listWrp2 li dt{
color:#00b8db;
padding:0 0 0 5px;
font-size:0.8em;
letter-spacing:1px;
line-height: 1.2em;
width:76px;

}

#listWrp dd,#listWrp2 dd{
width:380px;
position: relative;
top: -0.9em;
left: 76px;
line-height: 1.2em;
}

#listWrp dd span.new,#listWrp2 span.new{
display: none;
position:absolute;
z-index:100;
top:-12px;
}


#model_calse  {
height:40px;
 background: url(../images/case.gif) no-repeat;
 text-indent:-9999px;
}

#listWrp dd a,#listWrp2 dd a{
display:block;
padding:0 0 0 0;
color:#333333;
}
#listWrp dd a:hover,#listWrp2 dd a:hover{
display:block;
padding:0 0 0 0;
color:#ff6d00;
}


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

#ftr{
height:69px;
background-color: #011642;
}


#ft_base{

margin:0 auto;
width:900px;
padding:15px 0;
color:#FFF;
 position:static;
}
#ft_l{
float:left;
width:800px;
font-size:0.8em;
letter-spacing:1px;
}
#ft_l a {
color:#FFF;
 
}
#ft_l a:hover {
color:#0079de;
 
}
#ft_r{
float:right;
width:65px;
height:15px;
display:block;
 background: url(../images/page_top.gif) no-repeat;
 text-indent: -9999px;
}
#ft_copy  {
height:25px;
 background: url(../images/copyright.gif) no-repeat 0 10px;
 text-indent:-9999px;
}
#ft_base ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}

#ft_r a {
color:#FFF;
  text-decoration: none;	
  display: block;
 height:15px;
}



#ft_r  a:hover {
background: url(../images/page_top.gif) no-repeat 0 -50px;
}