@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
a {
  color: #333;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

a.externallink {
  background: url(../images/icon_externallink.png) no-repeat left center;
  padding-left: 15px;
  font-size: 13px;
  text-decoration: underline; }

#header .sitemap img:hover,
#main a img:hover,
#sub a img:hover,
#footer a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7; }

strong,
.bold {
  font-weight: bold; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

body {
  border-top: 3px solid #044F84;
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  font-size: 14px;
  text-align: center; }
  body.bg {
    background: url(../images/bg.gif) repeat-x 0 153px; }
  body.bg02 {
    background: url(../images/bg02.gif) repeat-x 0 153px; }
  body.indexBg {
    background: url(../../images/bg.gif) repeat-x 0 153px; }

#container {
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
  width: 960px; }

#header {
  height: 98px;
  position: relative; }
  #header h1 {
    position: absolute;
    top: 18px;
    left: 0; }
  #header .sitemap {
    position: absolute;
    top: 30px;
    right: 0; }

#gNav {
  margin-bottom: 5px; }
  #gNav ul li {
    float: left; }

.breadCrumbs {
  font-size: 12px;
  margin: 15px 0; }
  .breadCrumbs a {
    color: #666; }
    .breadCrumbs a:hover {
      text-decoration: underline; }

#container {
  width: 960px; }

.key {
  margin-bottom: 20px; }

#main {
  float: left;
  width: 700px;
  /* index */
  /* case */
  /* sitemap */ }
  #main .section {
    margin-bottom: 35px; }
  #main h1 {
    margin-bottom: 20px; }
  #main h2 {
    background: #eeeded;
    border-left: 5px solid #f82400;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
    margin-bottom: 20px; }
  #main h3 {
    border-left: 5px solid #041685;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 8px;
    margin-bottom: 10px; }
  #main h4 {
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 15px; }
  #main .tabNav li {
    float: left;
    margin: 0 5px 10px 0;
    text-align: center;
    width: 180px; }
    #main .tabNav li a, #main .tabNav li span {
      display: block;
      border: 1px solid #d5d5d5;
      font-weight: bold;
      font-size: 15px;
      padding: 10px 0; }
    #main .tabNav li a {
      background: #eeeded;
      color: #666;
      font-weight: normal; }
  #main .fb {
    background: #eee;
    padding: 110px 0;
    text-align: center;
    margin-bottom: 20px; }
  #main .fb-like-box {
    width: 700px;
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 20px; }
  #main .topics {
    margin-bottom: 30px; }
    #main .topics li {
      margin-bottom: 5px; }
      #main .topics li a {
        background: url(../images/icon_arrow02.png) no-repeat 4px center;
        font-weight: normal;
        padding-left: 16px; }
  #main .mainImg {
    margin-bottom: 10px; }
  #main .sitemap li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    #main .sitemap li ul {
      margin-top: 10px; }
    #main .sitemap li li {
      border: 0;
      float: left;
      margin: 0 0 10px;
      padding: 0;
      width: 220px; }
      #main .sitemap li li a {
        background: url(../images/icon_arrow02.png) no-repeat 4px center;
        font-weight: normal;
        padding-left: 16px; }
  #main .sitemap a {
    background: url(../images/icon_arrow.gif) no-repeat left center;
    font-weight: bold;
    padding-left: 16px; }
  #main .inqBtn {
    margin-bottom: 50px; }

#sub {
  float: right;
  width: 230px; }
  #sub h3 {
    background: #eeeded;
    font-weight: bold;
    padding: 5px 10px; }
  #sub .nav {
    margin-bottom: 30px; }
    #sub .nav li {
      border-bottom: 1px solid #ccc; }
    #sub .nav a {
      background: url(../images/icon_arrow.gif) no-repeat 10px center;
      display: block;
      padding: 10px 0 10px 26px; }
      #sub .nav a.current {
        font-weight: bold; }
  #sub .banner li {
    margin-bottom: 10px; }

#footer {
  background: #eeeded;
  border-top: 3px solid #044F84;
  margin-top: 30px; }
  #footer .inner {
    padding: 20px 0 30px;
    margin: 0 auto;
    text-align: left;
    width: 960px; }
  #footer ul span {
    padding-left: 16px;
    text-indent: -16px;
    display: block; }
  #footer ul a {
    background: url(../images/icon_arrow.gif) no-repeat left center;
    font-weight: bold;
    padding-left: 16px; }
  #footer ul li {
    float: left;
    width: 130px; }
    #footer ul li ul {
      margin-top: 5px; }
    #footer ul li li {
      float: none; }
      #footer ul li li a {
        background: url(../images/icon_arrow02.png) no-repeat 4px center;
        font-weight: normal;
        padding-left: 16px; }
    #footer ul li.info {
      background: #fff;
      font-size: 12px;
      padding: 15px;
      margin-left: 80px;
      width: 330px; }
      #footer ul li.info a {
        background: no-repeat;
        padding-left: 0; }
      #footer ul li.info .contact {
        margin-top: 10px; }

#copyright {
  margin: 10px auto 15px;
  font-size: 12px;
  width: 960px; }
  #copyright .copy {
    float: left;
    color: #666;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    text-align: left;
    width: 480px; }
  #copyright .policy {
    float: right;
    text-align: right;
    width: 480px; }
    #copyright .policy a {
      background: url(../images/icon_arrow02.png) no-repeat 4px center;
      padding-left: 16px; }

.toTop {
  padding-top: 15px;
  text-align: right;
  font-size: 12px; }
  .toTop a {
    background: url(../images/icon_totop.gif) no-repeat left center;
    padding-left: 14px; }

/* list */
.caseList {
  width: 700px;
  overflow: hidden; }
  .caseList h4 {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important; }
  .caseList ul {
    width: 710px; }
    .caseList ul li {
      border: 1px solid #d5d5d5;
      float: left;
      padding: 5px;
      margin: 0 10px 10px 0;
      width: 333px; }
      .caseList ul li .img {
        float: left;
        width: 162px; }
      .caseList ul li .txt {
        float: right;
        width: 171px; }
      .caseList ul li h4 {
        font-weight: bold;
        font-size: 16px; }
      .caseList ul li .info {
        font-size: 12px;
        height: 1em; }
      .caseList ul li .icon {
        padding: 10px 0; }
      .caseList ul li .link a {
        background: url(../images/icon_arrow.gif) no-repeat left center;
        font-size: 12px;
        font-weight: bold;
        padding-left: 16px; }
      .caseList ul li.twoLine h4 {
        line-height: 1.3; }
      .caseList ul li.twoLine .icon {
        padding: 6px 0 3px; }

.num {
  list-style: decimal;
  padding-left: 1.2em;
  margin-left: 10px; }
  .num li {
    margin-bottom: 10px; }

.disc {
  list-style: disc;
  padding-left: 1.2em;
  margin-left: 10px; }

.thum {
  width: 700px;
  overflow: hidden; }
  .thum ul {
    width: 708px; }
    .thum ul li {
      border: 1px solid #ccc;
      float: left;
      margin: 0 10px 10px 0;
      width: 106px; }

/* table */
.table01 {
  width: 100%; }
  .table01 th {
    background: #eeeded;
    border: 1px solid #ccc;
    padding: 10px 15px;
    vertical-align: middle;
    width: 20%; }
  .table01 td {
    border: 1px solid #ccc;
    padding: 10px 15px;
    vertical-align: middle; }
    .table01 td th {
      background: #fff;
      border: 0;
      padding: 0 20px 5px 0;
      white-space: nowrap; }
    .table01 td td {
      border: 0;
      padding: 0 0 5px; }

.pp_social {
  display: none; }