@charset "Shift_JIS";

/* リセット */
html,body{margin:0;padding:0;font-size:100%;line-height: 100%;}
p,blockquote,address,div,p,hr,noscript{margin:0;padding:0;border:0;font-size:100%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;font-size:100%;}
pre{margin:0;padding:0;border:0;font-size:100%;}
a,img,map,q,sub,sup,span,bdo{margin:0;padding:0;border:0;}
br{margin:0;padding:0;border:0;letter-spacing:0;}
tt,i,b,big,small{margin:0;padding:0;border:0;}
code,samp,var{margin:0;padding:0;border:0;font-size:100%;}
strong,dfn,kbd,cite,abbr,acronym,em{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;}
ins{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;text-decoration:none;}
del{margin:0;padding:0;border:0;font-size:100%;font-style:normal;}
form,fieldset{margin:0;padding:0;border:0;font-size:100%;}
legend,label,select,optgroup,option,button{margin:0;padding:0;font-size:100%;}

/* 全ページ共通 */
body {
	text-align: left;
	font: normal 20px/100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	padding: 0px 0px 0px 0px;
	background: #fffff5;
	background-image: url(/img/backlogo.gif);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}
a {
	color: #303030;
	cursor: pointer;
}
h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 32px;
}
h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 24px;
}
div#header {
	width: 98%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 10 10 10 10;
	height: 50px;
	z-index: 1;
}
div#menu {
	float : left; 
	width : 240px;
	margin: 0px 0px;
	margin-left: 3px;
}
div#recent {
	position: absolute;
	right: 10px;
	top: 45px;
	overflow:hidden;
	width : 200px;
	font-size:12px;
	background: #ffffff;
	border:solid 1px #909090;
	margin: 0px 0px;
	padding: 2px 0px;
	padding-left: 5px;
	padding-bottom: 7px;
	z-index: 100;
}
div#contentswrap {
	position: absolute;
	overflow:hidden;
	height:100%;
	width:100%;
	margin: 0px 0px;
}
div#contents {
	font-size: 12pt;
	margin-top: 70px;
	margin-left: 20px;
}
div#footer {
	clear : both;
	text-align: center;
	font-size: 9pt;
	z-index: 1;
	padding-left: 5px;
}
div#footerleft {
height: 20px;
margin-top: 3px;
margin-left: 5px;
font-size: 11px;
color: #000000;
float: left;
}
div#footerleft a {
color: #303030;
}
div#footerright {
height: 20px;
margin-top: 3px;
margin-right: 5px;
font-size: 12px;
float: right;
color: #000000;
}

/* header class */

div#headerleft {
float: left;
width: 100px;
height: 50px;
margin: 0px 0px  0px 5px;
font-size: 20px;
text-align: left;
}
div#headerright {
position: absolute;
left: 35px;
top: 0px;
margin-left: 100px;
font-size: 14px;
text-align: left;
}

.claytitle {
font-size: 18px;
line-height: 24px;
font-weight: bold;
margin:3px 3px 3px 1px;
}
.clay {
position: absolute;
border: solid 1px #d0d0d0;
width: 240px;
height: 240px;
font-size: 16px;
line-height: 22px;
clip: rect(0px 240px 240px 0px);
cursor: move;
padding:1px;
background: #f9f9f0;
}
.claymini128 {
position: absolute;
width: 256px;
height: 256px;
cursor: move;
padding:0px;
margin:0px;
background: #ffffff;
}
.claymini64 {
position: absolute;
width: 256px;
height: 256px;
cursor: move;
padding:0px;
margin:0px;
background: #ffffff;
}
.claymini32 {
position: absolute;
width: 256px;
height: 256px;
cursor: move;
padding:0px;
margin:0px;
background: #ffffff;
}
.claymini16 {
position: absolute;
width: 256px;
height: 256px;
cursor: move;
padding:0px;
margin:0px;
background: #ffffff;
}
.claymini8 {
position: absolute;
width: 256px;
height: 256px;
cursor: move;
padding:0px;
margin:0px;
background: #ffffff;
}

.adds {
position: absolute;
font-size: 14px;
}

.indentbox {
margin-top: 10px;
margin-left: 20px;
background: #f9f9f9;
padding: 10px;
border: solid 1px #d0d0d0;
width: 90%;
}

.redtext {
color: #FF6600;
font-weight:bold;
}