html{
  margin:0 auto;
  background-image:url(img/header.jpg);
  background-position: bottom;
  background-repeat:no-repeat;
  background-color:#daf1d5;
}
body{
  margin:0 auto;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  background-image:url("img/bg_top.jpg");
  background-repeat:no-repeat;
  background-position: top right; 
}

#header {
  margin-top:0px;
  margin-bottom:0px;
  width:100%;
  height:44px;
  background-color:#ffffff;
  background-image:url("img/header_bg.jpg");
  background-repeat:repeat-x;
  background-position: bottom; 
}
#headbox {
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  width:960px;
}

#logo { display:block;
  float:left;
  height:44px;
  width:300px;
  background-position:top center;
  background-image:url("img/logo.jpg");
}
#logo span { display:none; }

table {
  margin-top:16px;
  margin-left:24px;
}
th, td {
  font-size: 12px;
  line-height:14px;
}

#top { display:block;
  height:360px;
  width:960px;
  background-position:top center;
  background-image:url("flash/movie.swf");
  background-repeat:no-repeat;
}
#top span { display:none; }



/*---▼メインボックス---*/
#mainbox{
  clear:both;
  margin-top:0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  width:960px;
  font-size:11pt;
}
#topimg{
  font-size:11pt;
  width:960px;
}
#contents_box{
  clear:both;
  margin-top:-46px;
  font-size:11pt;
  width:958px;
  height:540px;
  background-color:#FFF;
  border:1px solid #898989;
  background-image:url("img/contents_bg.jpg");
  background-repeat:repeat-x;
  background-position: top; 
}
#contents_box2{
  clear:both;
  margin-top:-4822:48 2008/07/20px;
  font-size:11pt;
  width:958px;
  height:auto;
  background-color:#FFF;
  border:1px solid #898989;
  background-image:url("img/contents_bg.jpg");
  background-repeat:repeat-x;
  background-position: top; 
}
#page_box{
  clear:both;
  margin-top:-4822:48 2008/07/20px;
  font-size:11pt;
  width:958px;
  height:auto;
  background-color:#FFF;
  border:1px solid #898989;
  background-image:url("img/page_bg.jpg");
  background-repeat:repeat-x;
  background-position: top; 
}
#project{
  float:right;
  font-size:10pt;
  width:512px;
  height:200px;
}
#title{
  width:800px;
  height:92px;
  background-position:top center;
  background-attachment:fixed;
  background-image:url("img/header.jpg");
  background-repeat:no-repeat;
}

/*---▲ボックス---*/

/*---▼コンテンツ---*/
#midasi{
  margin-top:0px;
  margin-left:2px;
  margin-right:2px;
}
#midasi2{
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}
#midasi_press{
  font-size:12px;
  color:#3A4DA0;
  margin-bottom:-10px;
}
#midasi_page{
  margin-top:16px;
  margin-left:24px;
  margin-bottom:-8px;
  font-size:16px;
  color:#3A4DA0;
}
#text_page{
  width:524px;
  margin-left:32px;
  font-size:10px;
  color:#545454;
}
#text_press{
  width:524px;
  margin-left:32px;
  font-size:12px;
  line-height:24px;
  color:#343434;
}
#text_press2{
  width:524px;
  margin-left:32px;
  font-size:12px;
  line-height:16px;
  color:#343434;
}
#text_press3{
  width:524px;
  font-size:14px;
  line-height:16px;
  color:#343434;
}
#comment{
  margin-left:12px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  width:322px;
  font-size:10px;
  color:#545454;
}
#comment_press_log{
  margin-left:32px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  width:530px;
  font-size:12px;
  color:#545454;
}
#list{
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  font-size:14px;
  line-height:22px;
}
#comment p{
  line-height:14px;
}
#comment_press{
  margin-left:12px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  width:340px;
  font-size:10px;
  color:#545454;
}
#comment_press p{
  line-height:14px;
}

#news {
  float:left;
  margin-top:8px;
  margin-left:14px;
  width:336px;
  height:498px;
  background-color:#FFF;
  border:1px solid #A8BED5;
}
#kaisyajouhou {
  float:left;
  margin-top:8px;
  margin-left:14px;
  width:336px;
  height:auto;
  background-color:#FFF;
  border:1px solid #A8BED5;
}


#press{
  float:left;
  margin-top:8px;
  margin-left:12px;
  width:380px;
  height:498px;
  background-color:#FFF;
  border:1px solid #A8BED5;
}
#contents_banner{
  float:left;
  margin-top:8px;
  margin-left:6px;
  width:196px;
  height:auto;
  background-color:#FFF;
}
#contents_banner{
  float:left;
  margin-bottom:6px;

}
#contents_footer{
  clear:both;
  margin-top:8px;
  margin-left:6px;
  width:946px;
  height:40;
}
#modoru{
  margin-left:4px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  font-size:9px;
  color:#545454;
}
#syousai{
  margin-top:4px;
}

#page_gaiyou{
  float:left;
  margin-top:8px;
  margin-left:14px;
  width:576px;
  height:auto;
  background-color:#FFF;
  border:1px solid #A8BED5;
}

#page_services{
  margin-left:2px;
  width:572px;
}
#services_box_wan{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_bannowan.jpg");
  width:280px;
  height:93px;
}
#services_box_mobafes{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_mobafes.jpg");
  width:280px;
  height:93px;
}
#services_box_emobile{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_emobile.jpg");
  width:280px;
  height:93px;
}
#services_box_lenovo{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_lenovo.jpg");
  width:280px;
  height:93px;
}
#services_box_otame{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_otame.jpg");
  width:280px;
  height:93px;
}
#services_box_biscuit{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_biscuit.jpg");
  width:280px;
  height:93px;
}
#services_box_pota{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_pota.jpg");
  width:280px;
  height:93px;
}
#services_box_eco{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_eco.jpg");
  width:280px;
  height:93px;
}
#services_box_osyu{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_osyu.jpg");
  width:280px;
  height:93px;
}
#services_box_osyumob{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_osyumob.jpg");
  width:280px;
  height:93px;
}
#services_box_festa{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_festa.jpg");
  width:280px;
  height:93px;
}
#services_box_ikou{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:6px;
  background-image:url("img/services_ikou.jpg");
  width:280px;
  height:93px;
}
#services_title{
  margin-top:30px;
  margin-left:124px;
  width:150px;
  height:80px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;

  font-size:9px;
}
#biscuit_banner{
  margin-bottom:4px;
  padding:8px;
  width:180px;
  height:52px;
  background-color:#dfdfdf;
}
#biscuit_banner{
  margin-top:2px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  font-size:9px;
}

/*---▲コンテンツ---*/

/*---▼ナビゲーション---*/

ul#navi{
  display:inline;
  width:614px;
  height:29px;

}
ul#navi li{
  float:left;
  margin-top:16px;
  list-style-type:none;
  text-indent:-100em;
}
ul#navi li a{
  display:block;
  height:28px;
  border:none;
  background-image:url("img/navi.jpg");
  background-repeat:no-repeat;
  background-position: top left; 
}
ul#navi li#gaiyou a{
  margin-left:49px;
  width:78px;
  background-position:0px 0px;
}
ul#navi li#gaiyou a:hover{
  width:78px;
  background-position:0px -29px;
}
ul#navi li#services a{
  width:78px;
  background-position:-74px 0px;
}
ul#navi li#services a:hover{
  width:78px;
  background-position:-74px -29px;
}
ul#navi li#projects a{
  width:87px;
  background-position:-152px 0px;
}
ul#navi li#projects a:hover{
  width:87px;
  background-position:-152px -29px;
}
ul#navi li#torihiki a{
  width:78px;
  background-position:-244px 0px;
}
ul#navi li#torihiki a:hover{
  width:78px;
  background-position:-244px -29px;
}
ul#navi li#media a{
  width:112px;
  background-position:-324px 0px;
}
ul#navi li#media a:hover{
  width:112px;
  background-position:-324px -29px;
}
ul#navi li#recruit a{
  width:78px;
  background-position:-439px 0px;
}
ul#navi li#recruit a:hover{
  width:78px;
  background-position:-439px -29px;
}
ul#navi li#mail a{
  width:100px;
  background-position:-514px 0px;
}
ul#navi li#mail a:hover{
  width:100px;
  background-position:-514px -29px;
}




/*---▲ナビゲーション---*/

a {

}
a:link {
	color :#37954D ;
}
a:visited {
	color :#184322 ;
}
a:hover {
	color :#72BAA0 ;
	background-color : ;
}
a:active {
	color :#184322;
}

/*---▼下---*/
#footer2 {
  margin-top:12px;
  font-size:11px;
  text-align:center;
  color:#555555;
  line-height:18px;
}
/*---▲下---*/

/*---▼プロジェクトナビ---*/


ul#sidenavi{
  padding:0;
  margin:0;

}
ul#sidenavi li{
  list-style-type:none;
  text-indent:-100em;
}
ul#sidenavi li a{
  display:block;
  width:314px;
  height:22px;
  border:none;
  background-image:url("img/sidenavi_all.jpg");
}
ul#sidenavi li#gaiyou_s a{
  margin-top:4px;
  background-position:0px 0px;
}
ul#sidenavi li#gaiyou_s a:hover{
  margin-top:4px;
  background-position:-314px 0px;
}
ul#sidenavi li#yakuin a{
  background-position:0px -22px;
}
ul#sidenavi li#yakuin a:hover{
  background-position:-314px -22px;
}
ul#sidenavi li#torihiki a{
  background-position:0px -44px;
}
ul#sidenavi li#torihiki a:hover{
  background-position:-314px -44px;
}
ul#sidenavi li#kamei a{
  background-position:0px -66px;
}
ul#sidenavi li#kamei a:hover{
  background-position:-314px -66px;
}
ul#sidenavi li#member a{
  background-position:0px -88px;
}
ul#sidenavi li#member a:hover{
  background-position:-314px -88px;
}
ul#sidenavi li#saiyou a{
  margin-bottom:8px;
  height:23px;
  background-position:0px -110px;
}
ul#sidenavi li#saiyou a:hover{
  margin-bottom:8px;
  height:23px;
  background-position:-314px -110px;
}


ul#sidenavi2{
  padding:0;
  margin:0;
}
ul#sidenavi2 li{
  list-style-type:none;
  text-indent:-100em;
}
ul#sidenavi2 li a{
  display:block;
  width:314px;
  height:22px;
  border:none;
  background-image:url("img/sidenavi_all2.jpg");
}
ul#sidenavi2 li#services a{
  margin-top:4px;
  background-position:0px 0px;
}
ul#sidenavi2 li#services a:hover{
  margin-top:4px;
  background-position:-314px 0px;
}
ul#sidenavi2 li#project_s a{
  margin-bottom:22px;
  height:23px;
  background-position:0px -22px;
}
ul#sidenavi2 li#project_s a:hover{
  margin-bottom:22px;
  height:23px;
  background-position:-314px -22px;
}

/*--------サービス---------*/
#services_box{
  float:left;
  margin-left:4px;
  margin-right:1px;
  margin-bottom:8px;
  width:280px;
  height:93px;
}
#services_title{
  margin-top:-60px;
  margin-left:122px;
  width:152px;
  height:80px;
  font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
  font-size:9px;
}
a.wan { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_bannowan.jpg") 0 0 no-repeat;  
} 

a:hover.wan { 
background-position: 0px -93px; 
}

a.mobafes { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_mobafes.jpg") 0 0 no-repeat;  
} 

a:hover.mobafes { 
background-position: 0px -93px; 
}

a.emobile { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_emobile.jpg") 0 0 no-repeat;  
} 

a:hover.emobile { 
background-position: 0px -93px; 
}

a.lenovo { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_lenovo.jpg") 0 0 no-repeat;  
} 

a:hover.lenovo { 
background-position: 0px -93px; 
}

a.otame { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_otame.jpg") 0 0 no-repeat;  
} 

a:hover.otame { 
background-position: 0px -93px; 
}

a.biscuit { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_biscuit.jpg") 0 0 no-repeat;  
} 

a:hover.biscuit { 
background-position: 0px -93px; 
}

a.pota { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_pota.jpg") 0 0 no-repeat;  
} 

a:hover.pota { 
background-position: 0px -93px; 
}

a.eco { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_eco.jpg") 0 0 no-repeat;  
} 

a:hover.eco { 
background-position: 0px -93px; 
}

a.osyu { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_osyu.jpg") 0 0 no-repeat;  
} 

a:hover.osyu { 
background-position: 0px -93px; 
}

a.osyumob { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_osyumob.jpg") 0 0 no-repeat;  
} 

a:hover.osyumob { 
background-position: 0px -93px; 
}

a.festa { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_festa.jpg") 0 0 no-repeat;  
} 

a:hover.festa { 
background-position: 0px -93px; 
}

a.ikou { 
  display: block;
  text-indent:-100em;
  width:280px;
  height:93px;
  background: url("img/services_ikou.jpg") 0 0 no-repeat;  
} 

a:hover.ikou { 
background-position: 0px -93px; 
}