@charset "utf-8";
/*  nature.htmlのstylesheetです　　*/
body {color:#444444;
      background-color:#66aa66;
      background-image:url(back.png)}
div#container {
        padding: 20px;
	background-color: #ffffff;
	width: 600px;
	margin-left: auto;
	margin-right:auto;
        border: solid 2px #bbffaa
}
Header {background-color:#66aa66;
            padding:5px 20px}

ｈ1            {font-size:1.25em;
               font-family:Verdana,Helvetica,sans-serif;
               color:#ffffff;
               margin-bottom:0}
header p {
	color:#222222;
        margin-top:5px;
	font-size:1em
}
Nav ul			{list-style-type:none;
			margin-left:0;
			padding-left:0;
			background-color:#bbffaa;
			padding:3px 20px;
			margin-top:0}
/*      「 display: inline」と指定すると、項目の前後に改行が挿入されなくなる。　*/
Nav li			{display:inline;
			padding-right:10px;
			font-size:1em}
Nav li a 		{text-decoration:none}
h2           {font-size:1.0em;
             border-left:solid 16px #66aa66;
             padding-left:5px;
			margin-bottom:0;
			margin-top:30px}

Article   {margin-top:10px;
			margin-bottom:30px;
			width:420px}
h3			{font-size:1em;
			border-bottom:solid 2px #66aa66;
			padding-bottom:3px;
			background-image:url(mark.png);
			background-repeat:no-repeat;
			background-position:0 -2px;
			padding-left:20px;
			clear:both}
img.photo-odd  {float:right;
			margin-left:15px;
			margin-bottom:15px}
img.photo-even {float:left;
			margin-right:15px;
			margin-bottom:15px}
P			{font-size:0.9em;
			line-height:1.4}
address		{font-size:0.75em;
			font-style:normal;
			clear:both}
a			{color:#33aa88}
a:hover		{color:#88aaff}
address a:hover {color:#ffaa00}