body {
	font-size: 12px;
	color: #222222;
	min-width: 770px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

a:link { color: #0000ff; }
a:visited { color: #550088; }
a:hover { color: #ff0000; }

p { margin: 0.2em 0px; }

/*----- class -----*/
.text { font-size: 12px; color: #222222; }
.texts { font-size: 11px; color: #222222; }
.textss { font-size: 10px; color: #222222; }
.textl { font-size: 14px; color: #222222; }
.title1 { font-size: 14px; font-weight: bold; color: #222222; }
.title2 { font-size: 14px; font-weight: bold; color: #000066; }
.rd1 { color: #ff0000; }
.rd2 { color: #cc0000; }
.bl1 { color: #000066; }
.price { color: #cc4400; font-weight: bold; }
.menu { font-size: 12px; padding-left: 5px; }
.tbl { padding-left: 5px; padding-right: 5px; }

img.mgn {
	margin: 0px 5px 5px 0px;
	float: left;
	border: 0px;
}

img.mgn2 {
	margin: 0px 20px 5px 0px;
	float: left;
	border: 0px;
}

img.imgr {
	margin: 0px 0px 5px 5px;
	float: right;
	border: 0px;
}

p.jump {
	font-size: 10px;
	text-align: right;
}

div.section {
	clear: both;
}

div.clrboth {
	clear: both;
}

div.buy {
	text-align: center;
	background-color: #ffffee;
	padding: 10px;
	margin: 10px 0px 10px 200px;
}

h1 {
	float: left;
	padding: 5px;
}
h2 {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #000066;
	background-color: #ccffff;
	border-top: 1px solid #eeffff;
	border-left: 1px solid #eeffff;
	border-right: 1px solid #99cccc;
	border-bottom: 1px solid #99cccc;
	padding: 3px;
	margin: 5px 0px;
}
h2.mgn0 {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #000066;
	background-color: #ccffff;
	border-top: 1px solid #eeffff;
	border-left: 1px solid #eeffff;
	border-right: 1px solid #99cccc;
	border-bottom: 1px solid #99cccc;
	padding: 3px;
	margin: 0px 0px 5px 0px;
}
h3 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.2em;
	background-color: #004488;
	padding: 3px 10px;
	margin: 5px 0px 5px 0px;
}
h3.mgn0 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.2em;
	background-color: #004488;
	padding: 3px 10px;
	margin: 0px 0px 5px 0px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #66bbff;
	padding: 2px 10px;
	margin: 5px 0px 5px 0px;
}
h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #66bbff;
	padding: 2px 10px;
	margin: 5px 0px 5px 0px;
}
h6 {
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	background-color: #ddffff;
	padding: 2px 5px;
	margin: 5px 0px 3px 0px;
}

.em0 { letter-spacing: 0em; }

/* works */
div.worktxt {
	float: left;
	width: 400px;
	margin: 5px 0px 10px 0px;
}
div.workimg {
	float: left;
	width: 320px;
	margin: 5px 0px 10px 30px;
}

/* mini column */
div.clmcnt {
	color:#222222;
	font-size:12px;
	background-color:white;
	margin:3px;
}

/* mini column blue */
div.clmbdrbl {
	border:1px solid #0055bb;
	margin:5px 0px 2px 5px;
}
div.clmttlbl {
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#0055bb;
	margin:0px;
	padding:3px;
}

/* mini column red */
div.clmbdrrd {
	border:1px solid #cc0000;
	margin:5px 0px 2px 5px;
}
div.clmttlrd {
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#cc0000;
	margin:0px;
	padding:3px;
}

/* tweet mini column */
div.clmtweet {
	text-align: right;
	margin: 5px 0px 2px 5px;
	padding: 3px;
	background-color: #e7f7f7;
}

/* shop info column */
div.clmbdinfshop {
	border:1px solid #99f0f0;
	margin:5px 0px 2px 5px;
}
div.clmttlinfshop {
	color:#000066;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:#99f0f0;
	margin:0px;
	padding:3px;
}

/* other info column */
div.clmbdinfoth {
	border:1px solid #ddddaa;
	margin:5px 0px 2px 5px;
}
div.clmttlinfoth {
	color:#222222;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:#ddddaa;
	margin:0px;
	padding:3px;
}

/*----- id -----*/
div#header {
	width: 100%;
	height: 63px;
	margin: 0px;
	background-color: #99ffff;
	border-bottom: 3px solid #000000;
}
div#hdl {
	float: left;
	padding: 5px;
}
div#hdr {
	float: right;
	padding: 5px;
}
div#navi {
	font-size: 12px;
	padding: 5px;
}

div#contentwrap {
	text-align: center;
}
div#content {
	margin: 5px auto;
	width: 760px;
	text-align: left;
}

div#footer {
	width: 100%;
	height: 25px;
	margin: 20px 0px 0px 0px;
	background-color: #99ffff;
}
div#update {
	float: left;
	padding: 3px 7px;
	font-size: 13px;
	font-weight: bold;
	font-face:verdana,arial,helvetica,sans-serif;
	color: #999999;
}
div#copyright {
	float: right;
	padding: 3px 15px;
	font-size: 12px;
	color: #6666cc;
}

/* 1column */
div#content1clm {
	width: 750px;
	margin: auto;
}

/* 2column */
div#main {
	float: left;
	width: 540px;
	margin: 0px 0px 0px 0px;
}
div#subclm {
	width: 200px;
	margin: 0px 0px 0px 550px;
}

