@charset "Shift_JIS";

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

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

.hpb-parts-hl-style
{
    padding: 4px 0.2em 2px !important;
    border-color: #8f2500 !important;
    line-height: 1 !important;
	background-image:none !important;
	color:#5a3300 !important;
}

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

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

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

.hpb-parts-blist-style
{
    border-color: #cf1d00;
	background-color:#FFFFFF;
}
a.hpb-parts-blist-style:link
{
    color: #333333;
}
a.hpb-parts-blist-style:visited
{
    color: #333333;
}
a.hpb-parts-blist-style:hover
{
    color: #cf1d00;
}
a.hpb-parts-blist-style:active
{
    color: #cf1d00;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-header {
	width: 920px;
}
#hpb-headerLogo a {
	background: url(../img/logo.png) no-repeat left center;
}
#hpb-headerMain {
	width: 500px;
}
#hpb-inner {
	width: 920px;
}
#hpb-wrapper {
	width: 100%;
	background-color: #FFFFFF;
}
.hpb-layoutset-02 #hpb-title {
	width: 920px;
	height: 80px;
	padding: 60px 0;
	color: #a0522d;
	background: url(../img/main.jpg) no-repeat;
	font-size: 130%;
	font-weight: bold;
}
.hpb-layoutset-02 #hpb-main {
	width: auto;
	padding-top: 24px;
}
.hpb-layoutset-02 #hpb-main h2 {
	margin: 0 0 18px 0;
}
.hpb-layoutset-02 #hpb-main h3 {
	margin: 0 0 14px 0;
}
.hpb-layoutset-02 #hpb-main h3.inline_h3 {
	display: inline-block;
	margin-bottom: 0.4em;
	border-bottom: none;
	font-size: 100%;
	height: auto;
	line-height: 1.2;
}
.hpb-layoutset-02 #hpb-main h3.inline_h3:before {
	content: "●";
	color: #333366;
}
.hpb-layoutset-02 #hpb-main table {
	margin: 15px 0;
	padding: 0;
	border: 0;
}
.hpb-layoutset-02 #hpb-main table td {
	margin: 0;
	padding: 0;
	border: 0;
}
.hpb-layoutset-02 #hpb-main table.kaikou td {
	padding: 0.4em 0;
}
.hpb-layoutset-02 #hpb-main dt {
	padding: 7px 0;
	color: #222222;
	font-weight: bold;
}
.hpb-layoutset-02 #hpb-main dt:before {
	content: "● ";
	color: #333366;
}
.hpb-layoutset-02 #hpb-main dd {
	padding: 7px 0;
}
.hpb-layoutset-02 #hpb-main p {
	margin: 0.2em 0;
	padding: 0;
}
.hpb-layoutset-02 #hpb-main hr {
	margin-bottom: 30px;
}
#hpb-nav {
	width: 920px;
}
#hpb-nav ul{
	width: 100%;
}
#hpb-nav li {
	width: 184px;
}
#hpb-nav li a {
	width: 184px;
}
#hpb-nav li span.ja {
	font-size: 15px;
}
#hpb-footerMain {
	padding-top: 24px;
}
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	width: 7em;     /* ←横幅 */
	
	/* ▼最初は非表示にしておく */
	display: none;
	
	/* ▼配色・配置・文字の装飾など */
	background-color: #CC0000; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 24px;       /* ←角丸の半径 */
	text-align: center;    /* ←文字の位置 */
	font-size: 120%;       /* ←文字サイズ */
	font-weight: bold;     /* ←文字の太さ */
	margin: 0px;    /* ←外側の余白 */
	padding: 10px;  /* ←内側の余白 */
}
#topbutton a {
	/* ▼リンクの装飾 */
	color: white;          /* ←文字色 */
	text-decoration: none; /* ←下線なし */
}
#topbutton a:hover {
	/* ▼マウスが載ったときの装飾 */
	color: yellow;              /* ←文字色 */
	text-decoration: underline; /* ←下線あり */
}