@charset "Shift_Jis";

@import "../reset.css";


body			{background-color: lightyellow;
			 color: maroon}

a:link,a:visited	{color: maroon;
			 outline: none}

a:hover			{font-weight: bold}

/* container */
div#container		{width: 750px;
			 background-color: moccasin;
			 margin: 10px auto;
			 padding: 5px}

/* header */
div#header		{font-size: 1.5em;
			 margin: 30px 20px}

div#header h1		{text-align: center;
			 letter-spacing: 0.2em}

/* infomation */
div#infomation		{width: 45%;
			 padding-top: 30px;
			 margin: 0 20px;
			 background-image: url("graph/item01.gif");
			 background-repeat: no-repeat;
			 float: left}

div#infomation p	{line-height: 1.2em}

.setup			{margin: 15px 0}

div#infomation2		{width: 45%;
			 float: right}

div#infomation2 h3	{padding-left: 50px;
			 font-weight: bold;
			 margin: 10px}

div#infomation2 span	{font-weight: bold;
			 color: red}

/* furusato */
div#furusato		{clear: both;
			 margin: 10px 40px}

div#furusato h2		{margin: 20px;
			 color: teal;
			 letter-spacing: 0;
			 padding-top: 0;
			 text-align: left}

div#furusato p		{text-align: center;
			 line-height: 1.5em}

div#furusato span	{color: tomato}
			 
/* photo */
div#photo		{text-align: center;
			 margin: 10px}

div#photo p		{width: 33%;
			 padding-top: 150px;
			 background-repeat: no-repeat;
			 background-position: center}

.west			{background-image: url("graph/thumb/westsideview_thumb.jpg")}

.front			{background-image: url("graph/thumb/frontview_thumb.jpg");
			 float: right}

.east			{background-image: url("graph/thumb/eastsideview_thumb.jpg");
			 float: right}

/* map */
div#map,div#egg		{text-align: center;
			 margin: 20px}

div#map h1		{letter-spacing: 3em}

div#map p		{margin: 10px 0}

div#map img		{margin: 0 auto}

/* egg */
div#egg h3		{margin: 10px 0;
			 font-weight: bold;
			 color: teal}

div#egg p		{line-height: 2.0em}

/* copyright */
div#copyright		{margin: 30px 0 50px}

div#copyright h5	{font-style: italic;
			 float: right;
			 padding-right: 80px}

/* view */
div h2			{margin-top: 10px;
			 background-repeat: no-repeat;
			 background-position: top;
			 letter-spacing: 2.0em;
			 padding-top: 610px;
			 text-align: center}

/* eastview */
div#eastview h2		{background-image: url("graph/eastsideall.jpg")}

div#east h2		{background-image: url("graph/eastside.jpg")}

/* westview */
div#westview h2		{background-image: url("graph/westsideall.jpg")}

div#west h2		{background-image: url("graph/westside.jpg")}