@charset "utf-8";

/* ポップアップヘルプ */
img.agenthelp:hover,
img.bakusaihelp:hover,
img.chiebukurohelp:hover,
img.clienthelp:hover,
img.googlemobilesuggesthelp:hover,
img.googlemobilewordhelp:hover,
img.googlesuggesthelp:hover,
img.googlewordhelp:hover,
img.nichhelp:hover,
img.profilehelp:hover,
img.profilehelp:hover,
img.searchhelp:hover,
img.tophelp:hover,
img.twitterhelp:hover,
img.updatehelp:hover,
img.usertophelp:hover,
img.yahoomushimeganehelp:hover,
img.yahoosmarthelp:hover,
img.yahoosmartmushimeganehelp:hover,
img.yahoosuggesthelp:hover,
img.help:hover,
img.popuphelp:hover {
    cursor: pointer;
}


/********************************************
ログイン画面
********************************************/
/*ログイン外枠*/
.loginWrapper{ width:560px; height:320px; margin:60px auto 30px; }
/*ログイン見出し*/
.loginWrapper h1{padding:0; margin:0 0 20px; text-align:center; background:url(../images/logo_b.png) no-repeat center center; background-size:contain; width:auto; height:80px; overflow:hidden; text-indent:-9999px;}
/*ログインレイアウトテーブル*/
.loginWrapper table{ width:100%; margin:0 auto 1.5em; }
.loginWrapper table th{  padding:10px; font-weight:bold; text-align:right; vertical-align:middle;}
.loginWrapper table td{  padding:10px; vertical-align:middle;}
/*パスワードを忘れた*/
.button.warning#remindpassword{ background:none; color:#FA3A4F; border-color:#FA3A4F; font-size:11px; box-shadow:none;}
/* ログインエラーメッセージ */
.error-login { padding: 10px;	margin-bottom: -40px;    text-align: center; border:1px solid #FA3A4F; border-radius:3px;    color:#FA3A4F;}

/********************************************
管理者画面
********************************************/
/*ページ上部の情報　ユーザー画面でも使用*/
/*#administratorinformationtext,#wordselecttable{ background:rgba(191,211,242,0.5); color:#fff; padding:10px 0; margin:0px 0 -20px; font-size:12px;}*/
#administratorinformationtext,#wordselecttable{ background:linear-gradient(to bottom, #444, #000) #000; color:#ccc; padding:10px 60px 10px 0; margin:-10px 0 0; box-shadow:0 0 5px rgba(0,0,0,0.3); position: relative;}
#administratorinformationtext>div,#wordselecttable>div{ border-right:1px solid #666; display:table-cell; padding:0 10px;}

/*ヘルプボタン追加*/
 #administratorinformationtext a.button.HELP,#wordselecttable a.button.HELP{position:absolute; top:12px; right:10px;}
 #administratorinformationtext a.button.HELP i,#wordselecttable a.button.HELP i{color: #4285f4;}


/*フリー版*/
body.free #administratorinformationtext,body.free #wordselecttable{ background:#6A7A95;}

#administratorinformationtext>div,
#wordselecttable>div {
    border-right:1px solid rgba(255,255,255,0.2);
    display:table-cell;
    padding:0 1em;
}
#administratorinformationtext>div:last-child,#wordselecttable>div:last-child{ border-right:none; padding-right:0;}
#administratorinformationtext .button,
#wordselecttable .button {
    font-size:12px;
    border-color:rgba(255,255,255,0.5);
}

/*テーブル情報ソートボタンを小さく*/
.ascbutton.button.info{ font-size:11px; padding:0;}
.dscbutton.button.info{ font-size:11px; padding:0;}
.dropdown.button.success{ font-size:11px; padding:0;}
.dropup.button.success { font-size:11px; padding:0;}
.taskdisp.button.success { font-size:11px; padding:0;}

/*─────────────────────────
相談履歴管理
─────────────────────────*/
/*相談履歴管理　上部＿検索テーブル*/
table#consulttoolcontainer{ margin:0 0 20px;}
/*対応状況ステータス*/
#viewstatuscontainer #viewconsultstatus{ background:#eee; padding:10px; margin:0 0 10px;}
#viewstatuscontainer #viewconsultstatus span{ padding:0 1em 0 0;}
/*メモエリア*/
#viewstatuscontainer #viewconsultmemo{ border:1px solid #ddd; padding:9px; margin:0 0 10px;}
/*テキスト編集エリア*/
#editstatuscontainer #consultmemodiv{ margin:0 0 10px;}

/********************************************
ユーザー画面
********************************************/
/*─────────────────────────
ユーザートップ画面
─────────────────────────*/
/*ヘッダー*/
.ui-tabs-panel>header{ border-bottom:1px solid #eee; margin:-20px 0px 20px; padding:30px 0px 30px 58px; background: url(../images/icon_blank.png) no-repeat 0px center; background-size:48px 48px; position:relative;}
/*ヘッダー　トップ画面*/
header#toppageapplicationheader{background-image:url(../images/icon_home.png);}
/*ヘッダー　Yahooサジェスト*/
header#yahoosuggestapplicationheader{background-image:url(../images/icon_yahoo.png);}
/*ヘッダー　Yahoo虫眼鏡*/
header#yahoomushimeganeapplicationheader{background-image:url(../images/icon_yahoo.png);}
/*ヘッダー　Googleサジェスト*/
header#googlesuggestapplicationheader{background-image:url(../images/icon_google.png);}
/*ヘッダー　Google関連ワード*/
header#googlewordapplicationheader{background-image:url(../images/icon_google.png);}
/*ヘッダー　検索結果*/
header#googlesearchapplicationheader{background-image:url(../images/icon_search.png);}
/*ヘッダー　2ch監視*/
header#nichapplicationheader{background-image:url(../images/icon_2ch.png);}
/*ヘッダー　Twitter監視*/
header#twitterapplicationheader{background-image:url(../images/icon_twitter.png);}
/*ヘッダー　Yahooスマホ*/
header#yahoosmartapplicationheader{background-image:url(../images/icon_yahoo.png);}
/*ヘッダー　Yahooスマホ虫眼鏡*/
header#yahoosmartmushimeganeapplicationheader{background-image:url(../images/icon_yahoo.png);}
/*ヘッダー　Yahoo知恵袋*/
header#yahoochiebukuroapplicationheader{background-image:url(../images/icon_yahoo.png);}
/*ヘッダー　爆サイ*/
header#bakusaiapplicationheader{background-image:url(../images/icon_bakusai.png);}
/*ヘッダー　Googleモバイルサジェスト*/
header#googlemobilesuggestapplicationheader{background-image:url(../images/icon_google.png);}
/*ヘッダー　Googleモバイル関連ワード*/
header#googlemobilewordapplicationheader{background-image:url(../images/icon_google.png);}
/*ヘッダー　ユーザー契約内容 20180721*/
header#plofileheader{background-image:url(../images/icon_contract.png);}
/*ヘッダー　プロフィール編集*/
header#plofileheader{background-image:url(../images/icon_user.png);}
/*ヘッダー　契約内容確認*/
header#contractionheader{background-image:url(../images/icon_contract.png);}
/*ヘッダー内　見出し*/
header h1{ margin:0; padding:0;}
/*ヘッダー内　右部　ボタングループ*/
header div.buttons{ position:absolute; top:20px; right:20px;}

/*アナウンス部分*/
div.news { background:#f9f9f9; padding:10px 20px 10px; margin:0 0 20px; font-size:12px;}
div.news h2{ border-bottom:1px solid #ddd; font-size:15px;}

/* ユーザー選択 */
.usertop-select-menu {float: left; }
#downloadExcelButton { margin-left: 10px; }

/*リスクチャート外枠*/
div.risktable{ margin:30px 0 60px;}
/*リスクチャート外枠　見出し*/
div.risktable h2{ display:inline-block; margin-right:10px; font-size:30px;}

/*リスクチャートテーブル　リスクチャート見出し*/
div.risktable tr.usertoptitle{ background:#333;}
div.risktable tr.usertoptitle th {
	font-weight:bold;
	padding:7px;
	color:#fff;
	background: #333;
}

/*リスクチャートスタイリングテーブル*/
div.risktable table.style {
	margin-top:0;
	margin-bottom: 10px;
}

/* リスクチャート　汎用監視ワード説明 */
div.risktable div.box-retrieve {
	width: 210px;
	margin-left: 7px;
}
div.risktable div.lastest-date {
	text-align: right;
}

/* ネガティブポイント */
div.risktable div.negativepoint div.title,
div.risktable div.risklist div.title {
	background-color: #f9f9f9;
	font-weight:bold;
	padding: 7px;
}
div.risktable div.negativepoint div.title {
	margin-bottom: 15px;
}
div.risktable div.negativepoint div.box-negativepoint {
	width: 200px;
	margin-left: 30px;
}
div.risktable div.negativepoint div.point-block {
	width: 200px;
}
div.risktable div.negativepoint span.point-today {
	font-size: 60px;
	line-height: 1.3em;
	color: #fa3a4f;
}
div.risktable div.negativepoint span.point-diff {
	font-size: 18px; font-weight:bold;
	color: #4285f4;
}
div.risktable div.negativepoint span.point-diff-plus {
	font-size: 18px; font-weight:bold;
	color: #fa3a4f;
}
div.risktable div.negativepoint span.point-avg {
	font-size: 18px; font-weight:bold;
	color: #fa3a4f;
}

/* ポイント遷移 */
div.risktable div.negativepoint div.box-graph {
    width: 500px;
}
div.risktable div.negativepoint div.box-graph div.box-title {
	font-weight: bold;
	text-align: center;
	padding: 4px;
	margin: 0 5px 10px;
	border-bottom:1px solid #999;
}
div.risktable div.negativepoint div.box-graph div.box-title span.toggle-graph {
	margin-left: 5px;
}
div.risktable div.negativepoint div.box-graph table {
	border-collapse: separate;
}

div.risktable div.negativepoint div.box-graph .toggle-graph {
	display:inline-block;
	margin:0;
	padding:0;
	clear:both;
}
div.risktable div.negativepoint div.box-graph .toggle-graph li {
	display:inline-block;
	position:relative;
	float:left;
	list-style:none;
	border:solid 1px #ddd;
	border-right:none;
	overflow:hidden;
}
div.risktable div.negativepoint div.box-graph .toggle-graph li:last-child {
	border-right:solid 1px #ddd;
}
div.risktable div.negativepoint div.box-graph .toggle-graph label {
	display:block;
	min-width:3em;
	text-align:center;
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
	background:-moz-linear-gradient(top, #fff, #eee);
	border:solid 1px rgba(255,255,255,0.2);
	padding:0 10px;
}
div.risktable div.negativepoint div.box-graph .toggle-graph li:first-child label {
	border-radius:3px 0 0 3px;
}
div.risktable div.negativepoint div.box-graph .toggle-graph li:last-child label {
	border-radius:0 3px 3px 0;
}
div.risktable div.negativepoint div.box-graph .toggle-graph input[type=radio] {
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	margin:0 -50px;
	cursor:pointer;
}
div.risktable div.negativepoint div.box-graph .toggle-graph input[type=radio]:checked {
	cursor:auto;
}
div.risktable div.negativepoint div.box-graph .toggle-graph input[type=radio]:checked + label {
	color:#fff;
	border:solid 1px #dbdbdb;
	background: #999;
}
div.risktable div.negativepoint div.box-graph .toggle-graphs {
	text-align: center;
}

/* リスクチャート */
div.risktable div.negativepoint div.box-radar {
	width: 325px;
}
div.risktable div.negativepoint div.box-radar div.box-title {
	font-weight: bold;
	text-align: center;
	padding: 4px;
	margin: 0 30px 20px;
	border-bottom:1px solid #999;
}
div.risktable div.negativepoint div.box-radar div.info {
	text-align: center;
	margin-top: 10px;
}

/* コンテンツ別リスク状況 */
div.risktable div.risklist {
	padding-top: 5px;
}
div.risktable div.risklist div.title {
	margin-bottom: 0;
}
div.risktable div.risklist div.box-risklist {
	width: 720px;
}
div.risktable div.risklist span.markup {
	color: red;
}

/* ネガティブポイントの採点内容 */
div.risktable div.risklist div.box-guide {
	width: 260px;
	padding-top: 10px;
	margin-left: 40px;
}
div.risktable div.risklist div.box-guide div.title {
	background:none;
	font-weight:bold;
	text-align: center;
	padding: 4px;
	margin-bottom: 10px;
	border-bottom:1px solid #999;
}
div.risktable div.risklist div.box-guide div.table {
	display:table;
	margin-left: 10px;
	width: 240px;
	margin-bottom: 15px;
}
div.risktable div.risklist div.box-guide div.row {
	display:table-row;
}
div.risktable div.risklist div.box-guide div.row>div {
	display:table-cell;
	margin: -1px 10px 0 10px;
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
}
.square {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
.color-suggest { background: rgb(161, 195, 97); }
.color-url { background: rgb(99, 99, 99); }
.color-2ch { background: rgb(214, 78, 85); }
.color-twitter { background: rgb(68, 127, 225); }
.color-bakusai { background: rgb(246, 199, 94); }
.color-meo { background: #673ab7; }

/* 対策ワード注意書き */
.risktable .message_word {
    font-size: 20px;
    color: red;
    margin-top: -20px;
    margin-bottom: 10px;
}

/*─────────────────────────
Yahooサジェスト　～　Google関連ワード等
─────────────────────────*/
/*ヘッダー直下チェックワード*/
p.checkword{}
/*対象ワードが選択されていません*/
div.notselected{}
/*月選択*/
div.wrapperselectmonth{}
/*月間出現回数テーブル外枠*/
div#staticstable{ float:right; width:310px; margin:0 0 20px;}
/*グラフ部分外枠*/
div.graphdivwrapper{ float: none; width: auto;}

/*グラフ描画領域下部の期間選択外枠*/
div.monthgroup{ padding:10px;}
/*グラフ描画領域下部の期間選択内　ラベル*/
div.monthgroup label{ margin:0 10px 0 0;}
/*グラフの各項目の情報を制限*/
.jqplot-table-legend.jqplot-table-legend-label{ display:inline-block; width:140px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*1～10位のワードが表示されているサジェストテーブル*/
table.style.suggest{ font-size:12px;}
/*サジェストテーブル　チェックワードに当てはまっているセルの色*/
table.style.suggest td.checkcolorcell{background-color:#FFEDF2;}
/*サジェストテーブル　日付*/
table.style.suggest div.date{ display:inline-block; margin:0 5px 0 0;}
/*サジェストテーブル　日付セル内　エビデンス画像へリンクボタン*/
table.style.suggest .dateheader.button{ padding:1px;}

/* エビデンス画像のポップアップ表示 */
body:after {
	content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png);
	display: none;
}
.lb-dataContainer { padding-top: 20px; }
.lb-nav a.lb-next {
	margin-right: -70px;
	background: url(../images/lightbox/next.png) right 48% no-repeat;
}
.lb-nav a.lb-prev {
	margin-left: -65px;
	background: url(../images/lightbox/prev.png) left 48% no-repeat;
}
.lb-data .lb-caption { font-size: 20px; }
.lb-data .lb-close { background: url(../images/lightbox/close.png) top right no-repeat; }
.lb-cancel { background: url(../images/lightbox/loading.gif) no-repeat; }

/*─────────────────────────
 グラフ表示箇所
─────────────────────────*/
.goto-graph {
	margin-top: 10px;
	margin-bottom: 10px;
}
table.style.suggest,
#monthdrecordtable {
	margin-bottom: 5px;
}
table#monthdrecordtable th {
    height: 22px;
}
#staticstable .suggest .consult-button {
	width: 50px;
}
#chiebukurodescriptionmatch {
	margin-bottom: 20px;
}
p.page-top {
	position: fixed;
	margin: 0;
	bottom: 60px;
	right: 60px;
	font-size: 30px;
}
p.page-top a {
	background: rgba(0,0,0,0.8);
	text-decoration: none;
	color: #fff;
	width: 60px; height:60px; line-height:60px; text-align:center;
	text-align: center;
	display: block;
	border-radius: 3px;
}
p.page-top a:hover {
	text-decoration: none;
	background: rgba(0,0,0,0.6);
}

/*─────────────────────────
 監視ワード一覧
─────────────────────────*/
.suggest-box,
.chiebukuro-box,
.nich-box,
.twitter-box,
.search-box,
.bakusai-box {
	float: left !important;
}
.suggest-box-container,
.chiebukuro-box-container,
.nich-box-container,
.twitter-box-container,
.search-box-container,
.bakusai-box-container {
	overflow: hidden;
	float: right;
	margin-left: 10px;
}
/* clearfix */
.suggest-box-container:before,
.suggest-box-container:after,
.chiebukuro-box-container:before,
.chiebukuro-box-container:after,
.nich-box-container:before,
.nich-box-container:after,
.twitter-box-container:before,
.twitter-box-container:after,
.search-box-container:before,
.search-box-container:after,
.bakusai-box-container:before,
.bakusai-box-container:after {
	content: "";
	display: table;
}
.suggest-box-container:after,
.chiebukuro-box-container:after,
.nich-box-container:after,
.twitter-box-container:after,
.search-box-container:after,
.bakusai-box-container:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.suggest-box-container,
.chiebukuro-box-container,
.nich-box-container,
.twitter-box-container,
.search-box-container,
.bakusai-box-container {
	zoom: 1;
}

table.common-monitor-word {
	margin-left: 20px;
	margin-top: 12px;
	width: 310px;
}
table.common-monitor-url {
    margin-left: 20px;
    margin-top: 12px;
    width: 340px;
}
table.common-monitor-word th,
table.common-monitor-url th {
	height: 22px;
	background-color: #FEFDF3;
}
table.common-monitor-word .consult-button {
	/*width: 50px;はみ出てる*/
}
.toggle-monitor-word,
.toggle-monitor-url {
	text-align: right;
}

.chiebukuro-box-container .monitoringword {
	margin-top: 20px;
	width: 340px;
}
#yahoochiebukuro_commonMonitorWord {
	margin-left: 20px;
	margin-top: 12px;
	width: 320px;
}

.nich-box-container .monitoringword {
    width: 240px;
}
.nich-box-container table.common-monitor-word {
    width: 240px;
}

.twitter-box-container .watching_word_list {
    width: 310px;
    margin-bottom: 15px;
}

#twitter_commonMonitorWord {
	margin-left: 20px;
	margin-top: 12px;
	width: 200px;
}
#twitterhelp-tweet_graph {
	margin-top: 20px;
}

.bakusai-box-container .burning-level {
	margin-top: 20px;
	margin-left: 10px;
	width: 150px;
}
.bakusai-box-container div.monitor-word {
	margin-left: 20px;
	width: 290px;
}

#bakusai_monitorWord th {
	height: auto;
    text-align: center;
}
#bakusai_commonMonitorWord th {
	height: 19px;
}
#bakusai_commonMonitorWord {
	margin-top: 12px;
	margin-left: 20px;
	width: 290px;
}

/*─────────────────────────
 検索結果
─────────────────────────*/
/*グラフ部分外枠*/

/*月間出現回数テーブル外枠*/
div#staticstable.staticstablegooglesearch{ width:480px; }

/*月間出現回数テーブル　セル内の情報を制限*/
div.googlesearchdurltd {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*日付選択　スライダー外枠*/
div.datesliderwrapper{ padding:10px;}
/*日付選択　スライダー直下　日付テキスト*/
div.datesliderwrapper .dateslidertext{ padding:0 10px;}

/*順位・タイトル・URL・監視状態テーブル*/
table#dreacordtable{}
/*登録URLがハイライト*/
table#dreacordtable *.watchurl{ background-color:#EEDFFF;}
/*高～予2ボタンのbackground-colorがセルの背景色と対応↓*/
/*　高*/td.googlesearchstatus .button#btn1{background-color:#FFD9D9; background-image: linear-gradient(#fff,#FFD9D9); border-color:#E6C4C4;}
/*　中*/td.googlesearchstatus .button#btn2{background-color:#FFECD9; background-image: linear-gradient(#fff,#FFECD9); border-color:#CCBDAE;}
/*　低*/td.googlesearchstatus .button#btn3{background-color:#FFFFD9; background-image: linear-gradient(#fff,#FFFFD9); border-color:#CCCCAE;}
/*予１*/td.googlesearchstatus .button#btn4{background-color:#E3FFD9; background-image: linear-gradient(#fff,#E3FFD9); border-color:#B5CCAE;}
/*予２*/td.googlesearchstatus .button#btn5{background-color:#D9FFEC; background-image: linear-gradient(#fff,#D9FFEC); border-color:#AECCBD;}

/*─────────────────────────
 2ch監視
─────────────────────────*/
/*グラフ描画部分*/
div#nichgraphdiv{ margin:0 0 10px;}
/*監視ワードテーブル外枠　Twitter監視、爆サイ監視でも使用*/
div.monitoringword{ float:right; width:260px; margin:0 0 20px;}

/*該当スレッド数テーブル外枠*/
div#nichtitlematch{ float:left; width: auto; margin:0 0 20px;}

/*該当スレッドマッチングテーブル外枠*/
div#nichdescriptionmatch{ border-top:1px solid #ddd; padding:20px 0 0; margin:20px 0 0;}
/*スレッドタイトルなど　セル内の情報を制限*/
div.nichtitle,div.nichurl,div.nichtitletd,div.nichdescurl,td.nichdescriptiontd{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*─────────────────────────
 Twitter監視
─────────────────────────*/
/*グラフ描画部分*/
div#twittergraphdiv{ margin:0 0 10px;}
/*ツィート数、問題ツイート数などのテキスト情報*/
.tweettextarea{ overflow:hidden;}
.tweettextarea>div{ float:left; border-left:5px solid #ccc; padding:0 0 0 10px; margin:0 10px 0 0;}
/*ツィート数*/
.tweettextarea .tweetnum{}
/*問題ツイート数*/
.tweettextarea .problemtweetnum{}
/*twitter監視ワード・回数テーブル*/
.tweettextarea+table.style{}
/*twitterの情報テーブル*/
table.style.twitter{}
/*twitterの情報テーブル　セル内の情報を制限*/
.twittertitletd,.twitterdescriptiontd{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

/* 監視ワード */
.watching_word_list input[type="checkbox"] { margin-right: 5px; }

/*─────────────────────────
 爆サイ監視
─────────────────────────*/
/*該当スレッド数テーブル外枠*/
div#bakusaititlematch{ float:left; width: auto; margin:0 0 20px;}

/*─────────────────────────
 知恵袋監視
─────────────────────────*/
div#chiebukurotitlematch { float:left; width: auto; margin:0 0 20px;}

/*─────────────────────────
 代理店一覧
─────────────────────────*/
table.agent_list { width: 100%; }
div.message_noagent {
    display: none;
    font-weight: bold;
}

/*─────────────────────────
 代理店編集画面
─────────────────────────*/
#agenteditdialog input[type="checkbox"] { margin: 0 2px 0 5px;}

/*─────────────────────────
 クライアント一覧
─────────────────────────*/
table.client_list { width: 100%; }
#userlist_data { margin: 10px 0;}

/*─────────────────────────
 クライアント登録画面
─────────────────────────*/
span.info {color: #808080; font-style: italic; margin-right: 15px;}

/*─────────────────────────
 クライアント編集画面
─────────────────────────*/
#updatedialogform fieldset,
form.clientprofi fieldset {
    padding: 3px 10px;
    width: 96px;
    display: inline;
    border: 1px solid #e0e0e0;
}
#updatedialogform legend,
form.clientprofi legend {
    display: block;
    padding: 0 5px;
}
#updatedialogform div.updateallow label {
    margin-right: 10px;
}


/*─────────────────────────
 案件追加画面
─────────────────────────*/
#taskCreateForm ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    margin-left: 10px;
}
#taskCreateForm li {
    margin-bottom: 3px;
    padding-left: 30px;
    position: relative;
}
#taskCreateForm li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #848fa7;
    color: #fff;
    display: block;
    float: left;
    line-height: 22px;
    margin-left: -30px;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    margin-top: 3px;
}

#taskCreateForm input.task-word { width: 340px; }
#taskCreateForm input.task-search-area { width: 340px; }
#taskCreateForm input.disabled {
    background-color: white;
    border: none;
    box-shadow: none;
}

/*─────────────────────────
 案件編集画面
─────────────────────────*/
#taskUpdateForm div.search-word,
#taskUpdateForm div.generic-search-word { margin: 0 5px 5px 10px; }
#taskUpdateForm div.search-word a.search-word,
#taskUpdateForm div.generic-search-word a.generic-search-word {
    display: inline-block;
    margin: 2px;
    font-weight: normal;
    padding: 2px 8px;
    line-height: 1em;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
}
#taskUpdateForm div.search-word a.search-word.original {
    background-color: #12a75a;
    border-color: #0C723C;
    color: white;
}
#taskUpdateForm div.search-word a.search-word.original:hover {
    background-color: #ffffff;
    border-color: #0C723C;
    color: #12a75a;
    text-decoration: none;
}
#taskUpdateForm div.search-word a.search-word.generic {
    /* background-color: #4285F4; */
    background-color: #12a75a;
    border-color: #0C723C;
    /* border-color: #3973D3; */
    color: white;
}
#taskUpdateForm div.search-word a.search-word.generic:hover {
    background-color: #ffffff;
    /* border-color: #3973D3; */
    border-color: #0C723C;
    color: #12a75a;
    /* color: #4285F4; */
    text-decoration: none;
}
#taskUpdateForm div.search-word-title a.edit-text { display: none; }
#taskUpdateForm div.check_word_text { display: none; }
#taskUpdateForm div.search-word-title i {
    font-size: 1.3em;
    margin-right: 3px;
}
#taskUpdateForm div.search-word-title a:hover { text-decoration: none; }

#taskUpdateForm div.generic-search-word a.generic-search-word {
    border-color: #3973D3;
    color: #3973D3;
    background-color: #ffffff;
}
#taskUpdateForm div.generic-search-word a.generic-search-word.original {
    border-color: #e09204;
    color: #e09204;
}
#taskUpdateForm div.generic-search-word a.generic-search-word:hover {
    border-color: #3973D3;
    color: #ffffff;
    background-color: #4285F4;
    text-decoration: none;
}
#taskUpdateForm a.fs2 { font-size: 20px; }
.message-attention {
    font-weight: bold;
    color: red;
}


/*─────────────────────────
 監視ワード対象外設定ダイアログ
─────────────────────────*/
#exceptwordConfigForm div.exceptword a.exceptword,
#exceptwordConfigForm div.generic-search-word a.generic-search-word {
    display: inline-block;
    margin: 2px;
    font-weight: normal;
    padding: 2px 8px;
    line-height: 1em;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
}
#exceptwordConfigForm div.exceptword a.exceptword:hover,
#exceptwordConfigForm div.generic-search-word a.generic-search-word:hover {
    text-decoration: none;
}
#exceptwordConfigForm div.exceptword a.exceptword {
    border-color: #f4413b;
    background-color: #f4413b;
    color: #ffffff;
}
#exceptwordConfigForm div.exceptword a.exceptword:hover {
    background-color: #ffffff;
    color: #f4413b;
}
#exceptwordConfigForm div.exceptword a.exceptword.match { font-size: 20px; }

#exceptwordConfigForm div.generic-search-word a.generic-search-word {
    border-color: #3973D3;
    color: #3973D3;
    background-color: #ffffff;
}
#exceptwordConfigForm div.generic-search-word a.generic-search-word:hover {
    color: #ffffff;
    background-color: #3973D3;
}

#exceptwordConfigForm div.generic-search-word a.generic-search-word.match {
    border-color: #f4413b;
    color: #f4413b;
    background-color: #ffffff;
    font-size: 20px;
}
#exceptwordConfigForm div.generic-search-word a.generic-search-word.match:hover {
    color: #ffffff;
    background-color: #f4413b;
}


/*─────────────────────────
 案件一覧
─────────────────────────*/
table.client_info {
    margin: 0;
}
table.client_info th {
    background-color: #ccc;
}
table.client_info th.first_col,
table.taks_list th.first_col,
table.agent_info th.first_col,
table.admin_info th.first_col { width: 90px; }
table.client_info td.uname {
    border-bottom-style: hidden;
    font-weight: bold;
}
table.admin_info td.exec_button,
table.agent_info td.exec_button,
table.client_info td.exec_button {
    width: 150px;
    text-align: right;
    border-left-style: hidden;
    border-bottom-style: hidden;
}
table.client_info a:hover,
table.taks_list a:hover { text-decoration: none; }

table.client_info td.user-type {
    width: 97px;
}

table.taks_list {
    margin-top: 0;
    margin-bottom: 60px;
}
table.taks_list th, table.taks_list td { text-align: center; }
table.taks_list td.exec_button { width: 110px; }
table.taks_list td.disabled { background-color: #ddd; }

/* KRCオプション */
#listview_task table.taks_list tr.task_meisai td.krc-option { background-color: #eee8aa; }

table.admin_info,
table.agent_info {
    margin: 0;
}
table.admin_info td.uname,
table.agent_info td.uname {
    font-weight: bold;
    font-size: larger;
    border-bottom-style: hidden;
    border-right-style: hidden;
}
table.agent_info th { background-color: #aaa; }
table.admin_info th.first_col {
    color: #ffffff;
    background-color: #808080;
}
div.select_menu {
    text-align: right;
    margin-bottom: 10px;
}

/* トップへ戻る */
#page_top {
    position: fixed;
    margin: 0;
    bottom: 25px;
    right: 15px;
    font-size: x-large;
}
#page_top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page_top a:hover {
    text-decoration: none;
    background: #999;
}

/* 対策ワード注意書き */
#listview_task .message_word {
    font-size: 14px;
    color: red;
    float: right;
    margin-top: -50px;
    margin-right: 10px;
}


/*─────────────────────────
 汎用監視ワード
─────────────────────────*/
.checkword-list {
    width: 50%!important;
    margin-left: 0!important;
}

/*─────────────────────────
 取得プログラム管理
─────────────────────────*/
table.schedule-list .last-time { width: 135px; }
table.schedule-list .interval  { width: 90px; }
table.schedule-list .count     { width: 75px; }
table.schedule-list .task      { width: 65px; }

/*─────────────────────────
 案件一括登録フォーム　テンプレート
─────────────────────────*/
.matter-import-form label input[type="file"] {
    display: none;
}
.matter-import-form label  {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #DDD;
    border-radius: 5px;
    vertical-align: middle;
}
.matter-import-form input.btn-import {
    display: none;
    margin-top: 10px;
}
.matter-import-message {
    margin-top: 5px;
    font-weight: bold;
}
.matter-import-message .message_warning {
    margin-top: 20px;
    color: red;
}

/*─────────────────────────
 無料ユーザー　入力ページ　テンプレート
─────────────────────────*/
a.new-free-user, tr.new-free-user { background-color: #FFFFD9; }
a.expired-free-user, tr.expired-free-user { background-color:#FFD9D9; }
tr.non-free-user { background-color:#eee; }
#freeClientForm input[type="checkbox"] { margin: 1px 3px 1px 0; }

/*─────────────────────────
 無料・有料ユーザー　案件トップページ
─────────────────────────*/
#wordselecttable div.date-rest90 {}
#wordselecttable div.date-rest7 {}
#wordselecttable span.plan-name{font-weight:bold;}
#wordselecttable span.plan-name img{ height:32px; margin:0 0.75em 0 0; border-radius:3px;}

/* 追加・変更・除外ボタン */
#wordselecttable #createMatter,
#wordselecttable #updateMatter,
#wordselecttable input.exceptword-config {
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 32px;
}
#wordselecttable #createMatter { background-image: url(../images/button_word_add.png); }
#wordselecttable #updateMatter { background-image: url(../images/button_word_edit.png); }
#wordselecttable input.exceptword-config { background-image: url(../images/button_word_del.png); }


/*─────────────────────────
契約内容確認
─────────────────────────*/
h2#contspan{ margin:1.5em 0;}
h2#contspan span.image{ display:inline-block; height:64px; margin:0 20px 0 20px; border-radius:6px; box-shadow:0 3px 6px #eee; overflow:hidden; position:relative; vertical-align:middle;}
h2#contspan span.image:before{ position:absolute; top:0; left:0; width:64px; height:64px; border:1px solid rgba(0,0,0,0.2); border-radius:6px; content:""; display:inline-block; box-sizing:border-box;}
h2#contspan span.image:after{ position:absolute; top:1px; left:1px; width:62px; height:62px; border:1px solid rgba(255,255,255,0.4); border-radius:5px; content:""; display:inline-block; box-sizing:border-box;}
h2#contspan span.image img{ height:64px;}
.pastcontraction dl{ overflow:hidden; line-height:1.2; border-left:2px solid #7896C7; margin:0.5em 0; font-size:90%;}
.pastcontraction dt{ padding:4px 0 4px 0; float:left; width:90px; text-align:right; min-height:24px; clear:left; box-sizing:border-box;}
.pastcontraction dd{padding:4px 0 4px 100px; min-height:24px; box-sizing:border-box;}


/*─────────────────────────
 MEO / 口コミ
─────────────────────────*/

/*
 * 共通
 */

/* 口コミ監視 */
tr.greview-negative, th.greview-negative {
    background-color: #FEEBED !important;
}
tr.greview-negative-color, th.greview-negative-color {
    color: #C8081D !important;
}
tr.greview-positive, th.greview-positive {
    background-color: #ECF3FE !important;
}
tr.greview-positive-color, th.greview-positive-color {
    color: #1053C2 !important;
}
tr.greview-taisaku, th.greview-taisaku {
    background-color: #e3ffdb !important;
}
tr.greview-taisaku-color, th.greview-taisaku-color {
    color: #0597AB !important;
}
table.style th.greview-generic_match {
    background-color: #FDF8ED;
    color: #BD8D1E;
}


/* ヘッダー */
header.meo-header {
    background-image: url(../images/icon_meo.png);
    background-position-y: 22px;
}
header.meo-header .content-title { margin-right: 40px; }
header.meo-header .content-meo { color: #555; }
header.meo-header .content-meo .meo-target { font-size: 19px; }
header.meo-header .content-meo .meo-reviewurl { font-size: 15px; }
header.meo-header .content-meo span.meo-title { font-weight: bold; }
header.meo-header .content-config { color: #7484a6; }


/*
 * BOX 1段目
 */

/* カレンダー */
.box-row1 .meo-datepicker { width: 230px; }

/* MEO（マップ順位） */
.box-row1 .meo-rank { width: 350px; }

/* MEO検索ワード */
.box-row1 .meo-rank a.search-word { font-weight: normal; }


/* ロコミ監視数 */
.box-row1 .meo-greview-count {
    width: 180px;
    margin-left: 25px;
}

/* 汎用マッチング */
.box-row1 .greview-generic-match {
    width:250px;
}


/* BOX 2段目 */
.box-row2 { margin-top: 30px; }

.box-row2 .greview-star {
    color: #e7711b;
    margin-left: 30px;
}
.box-row2 .greview-result-count {
    font-weight: normal;
    margin-left: 30px;
}
#selectGreviewResult { margin-left: 3px; }
#tableGreviewResult { margin-top: 0; }

.box-row2 .message-noget {
    font-size: 16px;
}
.box-row2 .message-nodata {
    font-size: 16px;
    color: white;
    background-color: red;
    padding: 10px;
    margin: 5px 20px 10px 15px;
    border-radius: 3px;
}

.box-row2 .monitoring-flag-button .button {
    font-size: 11px;
    padding: 5px;
    min-width: 60px;
    background-color: #fff;
}
.box-row2 .monitoring-flag-button .button i { font-size: 14px; }
.box-row2 .monitoring-flag-button .button.negative {
    background-color: #fff;
    border-color: #FC9CA7;
    color: #FA3A4F;
}
.box-row2 .monitoring-flag-button .button.positive {
    background-color: #fff;
    border-color: #A0C2F9;
    color: #4285F4;
}
.box-row2 .monitoring-flag-button .button.taisaku {
    background-color: #fff;
    border-color: #9BE4EE;
    color: #37C9DD;
}
.box-row2 .monitoring-flag-button div.greview-negative,
.box-row2 .monitoring-flag-button div.greview-positive,
.box-row2 .monitoring-flag-button div.greview-taisaku {
    color: white;
    font-weight: bold;
    border-style: solid;
    border-radius: 1px;
    border-width: 1px;
    padding: 5px 10px;
    margin-right: 5px;
    text-align: center;
    float: left;
    height: 16px;
    width: 60px;
}
.box-row2 .monitoring-flag-button div.greview-negative {
    background-color: #FA3A4F;
    border-color: #FA3A4F;
}
.box-row2 .monitoring-flag-button div.greview-positive {
    background-color: #4285F4;
    border-color: #4285F4;
}
.box-row2 .monitoring-flag-button div.greview-taisaku {
    background-color: #37C9DD;
    border-color: #37C9DD;
}


/* ページング */
.box-row2 .pager .ui-state-default {
    background-image: none;
    background-color: #fff;
}
.box-row2 .pager .ui-state-active {
    border: 1px solid #e7711b;
    background-color: #e7711b;
    color: #ffffff;
}


/* BOX 3段目 */
.box-row3 { margin-top: 40px; }

/* MEO（マップ順位）一覧 */
.box-row3 .meo-result-box { width: 540px; }

.box-row3 .meo-result-box table thead { float: left; }
.box-row3 .meo-result-box table tbody { float: left; }
.box-row3 .meo-result-box table tr { float: left;}
.box-row3 .meo-result-box table tr td,
.box-row3 .meo-result-box table tr th {
    display: block;
    height: 20px;
}
.box-row3 .meo-result-box table tr td {
    padding: 3px 5px;
    height: 28px;
    text-align: center;
}
.box-row3 .meo-result-box table tr th.title-x {
    width: 82px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-row3 .meo-result-box table tr th.title-x.title-x-5 { width: 72px; }
.box-row3 .meo-result-box table tr th.title-x.title-x-4 { width: 92px; }
.box-row3 .meo-result-box table tr th.title-x.title-x-3 { width: 128px; }
.box-row3 .meo-result-box table tr th.title-x.title-x-2 { width: 202px; }
.box-row3 .meo-result-box table a.meo-rank {
    font-weight: normal;
    width: 60px;
    padding: 3px;
    margin: 1px;
}
.box-row3 .meo-result-box table tr th.title-y {
    height: 20px;
    line-height: 24px;
}
.box-row3 .meo-result-box table { border: 0; }

/* 口コミ監視一覧 */
.greview-count-box { width: 500px; }


/* MEO順位一覧ダイアログ */
#meoResultForm table.meo-result-list tr.pick { background-color: #fffa90; }
#meoResultForm h2 { margin-top: 10px; }
#meoResultForm h2 span.meo-result-dt {
    margin-left: 20px;
    color:#e7711b;
}
#meoResultForm .message_error { margin: 5px 0 20px; }


/* MEO設定フォームダイアログ */
#meoConfigForm ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    margin-left: 10px;
}
#meoConfigForm li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
#meoConfigForm li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #848fa7;
    color: #fff;
    display: block;
    float: left;
    line-height: 22px;
    margin-left: -30px;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    margin-top: 3px;
}


/* カレンダー */
#datepicker .ui-datepicker .ui-datepicker-header,
#krcDatepicker .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    margin-bottom: 0;
    background-color: #f9f9f9;
    color: #000000;
    border: 1px solid #e0e0e0;
    width: 202px;
}
#datepicker .ui-state-default,
#datepicker .ui-widget-content .ui-state-default,
#datepicker .ui-widget-header .ui-state-default,
#datepicker .ui-button,
#datepicker .ui-button.ui-state-disabled:hover,
#datepicker .ui-button.ui-state-disabled:active,
#krcDatepicker .ui-state-default,
#krcDatepicker .ui-widget-content .ui-state-default,
#krcDatepicker .ui-widget-header .ui-state-default,
#krcDatepicker .ui-button,
#krcDatepicker .ui-button.ui-state-disabled:hover,
#krcDatepicker .ui-button.ui-state-disabled:active {
    border: 1px solid transparent;
    background-color: #ffffff;
    background-image: none;
}
#datepicker .ui-state-highlight,
#datepicker .ui-widget-content .ui-state-highlight,
#datepicker .ui-widget-header .ui-state-highlight,
#krcDatepicker .ui-state-highlight,
#krcDatepicker .ui-widget-content .ui-state-highlight,
#krcDatepicker .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
#datepicker .ui-datepicker td,
#krcDatepicker .ui-datepicker td {
    border: 1px solid #e0e0e0;
    padding: 0;
}
#datepicker .ui-state-active,
#datepicker .ui-widget-content .ui-state-active,
#datepicker .ui-widget-header .ui-state-active,
#datepicker a.ui-button:active,
#datepicker .ui-button:active,
#datepicker .ui-button.ui-state-active:hover,
#krcDatepicker .ui-state-active,
#krcDatepicker .ui-widget-content .ui-state-active,
#krcDatepicker .ui-widget-header .ui-state-active,
#krcDatepicker a.ui-button:active,
#krcDatepicker .ui-button:active,
#krcDatepicker .ui-button.ui-state-active:hover {
    border: 1px solid #e7711b;
    background: #e7711b;
    font-weight: normal;
    color: #ffffff;
}
#datepicker .ui-widget.ui-widget-content,
#krcDatepicker .ui-widget.ui-widget-content {
    border: none;
}
#datepicker .ui-datepicker th,
#krcDatepicker .ui-datepicker th {
    background-color: #ECF3FE;
    padding: 5px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
#datepicker .ui-datepicker th.ui-datepicker-week-end,
#krcDatepicker .ui-datepicker th.ui-datepicker-week-end {
    background-color: #FEEBED;
}
#datepicker .datepicker-saturday a.ui-state-default,
#krcDatepicker .datepicker-saturday a.ui-state-default { /* enable saturday */
    color: dodgerblue;
}
#datepicker .datepicker-sunday a.ui-state-default,
#krcDatepicker .datepicker-sunday a.ui-state-default { /* enable sunday */
  color: red;
}


/* 評価星 */
span.ratingstar{ position:relative; display:inline-block; background:url(../images/ratingstar.png) left 0% top 0%; background-size:cover; overflow:hidden; width:95px; height:16px; vertical-align:middle;}
span.ratingstar.xsmall{ width:47.5px; height:8px;}
span.ratingstar.small{ width:71.3px; height:12px;}
span.ratingstar.large{ width:142.5px; height:24px;}
span.ratingstar.xlarge{ width:190px; height:32px;}
span.ratingstar.rate00{}
span.ratingstar.rate05{ background-position:left 0% top 10%;}
span.ratingstar.rate10{ background-position:left 0% top 20%;}
span.ratingstar.rate15{ background-position:left 0% top 30%;}
span.ratingstar.rate20{ background-position:left 0% top 40%;}
span.ratingstar.rate25{ background-position:left 0% top 50%;}
span.ratingstar.rate30{ background-position:left 0% top 60%;}
span.ratingstar.rate35{ background-position:left 0% top 70%;}
span.ratingstar.rate40{ background-position:left 0% top 80%;}
span.ratingstar.rate45{ background-position:left 0% top 90%;}
span.ratingstar.rate50{ background-position:left 0% top 100%;}



/*─────────────────────────
 キーワードランクチェック
─────────────────────────*/

/* ヘッダー */
header.krc-header {
    background-image: url(../images/icon_search.png);
    background-position-y: 22px;
}
header.krc-header .content-title { margin-right: 40px; }
header.krc-header .content-search-area {
    font-size: 19px;
    color: #555;
}
header.krc-header .content-search-area span.title { font-weight: bold; }
header.krc-header .krc-config { margin-left: 10px; }


/*
 * BOX 1段目
 */

/* カレンダー */
.krc-box-row1 .krc-datepicker { width: 230px; }

/* タイトル */
.krc-box-row1 .search-word-title, .krc-box-row2 .search-word-title { color: #3a9419; }
.krc-box-row1 .krc-check-url, .krc-box-row2 .krc-check-url { color: #3170d8; }

/* KRCオプション */
.krc-box-row1 .krc-check-result1 .box.title { margin-bottom: 0; }
.krc-box-row1 .krc-check-result1 .TinyTools.ToggleSwitch .NubWrapper .OnSide {
    background: linear-gradient(to bottom, #e7711bb5 0%,#e7711b 100%);
}
/* IE用　KRC　ON切り替え時 */
@media all and (-ms-high-contrast: none) {
    .TinyTools.ToggleSwitch .NubWrapper.Checked .OnSide {
        right: 30px;
    }
}

/* KRC Google検索順位 */
.krc-box-row1 table.krc-search-result a.search-word {
    font-weight: normal;
}
.krc-box-row1 table.krc-search-result tr.selected { background-color: #fffa90; }

/* 月間出現日数1 */
.krc-box-row1 .krc-check-result1 { width: 460px; }

/* 月間出現日数2 */
.krc-box-row1 .krc-check-result2 {
    width: 340px;
    margin-left: 25px;
}

.krc-box-row1 table { margin-top: 5px; }

/* 監視URL */
.krc-box-row1 table.check-url,
.krc-box-row2 table.search-result {
    table-layout: fixed;
}
.krc-box-row1 td.text-nowrap,
.krc-box-row2 td.text-nowrap {
    white-space: nowrap;
    overflow-y: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
}
.krc-box-row1 table.check-url td.text-nowrap a {
    font-weight: normal;
}

/* 汎用マッチング */
.krc-check-result2 a.generic-check-url-all,
.krc-check-result2 a.generic-check-word-all {
    cursor:pointer;
}
.krc-check-result2 a.generic-check-url-all:hover,
.krc-check-result2 a.generic-check-word-all:hover {
    text-decoration: none;
}


/*
 * BOX 2段目
 */

/* Google検索順位 */
.krc-box-row2 { margin-top: 20px; }
.krc-box-row2 table.search-result td a {
    margin: 2px 4px;
    font-weight: normal;
}
.krc-box-row2 table.search-result b { color: #FF0000; }
.krc-box-row2 table.search-result { margin-top: 0; }
.krc-box-row2 table.search-result .checked10 { background-color: #f9616d; }
.krc-box-row2 table.search-result .checked50 { background-color: #fffa90; }

.krc-box-row2 a.check-result0, tr.check-result0 { background-color: #eedfff; }
.krc-box-row2 a.check-result1, tr.check-result1 { background-color: #ffd9d9; }
.krc-box-row2 a.check-result2, tr.check-result2 { background-color: #ffecd9; }
.krc-box-row2 a.check-result3, tr.check-result3 { background-color: #ffffd9; }
.krc-box-row2 a.check-result4, tr.check-result4 { background-color: #e3ffd9; }
.krc-box-row2 a.check-result5, tr.check-result5 { background-color: #d9ffec; }
.krc-box-row2 a.check-result1 {
    background-image: linear-gradient(#fff, #ffd9d9);
    border-color: #e6c4c4;
}
.krc-box-row2 a.check-result2 {
    background-image: linear-gradient(#fff, #ffecd9);
    border-color: #ccbdae;
}
.krc-box-row2 a.check-result3 {
    background-image: linear-gradient(#fff, #ffffd9);
    border-color: #ccccae;
}
.krc-box-row2 a.check-result4 {
    background-image: linear-gradient(#fff, #e3ffd9);
    border-color: #b5ccae;
}
.krc-box-row2 a.check-result5 {
    background-image: linear-gradient(#fff, #d9ffec);
    border-color: #aeccbd;
}

/* ツールチップ */
.krcTooltip b { color: #FF0000; }

/* 監視状態 */
.krc-box-row2 div.check-result-label {
    color: white;
    font-weight: bold;
    border-style: solid;
    border-radius: 1px;
    border-width: 1px;
    padding: 5px 10px;
    margin-left: 10px;
    text-align: center;
    float: left;
    height: 16px;
    width: 50px;
}
.krc-box-row2 div.check-result-label.check-result0 { background-color: #bb80ff; border-color: #bb80ff; }
.krc-box-row2 div.check-result-label.check-result1 { background-color: #ff9999; border-color: #ff9999; }
.krc-box-row2 div.check-result-label.check-result2 { background-color: #ffb366; border-color: #ffb366; }
.krc-box-row2 div.check-result-label.check-result3 { background-color: #e6e65c; border-color: #e6e65c; }
.krc-box-row2 div.check-result-label.check-result4 { background-color: #a2e68a; border-color: #a2e68a; }
.krc-box-row2 div.check-result-label.check-result5 { background-color: #8ae6e6; border-color: #8ae6e6; }


/* KRC 順位一覧ダイアログ */
#krcResultForm h2 { margin-top: 10px; }
#krcResultForm h2 span.krc-result-dt {
    margin-left: 20px;
    color:#e7711b;
}
#krcResultForm .message_error { margin: 5px 0 20px; }
#krcResultForm table.krc-result-list tr.checked10 { background-color: #ff57229e; }
#krcResultForm table.krc-result-list tr.checked50 { background-color: #fffa90; }
#krcResultForm table.krc-result-list tr td a { font-weight: normal; }


/* KRCコンテンツ設定 */
#krcConfigForm ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    margin-left: 10px;
}
#krcConfigForm ol li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
#krcConfigForm ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #848fa7;
    color: #fff;
    display: block;
    float: left;
    line-height: 22px;
    margin-left: -30px;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    margin-top: 3px;
}

#krcConfigForm ul.check-result a.check-result1,
#krcConfigForm ul.check-result a.check-result2,
#krcConfigForm ul.check-result a.check-result3,
#krcConfigForm ul.check-result a.check-result4,
#krcConfigForm ul.check-result a.check-result5 {
    width: 48px;
    padding: 1px 0;
    background-image: none;
    cursor: default;
    border-style: solid;
    border-radius: 1px;
    border-width: 1px;
    margin: 0 3px;
}
#krcConfigForm ul.check-result a.check-result1 { background-color: #ff9999; border-color: #ff9999; }
#krcConfigForm ul.check-result a.check-result2 { background-color: #ffb366; border-color: #ffb366; }
#krcConfigForm ul.check-result a.check-result3 { background-color: #e6e65c; border-color: #e6e65c; }
#krcConfigForm ul.check-result a.check-result4 { background-color: #a2e68a; border-color: #a2e68a; }
#krcConfigForm ul.check-result a.check-result5 { background-color: #8ae6e6; border-color: #8ae6e6; }



/*─────────────────────────
 メモ欄
─────────────────────────*/
.box-point {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.box-point::before {
    background-color: #fff;
    color: #da4033;
    content: "ATTENTION";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
.box-point li {
    list-style-type: circle;
    margin-left: 5px;
    padding-left: 2px;
}

/*─────────────────────────
 ボタン
─────────────────────────*/
input.button.info:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
input.button.info:hover:disabled {
    opacity: 1;
    cursor: default;
}

/*─────────────────────────
 共通
─────────────────────────*/
.message_success { font-weight: bold; }
.message_error {
    font-weight: bold;
    color: red;
}

/* 未登録メッセージ */
.message-nodata { font-style: italic; }

.loading, .loading-tab {
    width: 100%;
    height: 400px;
    background: url('../images/loading.gif') no-repeat center center;
}
.loading-tab { display: none; }

.button:hover {
    text-decoration: none!important;
    opacity: 0.8;
}

.fw-bold  { font-weight: bold!important; }
.text-left   { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right  { text-align: right!important; }
.text-vertical { writing-mode: tb-rl!important; }
.pt10 { padding-top: 10px!important; }
.mt5  { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.ml10 { margin-left: 10px!important; }
.ml20 { margin-left: 20px!important; }
.mb20 { margin-bottom: 20px!important; }
.break-all { word-break: break-all!important; }
.pull-right { float: right; }

/* jQuery Datepicker 用 */
.ui-datepicker-trigger {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* 横並びBox用 */
.box { float: left; }
.box-right { float: right; }

.box-container { overflow: hidden; }
/* clearfix */
.box-container:before,
.box-container:after {
    content: "";
    display: table;
}
.box-container:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.box-container {
    zoom: 1;
}


/*─────────────────────────
 印刷用
─────────────────────────*/
@media print {
    body { background-image: none !important; }
    .wrapper {
        width: auto !important;
        padding: 0 !important;
    }
    .container { margin: 0 !important; }
    ul.ui-tabs-nav { display: none !important; }
    #ui-tab.side>.ui-tabs-panel {
        padding-bottom: 0px !important;
        margin-bottom: auto !important;
        float: none !important;
        width: auto !important;
    }
    input { display: none !important; }
    a.button { display: none !important; }
    #administratorinformationtext, #wordselecttable { display: none !important; }
    #consulttoolcontainer { display: none !important; }
    #yahoomushimeganebuttonscontainer { display: none !important; }
    div.select_menu { display: none !important; }
    table.taks_list { margin-bottom: 20px !important; }
    tr.filterfunc { display: none !important; }
    th, td {
        background-color: #fff !important;
        color: #000 !important;
        border-color: #000 !important;
        padding: 3px !important;
    }
    table.admin_info th, table.admin_info td,
    table.agent_info th, table.agent_info td,
    table.client_info th, table.client_info td
        { border-style: hidden !important; }
    footer { display: none !important; }
}