@charset "Shift_JIS";

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

.hpb-parts-cnt-style
{
    border-color: #cbb7a7;
    text-align: left !important;
}

.hpb-parts-hl-style
{
    margin-top: 15px !important;
    padding: 5px 0.2em !important;
    background-image: none !important;
    border-color: #B3E88C;
}

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

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

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

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

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-headerLogo a {
	background-image: url(../img/logo.png);
}
.hpb-layoutset-02 #hpb-inner {
	margin-top: 70px;
}
.hpb-layoutset-02 #hpb-wrapper {
	width: 930px;
	margin-right: 0;
}
#hpb-title {
	width: 100%;
	height: 250px;
	background: url(../img/main.jpg) no-repeat;
}
#hpb-title h2 {
	margin: 0;
	padding: 0;
	background: none;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}
#hpb-main h3 {
	padding-bottom: 3px;
	border-bottom-width: 3px;
}
#hpb-main table,
#hpb-main table th,
#hpb-main table td {
	border: none;
}
#hpb-main h3 {
	margin-top: 20px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#hpb-nav li {
	width: 229px;
}
#hpb-nav li span.ja {
	font-size: 14px;
}
/* TOPへ戻る */
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	width: 7em;     /* ←横幅 */
	
	/* ▼最初は非表示にしておく */
	display: none;
	
	/* ▼配色・配置・文字の装飾など */
	background-color: #339900; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 24px;       /* ←角丸の半径 */
	text-align: center;    /* ←文字の位置 */
	font-size: 120%;       /* ←文字サイズ */
	font-weight: bold;     /* ←文字の太さ */
	margin: 0px;    /* ←外側の余白 */
	padding: 10px;  /* ←内側の余白 */
	
	/* ▼優先度 */
	z-index: 100;
}
#topbutton a {
	/* ▼リンクの装飾 */
	color: white;          /* ←文字色 */
	text-decoration: none; /* ←下線なし */
}
#topbutton a:hover {
	/* ▼マウスが載ったときの装飾 */
	color: yellow;              /* ←文字色 */
	text-decoration: underline; /* ←下線あり */
}