@charset "utf-8";
/*------------------------------------------------------------------*/
/*     共通設定用CSS                                                */
/*     対象：Clearfix、全体包括                                     */
/*------------------------------------------------------------------*/


/* clearfix設定
------------------------------------------------------------------- */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}

.clearfix:after {
  clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}





/* 全体包括設定
------------------------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: #333;
  font-size: 1.4em;
  font-family: "MS PGothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  background: #fff;
}


#wrapper {
  margin: 0;
  padding: 0;
}





/* グローバルヘッダ領域
------------------------------------------------------------------- */
#globalHeaderField {
  width: 100%;
  min-width: 980px;
  border-top: 3px solid #f74d01;
  background: #fff;
}

  #globalHeaderField .rangeContainer {
    width: 980px;
    height: 91px;
    margin: 0 auto;
    position:relative;
  }

  #globalHeaderField .logoArea {
    width: 417px;
    float: left;
    padding:23px 0 0 13px;
  }

    #globalHeaderField .logoArea h1 a img {}

  #globalHeaderField .globalNavitArea {
    width: 402px;
    float: left;
    padding:23px 0 0 18px;
  }
  #globalHeaderField .groupLogoArea {
    width: 100px;
    float: right;
    padding:23px 0 0 0;
  }

    /* グローバルナビ
    --------------------------------------------------------------- */
    #globalNaviFrame {
      width: 497px;
    }
      #globalNaviFrame ul.linksUL {
      }
        #globalNaviFrame ul.linksUL li {
          width:auto;
          height:auto;
          float:left;
        }
          #globalNaviFrame ul.linksUL li > a {
            width:110px;
            height:36px;
            float:left;
            background-image:url("../images/btn_navigation.png");
            background-repeat:no-repeat;
            display:block;
            text-indent:-9999px;
          }
          #globalNaviFrame ul.linksUL li.productLI a { width:118px; background-position:0 0; }
          #globalNaviFrame ul.linksUL li.processLI a { width: 95px; background-position:-118px 0; }
          #globalNaviFrame ul.linksUL li.companyLI a { width: 89px; background-position:-213px 0; }
          #globalNaviFrame ul.linksUL li.recruitLI a { width:118px; background-position:-302px 0; }
          #globalNaviFrame ul.linksUL li.productLI a:hover { background-position:0 -46px; }
          #globalNaviFrame ul.linksUL li.processLI a:hover { background-position:-118px -46px; }
          #globalNaviFrame ul.linksUL li.companyLI a:hover { background-position:-213px -46px; }
          #globalNaviFrame ul.linksUL li.recruitLI a:hover { background-position:-302px -46px; }
      
      #globalNaviFrame .sub {display:none;}
      #productDetailsBase {
        width:980px !important;
        height:325px;
        background:url("../images/bg_overlay_product.png") no-repeat 0 0;
        position:absolute;
        top:80px;
        left:0;
        z-index:9999;
      }
        #productDetailsBase .entryBox {
          padding:40px 8px 0 8px;
        }
          #productDetailsBase .entryBox h2 {
            float:left;
          }
          #productDetailsBase dl.linksUL {
            float:right;
            width:800px;
          }
            #productDetailsBase dl.linksUL dt {
              float:left;
              width:186px;
              padding-left:10px;
            }
              #productDetailsBase dl.linksUL dt img {
                margin-bottom:10px;
              }
              #productDetailsBase dl.linksUL dt a {
                color:#000;
              }
              #productDetailsBase dl.linksUL dt a:hover {
                color:#f74d01;
                text-decoration:none;
              }


/* ページタイトル領域
-------------------------------------------------- */
#pageTitleField {
  width: 100%;
  min-width: 980px;
  height: 120px;
  margin: 0;
  background: url("../images/bg_pagetitle.jpg") #FFFFFF no-repeat center top;
}
  #pageTitleField .rangeContainer {
    width: 980px;
    height: 120px;
    margin: 0 auto;
    position: relative;
  }
    #pageTitleField .rangeContainer span {
      width: 300px;
      height: 42px;
      line-height: 42px;
      display: block;
      position: relative;
      top: 39px;
      left: 0;
      color:#fff;
      font-weight:bold;
      font-size:18px;
      padding-left:10px;
    }

/* パンくずリスト領域
-------------------------------------------------- */
#breadListField {
  width: 100%;
  min-width: 980px;
  margin: 0;
  border-bottom:1px solid #dddddd;
}
  #breadListField .rangeContainer {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    font-size: 0.7em;
  }
    #breadListField a,
    #breadListField span {
      margin: 0 5px;
    }
      #breadListField a {
        text-decoration: underline;
      }

/* コンテンツ領域
------------------------------------------------------------------- */
#containerField {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}
  #leftSideArea {
    width:240px;
    min-height:220px;
    float:left;
    background:url("../images/img_subnavi_shadow.png") no-repeat right top;
  }
    /* サブナビゲーション 設定
    --------------------------------------------------------------- */
    #subNaviFrame {
      width: 220px;
      margin: 0;
      padding: 0;
    }
      #subNaviFrame ul {
        width: 220px;
      }
        #subNaviFrame ul li {
          background:url("../images/img_subnavi_border.png") no-repeat left bottom;
          padding-bottom:1px;
        }
          #subNaviFrame ul li a {
            width: 196px;
            padding: 10px 0 10px 24px;
            background:url("../images/bg_leftbutton.png") no-repeat 7px center;
            display: block;
            color:#444554;
            font-weight:bold;
          }
            #subNaviFrame ul li.select a,
            #subNaviFrame ul li a:hover { background-color: #f0f5fa; text-decoration:none; }

  #rightSideArea {
    width:730px;
    min-height:400px;
    float:right;
    padding-top:20px;
  }
  /* コンテンツタイトル 設定
    --------------------------------------------------------------- */
    #rightSideArea h3 {
      width: 730px;
      margin: 0 0 20px 0;
      padding: 15px 0;
      background: url("../images/bg_subtitle.png") no-repeat center center;
    }
      #rightSideArea h3 span {
        width: 300px;
        height: 20px;
        line-height: 20px;
        margin: 0 0 0 25px;
        display: block;
        color:#333333;
        font-weight:bold;
        font-size:20px;
      }

/* バナー領域
-------------------------------------------------- */
#bannarField {
  width: 100%;
  min-width: 980px;
  height:auto;
}
  #bannarField .rangeContainer {
    width: 830px;
    height:auto;
    margin: 0 auto 20px;
    text-align: left;
  }
    #bannarField ul.linksUL {
    }
      #bannarField ul.linksUL li {
        float:left;
        margin-right:20px;
      }
      #bannarField ul.linksUL li.recruitLI     { }
      #bannarField ul.linksUL li.accessLI      { }
      #bannarField ul.linksUL li.environmentLI { }
      #bannarField ul.linksUL li.stLI          { }
      #bannarField ul.linksUL li.groupLI       { }
      #bannarField ul.linksUL li.anideaLI      { margin-right:0px; }

/* フッター領域
-------------------------------------------------- */
#globalFooterField {
  width: 100%;
  min-width: 980px;
  height:auto;
  background: url("../images/bg_footer.gif");
}
  #globalFooterField .rangeContainer {
    width: 980px;
    height:60px;
    margin: 0 auto;
    text-align: left;
  }
    #globalFooterField .leftFrame {
      width:500px;
      float:left;
    }
      #globalFooterField ul.linksUL {
        padding-top:25px;
      }
        #globalFooterField ul.linksUL li {
          float:left;
          margin-right:25px;
        }
          #globalFooterField ul.linksUL a {
            color:#000000;
          }
          #globalFooterField ul.linksUL a:hover {
            color:#f74d01;
            text-decoration:none;
          }
    #globalFooterField .rightFrame {
      width:60px;
      float:right;
    }
      #globalFooterField .rightFrame a {
        width: 60px;
        height: 60px;
        text-indent: -9999px;
        background: url("../images/btn_pagetop.png") no-repeat 0 0;
        display: block;
      }

/* Copyright領域
-------------------------------------------------- */
#globalCopyrightField {
  width: 100%;
  min-width: 980px;
  height:28px;
  background: #2e2e2e;
}

  #globalCopyrightField .rangeContainer {
    width: 980px;
    margin: 0 auto;
  }
    #globalCopyrightField .globalFooterLogoFrame {
      width:115px;
      float:left;
      padding:0;
    }
    #globalCopyrightField .addressCase {
      color:#fff;
      float:left;
      line-height:28px;
      font-size:0.62em;
    }
    #globalCopyrightField .copyrightCase {
      color:#fff;
      float:right;
      line-height:28px;
      text-align:right;
      font-size:0.82em;
    }