body {
	background : White url(img/bg.jpg) repeat-y fixed ;
	font-family : Verdana, "Comic Sans MS", Arial, sans-serif;
}

.contents {
	width : 80%;
}

.contents  p {
	font-size : 100 %;
}

.contents  h1 {
	font-size : 140%;
}

.contents  h2 {
	font-size : 120%;
}

.contents  h3 {
	font-size : 110%;
    font: bold;
}
.contents strong {
	font : normal bolder;
}

.contents small {
	font-size : 80%;
}

.contents big {
	font-size : 110%;
}

.contents :link, .contents :visited {
}

.contents :link:hover, .contents :visited:hover {
	color : #6600CC;
    background: #CC99CC;
}

.navibar div a {
	margin : 0px;
	padding : 0.4em;
}

.gallerynavi div a {
	font-family : "Comic Sans MS", Arial, sans-serif;
	text-decoration : none;
	padding : 0.1em;
	font-weight : bolder;
	width : 8em;
	text-align : center;
	font-stretch : wider;
	font-size : 90%;
	border : thin outset #3366FF;
	background : #66CCFF;
	color : #3366FF;
	float : left;
    margin: 0 2px 1ex 2px
}

.gallerynavi :link:hover, .gallerynavi :visited:hover {
	border : thin outset #66CCFF;
	background : #3366FF;
	color : #66CCFF;
}

.gallerynavi #current {
	border : thin outset #66CCFF;
	background : #3366FF;
	color : #66CCFF;
}

.gallery a {
	text-decoration: none;
	display: block;
}

.gallery div {
	float : left;
	width : 154px;
	height : 170px;
	text-align : center;
	margin : 0 5px 5px 0;
	white-space : nowrap;
	overflow : hidden;
	font-size : 80%;
}

.gallery :link:hover, .gallery :visited:hover {
	background: #6633CC;
	color: #FFCCCC;
    border: thin solid #6633CC;
}

.imagetype1 {
	float : right;
	padding : 1ex;
    margin : 1ex;
	background-color : transparent;
    border: thin outset #660000
}

.imagetype2 {
	padding : 1ex;
    margin : 1ex;
	background-color : transparent;
    border: thin outset #660000
}

.maintable {
    padding : 1em;
}

.maintable th {
    text-align: center;
    border: thin outset #9966FF;
    vertical-align: middle;
}

.maintable tr {
    font-size : 80%;
    text-align: left;
}

.maintable td {
    padding : 0.4em;
    border: thin outset #9966FF
}

.presentation td {
    vertical-align: top;
    padding: 0.5ex
}

@media screen {
	.navibar {
	width: 160px;
	padding: 0;
}

	.contents {
	position : absolute;
	top : 20px;
	left : 200px;
	padding : 0.3em;
	background : transparent;
}

	.hidden {
	display : none;
}

	body {
	margin-left : 0.5em;
	padding:0;
}
}
@media print {
	.navibar, .hidden {
	display : none;
}
	.contents {
	width : 100%;	
	}
}