﻿@charset "utf-8";
/*====================================================================
	Title: zaiko.css
	Description: 在庫金額推移
	Created: 2007-11-23
	Author: sugimoto
	------------------------------------------------------
	Lastupdate: 2007-11-23
	By: sugimoto
======================================================================*/

@import url("table.css");

/* Navi - ナビゲーション
--------------------------------------------------*/
#seisan .navi li#naviSeisan a {
	background: #FFFFFF url(../img/menu_on.jpg) repeat-x top center;
	border-bottom: 1px solid #FFFFFF;
	color: #003366;
	text-decoration: none;
	cursor: default;
}
#seisan .navi li#naviZaiko a {
	background: #FFFFFF url(../img/menu_off.jpg) no-repeat bottom right;
}
#seisan .navi li#naviZaiko a:hover {
	background: #DDDDDD url(../img/menu_hover.jpg) no-repeat bottom right;
}
#seisan .navi li#naviKoubai a {
	background: #FFFFFF url(../img/menu_off.jpg) no-repeat bottom left;
}
#seisan .navi li#naviKoubai a:hover {
	background: #DDDDDD url(../img/menu_hover.jpg) no-repeat bottom left;
}

/* Table - テーブル設定
--------------------------------------------------*/
table caption {
	padding: 0px 0px 0.5em 7.5em;
}
table caption h3 {
	width: 33em;
	border: 0px solid #333333;
	float: left;
}
table caption h3.month {
	width: 32.4em;
}
table th {
	width: 6em;
}
table .title {
	width: 8em;
}
table th.month {
	width: 5em;
}
table th.last,
table td.last {
	border-right: 3px double #999999;
}
table th.percent,
table td.percent {
	width: 3.8em;
}

/* Tablist - タブ
--------------------------------------------------*/
ul .tablist {
	clear: both;
	display:block;
}
.tablist,
.tablist li {
 margin: 0;
 padding: 1px 0;/*padding-topはWin IEバグ対策*/
}
.tablist li {
 display: inline;
 margin-right: 2px;
 padding: 1px 4px;
 list-style: none;
 font-weight: normal;
 background: #eee;
 border: 1px solid #999;
}


/* graph - グラフ
--------------------------------------------------*/
.graph {
	clear: both;
}
.graph h3 {
	border-bottom: 3px double #999999;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 1px 2em;
	font-size: 1.6em;
	line-height: 1.2;
	width: 68em;
}

.graph .section h4 {
	font-size: 1.4em;
	line-height: 1.2;
	margin: 0px;
	text-align: center;
}
.graph .section {
	float:left;
	margin: 0em 3em 2em 0em;
	padding-right: 2.5em;
	border-right: 1px dotted #999999;
}