﻿/* 新しいブロックレベル要素 */
  article, aside, dialog, figure, footer, header,
  hgroup, menu, nav, section { display: block; }

header {
	position: static; width: 100%; 
	background-color: springgreen;}
container {
        width: 75% }
footer.art {
	position: relative; top: 0px; left: 0px; 
	background-color: cyan;}
footer#page {
	clear: both;
	position: relative; top: 6px; left:0px; width: 75%; 
	background-color: silver;}
div#container {
	position: relative;
	width: 100%; }
div#main {
	text-align: justify;
	position: relative; width: 75%;
	top: 0; left: 0;  background-color: white;}
div#sidebar {
	position: absolute; 
	top: 0; left: 75%; width: 25%; 
	background-color: #f3f3f3;}
body { 
	font-family: "MS　明朝", "MS 明朝", "Times New Roman", serif, Arial, "MS ゴシック" }

.multcol {
	text-align: justify;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-moz-column-rule: 2px dotted #808080;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em; 
	-webkit-column-rule: 2px dotted #808080;
	-o-column-count: 2;
	-o-column-gap: 1em;
	-o-column-rule: 2px dotted #808080; 
	-ms-column-count: 2;
	-ms-column-gap: 1em;
	-ms-column-rule: 2px dotted #808080; 
}
.multcol3 {
	text-align: justify;
	-moz-column-count: 3;
	-moz-column-rule: 4px solid green;
	column-count: 3;
	column-width: auto;
	column-gap: 2em;
	column-rule: 4px solid green;
	padding: 4px;
}
.bgimage {
	background-image: url("../img/hokusei-lilac.gif");
	background-repeat: repeat-y; }

.txshadow3 { text-shadow: 3px 3px 5px blue; letter-spacing: 4px; 
	text-align:center; }

.txshadow3g { text-shadow: 3px 3px 5px gray; letter-spacing: 4px; 
	text-align:center; }

a:link { text-decoration: none;}
a:hover { text-decoration: underline; color: blue;}
a:visited { color: green;}

