@charset "utf-8";

/* -------------------------------
          各ページ共通
---------------------------------- */

html {
	background: url(./footerarea_bg.jpg) repeat-x center bottom #d71418;
}

.mt30 { margin-top: 30px !important;}
.mtem01 { margin-top: 1em !important;}
.ml25 { margin-left: 25px !important;}
.pt20 { padding-top: 20px !important;}
.pl10 { padding-left: 10px !important;}
.FB { font-weight: bold !important;}
.DB { display: block !important;}
.TR { text-align: right !important;}
.FS20 { font-size: 20px !important;}
.FCR { color: #d71418 !important;}


/*画像ロールオーバー　（不透明度）*/
a.ov:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */

.clear { clear: both;}


/* ---ヘッダー　ボタン--- */

h1   { height: 24px; padding-top: 18px !important;}
h1 a { text-decoration: none !important;}

#HeaderArea { width: 960px; position: relative;}

.HeaderLogo {
	width: 250px;
	height: 85px;
	position: absolute;
	top: 14px;
	left: 21px;
}
.HeaderBt01 { 
	width: 95px;
	height: 36px;
	position: absolute;
	top: 42px;
	left: 545px;
}


/*インフォバナー　各ページ共通*/
.InfoBnrText {
	width: 542px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.InfoBnrText dt {
	width: 80px;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	line-height: 1.5;
}
.InfoBnrText dd {
	width: 462px;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1.5;
	font-size: 12px;
}

/*pagetop*/
.PageTop {
	width: 910px;
	height: 22px;
	padding: 0 25px 2px;
	text-align: right;
}
/*sitemap*/
.FooterArea {
	width: 960px;
	height: 129px;
	overflow: hidden;
}
.FooterLogo {
	width: 275px;
	height: 108px;
	padding-top: 21px;
	text-align: left;
	float: left;
}
.SiteMapArea {
	width: 496px;
	height: 94px;
	padding-top: 35px;
	float: left;
}
.SiteMapArea p {
	font-size: 14px;
	line-height: 2.0;
}
.SiteMapArea p a:link    { color: #432a20 !important; text-decoration: underline; }
.SiteMapArea p a:visited { color: #432a20 !important; text-decoration: underline; }
.SiteMapArea p a:hover   { color: #8f472b !important; text-decoration: underline; }
.SiteMapArea p a:active  { color: #432a20 !important; text-decoration: underline; }

.FooterFB {
	width: 184px;
	padding-top: 20px;
	text-align: left;
	float: left;
}
.FooterFB p {
  line-height: 1.5;
	padding-bottom: 2px;
}

/*copyright*/
p.CopyRightArea {
	width: 955px;
	height: 27px;
	padding: 10px 0 0 5px;
	text-align: left;
	font-size: 12px;
	color: #432a20;
}


/* -------------------------------
          トップページ
---------------------------------- */

/*スタイルギャラリー*/
.TopGalleText {
  color: #fff;
}
.TopGalleText a       { color: #fff;}
.TopGalleText a:hover { color: #fff6d0;}



/* -------------------------------
     メニュー、おすすめメニュー
---------------------------------- */
.Menulist01 {
	width: 455px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	color: #a33813;
}
.Menulist01 th {
	width: 55%;
	padding: 5px 0;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #ded6be;
}
.Menulist01 td {
	width: 45%;
	padding: 5px 0;
	text-align: right;
	border-bottom: 1px solid #ded6be;
}
.MenulistW th {
		width: 70% !important;
}
.MenulistW td {
		width: 30% !important;
}

p.MenuSubText {
	padding: 20px 0 3px 10px !important;
	color: #d71418 !important;
}
.MenuSublist01 {
	width: 270px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	color: #a33813;
}
.MenuSublist01 th {
	width: 40%;
	padding: 5px 0;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #ded6be;
}
.MenuSublist01 td {
	width: 60%px;
	padding: 5px 0;
	text-align: left;
	border-bottom: 1px solid #ded6be;
}

/* -------------------------------
          スタイルギャラリー
---------------------------------- */

.GalleryDetArea {
	width: 885px;
	margin-top: 15px;
	overflow: hidden;
}
.GalleryDetArea div {
	width: 295px;
	height: 340px;
	text-align: left;
	float: left;
}

/* -------------------------------
          スタッフ紹介
---------------------------------- */
.Stafflist {
	width: 550px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	color: #a33813;
}
.Stafflist th {
	width: 40%;
	padding: 5px 0;
	text-align: left;
	font-weight: normal;
	color: #d71418;
	border-bottom: 1px solid #ded6be;
}
.Stafflist td {
	width: 60%;
	padding: 5px 0;
	text-align: left;
	color: #a33813;
	border-bottom: 1px solid #ded6be;
}