@charset "Shift_JIS";

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

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

.hpb-parts-hl-style {
    background-image: none !important;
    padding: 0px 0.2em !important;
    border-color: #335fa6;
}

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

.hpb-parts-img-02 {
    background-color: #dde6f4;
}

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

.hpb-parts-pbox-style {
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4 {
    padding: 0px;
}
.hpb-parts-pbox-style img {
    background-color: #dde6f4;
}

.hpb-parts-blist-style {
    border-color: #8aa8dc;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-headerLogo a {
	background-image: url(../img/logo.png);
}
#hpb-headerExtra1 p.tel {
	font-size: 20px;
}
.hpb-layoutset-02 #hpb-wrapper {
	width: 900px;
}
.hpb-layoutset-02 #hpb-title {
	width: 100%;
	height: 250px;
	background: url(../img/main.jpg) no-repeat;
}
.hpb-layoutset-02 #hpb-title h2 {
	margin: 0;
	padding: 0;
	background: none;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}
#hpb-main {
	width: 100%;
}
.hpb-layoutset-02 #hpb-wrapper h3 {
	margin-top: 40px;
	padding: 0;
	height: auto;
	background: none;
	border-color: #00a2e8;
	border-style: solid;
	border-width: 0 0 3px 0;
	font-size: 160%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.4;
}
.hpb-layoutset-02 #hpb-wrapper h5 {
	color: #ff8080;
}
#hpb-main table {
	margin: 20px 0;
	padding: 0;
	border: none;
}
#hpb-main table th,
#hpb-main table td {
	padding: 0;
	border: none;
}
#hpb-main dl dt {
	padding-left: 32px;
	background: url(../img/img_o052.gif) no-repeat 8px center;
	color: #cd5c5c;
}
#hpb-nav li {
	width: 179px;
}
#hpb-nav li#nav-toppage5 {
	width: 178px;
}
#hpb-nav li a {
	padding-right: 0;
	border-left: 1px solid #CCCCCC !important;
}
#hpb-nav li a:hover span {
	color: #cd5c5c !important;
}
#hpb-nav li#nav-toppage5 a {
	border-right: 1px solid #CCCCCC;
}
#hpb-nav li span.en {
	padding-top: 12px;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
}
/* TOPへ戻る */
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	width: 7em;     /* ←横幅 */
	
	/* ▼最初は非表示にしておく */
	display: none;
	
	/* ▼配色・配置・文字の装飾など */
	background-color: #CC6666; /* ←背景色 */
	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; /* ←下線あり */
}