@charset "utf-8";

@import "reset.css";
@import "navigation.css";


#wrapper {
   width: 780px;
   margin: 0 auto;
   background-color: #FFFFFF;
   }
#header {
   position: relative;
   padding-top: 90px;
   }
#collage {
   position: relative;
   height:180px;
   background: url(../images/bg/bg_h1.jpg) left top no-repeat; 
   overflow: hidden;  
   } 
#collage h1 {
   color: #FFFFFF;
   padding: 154px 0 0 464px; 
   /*\*/
   letter-spacing:0;
   /**/
   font-size: 115%;     
   }   
#collage h2 {
   color: #FFFFFF;
   position: absolute;
   top: 70px;
   left: 10px;
   font-size:100%;
   }   
#collage p {
   color: #FFFFFF;
   position: absolute;
   top: 95px;
   left: 20px;
   width: 385px;
   }   
#header h2#logo {
   position: absolute;
   top: 26px;
   left: 10px;   
   }   
   
   
   
/*  コンテンツ部のレイアウト
===================================================*/

#content {
   width: 100%;
   margin-top: 40px;   
   margin-bottom: 80px;
   float: left;
   }   
   
   /* 段組（大枠）設定
   ----------------------------------*/
#primary {
   width: 515px;
   margin:0 15px 0 10px;
   float:left;
   display: inline;
   }
#secondary {
   width: 230px;
   margin: 0 10px 0 0;
   float: right;
   display: inline;
   }   

   /* #primary内の段組
   ----------------------------------*/
#upperCol .left {
   width: 250px;
   float: left;
   }
#upperCol .right {
   width: 250px;
   float: right;
   }
#middleCol {
   clear: both;
   }

#middleCol .left {
   width: 250px;
   float: left;
   }
#middleCol .right {
   width: 250px;
   float: right;
   }

#lowerCol {
   clear: both;
    }
#lowerCol .left {
   width: 250px;
   float: left;
    }

   
   /* #primary内のレイアウト
   -----------------------------------*/
.section h2#headOffice,
.section h2#serviceMenu,
.section h2#outerLink,
.section h2#shinjyukuOffice,
.section h2#opinion {
   color: #FFFFFF;
   font-size:100%;
   /*\*/                  
   letter-spacing:0;                   
   /**/                     
   padding: 15px 0 0 10px;
   margin-bottom: 10px;
   width: 240px;
   height: 30px;
   overflow: hidden;
   }       

.section h2#headOffice {
   background: url(../images/top/title_bar/headoffice.jpg) left top no-repeat;    
   } 
.section h2#serviceMenu {
   background: url(../images/top/title_bar/service.jpg) left top no-repeat; 
   } 
.section h2#outerLink {
   background: url(../images/top/title_bar/freindlink.jpg) left top no-repeat; 
   } 
.section h2#shinjyukuOffice {
   background: url(../images/top/title_bar/sinjyukuoffice.jpg) left top no-repeat; 
   } 
.section h2#opinion {
   background: url(../images/top/title_bar/opinion.jpg) left top no-repeat; 
   }   

   /* .sectionのレイアウト
   ----------------------------------*/
.section {
   margin: 0 0 20px 0;
   }   
.section p {
   margin: 0 6px 3px 6px;
   }   
.section p.lead {
   text-align: right;
   padding-bottom: 2px;
   margin-top: 5px;
   margin-bottom: 2px;
   }
.section p.lead a {
   font-size: 85%;
   color: #999999;
   }
.section p.lead a:hover {
   font-size: 85%;
   color: #333;
   }   
   


   /*  リストのスタイル
   ----------------------------------*/
.section ul {
   margin-top: 5px;
   }
.section ul.disc li {
   list-style-type: disc;
   margin: 2px 0 0 26px;
   }   
      
   


   /* #secondaryのレイアウト
   -----------------------------------*/  
#secondary .section ul.disc li  {   
   list-style-type: disc; 
   margin: 2px 0 0 26px;
   }      
#secondary .section ul.disc li ul li {
   list-style-type: none;  
   }   

#secondary .section ul li a {
   color:#666666;
   text-decoration: none;
   }   
#secondary .section ul li a:hover {
   color:#FF6600;
   text-decoration: underline;
   }   
   
/*　フッター部のレイアウト
---------------------------------------*/
#footer {
   width:780px;
   clear: both;
   position: relative;  
   background-color: #FFFFFF; 
   }   
#lowerNav {
   border-bottom: 2px solid #CCC;
   padding-bottom: 5px;   
   background-color: #FFFFFF; 
   padding-left: 10px;
   }
   
#lowerNav li {
   display: inline;
   margin-left: 5px;  
   color:#6699FF;
   font-size: 77%; 
   }
#lowerNav li a {
   color: #6699FF;
   text-decoration: none;
   }
#lowerNav li a:hover {
   color: #FF6600;
   text-decoration: none;
   }  

#footer h2 {
   margin: 15px 3px 8px 60px;
   }
#footer address {
   margin: 0 0 8px 160px;
   }