/* スタイルシート */

* {
	font-family: meiryo, verdana;
	font-size:small;
}

body {
	padding:12px;
	background-color:#ffffff;
}
a {
	text-decoration:none;
}
	
/* 汎用 */
.normal {font-size:normal;}
.large {font-size:large;}
.small {font-size:small;}

.invisible {display:none;}
.error {
	color:red;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.bold {
	font-weight:bold;
}
.underline {
	font-decoration:underline;
}
.strike {
	font-decoration:strike;
}
.float-left{float:left;}
.float-right{float:right;}

.gray { color : gray; }
.red {color:#dc143c;}
.blue {color:#4169e1;}
.green {color:#2e8b57;}
.pink {color:#ff69b4;}
.orange {color:#ff7f50;}
.purple {color:#8a2be2;}

.space_4 {padding:4px;}
.space_8 {padding:8px;}
.space_16 {padding:16px;}
.space_24 {padding:24px;}

.loading {
	background: url(images/loading.gif) no-repeat;
	background-position:left center;
	margin-left : 8px;
	padding-left : 24px;
	/*text-align : center;*/
	text-indent : 32px;
	border : solid 1px #eeeeee;
}

.icon_table {
	background : url(images/icons/table.png) no-repeat center;
}
.icon_month {
	background : url(images/icons/calendar_view_month.png) no-repeat center;
}
.icon_shop {
	background : url(images/icons/house.png) no-repeat center;
}
.icon_staff {
	background : url(images/icons/status_online.png) no-repeat center;
}
.icon_user {
	background : url(images/icons/user.png) no-repeat center;
}
.icon_sitemap {
	background : url(images/icons/sitemap.png) no-repeat center;
}
a.iconlink {
	padding-left : 1.5em;
	background-position : 2px center;
}

.dropshadow {
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
}
/* 印刷用ツールバー */
@media screen {
	#printTool {
		width:400px;
		height:32px;
		top:0px;
		position : absolute;
		padding:4px;
		background-color:#fafafa;
		border:solid 1px #eaeaea;
	}
	#printTool #zoomBase {
		float:left;
	}
	#printTool #zoomSlider {
		width : 260px;
	}
}
@media print {
	#printTool {
		display:none;
	}
}
@page {size:landscape;}

#printTool {
	display:none;
}
/* タイトル */
div#title {
	font-size:20px;
	color: #111111;
	border-bottom:solid 1px #666666;
	letter-spacing:6px;
	padding:4px;
	margin-bottom:12px;
}
div#title a {
	font-size:20px;
	text-decoration:none;
	color:#111111;
}
div#title a:hover,div#title a:visited,div#title a:link,div#title a:active {
	color:#111111;
}

div#topimage {
	width : 500px;
	height : 300px;
	margin : auto;
	background: url(images/topimage.jpg);
}

/* ナビゲーション */
div#navi {
	padding: 0px 2px 32px 2px;
	width: 220px;/*188px;*/
	position:absolute;
	left:20px;
	/*
	background-color:yellow;
	float:left;
	*/
}
div.accordion_base {
	margin-bottom:8px;
}
div.accordion_base h3 {
	background-color:#eeeeee;
	padding : 2px;
	border:solid 1px #cccccc;
	font-weight:normal;
}
div.buttons {
	display:none;
}
div.buttons {
	margin : 0;
}
div#user_info {
	padding:8px 4px 0px 8px;
	margin-bottom :12px;
	border:solid 1px #eeeeee;
	
}
img.user_icon {
	border:solid 1px #eeeeee;
	float :left;
	width:40px;
	height:40px;
	margin:0px 8px 8px 0px;
}
div#user_params{
	margin-bottom:16px;
	cursor:pointer;
}
div#user_tools {
	margin:0px 24px 0px 22px;
}
div#user_menu {
	position:absolute;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	cursor : pointer;
	display:none;
}
div#user_menu a{
	display:block;
	width : 120px;
	padding : 4px 4px 4px 8px;
}
div#user_menu a#logoutmenu {
	border-top : solid 1px #dddddd;
}
div#user_menu a:hover{
	background-color:#eaeaea;
}
div#navi_footer {
	margin-top:26px;
	padding:8px;
	border:solid 1px #dddddd;
}
div#navi_footer ul{
	padding:8px;
	list-style:none;
}
div#navi_footer li {
	margin-bottom:8px;
	color : #cccccc;
}
/* ツールバー */
#toolbar button, #toolbar div {
	float :left;
}
#optionPanel {
	padding:12px;
	border:solid 1px #cccccc;
	background-color:#fcfcfc;
	display:none;
	clear:both;
	height:32px;
}
#optionPanel * {
	vertical-align : middle;
	margin-top : 0px;
	margin-bottom: 0px;
	float : left;	
}
#radioTaxType {
}
#ignoreVisible {
}
	
/* ヘルプ */
div#help {
	border : solid 1px #cccccc;
	background-color : #eeeeee;
	background-image : url(images/help_back.png);
	background-repeat : no-repeat;
	background-position : 20px 20px;
	padding : 8px 8px 16px 44px;
	margin : 0px;
}
div#help h1 {
	letter-spacing:0.5em;
	color:#333333;
	padding : 4px;

}
	
/* コンテンツ */
div#contents {
	padding:4px 28px 8px 8px;
	margin-left:222px;
	/*
	float:left;
	overflow:auto;
	*/
	zoom:1.0;
}
h1.pageTitle {
	letter-spacing:0.5em;
	color:#333333;
	padding:4px 8px 4px 20px;
	margin:0px 4px 12px 0px;
	border-left : solid 12px #666666;
}
h1.welcome {
	border : solid 1px #cccccc;
	letter-spacing:0.6em;
	padding : 26px;
	margin-top:-2px;
	text-align:center;
	background:url(images/welcome-bg.png);
	color:#444444;
}
#contents h2 {
	border-left : solid 8px #666666;
	margin:8px 4px 4px 0px;
	padding : 4px 8px 4px 16px;
	color:#333333;
}
div#under_constructions {
	color : #222222;
	text-align: center;
	padding : 32px;
	height : 200px;
	line-height:200px;
	vertical-align: middle;
	border : solid 1px #aaaaaa;
}
/* トップページ */
	
/* トピック */
table.topic {
	width : 100%;
	border : solid 1px #cccccc;
}
table.topic tr {
	border-bottom : dashed 1px #dadada;
}
table.topic td {
	border:none;
	padding:8px;
}
table.topic td.topic_type {
	width:16px;
}
table.topic td.topic_date {
	text-align:right;
}
table.topic td.topic_link {
	width 20px;
}
table.topic td.topic_information {
	background-image : url(images/icons/information.png);
	background-repeat:no-repeat;
	background-position:center;
}
table.topic td.topic_warning {
	background-image : url(images/icons/error.png);
	background-repeat:no-repeat;
	background-position:center;
}
table.topic td.topic_important {
	background-image : url(images/icons/exclamation.png);
	background-repeat:no-repeat;
	background-position:center;
}
table.topic tfoot td {
	text-align:right;
}

/* readme */
div#readme {
	
}

div#spc-access {
	margin: 12px;
}

div#infostyle_tool_msg {
	margin-top:32px;
	padding : 16px;
	padding-left : 56px;
	border: solid 2px #DD6666;
	background-color: #EEDDCC;
}
/* infoStyle >> SPC Ranking 送信ツール説明ページ */
h1#ais2spc_title {
	font-size: 20px;
	line-height: 52px;
	letter-spacing: 4px;
	padding-left: 56px;
	background: url(images/ais2spc_icon.png) no-repeat 8px center;
}
h2.ais2spc_step {
	font-size: 18px;
	padding-left: 26px;
	border-left : solid 8px #DD9999;
}
div#ais2spc_exp {
	padding : 26px;
}
ul.inst_step {
	list-style:none;
}
table#ais2spc_version td{
	padding : 26px;
	text-align: center;
}
/* フッタ */
div#footer {
	clear:both;
}

div#copyright {
	text-align:right;
	color:#666666;
	font-size:small;
}

/* プラグイン */

/* ドロップダウン */

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; padding:0px 8px 0px 8px; z-index:99;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #fafafa; border : solid 1px #cccccc; border-right:none; list-style-type:none;}
ul.dropdown li:last-child           { border-right:solid 1px #cccccc;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #eaeaea; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 100px; visibility: hidden; position: absolute; top: 100%; left: 0; padding:0;margin-left:0;}
ul.dropdown ul li 					{ font-weight: normal; background: #fafafa; color: #000; margin-left:0;
								      border-bottom:none; border-right:1px solid #ccc; float: none; }
ul.dropdown ul li:last-child        {border-bottom:1px solid #ccc;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*　コンテキストメニュー　*/
ul.context_plugin_dropdown {
	display: none;
	border: 1px solid #cccccc;/*#637fb1;*/
	background-color: #fff;
	position: absolute;
	z-index: 10000;
	margin: 0;
	margin-top:22px;
	padding: 2px;
	text-indent:8px;
	list-style: none;
	text-align: left;
}

ul.context_plugin_dropdown li.scms_context_item {
	margin: 0;
	padding: 0;
	background-color:#fff;
	text-align: left;
}

ul.context_plugin_dropdown li.context_plugin_item a:link, ul.context_plugin_dropdown li.context_plugin_item a:visited, ul.context_plugin_dropdown li.context_plugin_item a:active {
	color: #5a5c61;
	display: block;
	margin: 0;
	padding: 2px 10px 2px 10px;
	background-color: #fff;
	background-image: none;
	font-family: meiryo, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	height: auto;
	width: auto;/*8em;*//*auto;*/
	/*border-bottom:solid 1px #eaeaea;*/
}

ul.context_plugin_dropdown li.context_plugin_item a:hover {
	background-color: #eaeaea;/*#ffd27a;/*#fed22f;/* #d2dffa;*/
	background-image: none;
}
ul.context_plugin_dropdown li.context_plugin_item .lastYear {
	border-bottom:solid 1px #cccccc;
}
ul.context_plugin_dropdown li.context_plugin_item a[class^="year"]:first-child {
	border-top:solid 1px #cccccc;
}

/* ページング */
div.pager-pageinfo span.pager-pageinfo-pagedisplay {
	margin-right : 32px;
}
.pager-pageselector {
	text-decoration:none;
	margin: 6px 2px 6px 2px;
	padding:2px 8px 2px 8px;
}
.pager-pageselector-selected {
	border:solid 1px #ccc;
	background-color:#eaeaea;
}

/* カラムセレクタ */

.columnselectable-selector {font-family:meiryo, Verdana; font-size:x-small;border:solid 1px #cccccc;position:absolute;background-color:#eeeeee;padding:8px;filter:alpha(opacity=90);}
.columnselectable-selector ul {margin:0px;}
.columnselectable-selector li {list-style:none;}
.columnselectable-selector-message {text-align:center;margin:4px;border:solid 1px Gray;background-color:dadada;}
.columnselectable-selectbutton {position:absolute;}

table {
	font-size:small;
	border-collapse:collapse;
}
th {
	border : solid 1px #cccccc;
	padding:4px;
	background-color : #eaeaea;
}
td {
	border : solid 1px #cccccc;
	padding:4px 8px 4px 8px;
}
table caption {
	text-align:left;
	border-left: solid 8px #cccccc;
	margin-top : 16px;
	margin-bottom:4px;
	padding : 2px 4px 2px 12px;
	white-space:nowrap;
}
/* 店舗情報 */
div#shopInfo, div#companyInfo {
	border : solid 1px #666666;
	background-color:#ffffff;
}
table.shopinfo, table.companyinfo, table.companyinfo_shoplist {
	background-color:#ffffff;
	margin-bottom : 8px;
/*	border : solid 2px #cccccc;*/
}
table.shopinfo caption, table.companyinfo caption, table.companyinfo_shoplist caption{
	background-color :#cccccc;
/*	border : solid 2px #cccccc;*/
	text-align:center;
	margin:0px 0px 8px 0px;
}
table.companyinfo_shoplist td{
	min-width : 120px;
}
table.shopinfo th, table.companyinfo th {
	border-left : none;
	border-right : none;
	text-align : right;
	padding-right : 12px;
	background-color : #ffffff;
}
table.shopinfo td, table.companyinfo td, table.companyinfo_shoplist td {
	border-left : none;
	border-right : none;
	text-align: left;
	padding-left : 12px;
	background-color : #ffffff;
}
table#accountinfo {
	width : 100%;
	margin-bottom:16px;
}
#shopEditor input {
	width:48px;
}
table.shoplist {
	margin-bottom:1em;
}
table.shoplist td {
	min-width:120px;
}
table.shoplist td.branch_col, table.shoplist td.owner_col {
	vertical-align:top;
	white-space:nowrap;
}
/* ランキング */
/* 通常のランキング */
table.ranking {
	/*table-layout:fixed;*/
	clear:both;
	min-width:640px;
}
table.ranking td {
	text-align:right;
}
table.ranking a {
	text-decoration:none;
}
table.ranking td.shopName, table.ranking td.staffName, table.ranking td.ownerName, table.ranking tfoot td {
	text-align:left;
}
table.ranking th[linkto] {
	cursor:pointer;
}
table.ranking th.currentSort {
	background-color : #dedede;
}
span.pageinfo {
	float:left;
	margin:4px 24px 0px 8px;
}
span.taxinfo {
	float:right;
	margin-right:12px;
}
ul.pageSelector {
	margin:0px;
}
ul.pageSelector li {
	list-style-type:none;
	float:left;
	padding:2px 8px 2px 8px;
	text-aling:center;
	border:solid 1px #dddddd;
	margin-right:4px;
	background-color:#efefef;
}
ul.pageSelector li.currentPage {
	background-color:#dddddd;
} 
ul.pageSelector li a {
	text-decoration:none;
}
/* 項目別ランキング */
table.ranking2 span.owner {
	font-size:7px;
	color:#bbbbbb;
}
table.ranking2 span.value {
	text-align:right;
}
table.ranking2 td {
	padding:2px 4px 2px 4px;
}
table.ranking2 td.rank {
	text-align:right;
	min-height:32px;
}
.mycompany {
	color:#11bb22;
}
.average {
	color:#2222AA;
}
span.ownerName {
	font-size:7px;
	color:#888888;
}
div#rankingColumnMenu {
	position: absolute;
	background-color : transparent;
}
div#rankingColumnMenu div{
	border-left:solid 1px #bbbbbb;
	border-right:solid 1px #bbbbbb;
	vertical-align:middle;
	min-width:120px;
}
div#rankingColumnMenu div.menu{
	background-color:#ffffff;
	padding:4px 8px 4px 8px;
	cursor:pointer;
}
div#rankingColumnMenu div.menu:hover{
	background-color:#eaeaea;
}
div#rankingColumnMenu_Title {
	border-top:solid 1px #bbbbbb;
	border-bottom:solid 1px #bbbbbb;
	background-color:#eaeaea;
	cursor:default;
	font-weight:bold;
	padding:4px 8px 4px 12px;
	vertical-align:middle;
}
div#rankingColumnMenu_Detail {
	border-bottom:solid 1px #bbbbbb;
}
span#invisibleColumns {
	background:#fafafa;
	border:solid 1px #cccccc;
	margin-left : 64px;
	padding : 0px 24px 0px 24px;
}
.ui-effects-transfer { border: 2px dotted gray; }

div#invisibleColumnsMenu  {
	background-color:#ffffff;
	border:solid 1px #cccccc;
}
div#invisibleColumnsMenuTitle {
	background-color:#eaeaea;
	padding:8px;
	border:solid 1px #cccccc;
	border-top:solid 1px #bbbbbb;
	border-bottom:solid 1px #bbbbbb;
	cursor:default;
	font-weight:bold;
	vertical-align:middle;
}
div.invisibleColumnsMenuItem {
	padding:4px 8px 4px 8px;
	//border-bottom : solid 1px #efefef;
	cursor : pointer;
	min-width:120px;
}
div.invisibleColumnsMenuItem:hover {
	background-color:#eaeaea;
}
div.invisibleColumnsMenuItem:last-child {
	border-bottom : none;
}
div.menuItem {
	padding:4px 8px 4px 8px;
	cursor : pointer;
	min-width:100px;
}
div.menuItem:hover {
	background-color:#eaeaea;
}
div.menuItemSeparater {
	border-bottom : solid 1px #dddddd;
}
/* 日集計一覧 */
table.dailytotal tr.evenrow {
	background-color:#efefef;
}

table.dailytotal th {
	cursor:pointer;
}
table.dailytotal th:first-child {
	cursor:default;
}
table.dailytotal tr.week_0 {
	color:#ff3333;
}
table.dailytotal tr.week_6 {
	color:#3333ff;
}
table.dailytotal tr.nodata {
	color : #999999;
}

/* 会社一覧 */
table#branchlist {
	float : left;
	margin-right : 16px;
	margin-top   : 16px;
}
table#branchlist td.selected{
	background-color:#eeeeee;
}

/* 管理系 */

div.regionArea {
	padding : 8px;
	border : solid 1px #cccccc;
	margin : 8px;
	float:left;
	width : 200px;
}
div.regionArea h3 {
	font-size : 15px;
	background-color: #ffffff;
	margin:0px;
	padding: 4px 8px 4px 8px;
	border-bottom:solid 1px #cccccc;
}
div.regionArea button {
	margin-left : 24px;
}
div.branch {
	padding : 8px;
	text-indent:16px;
	border-bottom : dashed 1px #eaeaea;
}
div.branch:last-child {
	border-bottom : none;
}
div.status_0 {
	color : #000000;
}
div.status_1 {
	color : #cccccc;
}

table.member_stafflist td:first-child{
	text-align:right;
}

table.member_list {
}
tr.not-allowed {
	background-color: #dddddd;
	color:#888888;
}
td.no-entry * {
	color : #bbbbbb;
}

/* 店舗月次データ一覧のテーブル 
table.shopmonthly {
	table-layout : fixed;
}
table.shopmonthly th.shopname {
	background-color : #f8f8f8;
	width:120px;
}

table.shopmonthly td.focused {
	background-color : #eeeeee;
}
table.shopmonthly td.notset {
	color : #eaeaea;
}
*/
/* セルの中に情報を表示するためのテーブル */
table.monthly_params {
	margin : 0px;
	border : none;
}
table.monthly_params th{
	font-weight:normal;
	background-color : transparent;
	text-align:right;
	padding:0px;
	/*font-size : 7px;*/
	font-size:xx-small;
	border:none;
}
table.monthly_params td {
	text-align:left;
	padding:0px;
	padding-left:4px;
	/*font-size : 7px;*/
	font-size:xx-small;
	border:none;
}
table.monthly_params caption {
	/*font-size : 3px;*/
	font-size:xx-small;
	border:none;
	border-bottom : solid 1px #cccccc;
	margin:0px;
	padding:0px;
}

#alert_panel {
	display : none;
}

.summary_base {
	padding : 24px;
}
table.summary th {
	white-space:nowrap;
}
table.summary td{
	text-align:right;
	padding:4px 8px 4px 8px;
/*
	min-width : 100px;
*/
}
table.summary td.left {
	text-align:left;
	padding-left:12px;
	white-space:nowrap;
	min-width : 100px;
}
table.summary tr.current {
	color:#11bb22;
}
	
table#vendor_datalist {
	width:100%;
}
table#vendor_datalist tbody tr.not-allowed {
	display:none;
}

div#developmentMenu {
	margin-left : 0px;
	width:154px;
	float:left;
	border-right: dashed 1px #cccccc;
}
div#developmentContents {
	margin-left : 164px;
}
div#developmentMenu ul {
	padding:0px 4px 4px 4px;
	list-style:none;
	margin-top :0px;
}
div#developmentMenu ul li {
	margin : 0px 0px 0px 2px;
	padding:8px 4px 2px 16px;
	border-bottom:dashed 1px #ffffff;
	background:url(images/document.png) no-repeat;
	background-position:0px 11px;
}
div#developmentMenu ul li ul{
	padding-left:8px;
}
div#developmentContents h1 {
	border : solid 1px #cccccc;
	padding : 8px;
	margin-top:-2px;
	background:url(images/welcome-bg.png);
	color:#555555;
}
div#developmentContents h2 {
	border-left: solid 8px #cccccc;
	font-weight:normal;
}
div#developmentContents table tbody tr>td:first-child {
	text-align:right;
}
div.strongArea {
	padding:8px;
	background-color: #fafafa;
	border:solid 1px #cccccc;
}
div#developmentContents table#runOptions td{
	text-align:left;
}
div#developmentContents table#runOptions td.caption{
	background-color:#eaeaea;
}
ul.downloadList {
	list-style:none;
}
ul.downloadList li {
	background:url(images/download.png) no-repeat;
	background-position:0px 1px;
	padding-left:1.8em;
}
div.arrow-down {
	margin : 12px 32px;
	height : 48px;
	background:url(images/arrow_down.png) no-repeat;
}
table#ex-sended {
	float:left;
}
table#ex-system {
}
div.arrow-relation {
	float:left;
	text-align:center;
	padding-top:52px;
}
ol#versionHistory dt{
	margin-top:16px;
}

div#not-activation {
	color: #ffffff;
	font-size:large;
	font-weight:bold;
	border:solid 1px #fafafa;
	padding:16px;
	margin : 8px 0px 24px 0px;
	text-align:center;
	background-color:#cc3333;
}
div.exp-activation {
	padding : 12px;
	border : solid 1px #cccccc;
	margin-bottom:24px;
}
div#activate_warning {
	padding : 8px;
	color : red;
	font-weight:bold;
}
div#activate_ok {
	padding : 16px;
	border:solid 1px #cccccc;
}
div.no-vendor {
	font-weight:bold;
	color : red;
	border : solid 1px red;
	padding : 20px;
}

#dailyEditor table th {
	white-space:nowrap;
}
#dailyEditor table td {
	white-space:nowrap;
}
#dailyEditor table.salesedit {
	float:left;
	margin-right:16px;
}
div.input-menu-category {
	border:solid 1px #eaeaea;
	margin:16px;
	padding:0px 8px;
}
div.input-menu-category li {
	margin-top:8px;
	list-style-type:none;
}
div.input-menu-category a {
	min-width:200px;
	text-align:left;
	text-indent:1em;
}
div.input-menu-category p {
	padding-left:40px;
}
span#input_tax_message {
	font-size:14px;
	font-weight:bold;
}