
<!-- ////　全体の設定　ここから　//// -->

* html body {width : 100% ; }
body {width : 100% ; }


<!-- 全体ヘッダーの設定 -->
* html #header { text-align:center;width : 100% ; }
#header { text-align:center;width : 100% ; }


<!-- 全体ロゴの設定 -->
* html #logo {text-indent:-5555px;position:absolute;left:55px;top:10px;width:180px;background-image:url(images/logo3.gif);}
#logo {text-indent:-5555px;position:absolute;left:55px;top:10px;width:180px;background:url(images/logo3.gif) #fff no-repeat top center;}

* html #logo a{display:block;height:50px;}
#logo a{display:block;height:50px;}


<!-- 全体トップメニューの設定 -->
* html #top-menu {position:absolute;left:260px;top:10px;width:600px;height:40px;}
#top-menu {position:absolute;left:260px;top:10px;width:600px;height:40px;}

* html #top-menu ul {margin:0;padding:0;}
#top-menu ul {margin:0;padding:0;}

* html #top-menu ul li {text-indent:-5555px;list-style:none;}
#top-menu ul li {text-indent:-5555px;list-style:none;}


<!-- トップメニュー(1)の設定 -->
* html .menu1 {width:108px;height:40px;background-images:url(images/bt_home1.gif) ;float:left;}
.menu1{width:108px;height:40px;background:url(images/bt_home1.gif) no-repeat #fff ;float:left;}
.menu1 a{display:block;height:40px;}

* html .menu1 a:hover{background-images:url(images/bt_home2.gif) ;}
.menu1 a:hover{background: url(images/bt_home2.gif) no-repeat #fff ;}


<!-- トップメニュー(2)の設定 -->
* html .menu2 {width:108px;height:40px;background-images:url(images/bt_service1.gif) ;float:left;}
.menu2{width:108px;height:40px;background: url(images/bt_service1.gif) no-repeat #fff ;float:left;}
.menu2 a{display:block;height:40px;}

* html .menu2 a:hover{background-images:url(images/bt_service2.gif) ;}
.menu2 a:hover{background: url(images/bt_service2.gif) no-repeat #fff ;}


<!-- トップメニュー(3)の設定 -->
* html .menu3 {width:108px;height:40px;background-images:url(images/bt_price1.gif) ;float:left;}
.menu3{width:108px;height:40px;background: url(images/bt_price1.gif) no-repeat #fff ;float:left;}

.menu3 a{display:block;height:40px;}
* html .menu3 a:hover{background-images:url(images/bt_price2.gif) ;}

.menu3 a:hover{background: url(images/bt_price2.gif) no-repeat #fff ;}


<!-- トップメニュー(4)の設定 -->
* html .menu4 {width:108px;height:40px;background-images:url(images/bt_map1.gif) ;float:left;}
.menu4{width:108px;height:40px;background: url(images/bt_map1.gif) no-repeat #fff ; float:left;}
.menu4 a{display:block;height:40px;}
* html .menu4 a:hover{background-images:url(images/bt_map2.gif) ;}
.menu4 a:hover{background: url(images/bt_map2.gif) no-repeat #fff ;}


<!-- トップメニュー(5)の設定 -->
* html .menu5 {width:108px;height:40px;background-images:url(images/bt_contact1.gif) ;float:left;}
.menu5{width:108px;height:40px;background: url(images/bt_contact1.gif) no-repeat #fff ;float:left;}
.menu5 a{display:block;height:40px;}

* html .menu5 a:hover{background-images:url(images/bt_contact2.gif) ;}
.menu5 a:hover{background: url(images/bt_contact2.gif) no-repeat #fff ;}




<!-- 全体フッターの設定 -->
* html #footer { width : 100% ; clear : both ; }
#footer { width : 100% ; clear : both ; }


<!-- 全体ページ枠の設定（中心に来るように設定） -->
* html #contener{}
#contener{position:absolute;width:1060px;left:50%;margin-left:-500px;}
 * html #navi_left {position:absolute; left:0; top:80px;width:340px;}
#navi_left {position:absolute; left:0; top:80px;width:340px; }
 * html #navi_right {position:absolute; right:0; top:80px;width:340px;}
#navi_right {position:absolute; right:0; top:80px;width:340px;}
 * html #mynavi{padding:15px 50px;}
#mynavi{padding:15px 50px;}


 <!-- 全体メインコンテンツの設定（3カラム設定） -->
 * html #contents {margin:0 160px; top:120px;}
#contents {margin:0 160px; top:120px;}
 * html #mymain{margin:75px 140px 0 140px;padding:1em;width:430px; }
#mymain{margin:75px 140px 0 140px;padding:1em;width:430px; }


 <!-- 全体メインコンテンツの設定（2カラム設定） -->
 * html #contents-2 {margin:0 160px; top:120px;}
#contents-2 {margin:0 160px; top:120px;}
 * html #mymain-2{margin:75px 140px 0 140px;padding:1em;width:650px; }
#mymain-2{margin:75px 140px 0 140px;padding:1em;width:650px; }


 <!-- 全体メインコンテンツの設定（2カラム設定） -->
 * html #contents-all {margin:0; top:120px;}
#contents-all {margin:0; top:120px;}
 * html #mymain-all{margin:75px 0px 0 100px;padding:1em;width:800px; }
#mymain-all{margin:75px 0px 0 100px;padding:1em;width:800px; }


 <!-- 全体配置画像の設定 -->
 * html img{border:none;}
img{border:none;}

 <!-- 全体基本設定(H要素、段落) -->
 * html  H1 {COLOR: gray; FONT-SIZE: large; FONT-WEIGHT: bold}
 H1 {COLOR: gray; FONT-SIZE: large; FONT-WEIGHT: bold}
 * html STRONG {COLOR: black; FONT-SIZE: small; FONT-WEIGHT: normal}
 STRONG {COLOR: black; FONT-SIZE: small; FONT-WEIGHT: normal}
 * html H2{COLOR: gray; FONT-SIZE: medium; FONT-WEIGHT: bold}
 H2{COLOR: gray; FONT-SIZE: medium; FONT-WEIGHT: bold}
 * html H3 {COLOR: #414141; FONT-SIZE: small; FONT-WEIGHT: bold}
 H3 {COLOR: #414141; FONT-SIZE: small; FONT-WEIGHT: bold}
 * html  p{color:#000000;font-size:x-small;}
 p{color:#000000;font-size:x-small;}
 
 * html .sma{color:#000000;font-size:small;}
 .sma{color:#000000;font-size:small;}
 
  * html .x-sma{color:#000000;font-size:x-small;}
 .x-sma{color:#000000;font-size:x-small;}

<!-- ////　全体の設定　ここまで　//// -->

<!-- ////　トップページの設定　ここから　//// -->

<!-- トップページ　メイン画像(FLASH)枠の設定 -->
 * html  #top-main{text-align:center;width:430px;margin:15px 0;padding:15px 0;}
#top-main{text-align:center;width:430px;margin:15px 0;padding:15px 0;}

<!-- トップページ　ポイント枠の設定 -->
 * html  #point1{background:#02a40b;height:100px;width:430px;margin:5px 0;}
#point1{background:#02a40b;height:100px;width:430px;margin:5px 0;}
 * html  #point2{background:#80ff00;height:100px;width:430px;margin:5px 0;}
#point2{background:#80ff00;height:100px;width:430px;margin:5px 0;}
 * html  #point3{background:#ff8040;height:100px;width:430px;margin:5px 0;}
#point3{background:#ff8040;height:100px;width:430px;margin:5px 0;}
 * html  #point_moji{width:430px;margin:5px 0 15px 0;}
#point_moji{width:430px;margin:5px 0 15px 0;}
 * html  .setumei{color:#ffffff;font-weight:bold;text-align:center;padding:30px 20px;font-size:small;}
.setumei{color:#ffffff;font-weight:bold;text-align:center;padding:30px 20px;font-size:small;}

<!-- トップページ　掲示板説明枠の設定 -->
 * html  #keiji{margin:25px 0;padding:10px;width:430px;}
#keiji{margin:25px 0;padding:10px;width:430px;}

 * html  
#keiji p{text-align:center;line-height:2.5;font-size:small;}

 * html  #keiji a{text-decoration:underline;color:red;font-weight:bold;}
#keiji a{text-decoration:underline;color:red;font-weight:bold;}
 * html  #keiji a:hover{text-decoration:none;background:red;color:white;font-weight:bold;}
#keiji a:hover{text-decoration:none;background:red;color:white;font-weight:bold;}

<!-- トップページ　取り組み説明枠の設定 -->
 * html  #torikumi{ margin:25px 0;padding:10px;width:430px;line-height:1.4;border:1px solid #666666;}
#torikumi{ margin:25px 0;padding:10px;width:430px;line-height:1.4;border:1px solid #666666;}

<!-- トップページ　会社概要説明枠の設定 -->
 * html  #gaiyou{ margin:25px 0;padding:10px;width:430px;line-height:1.4;}
#gaiyou{ margin:25px 0;padding:10px;width:430px;line-height:1.4;}
<!-- ////　トップページの設定　ここまで　//// -->


<!-- ////　サイドメニューの設定　ここから　//// -->

<!-- サイドメニュー 画像枠の設定 -->
 * html  #side-img{width:100%;margin:10px 0;padding:10px;}
#side-img{width:100%;margin:10px 0;padding:10px;}
 * html  #side-img table{}
#side-img table{}
 * html  #side-img table td{text-align:center;}
#side-img table td{text-align:center;}

<!-- サイドメニュー リンク用LIタグ枠の設定 -->
 * html  #li-menu{width:100%;margin:0;padding:0px 5px;}
#li-menu{width:100%;margin:0;padding:0px 5px;}
 * html  #li-menu ul{list-style:none;line-height:1.2;margin:10px 0;padding:10px;}
#li-menu ul{list-style:none;line-height:1.2;margin:10px 0;padding:10px;}
 * html  #li-menu ul li{margin:20px 0 0 0 ;}
#li-menu ul li{margin:20px 0 0 0 ;}
 * html  #li-menu a{text-decoration:underline;color:orangered;font-weight:bold;}
#li-menu a{text-decoration:underline;color:orangered;font-weight:bold;}
 * html  #li-menu a:hover{text-decoration:none;background:orangered;color:white;font-weight:bold;}
#li-menu a:hover{text-decoration:none;background:orangered;color:white;font-weight:bold;}

<!-- サイドメニュー 予約説明枠の設定 -->
 * html  #yoyaku{background:#408080;border:2px solid #009999;padding:10px 0;text-align:left;margin:30px 10px 10px 10px;color:#ffffff;font-weight:bold;}
#yoyaku{background:#408080;border:2px solid #009999;padding:10px 0;text-align:left;margin:30px 10px 10px 10px;color:#ffffff;font-weight:bold;}

<!-- サイドメニュー 説明枠の設定 -->
 * html  #side-setumei{padding:10px 0;margin:10px;}
#side-setumei{padding:10px 0;margin:10px;}

 * html  #side-setumei a{text-decoration:underline;color:blue;}
#side-setumei a{text-decoration:underline;color:blue;}

 * html  #side-setumei a:hover{text-decoration:none;background:blue;color:white;}
#side-setumei a:hover{text-decoration:none;background:blue;color:white;}


<!-- サイドメニュー 会社枠の設定 -->
 * html  #kaisya{border:3px double #999999;padding:10px;margin:10px;}
#kaisya{border:3px double #999999;padding:10px;margin:10px;}

<!-- サイドメニュー PRバナー枠の設定 -->
 * html  #pr-bana{border:0;padding:0;margin:10px;}
#pr-bana{border:0;padding:0;margin:10px;}
 
<!-- ////　サイドメニューの設定 　ここまで　//// -->

<!-- ////　その他ページ（料金メニュー）の設定　ここから　//// -->

<!-- その他ページ（料金メニュー）ページ　テーブル枠の設定 -->
 * html  table#tbl1 {margin:15px 0 20px 0;width:335px;cellSpacing:0;cellPadding:2;font-size:x-small;}
table#tbl1 {margin:15px 0 20px 0;width:335px;cellSpacing:0;cellPadding:2;font-size:x-small;}
 * html table#tbl1 th{height:30px;background:dodgerblue;color:white;font-weight:bold;text-align:center;} 
table#tbl1 th{height:30px;background:dodgerblue;color:white;font-weight:bold;text-align:center;}
 * html  #tbl1 #nai1{color:white;padding:0 7px;width:20px;background:cornflowerblue;text-align:center;}
#tbl1 #nai1{color:white;padding:0 7px;width:20px;background:cornflowerblue;text-align:center;}
 * html  #tbl1 #nai2 {text-indent:10px;height:30px;width:225px;background:lightsteelblue;text-align:left;}
#tbl1 #nai2 {text-indent:10px;height:30px;width:225px;background:lightsteelblue;text-align:left;}
 * html  #tbl1 #kin {width:80px;background:lavender;text-align:right;}
#tbl1 #kin {width:80px;background:lavender;text-align:right;}
 * html  table#tbl1 caption {padding-bottom:0.6em;font-weight:bold;text-align:left;color:firebrick;font-size:x-small;}
table#tbl1 caption {padding-bottom:0.6em;font-weight:bold;text-align:left;color:firebrick;font-size:x-small;}

 * html  table#tbl2 {margin:15px 0 20px 0;width:335px;cellSpacing:0;cellPadding:2;font-size:x-small;}
table#tbl2 {margin:15px 0 20px 0;width:335px;cellSpacing:0;cellPadding:2;font-size:x-small;}
 * html  table#tbl2 th{height:30px;background:blueviolet;color:white;font-weight:bold;text-align:center;}
table#tbl2 th{height:30px;background:blueviolet;color:white;font-weight:bold;text-align:center;}
 * html  #tbl2 #nai1{color:white;padding:0 7px;width:20px;background:mediumpurple;text-align:center;}
#tbl2 #nai1{color:white;padding:0 7px;width:20px;background:mediumpurple;text-align:center;}
 * html  #tbl2 #nai2 {text-indent:10px;height:30px;width:225px;background:plum;text-align:left;}
#tbl2 #nai2 {text-indent:10px;height:30px;width:225px;background:plum;text-align:left;}
 * html  #tbl2 #kin {width:80px;background:thistle;text-align:right;}
#tbl2 #kin {width:80px;background:thistle;text-align:right;}
 * html  table#tbl2 caption {padding-bottom:0.6em;font-weight:bold;text-align:left;color:firebrick;font-size:x-small;}
table#tbl2 caption {padding-bottom:0.6em;font-weight:bold;text-align:left;color:firebrick;font-size:x-small;}
<!-- ////　その他ページ（料金メニュー）の設定　ここまで　//// -->

<!-- その他ページ（MAPメニュー）ページ　テーブル枠の設定 -->
 * html  table#tbsetu {width:770px;background:#0066FF;color:white;line-height:1.8;margin:15px 0 5px 0;}
table#tbsetu {width:770px;background:#0066FF;color:white;line-height:1.8;margin:15px 0 5px 0;}
 * html  #tbsetu td#nai0{font-weight:bold;padding-left:25px;}
#tbsetu td#nai0{font-weight:bold;padding-left:25px;}
 * html  #tbsetu td#nai1{font-weight:bold;background:#9966cc;color:white;border:white dotted 1px;align:center;text-align:center;}
#tbsetu td#nai1{font-weight:bold;background:#9966cc;color:white;border:white dotted 1px;align:center;text-align:center;}
 * html  #tbsetu td#nai2{font-weight:normal;background:#ccccff;color:#0066FF;border:white dotted 1px;align:left;padding-left:15px;}
#tbsetu td#nai2{font-weight:normal;background:#ccccff;color:#0066FF;border:white dotted 1px;align:left;padding-left:15px;}
 * html  #tbsetu strong{font-weight:bold;color:#0066FF;padding-right:15px;text-decoration:underline;}
#tbsetu strong{font-weight:bold;color:#0066FF;padding-right:15px;text-decoration:underline;}
<!-- ////　その他ページ（MAPメニュー）の設定　ここまで　//// -->

<!-- その他ページ（contactメニュー）ページ　概要枠の設定 -->
 * html  #gaiyou {width:450px;border:#9966cc dotted 3px;color:blue;line-height:1.8;margin:15px;padding:15px;align:center;}
#gaiyou {width:450px;border:#9966cc dotted 3px;color:blue;line-height:1.8;margin:15px;padding:15px;align:center;}

<!-- ////　その他ページ（contactメニュー）の設定　ここまで　//// -->