@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style {
    border-color: #dddddd;
}

.hpb-parts-hl-style {
    padding-top: 0.3em !important;
    padding-bottom: 0.2em !important;
    padding-left: 0.2em !important;
    border-color: #BA802F;
}

.hpb-parts-cbox-style {
    border-color: #dddddd;
}

.hpb-parts-hr-style {
    border-color: #BA802F;
}

.hpb-parts-pbox-style {
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4 {
    padding: 0px !important;
}

.hpb-parts-blist-style {
    border-color: #BA802F;
}
a.hpb-parts-blist-style:link {
    color: #666666;
}
a.hpb-parts-blist-style:visited {
    color: #666666;
}
a.hpb-parts-blist-style:hover {
    color: #BA802F;
}
a.hpb-parts-blist-style:active {
    color: #BA802F;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/


/*topへ戻るボタンのデザイン*/

#topbutton{
  /* ▼表示位置を画面の右下に固定 */
  position: fixed; /* ←表示場所を固定 */   /* ←下端からの距離 */    /* ←右端からの距離 */     /* ←横幅 */

  /* ▼最初は非表示にしておく */
  display: none;

  /* ▼配色・配置・文字の装飾など */ /* ←背景色 */
  opacity: 1;          /* ←透明度 */
  border-radius: 0px;  /* ←角丸の半径 */
  text-align: center;  /* ←文字の位置 */
  font-size : 40px;    /* ←文字サイズ */
  font-weight: bold;   /* ←文字の太さ */
  margin: 0px;         /* ←外側の余白 */
  padding: 0px;        /* ←内側の余白 */

  background-image : url(../img/top_scroll.png);
  background-repeat : no-repeat;
  bottom : 200px;
  right : 0px;
  background-position : center center;
}

#topbutton a{
  /* ▼リンクの装飾 */
  color: red;            /* ←文字色 */
  text-decoration: none; /* ←下線なし */
  display: block;
  width : 40px;
  height : 40px;
}

#topbutton a:hover{
  /* ▼マウスが載ったときの装飾 */
  color: yellow;         /* ←文字色 */
  text-decoration: none; /* ←下線なし */
}