body { 
   background: #e4eff6 url(../base_images/back.gif) repeat-x;
   margin: 0 auto;
   padding: 0;
   color: #595757;
   font: small/1.4em Osaka, Arial, Helvetica, Geneva, sans-serif;
   }

a:link { 
   text-decoration: underline;
   color: #595757;
   }

a:visited { 
   color: #595757;
   }

a:hover { 
   color: #007aaa;
   }
   
a:active { }

.clear {
   clear: both;
   }
   
.toTop {
   display: block;
   float: right;
   background: url(../base_images/mark.gif) no-repeat;
   padding: 0 0 0 20px;
   margin: 0;
   }
   
.space10 {
   height: 10px;
   }
   
.space5 {
   height: 5px;
   }
   
.space30 {
   height: 30px;
   }



#topContainer {
   margin: 0;
   padding: 0;
   background: url(../base_images/back_top.gif) no-repeat top;
   }
   
#bottomContainer {
   margin: 0;
   padding: 0;
   background: url(../base_images/back_bottom.gif) no-repeat bottom;
   }


/* ヘッダーの設定 */
#headder {
   width: 775px;
   margin: 0 auto;
   padding: 0;
   height: 115px;
   }
   
#headder h1 {
   font-size: 10px;
   margin: 0;
   padding: 0;
   }
   
#headderLeft {
   width: 420px;
   margin: 0;
   padding: 5px 0 0 0;
   float: left;
   }
   
#headderLeft img {
   padding: 5px 0 0 0;
   }
   
#headderRight {
   width: 355px;
   margin: 0;
   padding: 0;
   float: left;
   }
   
ul#ninshou {
   list-style: none;
   margin: 5px 0 0px 0;
   padding: 0 0 0px 0;
   }
   
ul#ninshou li {
   display: block;
   float: right;
   margin: 0 0 0 5px;
   border: 1px solid #595757;
   background: url(../base_images/ninshou_back.gif) repeat-x;
   font-size: 10px;
   line-height: 1.2em;
   }
   
#headderTel {
   display: block;
   float: right;
   font-size: 18px;
   color: #007aaa;
   font-weight: bold;
   margin: 3px 0 3px 0;
   }
   
   
/* コンテンツの設定 */
#contentsContainer {
   width: 850px;
   margin: 0 auto;
   background-color: #e4eff6;
   }
   
ul#contents {
   width: 775px;
   margin: 0 auto;
   list-style: none;
   padding: 0;
   text-indent: -9999px;
   }
   
ul#contents li {
   display: block;
   float: left;
   width: 155px;
   height: 47px;
   }
   
ul#contents li a {
   display: block;
   float: left;
   width: 155px;
   height: 47px;
   }

li#company a {
   background: url(../base_images/contents/contents_company01.jpg) no-repeat;
   }
   
li#company a:hover {
   background: url(../base_images/contents/contents_company02.jpg) no-repeat;
   }
   
li#company-on {
   background: url(../base_images/contents/contents_company03.jpg) no-repeat;
   }
   
li#company-on a:hover {
   background: url(../base_images/contents/contents_company02.jpg) no-repeat;
   }
   
   
li#service a {
   background: url(../base_images/contents/contents_service01.jpg) no-repeat;
   }
   
li#service a:hover {
   background: url(../base_images/contents/contents_service02.jpg) no-repeat;
   }
   
li#service-on {
   background: url(../base_images/contents/contents_service03.jpg) no-repeat;
   }
   
li#service-on a:hover {
   background: url(../base_images/contents/contents_service02.jpg) no-repeat;
   }
   
   
li#secure a {
   background: url(../base_images/contents/contents_secure01.jpg) no-repeat;
   }
   
li#secure a:hover {
   background: url(../base_images/contents/contents_secure02.jpg) no-repeat;
   }
   
li#secure-on {
   background: url(../base_images/contents/contents_secure03.jpg) no-repeat;
   }
   
li#secure-on a:hover {
   background: url(../base_images/contents/contents_secure02.jpg) no-repeat;
   }
   
   
li#inquiry a {
   background: url(../base_images/contents/contents_inquiry01.jpg) no-repeat;
   }
   
li#inquiry a:hover {
   background: url(../base_images/contents/contents_inquiry02.jpg) no-repeat;
   }
   
li#inquiry-on {
   background: url(../base_images/contents/contents_inquiry03.jpg) no-repeat;
   }
   
li#inquiry-on a:hover {
   background: url(../base_images/contents/contents_inquiry02.jpg) no-repeat;
   }
   
   
li#sitemap a {
   background: url(../base_images/contents/contents_sitemap01.jpg) no-repeat;
   }
   
li#sitemap a:hover {
   background: url(../base_images/contents/contents_sitemap02.jpg) no-repeat;
   }
   
li#sitemap-on {
   background: url(../base_images/contents/contents_sitemap03.jpg) no-repeat;
   }
   
li#sitemap-on a:hover {
   background: url(../base_images/contents/contents_sitemap02.jpg) no-repeat;
   }
   
   
/* 下部の設定 */
#topImage {
   width: 778px;
   margin: 0 auto;
   padding: 10px 0 0 0;
   }
   
#mainContainer {
   width: 778px;
   margin: 0 auto;
   padding: 10px 0 0 0;
   }
   
#footer {
   width: 778px;
   margin: 30px auto;
   padding: 15px 0 60px 0;
   border-top: 2px solid #0d74a1;
   text-align: center;
   }
   
#footpath {
   font-size: 80%;
   }
   
#main {
   margin: 25px 0 0 0;
   }
   
   
/* トップページの設定 */
ul#topContents01 {
   width: 778px;
   margin: 0 0 25px 0;
   padding: 0;
   list-style: none;
   text-indent: -9999px;
   }

ul#topContents01 li {
   width: 256px;
   height: 140px;
   display: block;
   float: left;
   }
   
ul#topContents01 li a {
   width: 256px;
   height: 140px;
   display: block;
   float: left;
   } 
   
li#transportTop a {
   background: url(../top_images/transport01.jpg) no-repeat;
   } 
   
li#transportTop a:hover {
   background: url(../top_images/transport02.jpg) no-repeat;
   } 
   
li#storageTop a {
   background: url(../top_images/storage01.jpg) no-repeat;
   } 
   
li#storageTop a:hover {
   background: url(../top_images/storage02.jpg) no-repeat;
   }  
   
li#consultingTop a {
   background: url(../top_images/consulting01.jpg) no-repeat;
   }
   
li#consultingTop a:hover {
   background: url(../top_images/consulting02.jpg) no-repeat;
   } 
   
   
ul#topContents02 {
   width: 778px;
   margin: 20px 0 25px 0;
   padding: 0;
   list-style: none;
   text-indent: -9999px;
   }
   
ul#topContents02 li {
   width: 384px;
   height: 100px;
   display: block;
   float: left;
   }
   
ul#topContents02 li a {
   width: 384px;
   height: 100px;
   display: block;
   float: left;
   }
   
li#companyTop a {
   background: url(../top_images/company01.jpg) no-repeat;
   }
   
li#companyTop a:hover {
   background: url(../top_images/company02.jpg) no-repeat;
   }
   
li#secureTop a {
   background: url(../top_images/secure01.jpg) no-repeat;
   }
   
li#secureTop a:hover {
   background: url(../top_images/secure02.jpg) no-repeat;
   }
   
   
#newsContainer {
   width: 768px;
   margin: 20px 0 0 0;
   padding: 0;
   }
   
#newsTop {
   width: 768px;
   height: 50px;
   background: url(../top_images/news_back_top-bottom.gif) top;
   }
   
#newsMiddle {
   width: 768px;
   background: url(../top_images/news_back_middle.gif) repeat-y;
   }
   
#newsBottom {
   width: 768px;
   height: 50px;
   background: url(../top_images/news_back_top-bottom.gif) bottom;
   }
   
#frame {
   width: 740px;
   margin: 0 auto;
   }

/* サブページ共通の設定 */
#mainLeft {
   width: 164px;
   margin: 0;
   padding: 0;
   float: left;
   }
   
#mainRight {
   width: 575px;
   margin: 0 0 0 35px;
   padding: 0;
   float: left;
   }
   
ul#subContents {
   margin: 0;
   padding: 0;
   list-style: none;
   text-indent: -9999px;
   }

ul#subContents li {
   width: 164px;
   margin: 0;
   padding: 0 0 2px 0;
   display: block;
   float: left;
   height: 36px;
   }
   
ul#subContents li a {
   width: 164px;
   margin: 0;
   padding: 0 0 2px 0;
   display: block;
   float: left;
   height: 36px;
   }


/* 会社案内の設定 */
li#gaiyou a {
   background: url(../company/images/side-contents_company01.jpg) no-repeat;
   }
   
li#gaiyou a:hover {
   background: url(../company/images/side-contents_company02.jpg) no-repeat;
   }
   
li#aisatsu a {
   background: url(../company/images/side-contents_aisatsu01.jpg) no-repeat;
   }
   
li#aisatsu a:hover {
   background: url(../company/images/side-contents_aisatsu02.jpg) no-repeat;
   }
   
.subContainer {
   margin: 0 0 50px 0;
   }
   
.title {
   margin: 0 0 10px 0;
   }
   
.column {
   width: 575px;
   margin: 0;
   padding: 10px 0 10px 0;
   border-bottom: 1px dotted;
   }
   
.columnLeft {
   width: 95px;
   margin: 0;
   padding: 5px;
   float: left;
   background-color: #e4eff6;
   }
   
.columnRight {
   width: 450px;
   margin: 0 0 0 20px;
   padding: 5px 0 5px 0;
   float: left;
   }
   

   
#shachouWaku {
   width: 380px;
   margin: 0px 0 0 195px;
   padding: 10px 0 0 0;
   }
   
#shachouLeft {
   width: 180px;
   margin: 0;
   padding: 0;
   text-align: right;
   float: left;
      }
      
#shachouLeft img {
   padding: 3px 0 0 0;
   }
   
#shachouRight {
   width: 185px;
   margin: 0 0 0 15px;
   padding: 0;
   float: left;
   }
   
.mapIcon {
   width: 68px;
   display: block;
   float: right;
   }
   
   
/* サービスの設定 */
li#transport a {
   background: url(../service/images/side-contents_transport01.jpg) no-repeat;
   }
   
li#transport a:hover {
   background: url(../service/images/side-contents_transport02.jpg) no-repeat;
   }
   
li#storage a {
   background: url(../service/images/side-contents_storage01.jpg) no-repeat;
   }
   
li#storage a:hover {
   background: url(../service/images/side-contents_storage02.jpg) no-repeat;
   }
   
li#consulting a {
   background: url(../service/images/side-contents_consulting01.jpg) no-repeat;
   }
   
li#consulting a:hover {
   background: url(../service/images/side-contents_consulting02.jpg) no-repeat;
   }
   
.transportWaku {
   width: 575px;
   margin: 17px 0 0 0;
   padding: 0;
   }
   
.transportTop {
   height: 5px;
   background: url(../service/images/transport_back.gif) no-repeat top;
   padding: 0;
   margin: 0;
   }
   
.transportMiddle {
   background: url(../service/images/transport_back-middle.gif) repeat-y;
   margin: 0;
   padding: 0;
   }
   
.transportBottom {
   height: 5px;
   background: url(../service/images/transport_back.gif) no-repeat bottom;
   padding: 0;
   margin: 0;
   }
   
.transportLeft {
   width: 350px;
   margin: 0 0 0 5px;
   padding: 0;
   float: left;
   }
   
.transportRight {
   width: 200px;
   margin: 0 0 0 5px;
   padding: 0;
   float: left;
   }
   
.transportTitle {
   margin: 0 0 5px 0;
   padding: 0;
   }
   
.storageWaku {
   width: 575px;
   margin: 30px 0 0 0;
   }
   
.storageLeft {
   width: 270px;
   margin: 0;
   padding: 0;
   float: left;
   border: 1px solid;
   }
   
.storageRight {
   width: 270px;
   margin: 0 0 0 25px;
   padding: 0;
   float: left;
   border: 1px solid;
   }
   
.storagePic {
   margin: 5px 0 0 0;
   text-align: center;
   }
   
.storageCap {
   margin: 5px 0 5px 0;
   text-align: center;
   }
   
#consultingHyou td {
   color: #000000;
   font-size: 120%;
   font-weight: bold;
   }
   
#sokodeTitle {
   width: 480px;
   margin: 0 auto;
   }
   
#nagareWaku {
   width: 356px;
   margin: 30px auto;
   }
   
#nagareTitle {
   width: 356px;
   margin: 0 0 20px 0;
   background-color: #e60012;
   color: #ffffff;
   padding: 3px;
   }
   
.nagare {
   width: 354px;
   margin: 0;
   padding: 3px;
   border: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   }
   
.nagareArrow {
   margin: 0;
   padding: 0 0 0 1em;
   }
   
.nagare02 {
   width: 354px;
   margin: 0;
   padding: 3px;
   border: 1px solid #e60012;
   color: #e60012;
   font-weight: bold;
   }
   
   
/* 安全の設定 */
#secureContainer {
   width: 610px;
   margin: 0 auto;
   padding: 0;
   }
   
#slogan {
   text-align: center;
   margin: 20px 0 20px 0;
   }
   
.secureWaku {
   width: 610px;
   margin: 0 0 40px 0;
   }
   
.secureLeft {
   width: 265px;
   margin: 0;
   padding: 0;
   float: left;
   border: 1px solid;
   }
   
.secureRight {
   width: 265px;
   margin: 0 0 0 75px;
   padding: 0;
   float: left;
   border: 1px solid;
   }
   
.secure {
   width: 255px;
   margin: 0 auto;
   padding: 5px;
   }
   
.secureSmalltitle {
   color: #000000;
   font-weight: bold;
   }
   
.secureText {
   padding: 0 0 0 2em;
   }


/* お問い合わせの設定 */
.smallTitle {
   background: url(../base_images/mark.gif) no-repeat;
   padding: 0 0 0 20px;
   margin: 0;   
   }
   
.inquiryText {
   font-size: 120%;
   font-weight: bold;
   color: #007aaa;
   margin: 5px 0 0 0;
   padding: 0 0 0 20px;
   }

#formWaku {
   text-align: left;
   margin: 20px 0 0 0;
   }
   
   
/* サイトマップの設定 */
#sitemapLeft {
   width: 290px;
   margin: 0 0 20px 0;
   padding: 0;
   float: left;
   }
   
#sitemapRight {
   width: 290px;
   margin: 0 0 20px 30px;
   padding: 0;
   float: left;
   }
   
.sitemapTitle {
   background: url(../base_images/mark.gif) no-repeat;
   padding: 0 0 5px 20px;
   margin: 10px 0 0 0; 
   border-bottom: 1px dotted;
   font-size: 120%;
   }
   
.sitemapSmallTitle {
   margin: 5px 0 0 0px;
   padding: 0 0 0 15px;
   background: url(../sitemap/images/arrow.gif) no-repeat 0 3px;
   font-size: small;
   }