html {
	height: 100%;
}

body {					/* 全体指定 */
	height: 100%;
	text-align: center;
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 0;
	background-image: url('./image/bg01.jpg');
	background-color: #ffffff;
}

body > #wrapper {
	height: auto;
}

#wrapper{				/* コンテンツ部全体指定 */
	width:780px;			/* コンテンツ全体の幅指定 */
	min-height: 100%;
	margin: auto;
	background-color: #ffffff;
}

#wrapper1{				/* コンテンツ部全体指定 */
	width:684px;			/* コンテンツ全体の幅指定 */
	min-height: 100%;
	margin: auto;
	background-color: #ffffff;
}

#header1 {
	text-align: left;		/* 上部ロゴの配置用 */
	height: 40px;			/* 上部ロゴの段落高さ */
}

#header2 {
	height: 24px;			/* 上部メニューの段落高さ */
}

#title1 {				/* 文章タイトル部分 */
	clear: both;
	width: auto;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin-right: 1em;		/* 白地から右側の間隔 */
	margin-left: 1em;		/* 白地から左側の間隔 */
	color: #333333;			/* 文章タイトル部分文字色 */
	background-color : #CCCCCC;	/* 文章タイトル部分背景色 */
	padding: 0.2em 0em 0.2em 1em;
}

#title2 {				/* 文章タイトル部分 */
	width: auto;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #333333;			/* 文章タイトル部分文字色 */
	background-color : #CCCCCC;	/* 文章タイトル部分背景色 */
	margin: 0 -4em 0 -4em;
	padding: 0.2em 0em 0.2em 1em;
}

#contents {			/* 工事中コンテンツ書式 */
	width: 457px;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0.5em;
}

#contents1 {			/* コンテンツ部分書式（左寄せ） */
	clear: both;
	width: auto;
	text-align: left;
	line-height: 1.2em;
	margin: 1em 4em 20px 4em;
}

#contents2 {			/* コンテンツ部分書式（右寄せ） */
	clear: both;
	width: auto;
	text-align: right;
	line-height: 1.2em;
	margin: 1em 4em 20px 4em;
}

#contents3 {			/* コンテンツ部分書式（右寄せ・店舗紹介） */
	clear: both;
	width: auto;
	text-align: right;
	line-height: 1.2em;
	margin: 1em 4em 20px 4em;
}

#container {
	margin-left: auto;
	margin-right: auto;
}

#box1 {				/* コンテンツ部分書式（段組用） */
	width:50%;
	float: left;
}

#box2 {				/* コンテンツ部分書式（段組用） */
	width:50%;
	float: right;
}

#box3 {				/* コンテンツ部分書式（段組用） */
	width:40%;
	float: left;
}

#box4 {				/* コンテンツ部分書式（段組用） */
	width:60%;
	float: right;
}

#contents3 {			/* コンテンツ部分書式（左寄せ） */
	text-align: left;
	line-height: 1.2em;
	margin: 1em 2.5em 20px 2.5em;
}

#footer1 {				/* コピーライト部分（コンテンツにスクロールが要る場合） */
	width: 684px;			/* コピーライト部分の幅指定 */
	clear: both;
	text-align: center;
	color: #FFFFFF;			/* コピーライト部分文字色 */
	background-color : #888888;	/* コピーライト部分背景色 */
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#footer2 {			/* コピーライト部分（コンテンツがタテに短い場合） */
	width:684px;			/* コピーライト部分の幅指定 */
	clear: both;
	text-align: center;
	color: #FFFFFF;			/* コピーライト部分文字色 */
	background-color : #888888;	/* コピーライト部分背景色 */
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	position: fixed;
	bottom: 0;
}

div.left{			/* コンテンツ部分左寄せ指定 */
	text-align: left;
}
div.right{			/* コンテンツ部分右寄せ指定 */
	text-align: right;
}
div.center{			/* コンテンツ部分中央揃え指定 */
	text-align: center;
}

img.h {			/* メニューのフラッシュの間隔指定 */
	margin: 0 -1.5px 0 -1.5px;
}
img.left {			/* 写真を左寄せに（文字が右に回り込む） */
	float: left;
	margin: 0 1em 0 0;
}
img.right {			/* 写真を右寄せに（文字が左に回り込む） */
	float: right;
	margin: 0 0 0 1em;
}

table.sinfo{
    width: 600px;
    border-top:1px solid #888888;
    border-left:1px solid #888888;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sinfo th{
    border-right:1px solid #888888;
    border-bottom:1px solid #888888;
    color:#333333;
    background-color:#CCCCCC;
    padding:0.3em 1em;
    text-align:center;
}
.sinfo td{
    border-right:1px solid #888888;
    border-bottom:1px solid #888888;
    padding:0.3em 1em;
    text-align: left;
}
a {
	text-decoration: none;
}