@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: home.css
 -----------------------------------------------------------*/

#container {
  background:url(../home/images/bg.png) no-repeat top left !important;
  }


/*==================================================

top3 menu

==================================================*/ 

#service_menu  {
  clear:both;
  margin:0 auto;
  width:974px;
  }

#service_menu ul {
  margin:0 auto;
  width:962px;
  height:193px;}

#service_menu li {
  list-style:none;
  float:left;
  display:block;
  height:194px;
  width:313px;
  margin:0 3px;}

a.service1 {background:url(../home/images/menu01.gif) no-repeat;}
a.service2 {background:url(../home/images/menu02.gif) no-repeat;}
a.service3 {background:url(../home/images/menu03.gif) no-repeat;}

#service_menu li a{
  text-indent:-9999px;
  display:block;
  height:194px;
  width:313px;}

#service_menu li a:hover {
  height:194px;
  background-position:0 -196px;}
  

/*==================================================

h3

==================================================*/ 
   
h1 {
  width:236px;
  float:none;
  margin:0;}
  
h3.clo_power {
  background:url(../home/images/clo_power.gif) no-repeat;
  width:379px;
  height:46px;
  margin-bottom:15px;
  text-indent:-9999px;}

h3.topics {
  background:url(../home/images/topics_ttl.gif) no-repeat;
  width:83px;
  height:31px;
  margin-bottom:15px;
  text-indent:-9999px;}
   


/*==================================================

TOPICS

==================================================*/ 

#topics_list {}
#topics_list ul {}

#topics_list li {
  float:left;
  list-style:none;}

#topics_list li a {
  width:233px;
  height:203px;
  display:block;
  text-indent:-9999px;
  }

#topics_list li.topics_clopower a {
  background:url(../home/images/topics01.gif) no-repeat;
  margin-right:10px;
  }
#topics_list li.topics_clopower a:hover {
  background-position:0 -208px;
  margin-right:10px;}

#topics_list li.topics_casestudies1 a {
  background:url(../home/images/topics02.gif) no-repeat;
  margin-right:10px;}
#topics_list li.topics_casestudies1 a:hover {
  background-position:0 -208px;
  margin-right:10px;} 
    
#topics_list li.topics_casestudies2 a {background:url(../home/images/topics03.gif) no-repeat;}
#topics_list li.topics_casestudies2 a:hover {background-position:0 -208px;} 



/*==================================================

NEWS

==================================================*/ 


.newsbox_t {
  clear:both;
  width:960px;
  background:url(../home/images/newsbox_t.gif) no-repeat;
  padding-top:20px;
  margin:10px 0 40px 0;
  }
  
.newsbox_c {
  overflow:hidden;
  width:960px;
  background:url(../home/images/newsbox_c.gif) repeat-y;
  }

.newsbox_b {
  background:url(../home/images/newsbox_b.gif) no-repeat bottom;
  font-size:1.2em;
  line-height:1.8em; 
  overflow:hidden;
  padding:0 20px 20px 20px;
  }
 
.newsbox_b dl dt{
 display:block;
 text-indent:-9999px;
 width:72px;
 height::19px;
 float:left;
 background:url(../home/images/icon_news.gif) no-repeat;}
 
 .newsbox_b dl dd{
   float:right;
   width:828px;
   
}

/*==================================================

その他(2014/10/22追加)

==================================================*/ 

.test {
  background:url(../home/images/test.gif) no-repeat top left;
  text-indent:-9999px;
  position:relative;
  top:-90px;
  right:-35px;
  width:338px;
  height:66px;
  clear:both;
  display:block;}