@charset "UTF-8";

/* --- 共通 --- */

body {
  margin: 0;
  padding: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 13px;
  color: #555555;
}

hr { display: none; }
sup { vertical-align: super }

.clr {
  width: auto;
  zoom: 100%;
}
.clr:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
img {
  vertical-align: bottom;
  boreder: 0px;
}
a { outline: none; }

span, select, label, textarea, input[type="text"] { font-size: 100%; }

#header_wrap {
  width: 1200px;
  height: 153px;
  margin: 0 auto;
  position: relative;
}
.header {
  position: relative;
  height: 92px;
  background: #ffffff url(/images/header_bg2.png) no-repeat 0 0;
}
.logo {
  position: absolute;
  width: 144px;
  height: 34px;
  top: 10px;
  left: 88px;
}
.kaisha {
  position: absolute;
  left: 303px;
  top: 28px;
  color: #ffffff;
  font-weight: bold;
  font-size: 132%;
}
.kaisha_en {
  position: absolute;
  left: 521px;
  top: 30px;
}
.mainmenu {
  position: absolute;
  top: 92px;
  left: 88px;
  width: 1024px;
  height: 61px;
}
.mainmenu li {
}
.mainmenu li a {
  height: 61px;
  background: #ffffff url(/images/mainmenu.png) no-repeat 0 0;
  display: block;
  float: left;
  text-indent: -9999px;
}
.mainmenu .mm01 a {
  width: 78px;
  background-position: 0 0;
}
.mainmenu .mm02 a {
  width: 158px;
  background-position: -78px 0;
}
.mainmenu .mm03 a {
  width: 157px;
  background-position: -236px 0;
}
.mainmenu .mm04 a {
  width: 158px;
  background-position: -393px 0;
}
.mainmenu .mm05 a {
  width: 157px;
  background-position: -551px 0;
}
.mainmenu .mm06 a {
  width: 158px;
  background-position: -708px 0;
}
.mainmenu .mm07 a {
  width: 158px;
  background-position: -866px 0;
}
.tokucho .mainmenu .mm02 a { background-position: -78px -61px; }
.shoshin .mainmenu .mm03 a { background-position: -236px -61px; }
.kigyojoho .mainmenu .mm04 a { background-position: -393px -61px; }
.kankei_kaisha .mainmenu .mm05 a { background-position: -551px -61px; }
.saiyojoho .mainmenu .mm06 a { background-position: -708px -61px; }
#toiawase .mainmenu .mm07 a { background-position: -866px -61px; }

#cont {
  width: 1024px;
  margin: 0 auto 50px;
}
#main {
  width: 781px;
  float: right;
}
#submenu {
  width: 214px;
  float: left;
}
.submenu_title {
  background: #5e99d5 url("/images/submenu_title_head.png") no-repeat scroll 15px 50%;
  color: #ffffff;
  font-size: 145%;
  font-weight: bold;
  padding: 30px 0 30px 50px;
}
.submenu_list {}
.submenu_list li {}
.submenu_list li a {
  background: #ffffff url("/images/submenu_list_head.png") no-repeat scroll 10px 50%;
  border-bottom: 1px solid #dddddd;
  color: #222222;
  display: block;
  font-size: 108%;
  padding: 15px 0 13px 35px;
  text-decoration: none;
}

.slider { display: none; }

.topicpath_wrap {
  background: #f6f6f6 none repeat scroll 0 0;
  border-top: 1px solid #b6b6b6;
  margin: 0 auto 20px;
  padding: 12px 0;
  width: 1200px;
}
.topicpath {
  margin: 0 auto;
  padding: 0;
  width: 1024px;
}
.topicpath li {
  display: inline;
}
.topicpath li a:link,
.topicpath li a:visited,
.topicpath li a:hover {
  color: #00a4e6;
  text-decoration: none;
}
.topicpath .home {
  background: url(/images/topicpath_home_icon.png) no-repeat 0 0;
  padding-left: 27px;
}
.sp_menu { display: none; }
.goto_top {
  margin: 0 auto;
  text-align: right;
  width: 1200px;
}
.goto_top p {
  background: url(/images/goto_top_icon.png) no-repeat scroll right 0;
  cursor: pointer;
  display: inline-block;
  font-size: 108%;
  line-height: 25px;
  margin-bottom: 10px;
  margin-right: 88px;
  padding-right: 25px;
  text-decoration: underline;
}
.footer {
  clear:both;
  width: 1200px;
  margin: 0 auto;
  background: url(/images/footer_border_top.png) repeat-x 0 0;
  padding: 30px 0;
}
.footermenu_pc {
  width: 1024px;
  margin: 0 auto 20px;
}
.footermenu_pc li {
  font-size: 108%;
  line-height: 1.65;
}
.footermenu_pc li a {
  color: #555555;
  text-decoration: none;
}
.footermenu_pc .fm01 {
  float: left;
  width: 295px;
}
.footermenu_pc .fm02 {
  float: left;
  width: 125px;
}
.footermenu_pc .fm03 {
  float: left;
  width: 120px;
}
.footermenu_pc .fm04 {
  float: left;
  width: 273px;
}
.footermenu_pc .fm05 {
  float: left;
  width: 211px;
}
.footermenu_pc li ul { margin-left: 18px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .footermenu_pc li ul { margin-left: 22px; }
}
.footermenu_pc li li { list-style-type: disc; }
.footermenu_sp { display: none; }
.copyright {
  clear: both;
  text-align: center;
}
.copyright span {}




@media only screen and (max-width: 900px) {

  #header_wrap {
    width: 320px;
    height: auto;
    position: relative;
    margin-bottom: 20px;
  }
  .header {
    background: #ffffff url("") repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    height: 77px;
    position: static;
  }
  .logo {
    padding-top: 10px;
    position: static;
    height: auto;
  }
  .kaisha {
    color: #222222;
    font-size: 123%;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 3px;
    position: static;
  }
  .kaisha_en { display: none; }
  .mainmenu {
    display: none;
    background: #f6f6f6 none repeat scroll 0 0;
    height: 138px;
    padding-bottom: 10px;
    position: static;
    width: 320px;
  }
  .mainmenu li {
  }
  .mainmenu li a {
    height: 45px;
    background: #ffffff url(/images/mainmenu_sp.png) no-repeat 0 0;
  }
  .mainmenu .mm01 a { display: none; }
  .mainmenu .mm02 a {
    width: 160px;
    background-position: 0 0;
  }
  .mainmenu .mm03 a {
    width: 160px;
    background-position: -160px 0;
  }
  .mainmenu .mm04 a {
    width: 160px;
    height: 48px;
    background-position: 0 -45px;
  }
  .mainmenu .mm05 a {
    width: 160px;
    height: 48px;
    background-position: -160px -45px;
  }
  .mainmenu .mm06 a {
    width: 160px;
    background-position: 0 -93px;
  }
  .mainmenu .mm07 a {
    width: 160px;
    background-position: -160px -93px;
  }
  .kigyojoho .mainmenu .mm04 a {
    width: 160px;
    background-position: 0 -45px;
  }
    .kankei_kaisha .mainmenu .mm05 a {
    width: 160px;
    height: 48px;
    background-position: -160px -45px;
  }
  #cont {
    width: 320px;
    margin: 0 auto 50px;
  }
  #main {
    width: auto;
    float: none;
  }
  #submenu {
    clear: both;
    width: auto;
    float: none;
  }
  .submenu_title {
    font-weight: bold;
    padding: 18px 0 15px 40px;
  }
  .submenu_title a {
    color: #ffffff;
    text-decoration: none;
    display: block;
  }
  .submenu_list {}
  .submenu_list li {}
  .submenu_list li a {
  }

  .topicpath_wrap { display: none; }

  .sp_menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
  .sp_menu_btn {
    border-left: 1px solid #cccccc;
    width: 58px;
    height: 55px;
    cursor: pointer;
    background: url(/images/sp_menu_btn.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 0 0 auto;
  }
  .sp_menu_list {
    width: 320px;
  }
  .sp_menu_list a {
    background: #005bac url("/images/sp_menu_list_off_1st.png") no-repeat scroll 290px 50%;
    border-bottom: 1px solid #8bb5db;
    color: #ffffff;
    display: block;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    text-indent: 1em;
    width: 320px;
  }
  .sp_menu_list ul a {
    background: #ffffff url("/images/sp_menu_list_off_2nd.png") no-repeat scroll 290px 50%;
    color: #005bac;
  }

  .goto_top { width: 320px; }
  .goto_top p { margin-right: 10px; }

  .footer {
    width: 320px;
    margin: 0 auto;
    background: url(/images/footer_bg_sp.png) repeat 0 0;
    padding: 20px 0;
  }
  .footermenu_pc {
    display: none;
  }
  .footermenu_sp {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .footermenu_sp li {
    display: inline;
    color: #ffffff;
  }
  .footermenu_sp li:nth-of-type(4) {
    display: block;
    margin-top: 0.8em;
    color: #ffffff;
  }
  .footermenu_sp li a {
    color: #ffffff;
  }
  .copyright {
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 1.25;
  }
  .copyright span {
    display: block;
    color: #ffffff;
  }

}