@charset "Shift_Jis";

@import "../../reset.css";

/* container */
div#container		{width: 750px;
			 background-color: #f3f3f2;
			 background-image: url("graph/gif/backgraph_index.gif");
			 background-repeat: no-repeat;
			 background-position: top;
			 margin: 0 auto;
			 padding: 5px;
			 padding-bottom: 15px}

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

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

div#header h2		{text-align: center;
			 letter-spacing: 2px}

div#header h5		{text-align: right;
			 margin: -20px 0px 0px;
			 letter-spacing: 2px}

/* stationery */
div#stationery		{padding: 0 30px;
			 margin: 0 auto}

div#stationery h4	{font-weight: bold;
			 margin-top: 30px;
			 text-align: center;
			 color: #000a02}

div#stationery p.setup	{margin-top: 20px}

/* table desgin */

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

caption			{padding: 10px 0;
			 font-size: 1.2em}
  
th			{padding: 5px;
			 border: solid 1px;
			 color: #000a02}

td			{padding: 5px}

/* copyright */
div#copyright		{clear: both;
			 margin: 30px 0 0}

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

/* images */
.fhileas		{background-image: url("graph/fhileas.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.colorink		{background-image: url("graph/colorink.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.iroshizuku		{background-image: url("graph/iroshizuku.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

.pigment		{background-image: url("graph/pigment.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.iroshizuku_set		{background-image: url("graph/iroshizuku_set.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

.music			{background-image: url("graph/3776bibms.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.mspoint		{background-image: url("graph/mspoint.jpg");
			 background-repeat: no-repeat;
			 background-position: left top;
			 padding-left: 100px}

.century		{background-image: url("graph/3776century.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

.nice_pur		{background-image: url("graph/nice_pur.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.pur1859		{background-image: url("graph/pur1859.jpg");
			 background-repeat: no-repeat;
			 background-position: left top;
			 padding-left: 130px}

.balance		{background-image: url("graph/balance.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.balanceb		{background-image: url("graph/balanceb.jpg");
			 background-repeat: no-repeat;
			 background-position: right top;
			 padding-right: 130px}

.iroshizuku_shinryoku	{background-image: url("graph/shinryoku.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.nice_rose		{background-image: url("graph/nice_rose.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.nice0573		{background-image: url("graph/nice0573.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 padding-left: 130px}

.syoji			{background-image: url("graph/syoji.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.syoji2965		{background-image: url("graph/syoji2965.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 padding-left: 130px}

.blackd			{background-image: url("graph/blackd.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

.yamanaka		{background-image: url("graph/yamanaka.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.yamanaka1203		{background-image: url("graph/yamanaka1203.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 padding-left: 130px}

.chartres		{background-image: url("graph/chartres.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

.sai			{background-image: url("graph/sai.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.sai0077		{background-image: url("graph/sai0077.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 padding-left: 130px}

.kawaguti		{background-image: url("graph/kawaguti.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

.kawaguti0275		{background-image: url("graph/kawaguti0275.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 padding-right: 130px}

.shinep			{background-image: url("graph/shinep.jpg");
			 background-repeat: no-repeat;
			 background-position: left;
			 margin-top: 20px;
			 padding-left: 130px}

.classic		{background-image: url("graph/classic.jpg");
			 background-repeat: no-repeat;
			 background-position: right;
			 margin-top: 20px;
			 padding-right: 130px}

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

.uguisuiro		{color: #8a7b29}

.akabeni		{color: #c53d43}

.sumi			{color: #000a02}

/* end */