@charset "Shift_Jis";

@import "../reset.css";


body			{background-color: teal;
			 color: #006666}

a:link			{border-bottom: dotted 1px;
			 color: #006666;
			 outline: none}

a:visited		{border-bottom: none;
			 color: teal;
			 outline: none}

a:hover			{font-weight: bold}

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

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

div#header h1		{text-align: center;
			 letter-spacing: 7px}

/* subheader */
div#subheader		{clear: both;
			 margin-bottom: 20px}

div#subheader p		{float: right;
			 margin: 40px 20px;
			 text-align: center;
			 line-height: 1.2em}

div#subheader h1	{text-align: center;
			 letter-spacing: 0.25em}

a.red			{color: red}

div#subheader h4	{margin-top: 10px;
			 text-align: center}

div#subheader img	{width: 35%;
			 margin: 10px 20px;
			 padding: 30px 10px 30px 430px;
			 background-image: url("graph/chihirol.gif");
			 background-repeat: no-repeat}

/* menulist */
div#menulist		{margin: 20px auto}

div#menulist h1,div#menulist h4
			{text-align: center;
			 letter-spacing: 0.8em}

div#menulist h4		{margin-bottom: 10px}

div#menulist p		{line-height: 2em;
			 background-repeat: no-repeat}

/* linklist */
div#linklist		{width: 55%;
			 float: right;
			 line-height: 2em}

div#linklist ul		{list-type: disc}

div#linklist span	{font-weight: bold}

/* tables */
div#nisshi		{width: 700px;
			 margin-left: auto;
			 margin-right: auto;
			 padding: 10px}

div#nisshi table	{width: 660px;
			 margin: 10px auto;
			 border: solid 1px forestgreen}

div#nisshi th		{text-align: left;
			 background-color: forestgreen;
			 color: white;
			 padding: 2px 10px}

div#nisshi td		{text-align: left;
			 padding: 10px}

/* linksite */
div#linksite		{margin-bottom: 25px}

div#linksite h2		{margin: 20px 0;
			 text-align: center}

div#linksite h3		{margin: 10px 0;
			 text-align: center}

div#linksite img	{margin: 20px 30px 30px}

div#linksite div	{width: 45%;
			 margin: 10px}

div#linksite p span	{font-weight: bold}

.leftside		{float: left}

.rightside		{float: right}

a.hide			{color: honeydew}

a.moegi			{color: #a7bd00}

a.bengara		{color: #aa562e}

a.uguisuiro		{color: #8a7b29}

/* others */
div#nikki,div#whatsnew	{width: 40%;
			 margin: 10px 20px;
			 float: left}

div#homepage,div#link	{width: 45%;
			 margin: 10px 10px 10px 0;
			 float: right}

div#info		{width: 50%;
			 margin: 10px 30px;
			 float: left}

div#info p span		{font-weight: bold}

div.setup		{margin-top: 30px;
			 clear: both}

div#info p,div#images p	{line-height: 1.5em}

div#images		{margin-bottom: 15px}

div#images p span	{color: maroon}

p.setup			{margin-top: 15px}

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

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

/* images */
.railway		{background-image: url("graph/rwbaner.gif");
			 padding-left: 100px}

.photo			{background-image: url("graph/photoban.jpg");
			 padding-left: 90px}

.pocket			{background-image: url("graph/mainlogo.gif");
			 padding-left: 120px}

.tenma			{background-image: url("graph/gratenma_logo.gif");
			 padding-left: 130px}

.amiboh			{background-image: url("graph/minato_amiboh.gif");
			 background-repeat: no-repeat;
			 padding-left: 0px}

.update			{background-image: url("graph/update.gif");
			 background-repeat: no-repeat;
			 padding-left: 75px}

.new			{background-image: url("graph/new.gif");
			 background-repeat: no-repeat;
			 padding-left: 75px}

.kumo			{background-image: url("graph/kumo.gif");
			 background-repeat: no-repeat;
			 background-position: right;
			 padding-top: 400px;
			 margin-right: 60px}

.logo			{background-image: url("graph/chihirol.gif");
			 background-repeat: no-repeat;
			 padding: 40px 10px 30px 440px;
			 margin: 10px 50px}

.rwlogo			{background-image: url("../graph/rwbaner.gif");
			 background-repeat: no-repeat;
			 padding-left: 100px;
			 padding-bottom: 15px}

.gtlogo			{background-image: url("../graph/gratenma_logo.gif");
			 background-repeat: no-repeat;
			 padding-left: 100px}

.chihiro		{background-image: url("graph/chihirokao.gif");
			 background-repeat: no-repeat;
			 padding-left: 40px}

.banner			{background-image: url("banner/banner.gif");
			 background-repeat: no-repeat;
			 padding-left: 120px}

/* end */