@charset "Shift_JIS";

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

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

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

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

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

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

.hpb-parts-pbox-style
{
    border-color: #b4b4b4;
    background-color: #FFFFFF;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
	color:#faa217 !important;
}
.hpb-parts-pbox-style img
{
    margin-bottom: 0px !important;
    background-color: #ffffff;
}

.hpb-parts-blist-style
{
    border-color: #15b7ec;
	background-color:#d4e7ee;
}
a.hpb-parts-blist-style:link
{
    color: #333333;
}
a.hpb-parts-blist-style:visited
{
    color: #333333;
}
a.hpb-parts-blist-style:hover
{
    color: #333333;
	background-color:#afd4e1;
}
a.hpb-parts-blist-style:active
{
    color: #333333;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-header {
	font-size: 77%;
}
#hpb-headerMain h1 {
	padding-top: 18px;
}
#hpb-headerExtra1 {
	padding-top: 18px;
}
#hpb-headerExtra1 p {
	line-height: 1.6;
}
#hpb-headerExtra1 p.tel {
	font-size: 140%;
}
#hpb-headerExtra1 p.tel span {
	font-size: 70%;
}
#hpb-wrapper {
	width: 100%;
}
#hpb-title {
	width: 100%;
	height: 60px;
	padding: 70px 0;
	color: #FFFFFF;
	background: url(../img/main.jpg) no-repeat;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.6;
}
#hpb-main {
	width: 96%;
	padding: 10px 2% 40px;
}
#hpb-main h2 {
	margin: 0 0 20px 0;
	padding-left: 20px;
	font-size: 160%;
	line-height: 90px;
	background-repeat: repeat-x;
}
#hpb-main h3 {
	margin: 20px 0 14px 0;
	padding: 0;
	color: #4169E1;
	background: none;
}
#hpb-main table {
	margin: 15px 0;
}
#hpb-main table.basicmenu,
#hpb-main table.basicmenu td {
	border: none;
}
#hpb-main table.basicmenu td {
	border-bottom: #000000 1px dashed;
}
#hpb-main hr {
	margin-bottom: 40px;
}
#hpb-main dt {
	color: #cd5c5c;
}
#hpb-main dt:before {
	content: "● ";
	color: #e95f8d;
}
div.map_box {
	width: 425px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

#hpb-nav li a {
	width: 250px;
}
#hpb-nav li a:hover,
#hpb-nav li#nav-toppage1 a:hover,
#hpb-nav li#nav-toppage2 a:hover,
#hpb-nav li#nav-toppage3 a:hover,
#hpb-nav li#nav-toppage4 a:hover{
	display: block;
	border-bottom-color: #333333;
}
#hpb-nav li span.ja {
	display: block;
	padding-top: 10px;
	font-weight: bold;
}
#hpb-nav li#nav-toppage1 a{
	background-color: #faa217;
	border-bottom-color: #dc8f14;
}
#hpb-nav li#nav-toppage2 a{
	background-color: #fbb03a;
	border-bottom-color: #dc8f14;
}
#hpb-nav li#nav-toppage3 a{
	background-color: #faa217;
	border-bottom-color: #dc8f14;
}
#hpb-nav li#nav-toppage4 a{
	background-color: #fbb03a;
	border-bottom-color: #dc8f14;
}
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	width: 7em;     /* ←横幅 */
	
	/* ▼最初は非表示にしておく */
	display: none;
	
	/* ▼配色・配置・文字の装飾など */
	background-color: #FF0033; /* ←背景色 */
	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; /* ←下線あり */
}