@charset "Shift_JIS";

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

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

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

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

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

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

.hpb-parts-blist-style
{
    background-color: #f7f7f7;
    border-color: #dadada;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #af131b;
}
a.hpb-parts-blist-style:active
{
    color: #af131b;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-header {
	font-size: 14px;
}
#hpb-headerLogo a {
	background: url(../img/logo.png) no-repeat left center;
}
#hpb-headerExtra1 {
	margin-top: -5px;
}
#hpb-headerExtra1 p.tel {
	color: #999999;
	font-size: 160%;
	font-weight: bold;
}
#hpb-headerExtra1 p.tel span {
	color: #666666;
	font-size: 60%;
	font-weight: normal;
}
.hpb-layoutset-02 #hpb-inner {
	padding-top: 67px;
}
#hpb-wrapper {
	width: 100%;
}
#hpb-title {
	width: 100%;
	height: 280px;
	background: url(../img/main.jpg) no-repeat;
	text-align: left;
	position: relative;
}
#hpb-title a {
	display: block;
	width: 190px;
	height: 71px;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 43px;
	top: 133px;
}
#hpb-main {
	color: #000000;
}
#hpb-main h2 {
	clear: both;
	margin: 40px 0 18px;
	padding: 0 26px;
	width: auto;
	height: 80px;
	line-height: 80px;
	font-size: 160%;
	letter-spacing: 2px;
}
#hpb-main h3 {
	clear: both;
	margin: 20px 0 12px;
	padding: 8px 26px;
	font-size: 130%;
	background: #f2cbcd;
	border-bottom: 1px solid #CCCCCC;
}
#hpb-main h4 {
	clear: both;
	margin: 16px 0 10px;
	padding: 0;
	font-size: 120%;
}
#hpb-main table.menulist {
	margin: 0 0 15px;
	width: 100%;
}
#hpb-main table.menulist th {
	width: 75%;
}
#hpb-main table.menulist td {
	width: 25%;
	text-align: right;
}
#hpb-main a {
	text-decoration: underline;
}
#hpb-main a:hover {
	text-decoration: none;
}
.hpb-parts-cnt-01 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
font-size:16px;
}
div.bgTop {
	background: url(../img/bg_top.jpg) no-repeat right bottom;
}
div.textimg {
	font-size: 120%;
	font-weight: bold;
}
div.textimg strong,
div.textimg b {
	color: #CC3300;
	font-size: 120%;
}
b.shop_tel {
	color: #CC3300;
	font-size: 220%;
}
div.attention {
	clear: both;
	margin: 14px 0;
	padding: 14px 22px;
	background: #FFCC99;
	border: 5px double #FF9966;
}
div.attention b {
	font-size: 120%;
}
div.floatbox_wrap {
	clear: both;
	width: 100%;
	overflow: hidden;
}
div.floatbox_wrap .floatbox {
	float: left;
	width: 48%;
	margin: 0 1%;
}
div.faq b {
	color: #000066;
}
div.faq p {
	text-indent: -1em;
	padding-left: 1em;
}
div.faq p:first-letter {
	color: #CC0000;
	font-weight: bold;
}
#hpb-main dl.guidemap {
	margin-top: 10px;
}
#hpb-main dl.guidemap dt {
	font-weight: bold;
}
div.map_box {
	width: 482px;
	height: 420px;
	margin: 0 auto;
}
#hpb-nav li {
	width: 176px;
}
#hpb-nav li a {
	width: 176px;
	padding-top: 17px;
	height: 39px;
}
#hpb-footerMain p a {
	color: #666666;
}
/* 部品 */
.c333 {
	color: #333;
}
.c666 {
	color: #666;
}
.cC63 {
	color: #C63;
}
.cC30 {
	color: #C30;
}
.fs70 {
	font-size: 70%;
}
.fs80 {
	font-size: 80%;
}
.fs90 {
	font-size: 90%;
}
.fs110 {
	font-size: 110%;
}
.fs120 {
	font-size: 120%;
}
.fs130 {
	font-size: 130%;
}
.fwBold {
	font-weight: bold;
}
img.photoframe {
	border: 10px solid #CCCCCC;
}
/* 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: #660000; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 24px;       /* ←角丸の半径 */
	padding: 10px;             /* ←内側の余白 */
	/* ▼リンクの装飾 */
	color: white;              /* ←文字色 */
	text-decoration: none;     /* ←下線なし */
}
#topbutton a:hover {
	opacity: 0.75;              /* ←透明度 */
	/* ▼マウスが載ったときの装飾 */
	color: yellow;              /* ←文字色 */
	text-decoration: underline; /* ←下線あり */
}