@charset "utf-8";

@import "reset.css";


#wrapper {
   width: 760px;
   margin: 0 auto;
   padding: 10px 10px 0 10px;
   background-color: #FFFFFF;
   }

/* header部デザイン
=============================================================*/

#header {
   position: relative;
   margin-bottom: 10px;
   background: url(../images/bg/h1.gif) left top no-repeat;
   height: 70px;
   overflow: hidden;
   background-color:#fff;
   }

#header h1 {
   padding: 6px 0 0 85px;
   }
#header h2 {
   position: absolute;
   left: 18px;
   top: 13px;
   }
#header h3 {
   position: absolute;
   left: 467px;
   top: 14px;
   }
   
#header h1, h3 {
    /*\*/ 
   letter-spacing:0;
   /**/ 
   }

#header h1 {
   font-size: 107%; /* 15px */ 
   }
#header h3 {
   font-size: 93%; /* 13px */
   }  


/* グローバルナビゲーション　
=========================================================================*/

#globalNav { 
   width:760px;
   height: 37px;     
   background: url(../images/bg/bg_globalNab.jpg) top left repeat-x;
   overflow: hidden;
   }

#globalNav ul {
   position: relative;
   width: 700px;
   height: 37px;
   margin: 0 30px;
   }
      
#globalNav ul li#nav-home { position:absolute; top: 0; left: 0px; }
#globalNav ul li#nav-service { position: absolute; top:0; left: 140px; }
#globalNav ul li#nav-consul { position: absolute; top: 0; left: 280px; }
#globalNav ul li#nav-info { position: absolute; top: 0; left: 420px; }
#globalNav ul li#nav-contact { position: absolute; top: 0; left: 560px; }   

#globalNav li a {
   display: block;
   width: 140px;
   height: 0 !important;
   height /**/ : 37px;
   padding-top: 37px;
   background:url(../images/navigation/globalNav.jpg) no-repeat left top;
   overflow:hidden;
   }

/* マウス通常時（オフマウス時) */   
li#nav-home a     { background-position: 0  0;}   
li#nav-service a  { background-position: -140px 0;}
li#nav-consul a   { background-position: -280px 0;}
li#nav-info a   { background-position: -420px 0;}
li#nav-contact a  { background-position: -560px 0;}

/* オンマウス時 */ 
#nav-service a:hover  { background-position: -140px -37px;}
#nav-consul a:hover   { background-position: -280px -37px;}
#nav-info a:hover     { background-position: -420px -37px;}
#nav-contact a:hover  { background-position: -560px -37px;}

/* 選択ページ時 */   
body#home #nav-home a        { background-position: 0      -74px;} 
body.service #nav-service a  { background-position: -140px -74px;}
body.consul #nav-consul a    { background-position: -280px -74px;}
body.info #nav-info a        { background-position: -420px -74px;}
body.contact #nav-contact a  { background-position: -560px -74px;}


/* フラッシュ部
------------------------------------------------*/
#collage {
   margin: 10px 0 0 0;
   padding-bottom: 5px;
   border-bottom: 3px solid #ccc;
   background: url(../images/bg/bg_collage.jpg) left top;
   height: 230px;
   position: relative;
   width: 760px;
   }
#lead {
   margin:0 0 0 560px;
   padding-top: 10px;
   width: 200px;
   height: 220px;
   }
#lead h2 {
   margin-bottom: 10px;
   }
     
#flash {
   position: absolute;
   top: 10px;
   left:0;
   width: 550px;
   height: 220px;
   }   

/*  コンテンツ部
----------------------------------------*/  
#contents {
   margin: 15px 0 0 0;
   padding-bottom: 70px;
   width: 760px;
   float: left;
   }   
#primary {
   float: left;
   width: 550px;
   }

#secondary {
   float: right;
   width: 200px;
   margin: 0;
   }



 /*　primary部　設定
   --------------------------------------*/
#primary .section {
   margin: 0 0 25px 0;
   }
#primary .section h2 {
   margin: 0 10px 10px 10px;
   background:url(../images/bg/bg_h2.jpg) left top;
   padding: 9px 0 5px 38px;
   height: 21px;
   color: #FFFFFF;
   font-size: 100%;
   overflow: hidden;
   }   
#primary .section p {
   margin: 0 10px 5px 10px;
   text-indent: 1em;
   }

#primary .section h3 {
   margin: 20px 10px 10px 20px;
   padding-left: 10px;
   border-left: 5px solid #99CC00;
   border-bottom: 1px solid #CCC; 
   color:#99CC00;
   /*\*/
   letter-spacing:0.08em;
   /**/ 
   }

/*  インラインフレーム
========================================================================*/

#notice {
    background-color:#f4fbf5;
	}
dl#iframe {  
   overflow:auto;
   height: 150px;
   margin: 10px 0;
   padding:5px 15px 10px 15px;
   }
dl#iframe dt {
   margin-bottom: 5px;
   font-weight: bold;
   font-size: 93%;
   color:#99CC00;
   }
dl#iframe dd {
   padding-bottom: 7px;
   margin-bottom: 12px;
   border-bottom: 1px solid #e5e5e5;
   font-size: 93%;
   }
#iframe dt {
   background: url(../images/top/bg_eyecatch.jpg)left center no-repeat;
   padding-left: 18px;
   }   

#iframe dd a {
   color:#6699FF;
   }
#iframe dd a:hover {
   color:#66CCFF;
   }


/* ローカルナビゲーション　
=========================================================================*/

#secondary {
   background: url(../images/bg/localNav_upper.jpg) left top no-repeat #f5f5f5;
   padding-top: 13px;
   }

#localNav {
   margin:0;
   padding-bottom:13px;
   background: #f5f5f5 url(../images/bg/localNav_lower.jpg) left bottom no-repeat;
   }

#localNav h2 {
   margin: 2px 0;
   }   
#localNav h3 {
   margin: 12px 0 5px 15px;
   color:#006633;
   }
#localNav p {
   margin: 0 0 5px 15px;
   font-size: 100%;
   }      
#localNav ul.disc li {
   margin: 0 10px 3px 36px;
   list-style-type: disc;
   }   
   
p#area {
   margin: 12px 10px 0 10px;
   padding: 0 0 13px 0;
   font-size: 92%;
   }    
   
#localNav li a {
   color: #6666FF;
   font-size: 100%;
   padding-bottom: 2px;
   } 
#localNav li a:hover {
   color: #6699FF;
   }   
#localNav li a:visited {
   color: #6666FF;
   }     




 /* リストのスタイル
   ---------------------------*/
#primary .section ul {
   margin-bottom: 10px;
   }
#primary .section ul.disc li {
   list-style-type: disc;
   margin-left: 35px;
   }
#primary .section ul.decimal li {
   list-style-type: decimal;
   margin-left: 55px;
   }    
#primary .section ul li {
   list-style-type: none;
   margin: 0 10px 2px 35px;
   }  
   


   /* リストのスタイル
   ---------------------------*/
#localNav ul li {
   list-style-type: none;
   margin: 3px 0 3px 22px;   
   font-size: 86%;
   }


   
/*  フッター部の設定
=================================================*/

#footer {
   width: 100%;
   clear: both;
   text-align: center;
   font-size: 86%; /* 12px相当 */
   padding-bottom: 15px;
   color: #999;
   }   

ul#lowerNav {
   padding-bottom: 3px;
   border-bottom: 2px solid #CCC;
   }  
    
ul#lowerNav li {
   display: inline;
   margin-right: 8px;   
   } 
   
ul#lowerNav li a {
   color: #999;
   text-decoration: none;
   }      
ul#lowerNav li a:hover {
   color: #666;
   } 
ul#lowerNav li a {
   color: #999C;
   }    
     
#footer h3 {
   margin: 15px 0 10px 0;
   }   

#footer h3 a {
   color: #999;
   text-decoration: none;
   }       
#footer address {
   margin: 5px auto;
   }