@charset "utf-8";

/* 
---------------------------------------------------- */
*{
	margin:0;
	padding:0;
}


/* サービスナビゲーション
---------------------------------------------------- */
#service-navi {
   width: 940px;
   height: 147px;
   background:url(../images/service-navi.png) no-repeat;
   margin: 0;
   padding: 0;
   display:inline;
   }
   
#service-navi ul {
   padding:0;
   }
   
#service-navi li {
   display:inline;
   list-style-type:none;
   }
   
#service-navi li a {
   height: 147px;
   display: inline;
   float: left;
   text-indent: -9877em;
   text-decoration: none;
   overflow: hidden;
   }


/* サービスナビゲーション
---------------------------------------------------- */
#service-navi li.new a {
   background:url(../images/service-navi.png) no-repeat 0px 0px;
   width:234px;
   }
#service-navi li.renewal a {
   background:url(../images/service-navi.png) no-repeat -234px 0px;
   width:235px;
   }
#service-navi li.management a {
   background:url(../images/service-navi.png) no-repeat -469px 0px;
   width:236px;
   }
#service-navi li.seo a {
   background:url(../images/service-navi.png) no-repeat -705px 0px;
   width:235px;
   }


/* サービスナビゲーションhover
---------------------------------------------------- */
#service-navi li.new a:hover {
   background:url(../images/service-navi-on.png) no-repeat 0px 0px;
   width:234px;
   }
#service-navi li.renewal a:hover {
   background:url(../images/service-navi-on.png) no-repeat -234px 0px;
   width:235px;
   }
#service-navi li.management a:hover {
   background:url(../images/service-navi-on.png) no-repeat -469px 0px;
   width:236px;
   }
#service-navi li.seo a:hover {
   background:url(../images/service-navi-on.png) no-repeat -705px 0px;
   width:235px;
   }
   

/* サービスナビゲーションon
---------------------------------------------------- */
#service-navi li.new_on a {
   background:url(../images/service-navi-on.png) no-repeat 0px 0px;
   width:234px;
   }
#service-navi li.renewal_on a {
   background:url(../images/service-navi-on.png) no-repeat -234px 0px;
   width:235px;
   }
#service-navi li.management_on a {
   background:url(../images/service-navi-on.png) no-repeat -469px 0px;
   width:236px;
   }
#service-navi li.seo_on a {
   background:url(../images/service-navi-on.png) no-repeat -705px 0px;
   width:235px;
   }


/* index-left
---------------------------------------------------- */
#index-left {
   width: 554px;
   margin: 8px 0 0 0;
   paddingn: 8px 0 0 0;
   float:left;
   display:block;
   }
   
#index-left #left-content{
   width: 554px;
   margin: 0;
   padding: 0;
   background:url(../images/index-titlebar01.png) no-repeat;
   }
   
#index-left #left-content p{
   margin-left: 40px;
   padding: 0;
   color: #333;
   }
 
#index-left .left-box {
   width: 554px;
   margin: 0;
   padding: 0;
   }
   
#index-left .left-box h3{
   width: 554px;
   height: 42px;
   margin: 0;
   }
   
#index-left .left-box strong{
   font-size:1.2em;
   margin: 0;
   padding: 0;
   color: #006666;
   font-weight:bolder;
   vertical-align:bottom;
   }
   
#index-left .left-box li{
   margin: 6px 24px 10px 24px;
   padding: 3px;
   display:block;
   }
   
#index-left li.news{
   margin: 3px 24px 3px 24px;
   padding: 3px;
   display:block;
   background-image:url(../common/images/dot-line.png);
   background-position:bottom;
   background-repeat:repeat-x;
   font-size: 0.9em;
   }
   
   
/* ニュースリスト
---------------------------------------------------- */
.newslist {
   width: 500px;
   margin: 1px 26px 1px 26px;
   padding: 0;
   font-size: 0.9em;
   }
   
.newslist dt {
   margin: 0;
   padding: 1px;
   float: left;
   display:inline;
   clear: left;
   width: 8em;
   color: #006666;
   font-size: 0.8em;
   text-align:left;
}
.newslist dd {
   margin: 1px;
   padding: 1px;
   margin-bottom: 0.7em;
   font-size: 0.9em;   
}

 
/* 対応エリア
---------------------------------------------------- */
#index-left #area{
   width: 330px;
   float: left;
   margin: 0;
   padding: 3px 10px 3px 27px;
   display: block;
   }
   
#index-left #area li{
   margin: 0;
   padding: 0;
   display: inline;
   font-size: 0.8em;
   }

#index-left #area img{
  float:right;
  }


/* index-right
---------------------------------------------------- */
#index-right {
   width:380px;
   margin: 0;
   paddingn: 0;
   float:right;
   display:block;
   }
   
   
/* bnr-area
---------------------------------------------------- */
#bnr-area {
  width:384px;
  background-image: url(../images/bnr-area-bg.png);
  background-position:left top;
  background-repeat: repeat-y;
  }
  
#bnr-area h3{
  margin-left: 14px;
  padding-top: 10px;
  }



/* 下部バナーエリア
---------------------------------------------------- */	

	
.bottom-bnr {
	text-align: center;
}
.bottom-bnr li {
	display: -moz-inline-box;
	display: inline-block;
	line-height: 25px;
}
* html .bottom-bnr li{  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
*+html .bottom-bnr li {  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
.bottom-bnr li a {
	display: block;
	text-decoration: none;
	vertical-align:bottom;
}