@charset "UTF-8";
/*===================================================

目次
1:リセット
2:共通スタイル
3:グローバルレイアウト
4:ヘッター
5:フッター
6:サイドバー

=====================================================*/
/* 1:リセット ---------------------------------------*/* {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  /*	text-shadow: 0px 1px 0px #fff;*/

}
body {
  /*font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;*/

  font-family: '小塚ゴシック Pr6N', '小塚ゴシック Pr6N R', 'A-OTF 新ゴ Pr6N', 'A-OTF 新ゴ Pr6N R', 'VL Pゴシック', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', meiryo, 'Arial Unicode MS';
  -webkit-text-size-adjust: none;
}
html,
body {
  height: 100%;
}
a {
  text-decoration: none;
  color: #333333;
  font-weight: bold;
}
a:hover {
  color: #333333;
  font-style: normal;
  text-decoration: none;
}
/* 2:共通スタイル -----------------------------------*/
img {
  vertical-align: bottom;
  border: none;
}
.clr {
  clear: both;
}
/* Clearfix */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-Mac */
ul {
  list-style-type: none;
}
ul li a {
  text-decoration: none;
}
/*テキストシャドウ*/
.shadow_white1 {
  text-shadow: 0px 1px 0px #fff;
}
.shadow_no {
  text-shadow: 0px 0px 0px #fff;
}
.shadow_black1 {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}
.shadow_black3 {
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.shadow_black2 {
  text-shadow: 0px 1px 0px #000000;
}
/*ボタングラデーション*/
a.gradationbtn_black {
  font-size: 14px;
  width: 100%;
  display: block;
  margin: 0 auto 10px;
  line-height: 40px;
  height: 40px;
  color: #ffffff;
  border: 1px solid #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
  background: -moz-linear-gradient(top, #666666, #333333);
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
a.gradationbtn_red {
  width: 100%;
  font-size: 18px;
  display: block;
  margin: 0 auto 10px;
  line-height: 40px;
  height: 40px;
  color: #ffffff;
  border: 1px solid #ff1e50;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff1e50), to(#ff5078));
  background: -moz-linear-gradient(top, #ff1e50, #ff5078);
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
a.gradationbtn_white {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background: -moz-linear-gradient(top, #ffffff, #eeeeee);
  height: 39px;
  line-height: 39px;
  margin: 0 auto;
  display: block;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */

  border: 1px solid #cccccc;
}
/* お問い合わせ */
.CheckBoxList li {
  width: 50%;
  float: left;
}
.CheckBoxList li span {
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */

  display: block;
  text-align: left;
  line-height: 40px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.CheckBoxList li span input {
  margin-right: 10px;
}
.CheckBoxList li:nth-child(odd) span {
  margin-right: 5px;
}
.CheckBoxList li:nth-child(even) span {
  margin-left: 5px;
}
/* 横向きの場合 */
.landscape .ContactNaiyou li {
  width: 50%;
}
/* 縦向きの場合 */
.portrait .ContactNaiyou li {
  width: 100%;
}
.portrait .ContactNaiyou li span {
  margin-right: 0;
  margin-left: 0;
}
.RadioBoxList li {
  width: 50%;
  float: left;
}
.RadioBoxList li span {
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */

  display: block;
  text-align: left;
  line-height: 40px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.RadioBoxList li span input {
  margin-right: 10px;
}
.RadioBoxList li:nth-child(odd) span {
  margin-right: 5px;
}
.RadioBoxList li:nth-child(even) span {
  margin-left: 5px;
}
h1 {
  font-size: 9px;
  color: #ffffff;
  padding-left: 10px;
}
/* 4:ヘッター-----------------------------------*/
.HeadBorder {
  background: #000000;
}
header #BlockHeader {
  text-align: center;
}
header #BlockHeader a {
  display: block;
}
header ul#GrobalNaviBox {
  height: 48px;
  background: url("../../img/common/bg/g_navi.gif") repeat-x left top;
}
header ul#GrobalNaviBox li {
  width: 50%;
  float: left;
  margin: 4px 0;
}
header ul#GrobalNaviBox li a {
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-left: 26px;
}
header ul#GrobalNaviBox li a span {
  color: #ffffff;
  font-size: 14px;
  display: block;
  line-height: 40px;
  margin: 0 auto;
}
header ul#GrobalNaviBox li.Icon1 a {
  margin-left: 4px;
  margin-right: 2px;
}
header ul#GrobalNaviBox li.Icon2 a {
  margin-left: 2px;
  margin-right: 4px;
}
/* 5:フッター -------------------------------------*/
footer #BlockFooter {
  background: #eeeeee;
}
#BlockInnterFooter {
  padding-top: 20px;
  background: url("../../img/common/border/line1.gif") repeat-x left top;
}
#BlockInnterFooter h2 {
  font-size: 14px;
  /*height: 37px;
		line-height: 37px;
		*/

  line-height: 19px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 10px;
  margin-bottom: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
  background: -moz-linear-gradient(top, #cccccc, #dddddd);
  border-bottom: 1px solid #cccccc;
  /*background: url("../../img/common/bg/title.gif") repeat-x left top;*/

}
#BlockInnterFooter ul {
  /* 東京・大阪・兵庫  */

}
#BlockInnterFooter ul.AreaLinks {
  margin: 0 10px;
}
#BlockInnterFooter ul.AreaLinks li {
  width: 33%;
  float: left;
  margin-bottom: 10px;
}
#BlockInnterFooter ul.AreaLinks li a {
  color: #333333;
  font-weight: bold;
  display: block;
  line-height: 25px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: #f9f9f9;
  border: 1px solid #cccccc;
  background-image: url("../../img/SmartPhone/top/icon/arrow1.png");
  background-repeat: no-repeat;
  background-position: 96% 9px;
}
#BlockInnterFooter ul.AreaLinks li:nth-child(odd) a {
  margin: 0 5px;
}
#BlockInnterFooter ul.AreaLinks li:nth-child(even) a {
  margin-left: 5px;
}
#BlockInnterFooter ul.UpperNavi {
  width: 87%;
  margin: 0 auto;
  background: url("../../img/common/border/line1.gif") repeat-x left bottom;
  padding-bottom: 10px;
}
#BlockInnterFooter ul li {
  width: 50%;
  float: left;
}
#BlockInnterFooter ul li.Left a {
  margin-right: 5px;
}
#BlockInnterFooter ul li.Right a {
  margin-left: 5px;
}
#BlockInnterFooter ul li a {
  display: block;
  font-size: 10px;
  /*margin-right: 10px;*/

  margin-bottom: 10px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */

  -moz-border-radius: 4px;
  /* Firefox用 */

  background: #f9f9f9;
  border: 1px solid #cccccc;
}
#BlockInnterFooter ul.LowerNavi {
  width: 70%;
  margin: 20px auto 0;
}
#BlockInnterFooter ul.LowerNavi li a {
  text-align: center;
  font-size: 10px;
  display: block;
  line-height: 30px;
  height: 30px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
					background: -moz-linear-gradient(top,  #ffffff,  #cccccc);*/

  /*------PIE setting-------*/

  /*-pie-background:linear-gradient(top,  #fd6ca0,  #FB2B75);
					behavior: url(PIE.htc);*/

  /*------------------------*/

  /*border: solid 1px #cccccc;*/

  font-weight: bold;
}
#BlockInnterFooter ul.LowerNavi li a.pclink {
  /*border-radius: 4px;*/

  /* Safari,Google Chrome用 */

  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  /* Firefox用 */

  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  background: url("../../img/common/footer/pc_bg.png") repeat-x left top;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
#BlockInnterFooter ul.LowerNavi li a.smartphonelink {
  /*border-radius: 4px;*/

  /* Safari,Google Chrome用 */

  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  /* Firefox用 */

  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  color: #ffffff;
  background: url("../../img/common/footer/smartphone_bg.png") repeat-x left top;
}
address {
  font-size: 10px;
  padding-top: 20px;
  line-height: 20px;
  background: url("../../img/common/footer/address_bg.gif") repeat-x left bottom;
  color: #ffffff;
  text-align: center;
  font-style: normal;
}
/* グローバルレイアウト */
#BlockContents {
  background: url("../../img/common/bg/all.gif") left top;
}
#BlockContents h2 {
  font-size: 14px;
  /*height: 37px;
		line-height: 37px;
		*/

  line-height: 19px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 10px;
  margin-bottom: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
  background: -moz-linear-gradient(top, #cccccc, #dddddd);
  border-bottom: 1px solid #cccccc;
  /*background: url("../../img/common/bg/title.gif") repeat-x left top;*/

}
#BlockContents .EachBox {
  /*width: 95%;*/

  margin: 0 10px 10px;
}
#BlockContents h3 {
  line-height: 39px;
  height: 39px;
  font-weight: normal;
}
#BlockContents h3.ScrollOn,
#BlockContents h4.ScrollOn {
  border: 1px solid #cccccc;
  /* Safari,Google Chrome用 */

  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  /* Firefox用 */

  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  background: url("../../img/common/bg/gradation.png") repeat-x left top;
}
#BlockContents h3.ScrollOff,
#BlockContents h4.ScrollOff {
  background: url("../../img/common/bg/gradation.png") repeat-x left top;
}
#BlockContents h3 a,
#BlockContents h4 a {
  line-height: 39px;
  padding-left: 10px;
  height: 39px;
  display: block;
  font-weight: bold;
}
#BlockContents h3 span,
#BlockContents h4 span {
  float: right;
  padding-top: 6px;
  padding-right: 8px;
}
.WrapperToggleBox {
  display: none;
}
/* トップへボタン */
.SubmitLinks .TotopBtn {
  float: right;
  display: block;
  line-height: 40px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */

  border: 1px solid #cccccc;
  padding-right: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background: -moz-linear-gradient(top, #ffffff, #eeeeee);
}
.SubmitLinks .TotopBtn a {
  padding: 0 14px 0 10px;
  border: none;
  height: 30px;
  line-height: 30px;
  background: url("../../img/common/btn/totop_icon.png") no-repeat right 10px;
}
#BlockContents .ChildLinks li {
  height: 40px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#BlockContents .ChildLinks li table.Left {
  float: left;
  /*margin: 12px;*/

  width: 10%;
  height: 40px;
  text-align: center;
  background: url("../../img/raillist/bg/checkbox_bg.png") left top;
}
#BlockContents .ChildLinks li table.Left input {
  /*line-height: 40px;
				height: 100%;
				width: 100%;
				display: block;
				*/

  text-align: center;
}
#BlockContents .ChildLinks li span.Right {
  /*margin: 12px;*/

  width: 90%;
  text-align: left;
  float: right;
  background: #f9f9f9;
}
#BlockContents .ChildLinks li span.Right a {
  line-height: 40px;
  padding-left: 10px;
  margin-right: 10px;
  border-left: 1px solid #cccccc;
  display: block;
  background: url("../../img/SmartPhone/top/icon/arrow1.png") no-repeat right 14px;
}
p.error {
  color: #ff0000;
  margin: 5px 10px;
}
p.notice {
  color: green;
  margin: 5px 10px;
}
div.center_image {
  margin: auto;
  text-align: center;
  vertical-align: middle;
}
div.center_image img {
  vertical-align: middle;
  display: inline;
  zoom: 1;
}