@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Text Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.DefaultText,
.LeadText{
  font-size:75%;
  line-height: 1.5;
  text-align: justify;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Link Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
a{
  color: #000;
  text-decoration: none;
}
a:link {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #555;
  text-decoration: none;
}
a:active{
  color: #c00;
  text-decoration: none;
}
a:hover {
  color: #03c;
  text-decoration: underline;
}
/* Other Site Link */
a[target=blank]{

}

/* PDF Link */
a[href$=pdf]{

}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   List Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ul,ol */
ul,ol{
  margin: 0 1em;
}
/* dl */
dl{}
    dl dt{
    }
    
/* LinkList */
.LinkList{
  list-style: none;
  margin: 0;
  line-height: 1.25;
}
    .LinkList li{
      padding: 1em 0;
    }
        .LinkList li a{
          padding-left: 14px;
          background: url(../img/common/icon/right.png) no-repeat 0% 50%;
        }
/* TextList */
.TextList{
  line-height: 1.25;
}
/* ItemList */
.ItemList{

}
/* ThumbnailList */
.ThumbnailList{
  list-style: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Table Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* DefaultTable */
.DefaultTable{
  margin: 0 auto 15px;
  border-collapse: collapse;
  width: 100%;
}
    .DefaultTable caption{
    }
    .DefaultTable thead{
    
    }
        .DefaultTable thead th{
          padding: 10px;
        }
    .DefaultTable tbody{
    
    }
        .DefaultTable tbody th,
        .DefaultTable tbody td,
        .DefaultTable tfoot th,
        .DefaultTable tfoot td{
          padding: 10px;
          vertical-align: top;
        }
        .DefaultTable tbody th,
        .DefaultTable tfoot th{
          width: 20%;
          min-width: 100px;
          max-width: 35%;
          font-weight: normal;
          white-space: nowrap;
        }
        .DefaultTable tbody td,
        .DefaultTable tfoot td{
        }
    .DefaultTable tfoot{
    
    }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Form Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ReadOnly */
.ReadOnly{
  background-color: transparent!important;
  border: 0px none!important;
  vertical-align: middle;
  padding: 0;
}
.InputErrorMessage{
  border: 2px solid #b22222;
  margin: 1em 0 1em 0;
  padding: 0.8em 0.8em 0.8em 0.8em;
  color: #b22222;
}

/* フォーム部品全体 */
input,
textarea {
  font-size: 12px;
  padding: 3px 3px 3px 3px;
  vertical-align: middle;
}
.ButtonBlock input{
  /*background: -moz-linear-gradient(top, #dcdcdc, #a9a9a9);
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#a9a9a9));
  margin: 0 0.2em 0 0.2em;
  padding: 0.3em 1em 0.3em 1em;
  min-width: 120px;
  cursor: pointer;*/
}
.InputList{
  list-style: none;
}

/* 汎用フォーム部品 */
input[name=company_name]{ width: 90%; }
input[name=department_name]{ width: 90%; }
input[name=name]{ width: 20em; }
input[name=phonetic]{ width: 20em; }
input[name=zip1]{ width: 3em; }
input[name=zip1]{ width: 4em; }
input[name=address]{ width: 95%; }
input[name=phone1]{
  width: 5em;
  margin-right: 0.25em;
}
input[name=phone2]{
  width: 5em;
  margin: 0 0.25em 0 0.25em;
}
input[name=phone3]{
  width: 5em;
  margin-left: 0.25em;
}
input[name=fax1]{
  width: 5em;
  margin-right: 0.25em;
}
input[name=fax2]{
  width: 5em;
  margin: 0 0.25em 0 0.25em;
}
input[name=fax3]{
  width: 5em;
  margin-left: 0.25em;
}
input[name=email]{ width: 80%; }
input[name=url]{ width: 95%; }
input[name=title]{ width: 90%; }
textarea[name=textareadetail]{
  width: 97%;
  height: 10em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Default Box Style                             */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ButtonBox
--------------------------------------------------- */
.ButtonBox{
  margin: 15px 0;
}
    .ButtonBox p{
      text-align: center;
    }
        .ButtonBox p span{
          margin: 0 5px;
        }
            .ButtonBox p span input{
              border: none;
            }
  


/* ImageBox
--------------------------------------------------- */
.ImageBox{
}
    .ImageBox p{
      margin: 0 0 10px;
    }
        .ImageBox p span{
          display: block;
          text-align: center;
          margin: 0;
          padding: 0;
        }
        .ImageBox p span.Image{
        }
            .ImageBox p span.Image img{
            }
        .ImageBox p span.Caption{
          margin-top: 0.5em;
          font-size: 75%;
          line-height: 1.25;
        }


/* GoPageTop
--------------------------------------------------- */
.GoPageTop{
  width: 950px;
  margin: 0px auto;
}
    .GoPageTop p{
      text-align: right;
    }


/* PageNavigation
--------------------------------------------------- */
#ContentsDivision .PageNavigation {
  text-align: right;
  margin-right: 19px;
}
    #ContentsDivision .PageNavigation p{
      font-size: 11px;
    }
    #ContentsDivision .PageNavigation p img{
      vertical-align: middle;
      margin-right: 5px;
    }

/* PageJump
--------------------------------------------------- */
#ContentsDivision .PageJump {
  margin: 15px 0;
}
    #ContentsDivision .PageJump p{
      font-size: 75%;
      line-height: 1.1;
    }
        #ContentsDivision .PageJump p span{
          margin: 0 2px;
          text-align: center;
          display: block;
          float: left;
        }
            #ContentsDivision .PageJump p span a,
            #ContentsDivision .PageJump p span .Active{
              display: block;
              border: none;
              float: none;
              margin: 0;
              padding: 3px 0;
              width: 16px;  height: 10px;
              border: 1px solid #ccc;
            }
            #ContentsDivision .PageJump p span a{
              color: #5b5b5b;
              text-decoration: none;
            }
            #ContentsDivision .PageJump p span a:hover{
              border: 1px solid #5b5b5b;
            }
            #ContentsDivision .PageJump p span .Active{
              color: #fff;
              background: #5b5b5b;
              border: 1px solid #5b5b5b;
            }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Option Class [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Float
--------------------------------------------------- */
.FloatLeft{ float: left; }
.FloatRight{ float: right; }
.FloatNone{ float: none; }

/* Align
--------------------------------------------------- */
.AlignCenter{ text-align: center; }
.AlignLeft{ text-align: left; }
.AlignRight{ text-align: right; }

/* Bold
--------------------------------------------------- */
.Bold{ font-weight: bold; }

/* Clear
--------------------------------------------------- */
.ClearBoth{ clear: both;}
.ClearLeft{ clear: left;}
.ClearRight{  clear: right;}
.ClearNone{ clear: none;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Decoration Class [Common]                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Shadow
--------------------------------------------------- */
.Shadow{

}

/* Photo
--------------------------------------------------- */
.Photo{
  /*padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);*/
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style [Base Design]                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{
}
body{
}
.World{
}

/* HeaderDivision
--------------------------------------------------- */
.HeaderDivision{
  background: #bd1010;
}

    /* SiteHeaderArea */
    .SiteHeaderArea {
      margin: 0px auto;
      width: 950px;
    }
    
        /* SiteTitleBlock */
        .SiteHeaderArea .SiteTitleBlock{
          float: left;
          width: 620px;
          padding: 15px 0px;
        }
            .SiteHeaderArea .SiteTitleBlock .BlockHeader{
              float: left;
            }
                .SiteHeaderArea .SiteTitleBlock .BlockHeader p{
                }
            .SiteHeaderArea .SiteTitleBlock .BlockContents{
              margin-left: 196px;
            }
                .SiteHeaderArea .SiteTitleBlock .BlockContents p{
                  padding: 10px 0px 5px 0px;
                }
                    .SiteHeaderArea .SiteTitleBlock .BlockContents p.DefaultText{
                      margin: 0px;
                    }
                .SiteHeaderArea .SiteTitleBlock .BlockContents h1{
                  padding: 20px 0px 0px 0px;
                }
                /*.SiteHeaderArea .SiteTitleBlock .BlockContents h1{
                  color: #fff;
                  font-weight: normal;
                  font-size: 75%;
                  padding-left: 5px;
                }*/
        .SiteHeaderArea .TopSubMenuBlock{
          float: right;
          width: 280px;
          /*padding-top: 25px;*/
          padding-top: 35px;
        }
            .SiteHeaderArea .TopSubMenuBlock p{
              color: #fff;
              font-weight: normal;
              font-size: 75%;
              text-align: right;
            }
                .SiteHeaderArea .TopSubMenuBlock p.DefaultText{
                  margin: 3px 0px 0px 0px;
                }
    /* HeaderMenuArea */
    .HeaderMenuArea{
    }
        /* MainMenuBlock */
        .HeaderMenuArea .MainMenuBlock{
           background: url(../img/common/decoration/menu_back.gif) repeat-x;
        }
            .HeaderMenuArea .MainMenuBlock ul{
              margin: 0px auto;
              width: 958px;
            }
                .HeaderMenuArea .MainMenuBlock ul li{
                  list-style-type: none;
                  float: left;
                }
                    .HeaderMenuArea .MainMenuBlock ul li a{
                    }
                        .HeaderMenuArea .MainMenuBlock ul li a img{
                        }
        /* SecondMenuBlock */
        .HeaderMenuArea .SecondMenuBlock{
        }
            .HeaderMenuArea .SecondMenuBlock ul{
            }
                .HeaderMenuArea .SecondMenuBlock ul li{
                }
                    .HeaderMenuArea .SecondMenuBlock ul li a{
                    }

/* ContentsDivision
--------------------------------------------------- */
.ContentsDivision {
    background: url(../img/common/decoration/content_back.gif) repeat-x top;
}
    /* Container
    --------------------------------------------------- */
    .Container{
      background: url(../img/common/decoration/content_back_inside.gif) no-repeat top;
      width: 958px;
      min-height: 450px;
      margin: 0px auto;
      padding: 10px 0px 20px 0px;
    }
        .Container .ContainerHeader{
          margin: 0px 19px 30px 19px;
          border-bottom: solid 6px #000;
          padding-bottom: 1px;
        }
            .Container .ContainerHeader h2{
              border-bottom: solid 1px #000;
              padding: 0px 10px 7px 10px;
            }
        /* MainContentsArea
        --------------------------------------------------- */
        .MainContentsArea{
          width: 656px;
          float: right;
          margin-right: 19px;
          display: inline;
        }
            .MainContentsArea .AreaHeader{
              margin-bottom: 15px;
            }

/* ContentsBlock
----------------------------- */
.ContentsBlock{
}
.ContentsBlock .BlockHeader{
  font-size: 87.5%;
  margin-bottom: 10px;
  padding: 5px 0px 1px 23px;
  border-bottom: dotted 2px #3b3b3b;
  background: url(../img/common/icon/drop.gif) no-repeat left;
}
    .ContentsBlock .BlockHeader .Heading{
      padding: 0px 3px 3px 3px;
    }

/* PhotoListBlock
----------------------------- */
.PhotoListBlock{
}
    .PhotoListBlock .BlockHeader{
      padding: 10px 5px 17px 5px;
    }
    .PhotoListBlock .CautionText{
      font-size: 11px;
      text-align: right;
      margin-bottom: 10px;
    }
    .PhotoListBlock .Unit{
      border-top: solid 4px #bd1010;
      border-bottom: solid 1px #adadad;
      border-left: solid 1px #adadad;
      border-right: solid 1px #adadad;
      width: 206px;
      text-align: center;
      float: left;
      margin: 0px 0px 10px 10px;
      display: inline;
    }
    .PhotoListBlock .FirstUnit{
      margin: 0px 0px 10px 6px;
    }
        .PhotoListBlock .Unit .PhotoBox{
          
          width: 190px;
          padding: 1px;
          margin: 6px auto 6px auto;
        }
            .PhotoListBlock .Unit .PhotoBox a:hover img{
              opacity:0.8;
              filter: alpha(opacity=80);
              -ms-filter: "alpha( opacity=80 )";
              background: #fff;
            }
        .PhotoListBlock .Unit .TextBox{
          background: #ededed;
          margin: 0px 1px 1px 1px;
          padding: 5px;
        }

        /* SideBarArea
        --------------------------------------------------- */
        .SideBarArea{
          width: 250px;
          float: left;
          margin-left: 19px;
          display: inline;
        }
            .SideBarArea .SideMenuBlock{
              background: #bd1010;
              margin-bottom: 15px;
            }
                .SideBarArea .SideMenuBlock .BlockHeader{
                  padding: 13px 13px 0px 13px;
                }
                .SideBarArea .SideMenuBlock .BlockContents{
                  padding-left: 2px;
                }
                    .SideBarArea .SideMenuBlock .BlockContents p{
                      border-bottom: 2px solid #bd1010;
                    }
            .SideBarArea .ContactBlock{
              border: solid #000 2px;
              margin-top: 15px;
              padding: 2px;
            }
            .SideBarArea .ContactBlock .ContactInsideBlock{
              border: solid #000 1px;
              padding: 12px 20px;
              /*padding: 12px 20px 6px 20px;*/
            }
                .SideBarArea .ContactBlock .Iso{
                  margin-top: 7px;
                  text-align: center;
                }
            .SideBarArea .IsoBlock{
              text-align: center;
              margin-top: 15px;
            }
            .SideBarArea .BlockHeader{
              font-size: 87.5%;
              margin-bottom: 10px;
            }
                .SideBarArea .BlockHeader span{
                  display: block;
                }
                    .SideBarArea .BlockHeader span.Logo{
                      margin-bottom: 12px;
                    }
            .SideBarArea .BlockContents{
            }
                .SideBarArea .BlockContents .DefaultText{
                  line-height: 1.25;
                }


                .SideBarArea .RecrutLinkBlock{
                  margin-top:5px;

                }

                .SideBarArea .RecrutLinkBlock .inner{
                  box-shadow: 0 0.25em 0.2em rgba(0,0,0,0.5);
                  overflow:hidden;
                  border:1px solid rgba(0,0,0,0.3);
                }
                .SideBarArea .RecrutLinkBlock a{
                  display:block;
                  margin:3px;
                  -webkit-transition: all 0.2s;
                  transition: all .2s ;
                }

                .SideBarArea .RecrutLinkBlock img{
                  width:100%;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -ms-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                }
                .SideBarArea .RecrutLinkBlock a:hover{
                  -webkit-transition: all 0.2s;
                  transition: all .2s ;
                }
                .SideBarArea .RecrutLinkBlock a:hover img{
                  -webkit-transform: scale(1.1);
                  -moz-transform: scale(1.1);
                  -o-transform: scale(1.1);
                  -ms-transform: scale(1.1);
                  transform: scale(1.1);
                  opacity: 0.9;
                  
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -ms-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                }

/* FooterDivision
--------------------------------------------------- */
.FooterDivision {
  text-align: center;
}

    /* FooterArea */
    .FooterArea{
      background: #a01116;
    }
    .FooterMenuBlock{
      width: 950px;
      margin: 0px auto;
      padding: 20px 0px;
      text-align: left;
    }
    .FooterMenuBlock .MenuUnit{
      /*width: 188px;*/
      width: 157px;
      float: left;
      border-right: dotted 1px #fff;
      color: #fff;
      font-size: 75%;
    }
        .FooterMenuBlock .MenuUnit a{
          color: #fff;
        }
        .FooterMenuBlock .MenuUnit .UnitHeader{
          padding: 0px 15px;
          margin-bottom: 10px;
        }
        .FooterMenuBlock .MenuUnit .UnitContents{
          padding: 0px 15px;
        }
        .FooterMenuBlock .MenuUnit .Heading{
          font-weight: normal;
          background: url(../img/common/icon/arrow_right_white.gif) no-repeat left 50%;
          padding-left: 10px;
        }
        .FooterMenuBlock .MenuUnit ul{
          margin-left: 0px;
        }
        .FooterMenuBlock .MenuUnit li{
          list-style-type: none;
          background: url(../img/common/icon/arrow_right_white_bend.png) no-repeat left 50%;
          padding-left: 15px;
          margin-left: 0px;
          line-height: 150%;
        }
    .FooterMenuBlock .FirstMenuUnit{
      border-left: dotted 1px #fff;
    }
    
    .AuthorBlock{
      background: #000;
      text-align: center;
      padding: 10px 0px;
    }
    .AuthorBlock .CopyrightText{
      color: #fff;
      font-size: 67.5%;
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Paragraph Style [Common]                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.Paragraph{

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    SubParagraph Style [Common]                   */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.SubParagraph{

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Block Style [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* GetAdobeReaderBlock
--------------------------------------------------- */
.GetAdobeReaderBlock{
  border: 1px solid #e5e5e5;
  background: #f0f0f0;
  width: 460px;
  margin: 30px auto;
}
    .GetAdobeReaderBlock .BlockContents{
      padding: 10px;
    }
        .GetAdobeReaderBlock .BlockContents p{
          margin: 0;
        }
        .GetAdobeReaderBlock .BlockContents .TextBox{
          margin-left: 165px;
        }
            .GetAdobeReaderBlock .BlockContents .TextBox p{
              font-size: 62.5%;
              line-height: 1.2;
              margin: 0;
            }
        .GetAdobeReaderBlock .BlockContents .ImageBox{
          float: left;
          width: 150px;
          margin: 0;
        }