@charset "Shift_JIS";

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

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

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

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

.hpb-parts-img-01 {
    margin: 0px !important;
}

.hpb-parts-img-02 {
    margin: 0px !important;
}

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

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

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

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-headerLogo a {
	background: url(../img/logo.png) no-repeat;
}
#hpb-headerExtra1 {
	width: 400px;
	padding-top: 14px;
}
#hpb-headerExtra1 p.tel {
	width: 390px;
	color: #009966;
}
#hpb-headerExtra1 p.tel span {
	display: inline-block;
}
#hpb-headerExtra1 p.address {
	width: 390px;
	margin-top: 2px;
	color: #009966;
}
#hpb-inner {
	padding-top: 73px;
}
#hpb-wrapper {
	width: 100%;
}
.hpb-layoutset-02 #hpb-title {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	background: url(../img/main.jpg) no-repeat;
	text-align: left;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}
.hpb-layoutset-02 #hpb-main {
	width: 100%;
	color: #333333;
}
#hpb-main h2 {
	clear: both;
	margin: 20px 0 15px 0;
}
#hpb-main h3 {
	border-bottom: 1px solid #CCCCCC;
}
#hpb-main h4 {
	font-size: 140%;
	border-bottom: 2px solid #81BFF5;
}
#hpb-main table {
	width: 100%;
	border: none;
}
#hpb-main table th,
#hpb-main table td {
	border: none;
}
#hpb-main ul li {
	background-position: 8px 8px;
}
#hpb-main dl dt {
	background-position: 8px 8px;
	font-weight: bold;
}
#hpb-main p {
	margin: 0.4em 0;
}
.hpb-parts-cnt-style {
	padding: 20px;
}
#hpb-nav li#nav-toppage1 {
	width: 220px;
}
#hpb-nav li#nav-toppage2 {
	width: 210px;
}
#hpb-nav li#nav-toppage3 {
	width: 175px;
}
#hpb-nav li#nav-toppage4 {
	width: 160px;
}
#hpb-nav li#nav-toppage5 {
	width: 135px;
}
#hpb-nav li a {
	height: 62px;
	padding: 6px 0 0 50px;
	text-align: left;
}
#hpb-nav li a:hover {
	color: #FFFFFF;
	background-color: transparent;
}
#hpb-footerMain p a {
	color: #FFFFFF;
}
/* TOPへ戻る */
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed;    /* ←表示場所を固定 */
	bottom: 18px;       /* ←下端からの距離 */
	right: 18px;        /* ←右端からの距離 */
	
	/* ▼最初は非表示にしておく */
	display: none;
	
	/* ▼配色・配置・文字の装飾など */
	text-align: center; /* ←文字の位置 */
	font-size: 120%;    /* ←文字サイズ */
	font-weight: bold;  /* ←文字の太さ */
	margin: 0px;        /* ←外側の余白 */
	padding: 0px;       /* ←内側の余白 */
	
	/* ▼優先度 */
	z-index: 100;
}
#topbutton a {
	display: block;
	width: 7em;                /* ←横幅 */
	background-color: #3366FF; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 24px;       /* ←角丸の半径 */
	padding: 10px;             /* ←内側の余白 */
	/* ▼リンクの装飾 */
	color: white;              /* ←文字色 */
	text-decoration: none;     /* ←下線なし */
}
#topbutton a:hover {
	opacity: 0.75;              /* ←透明度 */
	/* ▼マウスが載ったときの装飾 */
	color: yellow;              /* ←文字色 */
	text-decoration: underline; /* ←下線あり */
}