@charset "UTF-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: url(/images/bg.gif);
	margin: 0;
	padding: 0;
	color: #52311F;
}

/* リセット */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
a img {
	border: none;
}
a:link {
	color: #C60;
	text-decoration: none;
}
a:visited {
	color: #C90;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #C90;
	text-decoration: underline;
}
/* ────────────────────レイアウト */
/* 全体を囲むボックス */
.container {
	width: 600px;
	margin: 40px auto;
}
/* ロゴ */
h1 {
	text-align: center;
	margin: 0 0 20px 0;
}
/* トップのメニュー */
ul#topmenu {
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 0 30px 0;
	list-style: none;
	background: url(/images/line.gif) top no-repeat;
}
ul#topmenu li {
	display: inline;
	padding: 15px 25px;
}
.content {
}
/* 「工房からのお知らせ」のリスト */
div#blogtitle ul {
	padding: 50px 50px 100px 50px;
	background: url(/images/newslistbg.gif) no-repeat;
	list-style: none;
}
div#blogtitle ul li {
	padding: 8px 40px;
	background: url(/images/newslistli.gif) bottom left no-repeat;
}
/* ────────────────────フッター */
/* 住所、電話番号 */
address {
	margin: 20px 0;
	text-align: center;
}
/* ページのトップへのリンク */
p#totop {
	position: fixed !important;
	position: absolute;
	bottom: 10px;
	right: 20px;
	width: 90px;
	height: 120px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 502;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、.container で overflow:hidden が削除されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}