@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/navigation/bg_globalNav.jpg) left top repeat-x;
   overflow: hidden;
   }

#globalNav ul {
   position: relative;
   }
      
#globalNav ul li#nav-home { position:absolute; top: 0; left: 0px; }
#globalNav ul li#nav-office { position:absolute; top: 0; left: 95px; }
#globalNav ul li#nav-service { position: absolute; top:0; left: 190px; }
#globalNav ul li#nav-model { position: absolute; top: 0; left: 285px; }
#globalNav ul li#nav-info { position: absolute; top: 0; left: 380px; }
#globalNav ul li#nav-faq { position:absolute; top: 0; left: 475px; }
#globalNav ul li#nav-contact { position: absolute; top: 0; left: 570px; }  
#globalNav ul li#nav-access { position:absolute; top: 0; left: 665px; } 

#globalNav li a {
   display: block;
   width: 95px;
   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-office a     { background-position: -95px  0;}  
li#nav-service a  { background-position: -190px 0;}
li#nav-model a   { background-position: -285px 0;}
li#nav-info a   { background-position: -380px 0;}
li#nav-faq a     { background-position: -475px  0;}
li#nav-contact a  { background-position: -570px 0;}
li#nav-access a     { background-position: -665px  0;}

/* オンマウス時 */ 
li#nav-home a:hover     { background-position: 0  -37px;} 
li#nav-office a:hover    { background-position: -95px  -37px;}  
li#nav-service a:hover  { background-position: -190px -37px;}
li#nav-model a:hover   { background-position: -285px -37px;}
li#nav-info a:hover   { background-position: -380px -37px;}
li#nav-faq a:hover     { background-position: -475px  -37px;}
li#nav-contact a:hover  { background-position: -570px -37px;}
li#nav-access a:hover     { background-position: -665px  -37px;}


/* 選択ページ時 */   
body#home #nav-home a        { background-position: 0       -74px;}
body.office #nav-office a    { background-position: -95px   -74px;} 
body.service #nav-service a  { background-position: -190px  -74px;}
body.model #nav-model a      { background-position: -285px  -74px;}
body#info #nav-info a        { background-position: -380px  -74px;}
body.faq #nav-faq a          { background-position: -475px  -74px;}
body#contact #nav-contact a  { background-position: -570px  -74px;}
body#access #nav-access a    { background-position: -665px  -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;
   }
     
#image {
   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 30px 0;
   }
#primary .section h2 {
   margin: 0 10px 10px 10px;
   height:35px;
   background:url(../images/bg/bg_h2.jpg) left center no-repeat;
   padding: 7px 0 7px 38px;
   height: 21px;
   color: #FFFFFF;
   overflow: hidden;
   }   
#primary h3 {
   margin:25px 10px 15px 20px;
   color: #99CC00;
   }
   
#primary .section p {
   margin: 0 10px 7px 10px;
   text-indent: 1em;
   }
#primary .section ul {
   margin: 10px 20px 15px 45px;
   }
#primary .section ul.disc li {
   list-style: disc;   
   margin-bottom: 3px;
   color: #669966;
   }   
   
#primary .section.arrangement {
   float: left;
   }   
#primary .section .left {
   margin: 0 10px 10px 0;
   float: left;
   }
#primary a {
   color:#6699FF;
   }
#primary a:hover {
   color: #66CCFF;
   }

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

#notice {
    background-color:#f4fbf5;
	clear:both;
	}
#notice p#site {
   text-indent:0;
   margin: 5px 22px 0 10px;
   font-size:92%;
   }	
dl#iframe {  
   overflow:auto;
   height: 120px;
   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部とローカルナビゲーション設定
=========================================================================*/

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

#localNav {
   margin:0;
   background-color: #f5f5f5;
   }

#localNav h3,#area h3 {
   margin: 15px 15px 5px 10px;
   color: #7B7B7B;
   border-bottom: 1px dotted #999;
   padding-bottom: 2px;
   text-indent: 7px;
   /*\*/
   letter-spacing:0.1em;
   /**/   
   }
#localNav p {
   margin: 0 0 5px 15px;
   font-size: 100%;
   }   
   
   
#localNav ul li {
   margin: 2px 0 2px 15px;
   font-size:93%;
   background: url(../images/bg/bg_arrow_up.jpg) left center no-repeat;
   }   
#localNav ul li a {
   background:url(../images/bg/bg_arrow.jpg) left center no-repeat;
   padding-left: 24px;/* テキスト間のスペース12px */
   text-decoration:none;
   display:block;
   width:161px; 
   color: #666699;  
   }
#localNav ul li a:hover {
   background-image: none;
   background-color: transparent;  
   color: #00CC99; 
   }
#area {
   margin: 15px 0 0 0;
   padding: 0 0 13px 0;
   background: #f5f5f5 url(../images/bg/localNav_lower.jpg) left bottom no-repeat;
   }    
#area h3 {
   margin: 15px 15px 5px 10px;
   color: #FF9900;
   border-bottom: 1px dotted #999;
   padding-bottom: 2px;
   text-indent: 7px;
   /*\*/
   letter-spacing:0.1em;
   /**/   
   }
   
#area p {
   font-size: 93%;
   line-height:1.6;
   padding: 2px 6px 0 10px;
   }

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

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

ul#lowerNav {
   padding-bottom: 3px;
   border-bottom: 4px groove #CCC;
   }  
    
ul#lowerNav li {
   display: inline;
   margin-right: 6px;
   } 
   
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;
   }