@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
}

body {
  font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
  font-family: Arial,"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.1;
}

table,
input, textarea, select, option {
  line-height: 1.1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

a:link {
  color: #194e88;
  text-decoration: underline;
}

a:visited {
  color: #194e88;
  text-decoration: underline;
}

a:hover {
  color: #194e88;
  text-decoration: none;
}

a:active {
  color: #194e88;
  text-decoration: underline;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
  min-width: 960px;
  color: #231815;
  line-height: 1.5;
  text-align: center;
  border-top: 2px solid #003260;
}

#container {
  text-align: left;
  border-top: 1px solid #CFCFCF;
}

#main {
  margin: 0 auto 27px;
  width: 920px;
}

* html #main {
  zoom: 1;
}

* + html #main {
  zoom: 1;
}

#main:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
  padding: 5px 0 18px 0;
  background: url(/img/common/header_bg.png) repeat-x left bottom;
}

#header .headerInner {
  margin: 0 auto;
  padding-right: 6px;
  width: 932px;
}

h1 {
  padding-bottom: 4px;
  color: #434f60;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.2;
  text-align: right;
}

#header .logo {
  float: left;
}

#header .logo img {
  display: block;
}

#header .usability {
  padding-top: 20px;
  width: 441px;
  float: right;
}

#header .usability .headMenu {
  margin: 9px 19px 0 0;
  padding-left: 17px;
  width: 72px;
  float: left;
  background: url(/img/common/icon/icon02.gif) no-repeat left 2px;
}

#header .usability .headMenu a {
  color: #00204c;
  font-size: 11px !important;
  text-decoration: none;
}

#header .usability .headMenu a:hover {
  text-decoration: underline;
}

#header .usability .fontChange {
  margin: 6px 18px 0 0;
  float: left;
}

#header .usability .fontChange li {
  padding-right: 2px;
  float: left;
}

#header .usability .fontChange li a {
  display: block;
}

#header .usability .fontChange #fs {
  background: url(/img/common/img01_over.jpg) no-repeat left top;
}

#header .usability .fontChange #fm {
  background: url(/img/common/img02_over.jpg) no-repeat left top;
}

#header .usability .fontChange #fl {
  background: url(/img/common/img03_over.jpg) no-repeat;
}

#header .usability .fontChange .on img {
  visibility: hidden;
}

#header .usability .contact {
  float: left;
}

#header .usability .contact img,
#header .usability .contact a {
  display: block;
}

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
  margin-bottom: 18px;
  height: 44px;
  background: url(/img/common/g_navi_bg.png) repeat-x left top;
}

#gNavi ul {
  margin: 0 auto;
  width: 959px;
}

#gNavi li {
  float: left;
}

#gNavi li img,
#gNavi li a {
  display: block;
}

#gNavi .navi01 a {
  background: url(/img/common/g_navi01_over.jpg) no-repeat;
}

#gNavi .navi02 a {
  background: url(/img/common/g_navi02_over.jpg) no-repeat;
}

#gNavi .navi03 a {
  background: url(/img/common/g_navi03_over.jpg) no-repeat;
}

#gNavi .navi04 a {
  background: url(/img/common/g_navi04_over.jpg) no-repeat;
}

#gNavi .navi05 a {
  background: url(/img/common/g_navi05_over.jpg) no-repeat;
}

#gNavi .navi06 a {
  background: url(/img/common/g_navi06_over.jpg) no-repeat;
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
  margin: 0 auto 14px;
  width: 918px;
}

#pagePath li {
  margin-right: 1px;
  color: #221815;
  font-size: 1.1em;
  display: inline;
}

#pagePath li a {
  margin-right: 6px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
  width: 690px;
  float: left;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
  width: 200px;
  float: right;
}

#sideBar .staffIntrduct {
  margin-bottom: 20px;
}

#sideBar .sideContact {
  margin-bottom: 20px;
}

#sideBar .sNavi {
  margin-bottom: 20px;
  border: 2px solid #F0F0F0;
  border-top: none;
}

#sideBar .sNavi ul {
  padding: 14px 0 7px 3px;
  border: 1px solid #BFBFBF;
}

#sideBar .sNavi ul li {
  margin-bottom: 13px;
  padding: 0 0 10px 20px;
  font-size: 1.2em;
  text-indent: -15px;
  background: url(/img/common/line03.png) repeat-x left bottom;
}

#sideBar .sNavi ul .none {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none;
}

#sideBar .sNavi ul li a {
  padding-left: 15px;
  color: #010101;
  text-decoration: none;
  background: url(/img/common/icon/icon04.gif) no-repeat left 2px;
}

#sideBar .sNavi ul li ul {
  padding: 4px 0 2px 0;
  border: none;
}

#sideBar .sNavi ul li ul li {
  margin: 0;
  padding: 0 0 6px 12px;
  text-indent: -15px;
  font-size: 1.0em;
  background: none;
}

#sideBar .sNavi ul li ul li a {
  background: url(/img/common/icon/icon05.gif) no-repeat left 3px;
}

#sideBar .sNavi li .on {
  color: #1074a2;
}

#sideBar .sNavi li a:hover {
  text-decoration: underline;
}

#sideBar .serviceLinkBox {
  background: url(/img/common/banner_bg.gif) no-repeat;
  padding: 25px 0 0 15px;
  height: 400px;
}

.serviceLinkBox a {
  display: block;
  width: 168px;
  height: 86px;
  margin: 0 0 10px 0;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
  padding-bottom: 18px;
  overflow: hidden;
  background: #001F4A url(/img/common/footer_bg.png) repeat-x left top;
  color: #ccd5df;
}

#footer .pageTop {
  margin: 0 auto 42px;
  width: 960px;
  text-align: right;
}

#footer .footerInnter {
  margin: 0 auto;
  width: 960px;
}

#footer .footerInnter .ftLeft {
  width: 410px;
  float: left;
}

#footer .footerInnter dt {
  overflow: hidden;
  zoom: 1;
  float: left;
}

#footer .footerInnter dd {
  margin-left: 59px;
  overflow: hidden;
  zoom: 1;
  font-size: 1.2em;
}

* html #footer .footerInnter dd {
  margin-left: 56px;
}

#footer .footerInnter dd span {
  margin-bottom: 6px;
  display: block;
  font-size: 1.2em;
}

#footer .footerInnter .ftRight {
  width: 530px;
  float: right;
}

#footer .footerInnter .ftRight ul {
  margin: 3px 0 18px 0;
  float: right;
  background: url(/img/common/line01.png) repeat-y left top;
}

#footer .footerInnter .ftRight li {
  padding: 10px 5px 4px 10px;
  float: left;
  font-size: 1.1em;
  background: url(/img/common/line01.png) repeat-y right top;
}

#footer .footerInnter .ftRight li a {
  display: block;
  color: #ccd5df;
  text-decoration: none;
}

#footer .footerInnter .ftRight li a:hover {
  color: #ccd5df;
  text-decoration: underline;
}

#footer .footerInnter .ftRight .ftContact {
  padding: 5px 10px 2px 9px;
}

#footer .footerInnter .ftRight p {
  padding-right: 5px;
  clear: both;
  color: #ccd5df;
  text-align: right;
  font-family: Georgia, serif;
}