@charset "Shift_Jis";

@import "../reset.css";


body			{background-color: teal;
			 color: darkgreen;
			 padding: 10px}

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

a:active		{color: lime;
			 font-weight: bold;
			 outline: none}

a:hover			{border-bottom: dotted 1px;
			 font-weight: bold;
			 color: darkcyan}

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

/* header */
div#header		{width: 730px;
			 font-size: 1.5em;
			 margin: 10px auto}

div#header h5		{line-height: 1.2em}


/* subheader */
div#subheader		{line-height: 1.2em;
			 padding: 10px auto}

/* menu */
div#menu		{width: 50%;
			 margin: auto}

div#menu h4		{line-height: 1.2em;
			 font-weight: bold;
			 letter-spacing; 2em}

div#menu li		{margin: 5px 20px;
			 font-weight: normal}

/* items */
div#items		{width: 700px;
			 margin: 10px auto}

div#items p		{line-height: 1.3em}

/* table */

dvi#list		{width: 700px}

div#list table		{text-align: center;
			 margin: 10px auto}

div#list caption	{margin: 10px auto;
			 font-size: 2.0em;
			 font-weight: bold;
			 letter-spacing: 1.0em}
  
div#list tr		{height: 40px}

div#list th		{background-color: #000a02;
			 color: #ffffff;
			 border: solid #000a02 1px;
			 fontsize: 1.5em;
			 text-align: center;
			 width: 20px}

div#list th.pfirst	{width: 180px;
			 letter-spacing: 2.0em}

div#list th.psecond	{width: 380px;
			 letter-spacing: 9.0em}

div#list th.pthird	{width: 140px;
			 letter-spacing: 0.5em}

div#list td		{background-color: honeydew;
			 color: black;
			 border: solid #000a02 1px;
			 width: 70px}

div#list td.pfirst	{width: 26%}

div#list td.psecond	{width: 54%}

div#list td.pthird	{width: 20%}

/* nisshi */

div#nisshi		{width: 700px;
			 margin: 0 auto;
			 padding: 10px}

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

div#nisshi th		{background-color: palegreen;
			 font-weight: bold;
			 text-align: left;
			 padding: 2px 10px}

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

div#nisshi p.setup	{padding-top: 10px}

/* images */
.keibentetsudou		{background-image: url("graph/logo/mainlogo.gif");
			 background-repeat: no-repeat;
			 background-position: bottom left;
			 padding-left: 420px;
			 padding-top: 40px;
			 padding-bottom: 20px}

.leftside		{background-image: url("graph/tips/chibitotsukai_tips.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 padding-left: 200px}

.nowpri			{float: left;
			 width: 50%;
			 text-align: center;
			 background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top left;
			 margin: 0 auto;
			 padding-top: 250px;
			 padding-bottom: 10px}

.nowprir		{float: right;
			 width: 50%;
			 text-align: center;
			 background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top right;
			 margin: 0 auto;
			 padding-top: 250px;
			 padding-bottom: 10px}

.syaryou		{background-image: url("graph/thumb/syaryou_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: center;
			 padding: 10px 250px}

.chibiden		{background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top left;
			 margin: 0 auto;
			 padding: 20px 10px 160px 340px}

.chibikasya		{background-image: url("graph/thumb/chibikasya_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top;
			 margin: 0 auto;
			 padding: 20px 250px 10px}

.chibitotsukai		{background-image: url("graph/thumb/chibitotsukai_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top right;
			 margin: 0 auto;
			 padding: 20px 340px 100px 20px}

.chibikyaku		{background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top left;
			 margin: 0 auto;
			 padding: 20px 10px 100px 340px}

.chibitotsu		{background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top right;
			 margin: 0 auto;
			 padding: 20px 340px 130px 20px}

.chibiloco		{background-image: url("graph/thumb/chibiloco_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top;
			 margin: 0 auto;
			 padding: 20px 250px 150px}

.whatsnew		{background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top left;
			 margin: 0 auto;
			 padding: 20px 10px 100px 340px}

.layoutnow		{background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top left;
			 margin: 0 auto;
			 padding: 20px 10px 160px 340px}

.layout			{background-image: url("graph/thumb/layout_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top;
			 margin: 0 auto;
			 padding: 20px 250px 50px}

.powerpack		{background-image: url("graph/thumb/yhpower.jpg");
			 background-repeat: no-repeat;
			 background-position: top left;
			 margin: 0 auto;
			 padding: 20px 10px 120px 280px}

.batterypack		{background-image: url("graph/thumb/closed_thumb.jpg");
			 background-repeat: no-repeat;
			 background-position: top right;
			 margin: 0 auto;
			 padding: 20px 340px 140px 20px}

* copyright */
div#copyright		{clear: both;
			 margin: 30px 0 0;
			 padding-bottom: 15px}

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

/* colors */
.bengarairo		{color: #aa562e}

.uguisuiro		{color: #8a7b29}

.akabeni		{color: #c53d43}

.sumi			{color: #000a02}

/* end */