

/*■管理者ヘッダーテーブル*/
.overthetop
{
	margin:0px;
	width:100%;
	height:3px;
	background:#ade4ff;
}
.headerDiv
{
	margin:0px;
	width:100%;
	background-color:#f7fbfc;
	border-bottom:solid 1px #eaeaea;
}
.headerDiv td{padding:0px;}

.headerTable
{
	border-collapse:collapse;
}
.headerTable td
{
	color:#000;
	white-space:nowrap;
	font-size:110%;
	font-weight:normal;
}
.headerTable td a:link{color:#000;text-decoration:none;}
.headerTable td a:visited{color:#000;text-decoration:none;}
.headerTable td a:hover{color:#ff0000;text-decoration:underline;}
.headerTable td a:active{color:#000;text-decoration:none;}

.headerclient
{
	width:98%;
	font-size:115%;
	text-align:right;
	white-space:nowrap;
}

/*■ヘッダー用の焦点枠*/
.menuCircle
{
	border:solid 1px #eaeaea;
	border-radius:4px;
	background:#f9f9f9;
	padding:9px 11px 9px 11px;
}
.menuCircleNoBorder
{
	border:solid 1px #f7fbfc;
	border-radius:4px;
	padding:9px 11px 9px 11px;
}

/*■トップページのグラフ*/
.dailygraph
{
	height:200px;
	width:90%;
	font-size:97%;
}

/*■各種マスター用の焦点枠*/
.masterMenuCircle
{
	border:solid 1px #eaeaea;
	background:#eaeaea;
	padding:5px 10px 5px 10px;
}
.masterMenuCircleNoBorder
{
	width:130px;
	border:solid 1px #f9f9f9;;
	padding:5px 10px 5px 10px;
}


/*■各種マスターでのテーブル*/
.masterTable
{
	border-collapse:collapse;
	font-size:97%;
}
.masterTable th
{
	white-space: nowrap;
	padding:5px 12px 5px 12px;
	background:#ebf6a1;
	border:solid 1px #d7ee47;
}
.masterTable td
{
	white-space: nowrap;
	padding:2px 8px 2px 8px;
	border:solid 1px #eaeaea;
}
.masterInputTable
{
	border-collapse:collapse;
	border:solid 1px #eaeaea;
	background:#f5f5f5;
}
.masterInputTable td
{
	border:none;
	padding:7px;
}

/*■汎用表組*/
.infoListTable
{
	border-collapse:collapse;
}
.infoListTable tr:hover
{
	background-color: #fee6ec;
}
.infoListTable th
{
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:3px 10px 3px 10px;
	white-space:nowrap;
}
.listtotal
{
	color:#0094cd;
	font-weight:bold;
}
.infoListTable th div
{
	text-align:right;
}
.infoListTable td
{
	border:solid 1px #eaeaea;
	padding:3px 6px 3px 6px;
	white-space:nowrap;
}
/*■予約管理で施術完了をグレーアウトするためのクラス*/
.infoListTable td a.caloff
{
	color:#808080;
	text-decoration:none;
}

.infoListTable td img
{
	border:solid 1px #eaeaea;
	padding:1px;
	text-align:center;
	vertical-align:middle;
}

/*■リストテーブルの色変えなし版*/
.infoListTableNoColor{border-collapse:collapse;}
.infoListTableNoColor th
{
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:3px 10px 3px 10px;
	white-space:nowrap;
}
.infoListTableNoColor td
{
	border:solid 1px #eaeaea;
	padding:3px 6px 3px 6px;
	white-space:nowrap;
}

/*■合計フッター*/
.footertotal
{
	text-align:right;
}

/*■トップページ用のinfoListTableのミニ版*/
.infoListTableMini{border-collapse:collapse;}
.infoListTableMini th
{
	font-size:97%;
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:4px 10px 4px 10px;
	white-space:nowrap;
}
.infoListTableMini td
{
	font-size:97%;
	border:solid 1px #eaeaea;
	padding:2px 5px 2px 5px;
}

/*■左寄せ*/
.infoListTableLeft{border-collapse:collapse;}
.infoListTableLeft th
{
	text-align:left;
	font-size:97%;
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:4px 10px 4px 10px;
	white-space:nowrap;
}
.infoListTableLeft td
{
	font-size:97%;
	border:solid 1px #eaeaea;
	padding:2px 15px 2px 15px;
}

/*■汎用入力フォーム*/

/*■入力のタイトル*/
.infoRegisterTitle
{
	height:35px;
	font-size:150%;
	font-weight:normal;
	color:#202020;
	background-image: url(../img/arrow072_10.png);
	background-repeat: no-repeat;
	background-position: center left;
}
/*■置換ページのタイトル*/
.replaceTitle
{
	height:35px;
	font-size:150%;
	font-weight:normal;
	color:#202020;
	background-repeat: no-repeat;
	background-position: center left;
}

.infoRegisterTable
{
	border-collapse:collapse;
}
.infoRegisterTable th
{
	white-space:nowrap;
	width:120px;
	text-align:left;
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border-bottom:solid 1px #eaeaea;
	border-top:solid 1px #eaeaea;
	padding:7px;
}
.infoRegisterTable td
{
	padding:2px 4px 2px 6px;
	border-bottom:solid 1px #eaeaea;
	border-top:solid 1px #eaeaea;
	vertical-align:middle;
}
.infoRegisterTable td img
{
	border:solid 2px #eaeaea;
}
.infoRegisterInnerTable
{
	border-collapse:collapse;
}
.infoRegisterInnerTable th
{
	white-space:nowrap;
	text-align:center;
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:none;
	padding:2px 3px 2px 1px;
	vertical-align:middle;
}
.infoRegisterInnerTable td
{
	font-weight:normal;
	border:none;
	padding:3px 3px 1px 1px;
	vertical-align:middle;
}

.innertable{border-collapse:collapse;}
.innertable td
{
	border:none;
	padding:2px 0px 2px 0px;
}

/*■登録ページ等のセクションタイトル*/
.sectiontitle
{
	/*margin-bottom:5px;*/
	font-size:140%;
	color:#c07701;
	padding-left:20px;
	background-image: url(../img/arrow072_02.png);
	background-repeat: no-repeat;
	background-position: center left;
	white-space:nowrap;
}

/*■マスタ等の行編集状態*/
.editbacktr{background:#fff8eb;}
.editbacktd
{
	background-image: url(../img/check.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.editbackspan
{
	padding-left:15px;
	background-image: url(../img/check.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/*■休日カレンダー*/
.infoCalendarTable
{
	border-collapse:collapse;
}
.infoCalendarTable th
{
	width:85px;
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding-top:12px;
	padding-bottom:12px;
	white-space:nowrap;
}
.infoCalendarTable td
{
	white-space:nowrap;
	padding:5px;
	border:solid 1px #eaeaea;
	text-align:left;
	vertical-align:middle;
}
/*■カレンダーの今日*/
.caltoday{background:#e6fdcb;}
.calsunday{background:#fffbf7;}
.calsaturday{background:#f7fbff;}
/*.thismonth{font-size:120%;}*/
.thismonthoff{color:#b9b9b9;}
.othermonth{color:#b9b9b9;}
.dispyear{vertical-align:bottom;white-space:nowrap;}
.dispmonth{vertical-align:bottom;font-size:200%;color:#aeaeae;white-space:nowrap;}

/*■予約カレンダー専用*/
/*.rescaltoday{background:#eff7fe;border:solid 1px #bfdffb;}*/
.rdispmonth{vertical-align:bottom;font-size:200%;color:#202020;white-space:nowrap;}


.resCalendarTable
{
	border-collapse:collapse;
}
.resCalendarTable th
{
	width:85px;
	color:#000;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding-top:12px;
	padding-bottom:12px;
	white-space:nowrap;
}
.resCalendarTable td
{
	height:60px;
	white-space:nowrap;
	font-size:92%;
	padding:3px;
	border:solid 1px #eaeaea;
	text-align:left;
	vertical-align:top;
}
.resCalendarTable td:hover
{
	background:#fbfafb;
}
.resCalendarTable .rescaltoday{color:#46a1fb;font-weight:bold;font-size:110%;}
.resCalendarTable .rescalthisweek{width:50px;border-bottom:solid 1px #46a1fb;margin-top:2px;margin-left:auto;margin-right:auto;}
.resCalendarTable .resthismonth{font-size:110%;}
.resCalendarTable .resthismonthoff{font-size:92%;color:#b9b9b9;}
.resCalendarTable .resthissunday{color:#ff3b6c;font-size:110%;}
.resCalendarTable .resthissaturday{color:#3b6cff;font-size:110%;}
.resCalendarTable .resinfo{font-size:78%;background:#eaeaea;width:97%;padding:2px;margin-bottom:1px;}

/*■カレンダー切り替えテーブル*/
.calswitchtable
{
	border-collapse:collapse;
}
.calswitchtable th
{
	padding:5px;
	font-weight:normal;
	border:solid 1px #eaeaea;
	background:#f9fafb;
}
.calswitchtable td
{
	padding:5px;
	text-align:center;
}
.calswitchtable td a
{
	cursor: pointer;
	text-decoration:none;
	color:#000;
}
.calswitchtable td a:hover
{
	color:#ff0000;
	text-decoration:underline;
}

/*■人体図のマーク*/
.bposition
{
	width:20px;
	height:20px;
	padding-top:3px;
	border-radius:1px;
	background:#006699;
	position:relative;
	text-align:center;
	color:#fff;
}

/*■タブ切替*/
.switchtab
{
	border-collapse:collapse;
}
.switchtabbelow
{
	margin:0px;
	width:100%;
	border-top:solid 1px #ebebeb;
}
.switchtab td
{
	white-space:nowrap;
	width:100px;
	padding:7px 7px 7px 7px;
	color:#336699;
	text-align:center;
	/*background:#72a1d0;*/
	background:#ebebeb;
	border-radius: 3px 3px 0px 0px;
	cursor: pointer;
}

/*■予約登録カレンダー関連*/
.reseveCalendarTable
{
	border-collapse:collapse;
}
.reseveCalendarTable th
{
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:3px 10px 3px 10px;
	white-space:nowrap;
}
.reseveCalendarTable td
{
	text-align:center;
	border:solid 1px #eaeaea;
	width:15px;
	white-space:nowrap;
}

/*■各ページの説明やグレーアウト*/
.caloff{color:#a7a7a7;white-space:nowrap;}
.calofftable{border-collapse:collapse;}
.calofftable th
{
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:3px 10px 3px 10px;
	white-space:nowrap;
}
.calofftable td
{
	color:#323232;
	white-space:nowrap;
}

/*■予約管理の日付ごとの隙間*/
.betweenborder
{
	width:100%;
	height:5px;
	border-top:solid 1px #e0e0e0;
	border-right:none;
	border-left:none;
	border-bottom:none;
	background:#fff;
}

/*■一覧ページ等の検索ボックスのテーブル*/
.infoSearchTable
{
	border:solid 1px #eaeaea;
	background:#f9fafb;
}
.infoSearchTable th
{
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:3px;
	white-space:nowrap;
}
.infoSearchTable td
{
	white-space:nowrap;
	padding:3px;
	border:none;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

/*■各ページの一覧表の下等の各部位説明*/
.underred{color:#ff0000;text-decoration:underline;}
.redbutton{color:#ff0000;}
.bluebutton{color:#006699;}
.greenbutton{color:#669900;}

/*■トップページのニュース*/
.newsTable
{
	border-collapse:collapse;
	margin-left:30px;
}
.newsTable th
{
	padding:6px;
	white-space:nowrap;
}
.newsTable td
{
	font-size:120%;
	text-decoration:underline;
	padding:6px;
	white-space:nowrap;
}
.newsTable td.nbody
{
	font-size:110%;
	text-decoration:none;
}

/*■売上管理のメニューテーブル*/
.salesmenuTable{border-collapse:collapse;}
.salesmenuTable td
{
	text-align:center;
	padding:7px;
	background:#fcfcfc;
	border:solid 1px #f5f5f5;
	white-space:nowrap;
}
.salesmenuTable td a
{
	color:#c34000;
	white-space:nowrap;
}

/*■FAQ*/
.faqTable
{
	border-collapse:collapse;
	margin-left:30px;
}
.faqTable th
{
	font-size:110%;
	text-align:left;
	color:#666;
	padding:6px;
	white-space:nowrap;
}
.faqTable td
{
	font-size:130%;
	text-decoration:none;
	padding:6px;
	white-space:nowrap;
}
.faqTable td.ans
{
	font-size:92%;
	text-decoration:none;
}

/*■トップチャートテーブル*/
.piecharttable
{
	border-collapse:collapse;
}
.piecharttable td
{
	width:350px;
	padding:0px;
	border:solid 1px #dcdcdc;
}
.graphtitle
{
	margin-bottom:5px;
	font-family:'Meiryo UI';
	font-size:102%;
	font-weight:bold
}
.graphtitle a
{
	text-decoration:none;
	color:#000;
}
.graphtitle a:hover
{
	text-decoration:underline;
	color:#ff0000;
}

/*■RF分析等のグラフテーブル*/
.graphtable{border-collapse:collapse;}
.graphtable th
{
	color:#0064aa;
	background: url(../img/info_bg.gif) fixed;
	border:solid 1px #eaeaea;
	padding:3px 10px 3px 10px;
	white-space:nowrap;
}
.graphtable td
{
	border:solid 1px #eaeaea;
	padding:3px 6px 3px 6px;
	white-space:nowrap;
}
.graphtable td a
{
	color:#000;
	text-decoration:none;
}
.graphtable td a:hover
{
	color:#ff0000;
	text-decoration:underline;
}
