/* html */
a, body, h1, h2, li, ul {
	background:transparent;
	color:#000000;
	cursor:auto;
	font-family:georgia,serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
a {
	font-weight:bold;
	cursor:pointer;
}
a:hover {
	color:#707070;
	text-decoration:underline;
}
img {
	border-style:none;
	display:block;
	margin:0px;
	padding:0px;
}
h1,
h2 {
	font-weight:bold;
	margin:14px 0px 14px 0px;
	text-transform:uppercase;
}
h1 {
	font-size:16px;
}
.date {
	font-weight:normal;
}
.error {
	background-color:#FFEAEA;
	margin:10px;
	padding:5px;
}
.success {
	background-color:#EDFFEA;
	margin:10px;
	padding:5px;
}


/* content */
#layout #content .date {
	font-size:12px;
}
#layout #content .float50 {
	float:left;
	width:420px;
}
#layout #content .float50 img {
	float:right;
	height:250px;
	margin:0px 0px 0px 10px;
	width:190px;
}
#layout #content .spacer-h {
	float:left;
	width:40px;
}
#layout #content .spacer-v {
	clear:both;
	height:20px;
}


/* layout */
#layout {
	margin:20px auto 20px auto;
	width:1020px;
}
#layout #header {
	cursor:pointer;
	height:175px;
}
#layout #navi {
	margin:0px 37px 0px 37px;
	height:50px;
}
#layout #navi ul {
	list-style:none;
}
#layout #navi ul li {
	background-image:url('../img/navi-en.gif');
	cursor:pointer;
	float:left;
	height:50px;
}
#layout #navi ul li.spacer {
	background-image:none;
	cursor:auto;
	width:24px;
}
#layout #navi ul li#navi1,
#layout #navi ul li#navi1.normal {
	background-position:0px 0px;
	width:111px;
}
#layout #navi ul li#navi1.hover {
	background-position:0px -50px;
}
#layout #navi ul li#navi1.active {
	background-position:0px -100px;
}
#layout #navi ul li#navi2,
#layout #navi ul li#navi2.normal {
	background-position:0px -150px;
	width:147px;
}
#layout #navi ul li#navi2.hover {
	background-position:0px -200px;
}
#layout #navi ul li#navi2.active {
	background-position:0px -250px;
}
#layout #navi ul li#navi3,
#layout #navi ul li#navi3.normal {
	background-position:0px -300px;
	width:90px;
}
#layout #navi ul li#navi3.hover {
	background-position:0px -350px;
}
#layout #navi ul li#navi3.active {
	background-position:0px -400px;
}
#layout #navi ul li#navi4,
#layout #navi ul li#navi4.normal {
	background-position:0px -450px;
	width:97px;
}
#layout #navi ul li#navi4.hover {
	background-position:0px -500px;
}
#layout #navi ul li#navi4.active {
	background-position:0px -550px;
}
#layout #navi ul li#navi5,
#layout #navi ul li#navi5.normal {
	background-position:0px -600px;
	width:140px;
}
#layout #navi ul li#navi5.hover {
	background-position:0px -650px;
}
#layout #navi ul li#navi5.active {
	background-position:0px -700px;
}
#layout #navi ul li#navi6,
#layout #navi ul li#navi6.normal {
	background-position:0px -750px;
	width:107px;
}
#layout #navi ul li#navi6.hover {
	background-position:0px -800px;
}
#layout #navi ul li#navi6.active {
	background-position:0px -850px;
}
#layout #navi ul li#navi7,
#layout #navi ul li#navi7.normal {
	background-position:0px -900px;
	width:106px;
}
#layout #navi ul li#navi7.hover {
	background-position:0px -950px;
}
#layout #navi ul li#navi7.active {
	background-position:0px -1000px;
}
#layout #content {
	margin:25px 70px 25px 70px;
}
#layout #footer {
	background-image:url('../img/copy.gif');
	background-position:100% 0%;
	background-repeat:no-repeat;
	clear:both;
	height:32px;
	margin:0px 20px 25px 0px;
}


.index-float50 {
	float:left;
	position:relative;
	width:420px;
}
.index-float50 .index-float50-img {
	float:right;
	height:250px;
	margin:0px 0px 0px 15px;
	width:190px;
}
.index-float50 .index-float50-img img {
	height:250px;
	width:190px;
}
.index-float50 .index-float50-header {
	font-weight:bold;
	margin:20px 0px 15px 0px;
}
.index-float50 .index-float50-footer {
	bottom:20px;
	position:absolute;
}


.product {
	clear:both;
}
.product .product-content {
	float:left;
	padding:0px 0px 40px 0px;
	width:450px;
}
.product img {
	float:right;
	padding:0px 0px 40px 0px;
}

.product-list {
	clear:both;
}
.product-list .product-list-header {
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.product-list .product-list-item,
.product-list .product-list-item-last {
	cursor:pointer;
	float:left;
	height:240px;
	margin:0px 20px 0px 0px;
	position:relative;
	width:130px;
}
.product-list .product-list-item-last {
	margin:0px 0px 20px 0px;
}
.product-list .product-list-item img,
.product-list .product-list-item-last img {
	width:130px;
}
.product-list .product-list-item .product-list-item-title,
.product-list .product-list-item-last .product-list-item-title {
	font-size:11px;
	font-weight:bold;
	position:absolute;
	text-align:center;
	top:205px;
	width:130px;
}



.news-list .news-list-item {
	border-color:#000000;
	border-style:none none solid none;
	border-width:1px;
	margin:0px 0px 30px 0px;
	padding:10px 0px 10px 0px;
}
.news-list .news-list-item .news-list-item-img {
	float:left;
	margin:0px 30px 0px 0px;
	width:130px;
}
.news-list .news-list-item .news-list-item-img img {
	width:130px;
}
.news-list .news-list-item .news-list-item-wrapper {
	float:left;
	width:600px;
}
.news-list .news-list-item .news-list-item-date {
	font-size:11px;
}
.news-list .news-list-item .news-list-item-headline {
	font-weight:bold;
	margin:0px 0px 12px 0px;
	text-transform:uppercase;
}


#webcomic {
	margin-bottom:20px;
}
#webcomic #webcomic-menu {
	float:left;
	width:220px;
}
#webcomic #webcomic-menu ul {
	list-style:none;
}
#webcomic #webcomic-menu ul li {
	float:left;
	margin-bottom:20px;
	text-align:center;
	width:110px;
}
#webcomic #webcomic-menu ul li a {
	font-size:10px;
}
#webcomic #webcomic-menu ul li a img {
	height:80px;
	margin:auto;
	width:80px;
}
#webcomic #webcomic-strip {
	float:right;
	text-align:center;
}
#webcomic #webcomic-strip #webcomic-navi {
	margin-bottom:20px;
}