@charset "Shift_JIS";

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

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

.hpb-parts-hl-style
{
    border-color: #2cabe2;
}

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

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

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

.hpb-parts-blist-style
{
    background-color: #f3f3f3;
    border-color: #56bfed;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #56bfed;
}
a.hpb-parts-blist-style:active
{
    color: #56bfed;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#hpb-header {
	font-size: 75%;
}
.hpb-layoutset-02 #hpb-wrapper {
	width: 940px;
	margin-top: 0;
	margin-left: 35px;
}
#hpb-title {
	width: 100%;
	height: 260px;
	background: url(../img/main.jpg) no-repeat;
	text-align: left;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}
#hpb-main h2 {
	clear: both;
	width: auto;
	height: 58px;
	margin: 40px 0 18px 0;
	padding: 0 20px;
	color: #FFFFFF;
	line-height: 54px;
}
#hpb-main h3 {
	clear: both;
	margin: 20px 0 12px 0;
	padding-left: 2px;
	font-size: 140%;
}
#hpb-main h4 {
	margin: 14px 0 4px 0;
	font-size: 140%;
}
#hpb-main h5 {
	margin: 10px 0 2px 0;
	color: #9d5500;
}
#hpb-main dt {
	width: 180px !important;
}
#hpb-main dd {
	padding-left: 205px;
	border-bottom-color: #999999;
}
#hpb-main ul {
	margin: 10px 0;
}
#hpb-main ul li {
	margin: 0;
	padding: 4px 10px 2px 25px;
	color: #9d5500;
	background-position: 6px 8px;
	border: none;
	font-size: 120%;
	font-weight: bold;
}
.hpb-parts-cnt-01 {
	padding: 20px;
}
div.bgTop {
	background: url(../img/bgtop.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%;
}
span.denwasoudan {
	background-color: #FFFF33;
}
div.gyomubox {
	margin-top: 15px;
	padding: 0 20px 14px 20px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
}
div.shiharai {
	margin-top: 20px;
	padding: 14px 20px;
	background: #f9cdb7;
	border: 1px dotted #CC6633;
}
div.shiharai b {
	color: #990000;
	font-size: 110%;
}
div.abouttext {
	margin-top: 10px;
	margin-left: 15px;
}
#hpb-main ul.photolist {
	width: 100%;
	float: left;
	overflow: hidden;
}
#hpb-main ul.photolist li {
	width: 33.3%;
	float: left;
	margin: 0 0 20px;
	padding: 0;
	background: none;
	font-size: 80%;
	text-align: center;
}
#hpb-main ul.photolist img {
	margin-bottom: 5px;
}
div.faq b {
	color: #003366;
}
div.faq p {
	text-indent: -1em;
	padding-left: 1em;
}
div.faq p:first-letter {
	color: #CC3333;
	font-weight: bold;
}
#hpb-main dl.guidemap dt {
	font-weight: bold;
}
div.map_box {
	width: 482px;
	height: 420px;
	margin: 20px auto 0;
}
#hpb-nav li {
	width: 140px;
	font-size: 95%;
}
#hpb-nav li a {
	padding-right: 0 !important;
	padding-left: 0 !important;
	text-align: center;
}
#hpb-nav li a:hover {
	color: #009900;
}
#hpb-footerMain p a {
	color: #333333;
}
/* 部品 */
.cF60 {
	color: #F60;
}
.c036 {
	color: #036;
}
.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: #2525aa; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 24px;       /* ←角丸の半径 */
	padding: 10px;             /* ←内側の余白 */
	/* ▼リンクの装飾 */
	color: white;              /* ←文字色 */
	text-decoration: none;     /* ←下線なし */
}
#topbutton a:hover {
	opacity: 0.75;              /* ←透明度 */
	/* ▼マウスが載ったときの装飾 */
	color: yellow;              /* ←文字色 */
	text-decoration: underline; /* ←下線あり */
}