@charset "utf-8";
/*====================================================================
	Title: top.css
	Description: 支店別売上状況
	Created: 2007-10-26
	Author: sugimoto
	------------------------------------------------------
	Lastupdate: 2007-11-30
	By: sugimoto
======================================================================*/

@import url("table.css");

/* Navi - ナビゲーション
--------------------------------------------------*/
#sale_all .navi li#naviSaleAll a {
	background: #FFFFFF url(../img/menu_on.jpg) repeat-x top center;
	border-bottom: 1px solid #FFFFFF;
	color: #003366;
	text-decoration: none;
	cursor: default;
}
#sale_all .navi li#naviIndex a {
	background: #FFFFFF url(../img/menu_off.jpg) no-repeat bottom right;
}
#sale_all .navi li#naviIndex a:hover {
	background: #DDDDDD url(../img/menu_hover.jpg) no-repeat bottom right;
}
#sale_all .navi li#naviSaleGyo a {
	background: #FFFFFF url(../img/menu_off.jpg) no-repeat bottom left;
}
#sale_all .navi li#naviSaleGyo a:hover {
	background: #DDDDDD url(../img/menu_hover.jpg) no-repeat bottom left;
}
#sale_all.fontM table td.title {
	white-space:nowrap;
}

#sale_gyo .navi li#naviSaleGyo a {
	background: #FFFFFF url(../img/menu_on.jpg) repeat-x top center;
	border-bottom: 1px solid #FFFFFF;
	color: #003366;
	text-decoration: none;
	cursor: default;
}
#sale_gyo .navi li#naviSaleAll a {
	background: #FFFFFF url(../img/menu_off.jpg) no-repeat bottom right;
}
#sale_gyo .navi li#naviSaleAll a:hover {
	background: #DDDDDD url(../img/menu_hover.jpg) no-repeat bottom right;
}
#sale_gyo .navi li#navi333 a {
	background: #FFFFFF url(../img/menu_off.jpg) no-repeat bottom left;
}
#sale_gyo .navi li#navi333 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: 8em;
}
table .title {
	width: 6.5em;
}
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;
}
.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;
}


/* tokuisaki&tanto - 得意先個別設定
--------------------------------------------------*/
#sale_tokuisaki .section,
#sale_tanto .section {
	float: left;
}
#sale_tokuisaki caption,
#sale_tanto caption {
	padding: 0px 0px 0em 21em;
}
#sale_tokuisaki caption h3,
#sale_tanto caption h3 {
	width: 10em;
}
#sale_tokuisaki caption h3.month,
#sale_tanto caption h3.month {
	width: 22em;
}
#sale_tokuisaki thead tr.bellow a,
#sale_tanto thead tr.bellow a {
	background: #ECECEC url(../img/table_th_arrow.gif) no-repeat right center;
}
#sale_tokuisaki .title,
#sale_tanto .title {
	width: 20em;
}
#sale_tokuisaki .graph,
#sale_tanto .graph {
	clear: none;
	float: left;
	margin: 2.2em 0em 0em 0.5em;
	padding-right: 2em;
}
#sale_tokuisaki .graph .section,
#sale_tanto .graph .section {
	margin: 0em;
	padding: 0em;
	border: 0px;
}
#sale_tokuisaki .graph h3,
#sale_tanto .graph h3 {
	width: auto;
}

/* tanto - 得意先個別設定
--------------------------------------------------*/
.color {
	text-align: right;
	list-style-type: none;
}
.color li {
	display: block;
	float: left;
	width: 8em;
	border: 1px solid #666666;
	margin: 2px;
	text-align: center;
	list-style-type: none;
}