body { color: #333; background-image: url(img/bg.jpg); text-align: center; margin: 0; padding: 0; }
#head { margin-top: 10px; }
#contener,#contener2 { background-color: white; text-align: center; width: 820px; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0 0 10px 10px; }
#contener3 { text-align: center; padding: 10px 0 10px 10px; width: 800px; margin: 10px auto; border-top: 1px dotted gray; }
#topimg { width: 810px; height: 395px; }
#top-coment { color: #fff; font-size: 12px; font-family: courier; line-height: 16px; text-align: center; padding-top: 65px; }
#menu { color: #091201; width: 190px; height: 60px; float: left; margin-top: 10px; margin-right: 8px; border-style: dotted; border-width: 1px; }
.menu-title { color: #3d3d3d; font-size: 10px; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; vertical-align: baseline; }
#menu-img { float: left; }
.FloatEnd { clear:both; }
#contener2 { margin-top: 10px; }
#news { text-align: left; width: 265px; height: 225px; float: left; border-right-width: 10px; }
#news-twi { background-image: url(img/twi.jpg); background-repeat: no-repeat; width: 800px; height: 100px; float: left; }
#news-twitxt {
	font-size: 12px;
	text-align: left;
	width: 600px;
	height: 80px;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 150px;
}
#news-li { font-size: 12px; line-height: 16px; text-align: left; margin-right: 15px; float: left; margin-left: 0; }
.news-topi { font-size: 12px; line-height: 16px; border-bottom: 1px dotted #963f58; list-style-type: none; list-style-position: outside; }
#news-title { color: #3d3d3d; font-size: 12px; background-image: url(img/line.gif); background-repeat: no-repeat; background-position: 0 bottom; margin-bottom: 5px; }
#news-title2 { color: #3d3d3d; font-size: 12px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px dotted #696969; }
#work-title2 { color: #963f58; font-size: 15px; font-family: courier; width: 200px; float: left; margin-bottom: 5px; border-bottom: 1px dotted #696969; }
#cap { color: gray; font-size: 12px; line-height: 16px; margin: 10px; }
#cat-contener { background-image: url(img/0810-bg.jpg); background-repeat: repeat; margin-top: 0; margin-right: auto; margin-left: auto; width: 810px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; }
#cat-menu { text-align: left; width: 180px; float: left; margin-top: 10px; margin-right: auto; margin-left: 10px; }
#cat-content { text-align: left; width: 500px; float: left; margin-top: 10px; margin-left: 20px; padding-right: 10px; padding-left: 10px; }
#work-content { text-align: left; margin-top: 10px; margin-left: 20px; width: 200px; float: left; }
#list-ill { width: 480px; margin: 0; padding: 0 0 0 10px; }
#list-ill2 { text-align: center; width: 730px; border: solid 1px aqua; }
.il { background-image: url(illstration/img/soon.jpg); background-repeat: no-repeat; width: 85px; height: 85px; float: left; margin-top: 10px; margin-right: 10px; list-style-type: none; }
.il2 { background-repeat: no-repeat; text-align: center; list-style-type: none; margin-top: 20px; margin-right: 20px; float: left; }
.menu-li { font-size: 12px; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; list-style-type: square; }
.foot { color: gray; font-size: 10px; }
.h1 { color: #3d3d3d; font-size: 12px; }
#info {
	width: 810px;
	height: 80px;
	font-size: 12px;
}
#contener #contener3 .class1 {
	height: 50px;
	width: 300px;
	float: right;
	font-size: 12px;
	text-align: left;
}
#contener .foot {
	height: 50px;
	width: 760px;
}

