@charset "UTF-8";
body {
	overflow-x: hidden;
}

/* 上部背景 */
#hBack {
	width: 100%;
	height: 130px;
	text-indent: -9999em;
	border-top: 10px solid #528fdf;
	*zoom: 100%;          /* ie7以下 hasLayout on */
	/width: 2200px;       /* ie6,7 */
	/margin-left: -250px; /* ie6,7 */
	position: absolute;
	z-index: 1;
	top: 0px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZjFmOSIgc3RvcC1vcGFjaXR5PSIwLjQ5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(221,241,249,0.49) 0%, rgba(254,255,255,0.6) 22%, rgba(254,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,241,249,0.49)), color-stop(22%,rgba(254,255,255,0.6)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,241,249,0.49) 0%,rgba(254,255,255,0.6) 22%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,241,249,0.49) 0%,rgba(254,255,255,0.6) 22%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,241,249,0.49) 0%,rgba(254,255,255,0.6) 22%,rgba(254,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(221,241,249,0.49) 0%,rgba(254,255,255,0.6) 22%,rgba(254,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dddf1f9', endColorstr='#feffff',GradientType=0 ); /* IE6-8 */
}

#continer {
	width: 980px;
  height: auto;
	margin: 0px auto;
	position: relative;
	z-index: 2;
}


/*-------------------------
           header
---------------------------*/
header {
	width: 980px;
  height: auto;
  }
  header h1.jp {
    font-size: 85%;
    color: #643125;
    text-align: right;
    font-weight: lighter;
    margin: 25px 10px 0px 13px;
    float: right;
  }
  /* 企業ロゴ */
  header h2 {
    width: 370px;
    height: 70px;
    margin: 3px 0px -5px 0px;
    float: left;
  }
  header article {
    width: 600px;
    margin: 0px 10px 0px 0px;
    float: right;
    }
    /* 連絡情報見出し */
    header h3 {
      width: 600px;
      height: 70px;
      margin: 0px 0px 3px 0px;
      float: left;
  }
  /* 装飾Bar */
  #spBar01{
    width: 980px;
    height: 4px;
    margin-bottom: 8px;
    clear: both;
  }
  #spBar02{
    width: 980px;
    height: 4px;
    margin-bottom: 8px;
    clear: both;
}


/*-------------------------
        サイトマップ
---------------------------*/
#siteMap {
	width: 980px;
	height: 60px;
  }
  /* パン屑リスト */
  #breadcrumb {
    width: 570px;
    height: 15px;
    margin: 23px -10px 0px 0px;
    font-size: 100%;
    color: #999;
    font-weight: lighter;
    float: left;
    }
    #breadcrumb ul li {
      float: left;
      padding-right: 0.5em;
    }
    #breadcrumb strong {
      font-weight: lighter;
    }
    #breadcrumb a {
      color: #39F;
      }
      #breadcrumb a:hover {
        color: #39F;
  }
  /* サイト内検索 */
  #search {
    width: 300px;
    height: 20px;
    margin-right: -10px;
    float: right;
    }
    #siteMap h4 {
      height: 11px;
      margin: 25px 0px 0px 0px;
      line-height: 11px;
      font-size: 85%;
      color: #999;
      font-weight: lighter;
      float: right;
    }
    hr.space {
      border-bottom: none;
      border-left: none;
      border-right: none;
      border-top: 1px solid #fff;
      margin-top: 1px;
      padding: 0px;
      clear: both;
      /visibility: hidden; /* ie7 */
}


/*-------------------------
         メインナビ
---------------------------*/
#mainImg {
	width: 233px;
	height: 399px; /* 407px */
	/margin-top: 0px; /* ie7 */
	margin-top: -10px;
	margin-bottom: 25px;
	float: right;
	box-shadow: 2px 0px 3px -2px rgba(0,0,0,0.4);
	border-radius: 10px 0px 0px 10px;
}

/*-------------------------
        会社情報 Nav
---------------------------*/
#rightBox {
	width: 230px;
	float: right;
	margin-bottom: 20px;
  }
  #comJyoho {
    width: 230px;
    margin: 5px 0px 0px 0px;
    }
    #comJyoho h3 {
      width: 230px;
      height: 40px;
      overflow: hidden;
    }
    /* Contactform link */
    #comJyoho h3.mailB a {
      display: block;
      width: 230px;
      height: 40px;
      text-indent: -9999em;
      background: url(../img/btn/rightNav01.png) no-repeat 0px 0px;
      }
      #comJyoho h3.mailB a:hover,
      #comJyoho h3.mailB a.hvr {
        background: url(../img/btn/rightNav01.png) no-repeat 0px -40px;
    }
    /* Map link */
    #comJyoho h3.mapB a {
      display: block;
      width: 230px;
      height: 40px;
      text-indent: -9999em;
      background: url(../img/btn/rightNav02.png) no-repeat 0px 0px;
      }
      #comJyoho h3.mapB a:hover,
      #comJyoho h3.mapB a.hvr {
        background: url(../img/btn/rightNav02.png) no-repeat 0px -40px;
}

/*-------------------------
           Footer
---------------------------*/
footer {
	width: 100%;
	height: 100px;
	clear: both;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(252,252,252,0) 1%, rgba(244,244,244,1) 46%, rgba(244,244,244,1) 47%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(1%,rgba(252,252,252,0)), color-stop(46%,rgba(244,244,244,1)), color-stop(47%,rgba(244,244,244,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,0) 1%,rgba(244,244,244,1) 46%,rgba(244,244,244,1) 47%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,0) 1%,rgba(244,244,244,1) 46%,rgba(244,244,244,1) 47%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,0) 1%,rgba(244,244,244,1) 46%,rgba(244,244,244,1) 47%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(252,252,252,0) 1%,rgba(244,244,244,1) 46%,rgba(244,244,244,1) 47%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
  }
  /* Nav */
  #fNav {
    width: 980px;
    height: 100px;
    margin: 0px auto;
    }
    #fNav img {
      display: block;
      float: left;
      margin-top: 20px;
    }
    #fNav ul {
      height: 15px;
      margin: 42px 0px 0px 5px;
      float: left;
      }
      #fNav ul li {
        height: 13px;
        border-left: 1px solid #40220F;
        padding: 0px 0px 0px 20px;
        font-size: 100%;

        margin-left: 20px;
        float: left;
      }
      #fNav ul li.lastList {
        border-right: 1px solid #40220F;
        padding: 0px 20px 0px 20px;
      }
      #fNav ul li a {
        color: #40220F;
        }
        #fNav ul li a:hover {
          color: #999;
  }
  /* Copylight */
  #copy {
    width: 100%;
    height: 30px;
    background: #528fdf;
    text-align: center;
    clear: both;
    }
    small {
      display: block;
      height: 15px;
      padding-top: 8px;
      color: #fff;
      font-size: 77%;
      text-align: center;
}