@charset "utf-8";
@import "reset.css";
@import "navigation.css";

/* トップページデザイン
=============================================================================*/

#wrapper {
   width: 780px;
   margin: 0 auto;
   background-color: #FFFFFF;
   }
   
   /* ヘッダー部
   ------------------------*/  
#header {
   position: relative;
   height: 171px;
   background:url(../images/bg/bg_header.jpg) 8px 10px no-repeat;
   }
#header h1 {
   padding: 33px 0 0 125px;
   }
p#logo {
   position: absolute;
   top: 35px;
   left: 15px;
   }
p#logoAddress {
   position: absolute;
   top: 46px;
   left: 421px;
   }
#utilityNav li#sm {
   position: absolute;
   top: 100px;
   left: 570px;
   font-size:77%; /* 10px */
   }
#utilityNav li#so {
   position: absolute;
   top: 100px;
   left: 670px;
   font-size:77%;
   }      
#utilityNav li {
   background:url(../images/bg/icon_sitemap.gif) left center no-repeat;
   padding-left: 15px;
   }
#utilityNav li a {
   color:#FF3300;
   text-decoration: none;
   }
#utilityNav li a:hover,
#utilityNav li a:focus {
   color: #FF3300;
   text-decoration:underline;
   }



   
/*  コンテンツ 
=========================================================================*/

#content {
   margin-top:10px;
   position:relative;
   width:780px;
   overflow: auto;
   }                                 
#primary {
   border-top: 2px solid #c6c6c6;
   padding-top: 10px;
   float:right;
   width: 585px;
   }                          
#secondary {
   float: left;
   width: 180px;
   background:url(../images/bg/bg_secondary.jpg) top left repeat-y;
   padding-bottom: 400px;
   }   
   
  
#collage {
   width: 585px;
   height:250px;
   background:url(../images/logo/bg_collage.jpg) left top no-repeat;
   padding-bottom: 10px;
   border-bottom: 2px solid #c6c6c6;
   margin-bottom: 10px;
   }
#collage h2 {
   padding: 12px 0 0 22px;
   }
#collage h3 {
   padding: 10px 0 0 29px;
   }
#collage p {
   padding: 12px 0 0 22px;
   }
   
   
#column {
   width: 344px;
   float: left;
   border-right: 1px solid #c6c6c6; 
   margin-bottom: 10px;
   }
#lead {
   width: 220px;
   margin: 0 10px 10px 10px;
   display: inline;
   float: right;
   }
#notice {
   width: 585px;
   clear: both;
   padding-top: 4px;
   border-top: 2px solid #c6c6c6; 
   }
                                                    
.section {
   margin-bottom: 15px;
   }
.section h2 {
   color: #FFFFFF;
   background:url(../images/bg/bg_plate_h2.jpg) left bottom no-repeat;
   overflow: hidden;
   padding: 10px 0 0 44px;
   width: 291px;
   height: 25px;
   /*\*/                           
   letter-spacing: 0;
   /**/                            
   line-height:1;  
   margin-bottom: 10px; 
   } 
.section p {
   margin: 0 10px 5px 6px;
   }
.section ul {
   margin-right: 10px;
   }
.section ul li {
   margin: 0 0 6px 20px;
   list-style-type: square;
   }
.section ul.circle li {
   margin: 0 0 2px 25px;
   list-style-type: circle;
   line-height: 1.3;
   }   
.pict {
   float: right;
   margin: 8px 0 15px 8px;
   } 

p.board {
   width:100%;
   clear: both;
   margin: 0 auto 10px auto;
   }
p.columnNav {
   background:url(../images/icon/top/arrow.gif) left center no-repeat;
   padding: 2px 8px 0 30px;
   margin-left: 80px;
   margin-bottom: 10px;
   font-size:85%;
   }
p.columnNav a {
   color:#FF6600;
   text-decoration:none;
   }
p.columnNav a:hover {
   color:#FF6600;
   text-decoration: underline;
   }



   
#lead h2 {
   text-align:center;
   background:#fff url(../images/bg/bg_lead_upper.gif) left bottom no-repeat;
   padding-bottom: 23px;
   }

#secondOpinion,
#company,
#individual {
   background-color: #e8e8e8;
   margin: 0;
   padding-top: 8px;
   padding-bottom: 10px;
   }   
    
#lead {
   background:#fff url(../images/bg/bg_lead_lower.gif) left bottom no-repeat;
   padding-bottom: 18px;
   }  
#secondOpinion h3,
#company h3,
#individual h3{
   padding: 4px 0 4px 22px;
   margin: 0 10px 6px 10px;
   color:#3C3234;
   border-bottom: 1px dashed #666;
   background:url(../images/icon/top/circle.gif) left center no-repeat;
   }

p.image {
   border-bottom: #333 2px solid;
   }

#secondOpinion li,
#company li,
#individual li{
   list-style-type:decimal;
   margin: 0 0 5px 27px;
   
   } 
p.leadNav {
   background:url(../images/icon/top/arrow.gif) left center no-repeat;
   text-align: right;
   padding: 2px 8px 0 20px;
   margin-left: 40px;
   font-size:92%;
   }
p.leadNav a {
   color:#FF6600;
   text-decoration:none;
   }
p.leadNav a:hover {
   color:#FF6600;
   text-decoration: underline;
   }

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

#notice {
    background-color:#f4fbf5;
	width: 580px;
	margin-bottom: 80px;
	}
dl#iframe {  
   overflow:auto;
   height: 155px;
   margin: 10px 0;
   padding:5px 15px 10px 15px;
   }
dl#iframe dt {
   margin-bottom: 5px;
   font-weight: bold;
   }
dl#iframe dd {
   padding-bottom: 7px;
   margin-bottom: 12px;
   border-bottom: 1px solid #e5e5e5;
   }
#iframe dt {
   background: url(../images/bg/bg_eyecatch_squ.jpg) left center no-repeat;   padding-left: 18px;
   }   

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

   
   
#lowerNav {
   padding: 0 20px 4px 0;
   border-bottom: 2px solid #c6c6c6;
   font-size: 77%;
   }
#lowerNav {
   text-align:right;
   padding-right: 20px;
   }   
#lowerNav li {
   display: inline;
   margin-left: 25px;   
   }   
#lowerNav li a {
   background: url(../images/bg/icon_triangle.gif) 0 6px no-repeat;
   padding: 2px 0 2px 15px;
   color:#FF6600;
   text-decoration: none;
   }
#lowerNav li a:hover {   
   background: url(../images/bg/icon_triangle.gif) 2px 6px no-repeat;
   text-decoration: underline;
   }
   
#address h3 {
   margin: 15px 0 10px 20px;
   font-weight: normal;
   font-size: 92%;
   }
#address h3 a {
   color: #333;
   text-decoration: none;   
   }
#address address {
   margin: 5px 0 10px 20px;
   font-style: normal;
   font-size: 92%;
   }
#copyright {
   text-align: center;
   padding-bottom: 10px;
   font-size:85%;
   font-family:"Times New Roman", Times, serif;
   }  



.businessArea {
   margin-top:25px;
   }

.businessArea p {
   margin: 0 6px 4px 5px;
   font-size: 92%;
   }
.businessArea p.mess {
   background:url(../images/bg/bg_eyecatch_arrow_red.gif) left top no-repeat;
   padding-left: 12px;
   }   


/*  最新情報　latestinfo/ whatsup.htm
=====================================================*/
body#latestinfo #primary {
   padding-bottom: 390px;
   }
body#latestinfo #primary h2 {
   width: 580px;
   height: 45px;
   background: none;
   margin: 0;
   padding:0;
   }

body#latestinfo #primary dl {  
   margin: 10px 0;
   padding:5px 15px 10px 15px;
   }
body#latestinfo #primary dt {
   color:#6666FF;
   margin-bottom: 5px;
   font-weight: bold;
   background: url(../images/bg/bg_eyecatch_squ.jpg) left center no-repeat;   padding-left: 18px;
   }
body#latestinfo #primary dd {
   padding-bottom: 7px;
   margin-bottom: 12px;
   border-bottom: 1px solid #e5e5e5;
   }

body#latestinfo #secondary {
   padding-bottom: 50px;
   }
body#latestinfo #address {
   clear: both;
   width: 100#;
   }