@charset "utf-8";
*{margin:0px;padding:0px;}
html  {
	scrollbar-3d-light-color:#888888;
	scrollbar-arrow-color:#222222;
	scrollbar-base-color:#888888;
	scrollbar-dark-shadow-color:#555555;
	scrollbar-face-color:#777777;
	scrollbar-highlight-color:#111111;
	scrollbar-shadow-color:#111111;
}
body  {
	scrollbar-3d-light-color:#888888;
	scrollbar-arrow-color:#222222;
	scrollbar-base-color:#888888;
	scrollbar-dark-shadow-color:#555555;
	scrollbar-face-color:#777777;
	scrollbar-highlight-color:#111111;
	scrollbar-shadow-color:#111111;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","MS P Gothic","ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
	background-color: #000000;
	font-size: 12px; font-weight: normal; color: #dddddd;
	letter-spacing: 0.3px; line-height: 1.6em;
	text-align: center;
	overflow:hidden;
}
/*↓左右xxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#left {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:100%;
	background-image: url( "../img/bg-misa.jpg" );
	background-repeat: no-repeat;
	z-index:2;
	overflow:hidden;
}
#right {
	width:100%;
	padding:0px,0px,0px,200px;
	background-color: #000000;
	height:100%;
	text-align:center;
	z-index:1;
	overflow:auto;
}

/* ↓サンプルxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.sample {
	float: left;
	width: 800px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #f8f4f7;
	background-image: url( "../img/bg-main.gif" );
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: fixed;
	font-family: "MS P Gothic","ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
	font-size: 12px; font-weight: normal; color: #77cc77;
	letter-spacing: 0.3px; line-height: 1.3em;
	text-align: center;
	border: solid 1px #333333;
	overflow:hidden;
}