@charset "utf-8";

body { width: 950px; font-size : 12px; color: #333;border-right:1px solid #CCCCCC;margin-left : 5px;}
a { color: gray; text-decoration: none;}

.wordBreak{
	word-break:break-all;
}

strong { font-weight: bold;}

fieldset {
  border  : 1px solid #555;
  padding : 4px 12px;
  margin  : 2px 0;
  background-color : #DDD;
}

fieldset legend {
  font-size        : 18px;
  font-weight      : bold;
  border           : 1px solid #555;
  background-color : #333;
  color            : #FFF;
  padding          : 4px;
}

#main dt {
  font-size        : 16px;
  font-weight      : bold;
  border           : 1px solid #555;
  background-color : #888;
  color            : #FFF;
  padding          : 4px;
}
#main dd {
  font-size        : 12px;
  font-weight      : bold;
  padding          : 4px 4px 4px 16px;
}

#main .center_text {
  text-align : center;
}

#main .clear {
  clear            : both;
}

#main .right {
  float            : right;
}

#main .left {
  float            : left;
}

#main .word-wrap {
  word-wrap:break-word;
}

/****************************************
 フレーム
****************************************/
div#header         {
  display: block;
  float: left;
  width: 950px;
  margin : 0px;
  background-images:url(/images/admin/header_back.jpg);
  height:100px;
}

div#footer         {
  color           : #FFF;
  background-color: #999;
  text-align      : center;
  display: block;
  float: left;
  width: 950px;
}

#main           {
  display: block;
  float: left;
  width: 940px;
  margin-left: 8px;
}

div#account_info   {
	padding-top:30px;
}


div#admin_navigation {
  display: block;
  clear: both;
  float: left;
  width: 200px;
  background-color: #fff;
  padding-bottom:2px;
  margin-bottom:4px;
  background-image:url(/images/admin/admin_navigation_back.gif);
  width: 100%;
}

div#admin_sub_navigation {
  display: block;
  clear: both;
  float: left;
  width: 170px;
  background-color: #fff;
  border-right: 2px dotted #DDD;
  padding-bottom:15px;
}

div#admin_tab_navigation {
  margin : 0;
  padding : 0px 4px;
  display: block;
}

div#admin_contents {
  margin : 8px;
  display: block;
  float: left;
  width: 745px;
}

span.area_name {
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  color : #FFF;
  padding: 0px 2px;
  line-height: 20px;
  background-color : #851;
  display: inline;
}
span.subarea_name {
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 20px;
  color : #FFF;
  padding: 0px 2px;
  background-color : #B95;
  display: inline;
}

span.kana {
  font-size: 10px;
}

div.errorExplanation {
  border : 2px solid #F33;
  background-color: #FCC;
}

.small {
  font-size: 9px;
}

div.fieldWithErrors
{ border:4px solid red; }


/****************************************
 パンくずリスト
****************************************/
div#topic_path {
  margin : 0px 0 0px 0;
  padding : 8px 0px 1px 0px;
  display: block;
  width: 100%;
  background-color: #F8F8Fa;
  border-bottom: 1px solid #DDD;
}
div#topic_path span.item {
  padding:4px;
  color:#159CFF;
  text-decoration:underline;
}


div#topic_path span.pr {
  text-align:right;
  vertical-align:right;
  padding:4px;
  color:blue;
  text-decoration:underline;
}
div#topic_path span.pr a{
  text-align:right;
  vertical-align:right;
  padding:4px;
  color:blue;
  text-decoration:underline;
}

div#topic_path span.pr a:hover{
  text-align:right;
  vertical-align:right;
  padding:4px;
  color:#59B9FF;
  text-decoration:underline;
}


/****************************************
 ヘッダー
****************************************/
div#site_banner      { display: block; clear: both; float: left; width: 200px; padding-top:30px;padding-left:20px;}
div#header_contentes { display: block; margin : 0px; display: block; float: left; width: 550px; float:left}
div#header_notice    { display: block; margin : 0px; display: block; float: left; width: 164px; border: 2px solid #FFF; font-size:10px; background-color:#F57;}
div#header_notice  a { color:#FFF}
div#header dt        { float:left; margin: 0px 1px; font-size : 12px; font-weight: bold; color: #444; }
div#header dd        { font-size : 16px; color: #111; }
div#header li.tag    {
  margin      : 1px;
  display     : block;
  float       : left;
  color       : #000;
  font-size   : 12px;
  width       : 97px;
  height      : 14px;
  text-align  : center;
  background-color: #FFEEF3;
  border: 1px solid #000;
}

/****************************************
 コンテンツ
****************************************/
#main h3 {
  color: #415A72;
  font-size : 26px;
  font-weight:bold;
  width: 100%;
  text-align: left;
  margin-bottom:8px;
  border-bottom: 1px dotted #999
}

#main table        { border-collapse:separate; border: 1px solid #848484;border-collapse: collapse; }
#main table th     { font-size: 12px; background-color: #FFD7E3;border-left : 1px solid #999999;border-bottom: 1px solid #999999;padding:3px; text-align:left;font-weight:bold;padding-left:3px }
#main table th.sub_image { width:64px; background-color: #FEE;}
#main table th.sub_topic { width:100px; }
#main table tr     { background-color:#FFF; }
#main table td     { font-size: 12px; padding :5px; border-left : 1px solid #999999; vertical-align: center;border-bottom: 1px solid #999;}
#main table td .word-wrap  { width: 580px; }
#main table td.odd { font-size: 12px; padding :5px; border-left : 1px solid #999999; border-bottom: 1px solid #757575; vertical-align: center; background-color:#FFF4FA;}
#main span.small   { font-size: 10px;  }
/* 
  #main table td.odd { background-color:#EEE;}
*/

#main span.alert     {  font-size: 10px; color: #000; background-color: #FFD7E3;padding:2px;margin:1px;line-height:24px;border:1px solid #FF79A5}
#main span.notice    { font-weight: bold; color: #FFF; background-color: #847;}
#main span.notice a  { color: #FFF;}


#main div#admin_button{text-align:center;font-size:14px;margin-top:5px;margin-bottom:10px}


/* 公開状態 */
#main span.pulic     { font-weight: bold; font-size: 16px; color: #FFF; background-color: #00C;}
#main span.apply     { font-weight: bold; font-size: 16px; color: #FFF; background-color: #CC0;}
#main span.close     { font-weight: bold; font-size: 16px; color: #FFF; background-color: #C00;}

/*
#main table li.tag    { display:inline; font-size : 10px; line-height: 24px;  background-color: #E3E3E3; border: 1px solid #9A9A9A;padding:3px;}
*/
#main table li.status_tag { margin: 1px; display:block;  width: 64px; float:left; font-size : 10px; line-height: 10px;  background-color: #E3E3E3; border: 1px solid #9A9A9A;padding:1px;}
#main table li.tag           { margin: 1px; display:block;  width: 135px; float:left; font-size : 10px; line-height: 16px;  background-color: #E3E3E3; border: 1px solid #9A9A9A;padding:3px;}
#main table li.tag_highlight { margin: 1px; display:block;  width: 135px; float:left; font-size : 10px; line-height: 16px;  background-color: #FFE3E3; border: 1px solid #9A9A9A;padding:3px;}
/*
#main table li.tag2   { display:inline; font-size : 10px; line-height: 20px;  background-color: #FFEEEE; border: 2px solid silver; border-left: 4px solid #aa88aa;border-right: 4px solid #aa88aa;}
*/
#main table li.tag2   { margin: 1px; display:block; width: 114px; float:left;font-size : 10px; line-height: 16px;  background-color: #FFEEEE; border: 2px solid silver; border-left: 4px solid #aa88aa;border-right: 4px solid #aa88aa;}

#main a         { color: #000; }
#main a:hover   { background-color:#FFD7E3; /* padding:4px 0 0 0; */ }
#main a.button:hover { background-color:#FFF;}

#main .date {
  font-size: 12px;
}

#main .error {
  font-weight: bold;
  color: red;
}


#notification_preview table {
  border: none;
}
#notification_preview table tr{
  border: none;
}
#notification_preview table td{
  border: none;
}

/****************************************
  ボタン
****************************************/

#main a.button {  
float: left;  
padding-right: 5px;

line-height: 18px;
background: url(/images/admin/btn02.png) right top no-repeat;  

cursor: pointer;  
margin-right: 5px; 
margin-bottom: 2px;
outline: none; 
}  

#main a.button span {  
display: block;  
padding-left: 5px; 
background: url(/images/admin/btn02.png) left top no-repeat;  
background-color: #E6DCDC;
white-space:nowrap;
}

#main a.button span img{  
  vertical-align: middle;
  height: 15px;
}

#main a.button:hover {  
background-position: right -18px;  
}  

#main a.button:hover span {  
background-position: left -18px;  
}  
 
#main a.button:active {  
background-position: right -36px; 
}  

#main a.button:active span {  
background-position: left -36px; 
} 

#main a.button.analyzer_marker:hover {  
background-position: right -54px;  
}  

#main a.button.analyzer_marker:hover span {  
background-position: left -54px;  
}  

#main a.button.analyzer_marker {  
background-position: right -54px;  
}  

#main a.button.analyzer_marker span {  
background-position: left -54px;  
}  

#main a.button.analyzer_marker:active {  
background-position: right bottom; 
}  

#main a.button.analyzer_marker:active span {  
background-position: left bottom; 
} 



#main table#item_list {
  width : 100%;
}
#main div.pagination { text-align:center; margin:10px 0;}


div#arealist ul { display : inline; }
div#arealist li.area { border-top:2px solid #000 ; margin-left :24px; list-style-type: disc;}
div#arealist li.tag   { display:inline; font-size : 10px; line-height: 24px;  background-color: #DDEEFF; border: 2px solid silver; border-left: 5px solid #88bbaa;border-left: 5px solid #88bbaa;}



#main div.mce table {
  cellspacing: 1px;
  border-collapse: collapse;
  border: 1px dotted #CCC;
}
#main div.mce table td {
  border: 1px dotted #CCC;
  background-color: #DDD;
  padding: 0;
}

span.text_max_length {
  font-size : 10px;
  color     : #999;
  margin:2px;
  font-weight:bold;
}


/****************************************
 管理メニュー
****************************************/
div#admin_navigation li.title {
  font-size : 14px;
  margin: 8px 3px 0 3px;
  text-align: center;
  line-height:28px;
  color:#FFF;
  font-weight:bold;
  border: 0;
  background:url(/images/admin/navigation_back.jpg) no-repeat;
  width:188px;
  height:28px;
  float: left;
  position: static;
}

div#admin_navigation li.title ul {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  border:1px solid #556F88;
  background-color: gray;
/*
  filter: alpha(opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
*/
}

div#admin_navigation li.title ul li.menu {
  color: #999;
  position: relative;
  display: block;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
  width:186px;
  height: 32px;
  float: left;
  clear: both;
  border-bottom:1px dotted #556F88;
}
div#admin_navigation li.title ul li.current   { background-color: #DDF0FF;}
div#admin_navigation li.current a { color: #FFF;font-weight:bold; }
div#admin_navigation li.title > a { color: #FFF };
div#admin_navigation li a         { color: #159CFF; display:block; padding:2px 0;text-decoration: underline;}
div#admin_navigation li.title a:hover   { color: #005CA2; background-color:#DDF0FF; /* padding:4px 0 0 0; */  }
/*
  div#admin_navigation li a:hover   { color: #005CA2; background-color:#DDF0FF; /* padding:4px 0 0 0; */ }
*/

/****************************************
 サブナビゲーション
****************************************/
div#admin_sub_navigation {
  background-color: #DDF0FF;
  padding-left:5px;
}
div#admin_sub_navigation h2 { font-size : 12px; margin: 0px 1px; text-align: center; color:#FFF; border: 0; background-color: #CCC;}
div#admin_sub_navigation h3 { width: 154px; font-size : 12px; font-weight: bold; margin: 0px; text-align: center; color:#FFF; border: 10px solid #EEE; background-color: #CCC;}
div#admin_sub_navigation h4 { font-size : 12px; margin: 4px 1px; text-align: center; border: 0;}
div#admin_sub_navigation h5 { width:154px;font-size : 12px; color: #FFF;text-align: center; border: 0; line-height: 16px;margin-top:10px;background-image:url(/images/admin/sub_navigation_back.jpg);background-repeat: no-repeat;width:123px;height:20px;}
div#admin_sub_navigation hr { background-color: #EEE;  border: none; }

div#admin_sub_navigation h3.analyze_main { width:154px;font-size : 12px; color: #FFF;text-align: center; border: 0; line-height: 16px;margin-top:10px;background-image:url(/images/admin/sub_navigation_back.jpg);background-repeat: no-repeat;width:123px;height:20px;}
div#admin_sub_navigation h3.analyze_main_current { width:154px;font-size : 12px; color: #FFF;text-align: center; border: 0; line-height: 16px;margin-top:10px;background-image:url(/images/admin/sub_navigation_highlight.jpg);background-repeat: no-repeat;width:123px;height:20px;}
div#admin_sub_navigation h4.analyze_sub { width:134px;font-size : 12px; color: #FFF;text-align: left; border: 0; line-height: 16px;margin-top:10px; background-color: #FFF; background-image:url(/images/admin/sub_navigation_sub.jpg);background-repeat: no-repeat;width:123px;height:20px;}

div#admin_sub_navigation ul {
  margin: 0px;
  padding: 0px;
  background-color: #FFF;
//  list-style-position: inside;
  width:160px;
}
div#admin_sub_navigation ul.analyze_sub { width: 140px; }

div#admin_sub_navigation li {
  color: #159CFF;
  background-color: #FFF;
  padding: 5px 5px 6px 0px;
  margin-left: 18px;
  font-size: 12px;
  text-align: left;
  line-height: 14px;
  list-style-position: outside;
  list-style-type: square;
  list-style-image: url(/images/admin/icon_05.gif);
  text-decoration:underline;
  border-bottom:1px dotted #899DAD;
/*  background: url(/images/admin/icon_05.gif) no-repeat 1px; */
  word-break: break-all;
}

div#admin_sub_navigation li.group {
  color: #159CFF;
  background-color: #FFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 10px;
  text-align: left;
  line-height: 0px;
  list-style-type: none;
  white-space: nowrap;
  text-decoration: none;
  border-bottom:1px dotted #899DAD;
  background: none;
    _display: inline;
}
div#admin_sub_navigation li.genres_root_selected { background-color: #EFE; font-weight:bold;} 
div#admin_sub_navigation li.current { padding-left: 3px;}
div#admin_sub_navigation li.current a { background-color: #FE9; color: #005CA2; }
div#admin_sub_navigation li.group { background-color: #EFE; font-weight:bold; padding-left: 16px;}
div#admin_sub_navigation li.group ul { width: 100%;}
div#admin_sub_navigation li.group li { padding: 0 0 2px 16px; font-size:10px; font-weight: normal; width: 120px;}
div#admin_sub_navigation li.group li.current { background-color: #EFE; font-weight:bold;}
div#admin_sub_navigation li.group li.current a { color: #005CA2; }
div#admin_sub_navigation li a       { color: #159CFF; display:block; padding:2px 0; text-decoration:underline;}
div#admin_sub_navigation li a:hover { color: #005CA2; background-color:#DDF0FF;}
div#admin_sub_navigation div.group  { color: #444; border: 1px solid #556F88; margin-bottom: 4px;width:160px;}
div#admin_sub_navigation div.group h6 { margin:0 auto;width:154px;color: #375067; background-color:#DCE4E9; padding:3px;border-top:1px solid #899DAD;border-bottom:1px dotted #899DAD;}
div#admin_sub_navigation div.group li {
  color: #159CFF;
  background-color: #FFF;
  margin-left: 20px;
  font-size: 12px;
  text-align: left;
  line-height: 16px;
  list-style-position: outside;
  list-style-type: square;
  list-style-image: url(/images/admin/icon_05.gif);
  white-space: nowrap;
  text-decoration:underline;
  border-bottom:1px dotted #899DAD;
  
}
div#admin_sub_navigation div.group li.current { background-color: #FFF; padding-left: 15px; margin-right: 4px;}
div#admin_sub_navigation div.group li.current a { color: #005CA2; }
div#admin_sub_navigation div.group li a       { color: #159CFF; display:block;text-decoration:underline;}
div#admin_sub_navigation div.group li a:hover { color: #005CA2; background-color:#DDF0FF;text-decoration:underline;}


/****************************************
 解析用
****************************************/
.analyzer_marker{
  font-size : 10px;
  font-weight: bold;
  background-color:yellow;
}
.analyzer_non_marker{
  font-size : 10px;
}
.analyzer_today_marker{
  font-size : 10px;
  color:black;
  font-weight: bold;
  background-color:orange;
}

.analyzer_non_marker_for_month{
  font-size : 12px;
}
.analyzer_marker_for_month{
  font-size : 12px;
  font-weight: bold;
  background-color:yellow;
}

.analyzer_average_upper{
  background-color:#CCFFFF;
}
.analyzer_average_lower{
  background-color:#CCCCCC;
}
.analyzer_default_marker{
  background-color:#FFFFFF;
}
.analyzer_shops_marker{
  background-color:#FFFFF6;
}
.analyzer_contentss_marker{
  background-color:#F6FFFF;
}

/* カレンダー */
.analyzer_calendar_0{
  font-size : 10px;
  color:red;
}
.analyzer_calendar_1{
  font-size : 10px;
  color:grey;
}
.analyzer_calendar_2{
  font-size : 10px;
  color:grey;
}
.analyzer_calendar_3{
  font-size : 10px;
  color:grey;
}
.analyzer_calendar_4{
  font-size : 10px;
  color:grey;
}
.analyzer_calendar_5{
  font-size : 10px;
  color:grey;
}
.analyzer_calendar_6{
  font-size : 10px;
  color:blue;
}

.analyzer_calendar_table td {
  text-align:center;
}
.analyzer_calender_year_month{
  font-size : 12px;
  background-color:#f69;
}
.analyzer_calender_year_month a{
  color:#000 !important;
  font-weight: bold;
  text-decoration  : underline;
}

.analyzer_decoration_title_for_radio_button{
  font-weight: bold;
}

.analyzer_sub_navigation a{
  background-color: #FE9; color: #005CA2;
}
#analyzer_search_shops_from_name {
  background-color: #FE9;
  width:140px;
}

/****************************************
 タブナビゲーション
****************************************/
div#admin_tab_navigation h2 {
  font-size : 12px;
  padding: 0;
  margin: 0 1px;
  text-align: center;
  color:#FFF;
  border: 0;
  background-color: #CCC;
}

div#admin_tab_navigation ul {
  background-color: #EEE;
  line-height: 31px;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 16px;
  display: block;
  border-bottom : 2px solid #999
}

div#admin_tab_navigation li {
  color: #888; background-color: #EEE;
  border-top: 3px solid #999;
  border-bottom: none;
  border-right: 3px solid #888;
  border-left : 3px solid #BBB;
  margin: 0px; margin-top: 12px; margin-bottom: 0px;
  padding: 4px 0px;
  font-size: 16px; font-weight: bold;
  text-align: center;
  line-height: 28px;
  display:inline;
  list-style-type: none;
}

div#admin_tab_navigation li.current {
  font-size: 16px;
  background-color: #999;
  padding: 8px 0 4px;
}

div#admin_tab_navigation li.current a {
  color : white;
}

div#admin_tab_navigation li a:hover {
  color : white;
  background-color:#999;
}

/****************************************
 よく行う操作
****************************************/
ul.shortcut_menu {margin-left:32px;}
ul.shortcut_menu li {list-style-type: disc; font-size:16px; color: #888;}
ul.shortcut_menu li a {color: #888;}

/****************************************
 フォーム
****************************************/
h4 { font-size : 12px; font-weight: bold; margin: 10px; padding-left:18px;text-align: left; color:#444;font-size:14px;border-bottom:1px dotted #7593B0;background-image:url(/images/admin/icon_02.gif);background-repeat: no-repeat; }
h5 { font-size : 10px; font-weight: bold; margin: 0px; text-align: left; color:#444; ; background-color: #F7F7F7; border-bottom: 1px dashed #999;border-top: 1px dashed #999;}
div#form th { width: 100px; font-size: 12px;}
div#form td { font-size: 14px; padding: 8px; border: 1px solid silver;}
div#form input[type="text"]{
  background:#F4F4F4;
  border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
  border-style:solid;
  border-width:1px;
  color:#535353;
  font-family:Arial,Tahoma,Verdana;
  font-size:16px;
  height:22px;
  line-height:24px;
  margin:0;
  padding:6px;
  overflow-x:hidden;
  overflow-y:auto;
  width:480px;
}
div#form input[type="text"].short{
  width:220px;
}
div#form input[type="text"].xshort{
  width:60px;
}
div#form option,select {
  background:#F4F4F4 none repeat scroll 0 0;
  border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
  border-style:solid;
  border-width:1px;
  color:#535353;
  font-family:"Arial",Tahoma,Verdana;
  font-size:16px;
  height:26px;
  line-height:26px;
  margin:0;
  padding:2px;
}
div#form option {
  background:#EFEFEF none repeat scroll 0 0;
  border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
  border-style:solid;
  border-width:1px;
  color:#535353;
  font-family:"Arial",Tahoma,Verdana;
  font-size:12px;
  height:14px;
  line-height:12px;
  margin:0;
  padding:2px;
}
div#form select {
  height : 34px;
}
div#form textarea {
  width: 480px;
  background:#FFFFF4 none repeat scroll 0 0;
}

div#form table.main { width: 743px;}

/*
  管理権限による色分け
*/

#main th.admin_only { color: #800; font-weight:bold;}




#main #form_compact th { width: 100px; font-size: 12px;}
#main #form_compact td { font-size: 14px; padding: 5px; border: 1px solid silver;}
#main #form_compact input[type="text"]{
  background:#F4F4F4;
  border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
  border-style:solid;
  border-width:1px;
  color:#535353;
  font-family:Arial,Tahoma,Verdana;
  font-size:12px;
  height:16px;
  line-height:12px;
  margin:0;
  padding:2px;
  overflow-x:hidden;
  overflow-y:auto;
  width:480px;
}
#main #form_compact input[type="text"].short{
  width:220px;
}
#main #form_compact input[type="text"].xshort{
  width:60px;
}
#main #form_compact input[type="submit"] {
  width  :160px;
  font-size: 12px;
  padding : 4px;
  font-weight: bold;
}
#main #form_compact option,select {
  background:#F4F4F4 none repeat scroll 0 0;
  border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
  border-style:solid;
  border-width:1px;
  color:#535353;
  font-family:"Arial",Tahoma,Verdana;
  font-size:12px;
  height:24px;
  line-height:12px;
  margin:0;
  padding:2px;
}
#main #form_compact option {
  background:#EFEFEF none repeat scroll 0 0;
  border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
  border-style:solid;
  border-width:1px;
  color:#535353;
  font-family:"Arial",Tahoma,Verdana;
  font-size:12px;
  height:14px;
  line-height:12px;
  margin:0;
  padding:2px;
}
#main #form_compact textarea {
  width: 480px;
  background:#FFFFF4 none repeat scroll 0 0;
}

#main #form_compact table.main { width: 743px;}

/****************************************
 データ詳細画面
****************************************/
div#detail table.main { width: 743px;}
div#detail table.sub { width: 100%;}
div#detail th { font-size: 10px; }
div#detail td { border: 1px solid silver; font-size: 16px; height: 32px;width:80%}

div#detail div#shops_detail table.main { width: 743px;border-top:2px solid #000;}
div#detail div#shops_detail table.sub { width: 100%;}
div#detail div#shops_detail th { font-size: 12px;}
div#detail div#shops_detail td { border: 1px solid silver; font-size: 16px; height: 32px;width:80%;}
div#detail div#shops_detail th.management { background-color:#B3CBFF;font-size:18px;border-top:2px solid #000;padding:5px }
div#detail div#shops_detail th.management_list { background-color:#F0F5FF}
div#detail div#shops_detail th.shopsdetail { background-color:#FFC4D6;font-size:18px;border-top:2px solid #000;padding:5px}
div#detail div#shops_detail th.network { background-color:#FFD2A6;font-size:18px;border-top:2px solid #000;padding:5px}
div#detail div#shops_detail th.network_list { background-color:#FFE4CA}

table#job_description_tbl td {
  padding : 0;
  margin : 0;
  border : 0;
}

span.warning {
  font-size  : 80%;
  font-weight: bold;
  color      : red;
}

span.annotation {
  font-size  : 80%;
  font-weight: bold;
  color      : blue;
}

/****************************************
  データリスト
****************************************/
#main table#item_list {
  border-collapse  : separate;
  border           : 1px solid #939393;
}

#main table#item_list th {
  font-size        : 11px;
  font-weight      : bold;
  background-color : #FFD7E3;
  color            : #523;
  text-align       : center;
  vertical-align   : top;
  padding          : 3px 0px;
  border           : 0px solid #B3B3B3;
  border-left      : 1px solid #B3B3B3;
  border-bottom    : 1px solid #000;
}

#main table#item_list th#list_title_id {
  text-align       : center;
  width            : 36px;
}

#main table#item_list td     { font-size: 12px; padding :3px; border-left : 1px solid #B3B3B3; vertical-align: center;border-bottom: 1px solid #757575;}
#main table#item_list td.odd { background-color:#FFF4FA; }
#main table#item_list td.top_align { vertical-align: top; text-align: center;}
#main table#item_list td.list_data_id { text-align:center; font-size: 8px; }
#main table#item_list td.list_data_edit     { text-align:center; background-color: #FBFAFA;}
#main table#item_list td.list_data_edit_odd { text-align:center; background-color: #EBEADA;}

#main table#item_list th.sub_image { width:64px; background-color: #FEE;}
#main table#item_list th.sub_topic { width:56px; }

#main table#item_list tr     { background-color:#FFF; }

span.tag { background-color: #DDEEFF; border: 2px solid silver; border-left: 5px solid #88bbaa;border-left: 5px solid #88bbaa;}
#main span.manager{
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  color : #FFF;
  padding: 0px;
  line-height: 20px;
  margin: 0px 0px;
  padding: 0px 3px;
  background-color : #6688ee;
  display: inline;
  border: 1px solid #BA9;
}
#main span.manager a{
  color : #FFF;
}
#main span.manager a:hover {
  color : #555;
  background-color: #FFF;
}

/****************************************
  メールテンプレート
****************************************/

#main .mail_template_button {
  display          : block;
  float            : left;
  width            : 160px;
  text-align       : center;
  text-decoration  : underline;
  margin-bottom    : 8px;
  margin-right     : 8px;
  font-weight      : bold;
  padding          : 4px;
  background-color : #EEE;
}
#main .mail_template_button .current {
  background-color : #740;
  padding          : 4px;
}
#main .mail_template_button .current a {
  color            : #FFF;
}

/****************************************
 対応表示タイプ
****************************************/
.clipboard {
  font-size:75%;
}

.display_type_html {
  padding: 3px;
  width:36em;
  height:4em;
  font-size:70%;
  background-color:#DDDDDD;
  overflow:auto;
}