@charset "UTF-8";
/* CSS Document */
/*  ================================================================================
	共通
================================================================================  */
a:link, a:visited, a:active {
  color: #363636;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
a.under:link, a:visited, a:active {
  text-decoration: underline;
}
a.under:hover {
  text-decoration: none;
}

.formBtn:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.fontS {
  font-size: 75%;
}

.fontM {
  font-size: 87.5%;
}

.fontL {
  font-size: 100%;
}

/*  ================================================================================
	ヘッダー
================================================================================  */
#header {
  background: url(/common/images/bg_header.gif) repeat-x center top;
}
#header .hWrapper {
  width: 950px;
  margin: 0 auto;
  padding-top: 32px;
}
#header .hWrapper .hUpper {
  margin-bottom: 18px;
}
#header .hWrapper .hUpper h1 {
  float: left;
}
#header .hWrapper .hUpper .hURight {
  float: right;
  text-align: right;
  padding-top: 10px;
}
#header .hWrapper .hUpper .hURight .hURUpper {
  height: 23px;
  float: right;
  width: 84px;
}
#header .hWrapper .hUpper .hURight .hURUpper .phone {
  float: right;
  padding-top: 2px;
}
#header .hWrapper .hUpper .hURight .hURUpper .english {
  float: right;
  margin-left: 12px;
}
#header .hWrapper .hUpper .hURight .hURBottom {
  float: right;
}
#header .hWrapper .hUpper .hURight .hURBottom .size {
  float: left;
  margin-right: 10px;
}
#header .hWrapper .hUpper .hURight .hURBottom .size p {
  float: left;
  margin-right: 5px;
  height: 19px;
}
#header .hWrapper .hUpper .hURight .hURBottom .size ul {
  float: left;
  height: 19px;
}
#header .hWrapper .hUpper .hURight .hURBottom .size ul li {
  float: left;
  margin-left: 2px;
  cursor: pointer;
}
#header .hWrapper .hUpper .hURight .hURBottom .search {
  width: 243px;
  float: left;
}
#header .hWrapper .hUpper .hURight .hURBottom .search form input {
  padding: 0;
  margin: 0;
  float: left;
}
#header .hWrapper .hUpper .hURight .hURBottom .search form #query-input {
  border: #cfcfcf 1px solid;
  height: 18px;
  width: 206px;
  _width: 204px;
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  behavior: url(/common/js/PIE.htc);
  position: relative;
}
#header .hWrapper .hUpper .hURight .hURBottom .search p {
  height: 20px;
}
#header .hWrapper nav ul li {
  float: left;
}
#header .hWrapper nav ul li a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#header .grayArea {
  background: #eee;
  padding: 5px 0;
  margin-bottom: 43px;
}
#header .grayArea .gAWrapper {
  width: 950px;
  margin: 0 auto;
}
#header .grayArea .gAWrapper .path {
  float: left;
  padding-top: 2px;
}
#header .grayArea .gAWrapper ul {
  float: right;
}
#header .grayArea .gAWrapper ul li {
  float: right;
  margin-left: 5px;
}

/*  ================================================================================
	コンテンツ
================================================================================  */
#contents {
  width: 950px;
  margin: 30px auto 50px;
}
#contents #sideColumn {
  float: left;
  width: 180px;
}
#contents #mainColumn {
  float: right;
  width: 730px;
}

/*  ================================================================================
	フッター
================================================================================  */
#footer {
  background: url(/common/images/bg_grayBorder.gif) repeat-x center 74px;
}
#footer .pageTop {
  width: 950px;
  margin: 0 auto;
  text-align: right;
  height: 28px;
  margin-bottom: 23px;
}
#footer .pageTop a {
  background: url(/common/images/point_circle.gif) no-repeat left 1px;
  padding-left: 20px;
}
#footer h1 {
  background: url(/common/images/bg_grayBorder.gif) repeat-x center bottom;
  width: 950px;
  margin: 0 auto;
  text-align: right;
  cursor: pointer;
}
#footer .fWrapper {
  width: 950px;
  margin: 0 auto;
}
#footer .fWrapper ul li a {
  background: url(/common/images/point_gArr.gif) no-repeat left 6px;
  padding-left: 7px;
}
#footer .fWrapper table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px;
}
#footer .fWrapper table td {
  border: #b3b2b2 1px dotted;
  border-width: 0 1px;
  padding: 25px 15px 10px;
}
#footer .fWrapper table td h2 {
  font-weight: bold;
  margin-bottom: 2px;
}
#footer .fWrapper table td h4 {
  margin-bottom: 3px;
}
#footer .fWrapper table td p {
  margin-bottom: 15px;
}
#footer .fWrapper table td ul {
  margin-bottom: 10px;
}
#footer .fWrapper table td ul.twin li {
  float: left;
  width: 103px;
}
#footer .fWrapper table td ul.column {
  margin-bottom: 15px;
}
#footer .fWrapper table td ul.column li a {
  background: none;
  padding-left: 0;
}
#footer .fWrapper .fWBottom {
  padding-bottom: 10px;
}
#footer .fWrapper .fWBottom p {
  float: left;
}
#footer .fWrapper .fWBottom ul {
  float: right;
}
#footer .fWrapper .fWBottom ul li {
  float: left;
  margin-left: 15px;
}
