@charset "shift_jis";

/* -----------------------------------------

[1]レイアウト表記
[2]リンク関連
[3]メニューバー
[4]更新情報(Update)欄

----------------------------------------- */

/* [1]レイアウト */

* { margin: 0;
    padding : 0; }
body {
       width : 100% ;
       background-color : #ededed;
   scrollbar-3dlight-color:#aaaaff;
   scrollbar-face-color:#eef;
   scrollbar-arrow-color:#463c29;
   scrollbar-darkshadow-color:#fff;
   font-family : "ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ" ,"ＭＳ Ｐゴシック", "sans-serif";
     }

#header { 
          max-width : 1600px;
          height : 80px;
          color : #fff;
          background : url(img/header_back.jpg) no-repeat #000;
        }

#area {
          width : 950px;
          margin : 0px auto 5px;
          padding : 5px 0px 0px;
}

#main {
        margin : 0px auto;
        width : 980px;
        position : relative;
      }

.menu {
          height : 110px;
          width : 915px;
          position : absolute;
          top : -20px;
          left : 28px;
          padding : 0px 50px 20px 10px;
          background : url(img/menu.gif) no-repeat;
          color : #fafafa;
          font-family : "ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ" ,"ＭＳ Ｐゴシック", "sans-serif";
      }

.menu #google{
    width : 430px;
    height : 30px;
    position : absolute;
    top : 88px;
    left : 600px;
    clear : both;
}


.topimage  {
         height : 380px;
         margin : 95px 40px 0px;
         padding-left : 10px;
         padding-top : 10px;
         background : url(img/topimage.jpg) no-repeat center #fff;
         color : #4444cc;
         font-size : 24px;
         font-weight : bold;
}

.contents {
         width : 910px; /* 幅950px */
         margin : 0px 5px 0px 25px;
         padding : 20px 20px 10px;
         background : url(img/infoback.jpg) no-repeat #fff;
         font-size : small;
         clear : both;
         }

.contents .hfix{
         height : 400px;
}

.mailform {
      width : 310px;
      height : 75px;
      margin-bottom : 10px;
      display : block;
      background : url(img/mail.png) no-repeat;
      text-indent : -9999px;
     }

.mailform a {
      width : 310px;
      height : 75px;
      display : block;
}

.blog {
      width : 310px;
      height : 75px;
      margin-bottom : 10px;
      display : block;
      background : url(img/blog.png) no-repeat;
      text-indent : -9999px;
      }

.blog a {
      width : 310px;
      height : 75px;
      display : block;
}

.partner {
      width : 310px;
      height : 75px;
      margin-bottom : 10px;
      display : block;
      background : url(img/partner.png) no-repeat;
      text-indent : -9999px;
      }

.partner a {
      width : 310px;
      height : 75px;
      display : block;
}

.tel {
      width : 365px;
      height : 95px;
      margin : 0px 20px 0px 80px;
      _margin : 0px 10px 0px 40px;
      display : block;
      background : url(img/sale_tel.png) no-repeat;
      text-indent : -9999px;
      float : left;
}

.contents .txt {
         width : 500px; /* 450px */
         margin : 5px 10px 5px 20px;
         line-height : 19px;
}

.contents #info {
         width : 537px; /* 幅440px */
         height : 160px;
         overflow : auto;
         margin : 0px;
         padding : 10px 10px 0px 10px;
         float : left;
         border : 3px double #aaa;
}
.contents #right {
         width : 560px;  /* 幅580px */
         margin-bottom : 30px;
         padding: 0px 30px 5px 0px;
         float : right;
}

.contents #left {
         width : 320px;  /* 幅340px */
/*         height : 500px;  */
         margin : 0px 10px 30px 0px;
         float : left;
/*         text-indent : -9999px; */
}

#footer {
          max-width : 1600px;
          height : 60px;
          padding : 20px 0px 5px;
          background : url(img/footer_back.jpg) no-repeat #9a9a9a;
          text-align : center;
          line-height : 20px;
          clear : both;
        }
#footer #copyright {
   font-size : 12px;
   margin : 0px 0px 5px;
   color : #eee;
}

.flash {
   width : 900px;
   _width : 882px;
   height : 360px;
   margin : 5px auto;
   _margin : 0px 0px;
   clear : both;
}

.topic {
   position : absolute;
   top : 95px;
   left : 40px;
   font-size : 12px;
   color : #000;
}

.topic li{
   float : left;
}

/* [2]タグ全般 */

a:link,
a:visited,
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

p {
    width : 720px;
    font-size : 13px; 
    line-height : 20px;
    margin : 10px 10px 10px 30px;
}

h1 {
    font-size : 12px;
    margin-top : 10px;
    text-align : right;
}

h3 {
    font-size : 14px;
    line-height : 24px;
    margin : 10px 0px 10px;
    padding : 3px 5px;
    border-left : 8px solid #577;
    border-right : 1px solid #577;
    border-top : 1px solid #577;
    border-bottom : 1px solid #577;
}


h4 {
    font-size : 14px;
    padding-left : 5px;
    margin-bottom : 15px;
    border-bottom : 1px solid green;

}

h5 {
    font-size : 16px;
    margin : 10px 0px;
    border-bottom : 1px dotted green;
    color : green;

}

h6 {
    font-size : 14px;
    color : #3a79c1;
    border-bottom : 1px dotted #000;
    margin-bottom : 5px;
}

/* [3]メニューバー */

.menu ul{
    list-style-type: none;
    list-style-position: outside;
}

.menu li.contitle {
  float : left;
  text-align : center;
  width : 127px;
  height : 60px;
  margin  : 0px;
  display : block;
}

.menu li.contitle .min {
   font-size : 12px;
}

.menu li.contitle a {
   width : 100%;
   padding : 22px 0px;
   display : block;
   text-decoration: none;
   color: #eaeaea;
}

.menu li.contitle a:hover {
   color: #abcdef;
   background-position : 0 100%;
}

.menu li.bar{
  float : left;
  background : url(img/dammy.gif) #030a8c;
  width : 3px;
  height : 80px;
}

.menu .submenu
{
   width : 163px;
   padding : 5px 0px;
   background : url(img/submenu.gif);
   float : left;
   color : #000;
   visibility: hidden;
   filter: alpha(Opacity=90);
   opacity: 0.9;
}
.menu li.contitle .submenu a
{
   padding : 6px 0px;
}

.menu li.contitle .submenu a:hover
{
   color : #abcdef;
}


/* [4]更新情報(Update)欄 */

.contents dt {
  margin-bottom: 5px;
  font-weight : bold;
}

.contents dd {
  margin-bottom: 5px;
  padding-left: 5px;
  border-left: 2px solid #666;
  border-bottom: 1px dotted #cccccc;
}

/* [6]本文関連 */
.company a{
         width : 205px;
         font-size : large;	/* 文字：大 */
         color : #fff;	/* 文字色：白 */
         text-decoration: none;
         float : left;
         margin : 48px 0px 5px 55px;
         font-weight : bold;
      }

.company a:hover{
   color : #aaf;
   text-decoration: none;
}

.foot {
         font-size : 12px;
         color : #eee;
         line-height : 120%;
      }

.copy
      {
         font-size : 21px;
         width : 120px;
}

/* [6]本文関連 */
.blue {
  color : blue;
  font-size : 12px;
  font-weight : bold;
  padding-left : 20px;
}

.red {
  color : red;
  font-weight : bold;
}

