@charset "shift_jis";

/* 基準値を10pxとしておくと以下の要素のサイズ調整が簡単！ */
body { font-size:10px; }

/* 
	JavaScriptが使えない環境向けに指定しておくとよい
	px指定すると可変しない為、相対的な単位を指定する
*/
#main { font-size:140%; }
#footer-menu { font-size:120%; }
#address { font-size:80%; }
#comm { font-size:80%; }
#p-price { font-size:200%; }
#small-A { font-size:80%; }
#small-B { font-size:60%; }
#default { font-size:100%; }


/* フォントサイズ切り替えボタンのスタイル。自由にカスタマイズしてください。 */
#font-size {
	width: 105px;
	position: fixed;
	z-index: 9999;
}#font-size p {
	font-size: 12px;
	font-weight: bold;
	background-color: #533C32;
	color: #FFF;
	text-align: center;
	width: 101px;
	height: 20px;
	position: absolute;
	top:3px;
	right:0;
	
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
}
#font-size div.small {
	right: 70px;
}#font-size div.medium {
	right: 35px;
}#font-size div.large {
	right: 0px;
}
#font-size div.small,
#font-size div.medium,
#font-size div.large {
	font-size: 14px;
	display: inline-block;
	line-height: 30px;
	height: 42px;
	width: 32px;
	text-align: center;
	/display:inline;
	/zoom:1;
	padding: 5px;
	margin-left: 5px;
	background-color: #A99D99;
	background-image:url(../img/bg-002.jpg);
	position: absolute;
	top: 26px;
	cursor: pointer;
	border: solid 1px #FDF6E4;
}#font-size div span {
	color: #fff;
	font-weight: bold;
}#font-size div.active span {
	color: #FFF;
}
#font-size div.active {
	background-color: #533C32;
	background-image:url(../img/bg-001.jpg);
}
#font-size div.small span,
#font-size div.medium span,
#font-size div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　*/ }