@charset "utf-8";

/* ===========================================================
common
=========================================================== */

/* clearfix */
.clearfix::after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: '.';
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* ---------------------------------------------------------
admin
--------------------------------------------------------- */

html {
}

body {
  padding: 0;
  margin: 0;
  font-family: Verdana, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 13px;
  line-height: 20px;
  background: #fff;
  border: none;
}

body {
  min-width: 960px;
  text-align: center;
}

a,
a:link,
a:active,
a:visited {
  color: #39c;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  color: #39c;
  text-decoration: none;
}

img {
  padding: 0;
  margin: 0;
  border: none;
}

/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin2Columns,
#skin1Column {
  color: #333;
}

/* ===========================================================
 headBody
=========================================================== */
#headBody {
  min-height: 135px;
  background: url(../../images/headBg.jpg) no-repeat center top;
}

/* clearfix */
#headBody::after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: '.';
}

#headBody {
  display: inline-block;
}

* html #headBody {
  height: 1%;
}

#headBody {
  display: block;
}

/* clearfixEND */
.headWrapper {
  width: 960px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

/* clearfix */
.headWrapper::after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: '.';
}

.headWrapper {
  display: inline-block;
}

* html .headWrapper {
  height: 1%;
}

.headWrapper {
  display: block;
}

/* clearfixEND */

/* Logo ----------------------------------------------------------- */
h1.Logo {
  border: none !important;
}

.Logo {
  float: left;
  width: 350px;
  height: 70px;
  padding: 0;
  margin: 20px 0 0;
}

.Logo a,
.Logo a:link,
.Logo a:visited,
.Logo a:active {
  display: block;
  width: 425px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../../images/logo.gif) no-repeat 0 0;
}

/* headUtility ----------------------------------------------------- */
.headUtility {
  position: relative;
  float: right;
  width: 420px;
  height: 40px;
  padding: 0;
  margin: 0;
  background: url(../../images/headerUtilityBg.gif) no-repeat 0 0;
}

/* Fontsizer ----------------------------------------------------------- */
.Fontsizer {
  position: absolute;
  top: 8px;
  right: 260px;
  width: 140px;
  height: 25px;
  margin: 0 10px 0 0;
  background: url(../../images/fontsizeTitle.gif) no-repeat 0 5px;
}

/* clearfix */
.Fontsizer::after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: '.';
}

.Fontsizer {
  display: inline-block;
}

* html .Fontsizer {
  height: 1%;
}

.Fontsizer {
  display: block;
}

/* clearfixEND */
.Fontsizer ul {
  width: 80px;
  padding: 0;
  margin: 0 0 0 60px;
  list-style-type: none;
}

.Fontsizer li {
  float: left;
  height: 25px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.Fontsizer li a,
.Fontsizer li a:link,
.Fontsizer li a:visited,
.Fontsizer li a:active,
.Fontsizer li a:hover {
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../../images/fontsizeBtn.gif) no-repeat 0 0;
}

.Fontsizer li.fontsizeS a,
.Fontsizer li.fontsizeS a:link,
.Fontsizer li.fontsizeS a:visited,
.Fontsizer li.fontsizeS a:active {
  width: 26px;
  background: url(../../images/fontsizeBtn.gif) no-repeat 0 0;
}

.Fontsizer li.fontsizeS a:hover {
  background-position: 0 -25px;
}

.Fontsizer li.fontsizeM a,
.Fontsizer li.fontsizeM a:link,
.Fontsizer li.fontsizeM a:visited,
.Fontsizer li.fontsizeM a:active {
  width: 26px;
  background: url(../../images/fontsizeBtn.gif) no-repeat -26px 0;
}

.Fontsizer li.fontsizeM a:hover {
  background-position: -26px -25px;
}

.Fontsizer li.fontsizeL a,
.Fontsizer li.fontsizeL a:link,
.Fontsizer li.fontsizeL a:visited,
.Fontsizer li.fontsizeL a:active {
  width: 25px;
  background: url(../../images/fontsizeBtn.gif) no-repeat -52px 0;
}

.Fontsizer li.fontsizeL a:hover {
  background-position: -52px -25px;
}

.Search {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 250px;
  height: 22px;
  margin: 0;
  background: url(../../images/searchTitle.gif) no-repeat 0 5px;
}

.Search input {
  position: absolute;
  top: 0;
  left: 68px;
  width: 135px;
  height: 18px;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #ccc;
}

.Search .searchBtn {
  position: absolute;
  top: 1px;
  left: 210px;
  display: block;
  width: 40px;
  height: 20px;
  padding: 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../../images/searchBtn.gif) no-repeat 0 0;
}

.Search .searchBtn:hover {
  background-position: 0 -20px;
}

* html .Search .searchBtn {
  height: 21px;
  line-height: 21px;
}

* html .Search .searchBtn:hover {
  height: 21px;
  line-height: 21px;
}

.headNav {
  position: relative;
  float: right;
  width: 420px;
  height: 90px;
  padding: 0;
  margin: 0;
}

/* hNavSitemap ----------------------------------------------------------- */
.hNavSitemap {
  position: absolute;
  top: 10px;
  right: 130px;
  float: right;
  clear: both;
  width: 110px;
  height: 24px;
  padding: 0;
  margin: 0;
}

.hNavSitemap a,
.hNavSitemap a:link,
.hNavSitemap a:visited,
.hNavSitemap a:active {
  display: block;
  width: 110px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../../images/sitemapBtn.gif) no-repeat 0 0;
}

.hNavSitemap a:hover {
  background-position: 0 -24px;
}

* html .hNavSitemap a:hover {
  background-position: 0 -24px;
}

/* hNavInquiry ----------------------------------------------------------- */
.hNavInquiry {
  position: absolute;
  top: 10px;
  right: 0;
  float: right;
  clear: both;
  width: 115px;
  height: 24px;
  padding: 0;
  margin: 0;
}

.hNavInquiry a,
.hNavInquiry a:link,
.hNavInquiry a:visited,
.hNavInquiry a:active {
  display: block;
  width: 115px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../../images/inquiryBtn.gif) no-repeat 0 0;
}

.hNavInquiry a:hover {
  background-position: 0 -24px;
}

* html .hNavInquiry a:hover {
  background-position: 0 -24px;
}

/* ===========================================================
 content
=========================================================== */
#containerBody {
  clear: both;
  padding: 0;
  margin: 0;
}

.containerWrapper {
  clear: both;
  width: 960px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

/* clearfix */
.containerWrapper::after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: '.';
}

.containerWrapper {
  display: inline-block;
}

* html .containerWrapper {
  height: 1%;
}

.containerWrapper {
  display: block;
}

/* clearfixEND */
.contentsWrapper {
  float: right;
  width: 700px;
  padding: 0 0 20px;
}

.Breadcrumb {
  clear: both;
  padding: 10px 0;
  margin: 0;
  text-align: right;
}

.Breadcrumb a,
.Breadcrumb a:link,
.Breadcrumb a:visited,
.Breadcrumb a:active {
  text-decoration: none;
}

.Breadcrumb a:hover {
  text-decoration: underline;
}

.Pagetop {
  clear: both;
  width: 960px;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 10px;
  text-align: right;
}

.Pagetop a,
.Pagetop a:link,
.Pagetop a:visited,
.Pagetop a:active {
  text-decoration: none;
}

.Pagetop a:hover {
  text-decoration: underline;
}

.sideWrapper {
  float: left;
  width: 210px;
  padding: 5px;
  margin: 40px 0 0;
}

/* ===========================================================
 footBody
=========================================================== */
#footBody {
  clear: both;
  min-height: 160px;
  padding: 0;
  margin: 0;
  text-align: left;
  background: url(../../images/footBg.jpg) no-repeat center bottom;
}

.footWrapper {
  width: 960px;
  padding: 60px 0 10px;
  margin: 0 auto;
}

.FootAddPane {
}

.Copyright {
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 11px;
  color: #9d9d9d;
  text-align: right;
}

/* ===========================================================
 css for each skin
=========================================================== */

/*****************************  */
#skin1Column .containerWrapper .contentsWrapper {
  float: none;
  width: 960px;
  margin: 0 auto;
}

/*****************************  */
#skinNoneDesign .ContentPane {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
}

/*****************************  */
#skinIndex .ContentLPane {
  float: left;
  width: 210px;
  padding: 0;
  margin: 30px 30px 0 0;
}

#skinIndex .ContentPane {
  float: left;
  width: 460px;
  padding: 0;
  margin: 30px 0 0;
}

#skinIndex .ContentRPane {
  float: right;
  width: 210px;
}

#skinIndex #headBody {
  min-height: 255px;
  background: url(../../images/headBgIndex.jpg) no-repeat center top;
}

#skinIndex .headNav {
  position: relative;
  float: right;
  width: 420px;
  height: 120px;
  padding: 0;
  margin: 0;
}

/*  */