/********************************      Basic Structure      ********************************/

html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

/*body {
                font-family: Arial, Helvetica, sans-serif;
                color: #555;
                background: #f0f0f0 url('../images/bg-body.gif') top left repeat-y;
                font-size: 18px;
                }*/
/*
#body-wrapper {
                background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;
                }                */

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
                }

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff;
				  position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
				}

h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #57a000; text-decoration: none; }
/* a:hover     { color: #000; }
a:active     { color: #777; } */
a:hover     { color: #fff; }
a:active     { color: #fff; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }

.align-left {
                float: left;
                }

.align-right {
                float: right;
                }

/************ Button ************/
.small-bu{
	padding: 1px 10px 1px 10px /*!important*/;
	font-size: 1.0em /*!important*/;
}
.medium-bu{
	padding: 3px 30px 3px 30px /*!important*/;
	font-size: 1.3em /*!important*/;
}
.big-bu{
	padding: 5px 50px 5px 50px /*!important*/;
	font-size: 1.5em /*!important*/;
}

.button-red {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: red url('../images/bg-button-red.gif') top left repeat-x /*!important*/;
                border: 1px solid red /*!important*/;
                color: #fff /*!important*/;
                cursor: pointer;
                font-weight: bold
}

.button-*{
	font-size:140%;
}

a[class^="button"]{
	font-size:140%;
}

input[type="button"]{
	font-size:140%;
}

.button-blue {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #00559D url('../images/bg-button-blue.gif') top left repeat-x /*!important*/;
                border: 1px solid #00559D /*!important*/;
                color: #fff /*!important*/;
                cursor: pointer;
                font-weight: bold
}
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x /*!important*/;
                border: 1px solid #459300 /*!important*/;
                padding: 7px 50px 7px 50px /*!important*/;
                color: #fff /*!important*/;
                cursor: pointer;
                font-weight: bold;
				font-size:140%;
}

.button:hover {
                text-decoration: underline;
                }

.button:active {
               padding: 7px 50px 7px 50px /*!important*/;
                filter: alpha(opacity=50);
                -moz-opacity:0.50;
                opacity:0.50;
                }


.button-back {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #EEEEEE top left repeat-x /*!important*/;
                border: 1px solid #459300 /*!important*/;
                padding: 7px 50px 7px 50px /*!important*/;
                color: #000 /*!important*/;
                cursor: pointer;
                }

.button-back:hover {
                text-decoration: underline;
                }

.button-back:active {
                padding: 7px 50px 7px 50px /*!important*/;
                filter: alpha(opacity=50);
                -moz-opacity:0.50;
                opacity:0.50;
                }


a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/********************************      Sidebar      ********************************/
/*
#sidebar {
                background: url('../images/bg-sidebar.gif') top left no-repeat;
                width: 230px;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                color: #888;
				font-size:108%;
                }

#sidebar #sidebar-wrapper {
                margin: 0 0 0 9px;
                }

#sidebar a,
#sidebar a:active {
                color:#ccc;
                }

#sidebar a:hover {
                color:#fff;
                }

#sidebar #sidebar-title {
                margin: 40px 0 40px 15px;
                }

#sidebar #logo {
                margin: 5px 0 5px 0;
                }

#sidebar #profile-links {
                padding: 0 15px 20px 15px;
                text-align: right;
                line-height: 1.5em;
                }

*********** Sidebar Accordion Menu ***********

#sidebar #main-nav {
                width: 206px;
                padding: 0;
                margin: 0 0 0 15px;
                font-family: Helvetica, Arial, sans-serif;
                }

#sidebar #main-nav li {
                list-style: none;
                padding-bottom: 10px;
                text-align: right;
                }
#sidebar #main-nav li a.nav-top-edit{font-size:70%;}
#sidebar #main-nav li a.nav-top-list{font-size:70%;}
#sidebar #main-nav li a.nav-top-item {
                background: transparent url('../images/bg-menu-item-green.gif') right center no-repeat;  Background image for default color scheme - green
                padding: 10px 15px;
                color: #fff;
                cursor: pointer;
                display: block;
                text-decoration: none;
				font-size:70%;
                }

#sidebar #main-nav li a.current {
                background-image: url('../images/bg-menu-item-current.gif') !important;
                color: #333;
                font-weight: bold;
                }

#sidebar #main-nav li a.current:hover {
                color: #333;
                }

#sidebar #main-nav ul {
                padding: 0;
                margin: 0;
                }

#sidebar #main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: right;
				padding: 0;
                }

#sidebar #main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #aaa;
                line-height: 1.2em;
				font-size:120%;
                }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #fff;
                }

#sidebar #main-nav ul li a.current {
                background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
                }
*/

/************ Messages ************/

#messages p,
#messages form {
                border-top: 1px solid #ddd;
                padding: 10px 0;
                }

#messages h4 {
                padding: 10px 0;
                }

#messages fieldset {
                margin: 0;
                }

#messages textarea {
                margin: 0 0 15px 0;
                }
/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
                width: 100%;
                margin: 0 auto;
                padding: 5px 10px;
                }

.column-left {
                width: 48%;
                float: left;
                }

.column-right {
                width: 48%;
                float: right;
                }

#page-intro {
                padding: 0 0 20px 0;
}


#footer {
/*				border-top: 1px solid #ccc;*/
				margin: 40px 0 0 0;
				/* padding: 20px 0; */
				font-size: 12px;
}

/************ Lists ************/
#main-content h2{
	padding-top: 0px;
	/* display: none; */
}

#main-content h2 {
position: fixed; /* 要素の位置を固定する */
top: 0%; /* 基準の位置を画面の一番上に指定する */
right: 3%; /* 基準の位置を画面の一番左に指定する */
background: #e5e5e5 url(../images/bg-content-box.gif) top left repeat-x;
font-size:80%;
}

#heder-menu{
position: fixed; /* 要素の位置を固定する */
top: 0%; /* 基準の位置を画面の一番上に指定する */
right: 5%; /* 基準の位置を画面の一番左に指定する */
}

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }

/* Unordered List */

#main-content ul li {
                background: url('../images/icons/bullet_black.png') center left no-repeat;
                padding: 4px 0 4px 20px;
                }

/* Ordered List */

#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }

/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
				min-width: 1600px;
                }

.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
/*                padding: 12px 15px 10px;
                float: left;*/
                color: #4e73df!important;
                font-weight: 700!important;
                margin: 0!important;
                font-size: 1.4rem;
                padding-top: 0.4rem!important;
                padding: 0.75rem 1.25rem;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 /*!important*/;
				margin: 0 /*!important*/;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 /*!important*/;
                background-image: none /*!important*/;
                }

ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }

ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 20px;
                border-top: 1px solid #ccc;
                }

/************ Table ************/
table.pro_table tbody tr td p.plabel,
table.pro_table tbody tr th p.plabel{
    padding: 0;
    margin: 0;
    font-weight: bold;
}


#main-content table {
                width: 100%;
                border-collapse: collapse;
                }

#main-content table thead th {
                font-weight: bold;
                border-bottom: 1px solid #ddd;
                }

#main-content tbody {
                border-bottom: 1px solid #ddd;
                }

#main-content tbody tr {
                /*background: #fff;*/
                }

/*
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }
*/
#main-content table td{
/*    border-bottom: 1px dashed #CCCCCC; */
/*    border-right: 1px dashed #E8E8E8;  */
}

#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
				vertical-align: top;
                }

#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }

#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }

/*************** Pagination ***************/
.pagination{
                justify-content: flex-end;
}
#main-content .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                }
.pagination a {
                /* margin: 0 5px 0 0; */
                margin:0;
                padding: 3px 6px;
                }
.pagination a:hover {
                background-color: #eaecf4;
}
.pagination a.thispage:hover {
  background-color: #4e73df;
}


.pagination a.number {
                border: 1px solid #ddd;
                }

.pagination a.current {
                background: #469400 url('../images/bg-button-green.gif') top left repeat-x /*!important*/;
                border-color: #459300 !/*important*/;
                color: #fff /*!important*/;
                }

.pagination  li{
                display: inline;
}

.pagination li:last-child a{
                border-top-right-radius: 0.35rem;
                border-bottom-right-radius: 0.35rem;
}
.pagination li:first-child a{
                border-top-left-radius: 0.35rem;
                border-bottom-left-radius: 0.35rem;
}

.pagination a.current:hover {
                text-decoration: underline;
                }

/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                background-position: center 15px;
                background-repeat: no-repeat;
                border: 1px solid #fff;
                display:block;
                padding: 78px 10px 15px 10px;
                text-align: center;
                color: #555;
                line-height: 1.3em;
                }

.new-article span {
                background-image: url('../images/icons/pencil_48.png');
                }

.new-page span {
                background-image: url('../images/icons/paper_content_pencil_48.png');
                }

.upload-image span {
                background-image: url('../images/icons/image_add_48.png');
                }

.add-event span {
                background-image: url('../images/icons/clock_48.png');
                }

.manage-comments span {
                background-image: url('../images/icons/comment_48.png');
                }

.shortcut-button:hover {
                background: #fff;

                }

.shortcut-button span:hover {
				color: #57a000;
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 /*!important*/;
				background: 0;
                }

/*************** Forms ***************/

form label,
form table label.block{
/*                display: block;
                padding: 0 0 10px 10px;*/
/*                font-weight: bold; */
/*              margin-top: 14px; */
				font-size: 14px;
				margin-bottom: 0px !important
				color: #000;
                }
form label.inblock {
                display: inline-table;
                padding: 0 0 10px 10px;
/*              font-weight: bold; */
                /*color:#7F7F80;*/
                }

form label2 {
                display: inline;
                padding: 0 0 10px;
                font-weight: 700;
                }

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

form p small {
                font-size: 100%;
                color: #777;
                }

form input.disabled[disabled='disabled'],
form input[disabled='disabled'].disabled,
form input.disabled[disabled='disabled'],
form input.disabled,
form input[type="text"][disabled],
form input[type="password"][disabled],
form textarea[disabled],
form select[disabled],
form input.disabled[type="text"],
form textarea.disabled[disabled],
form select.disabled[disabled]
{
    color: #000;
    background-color: #f0f0f0;
    background-image: none;
}

form input.readonly[readonly='readonly'],
form input[readonly='readonly'].readonly,
form input.readonly[readonly='readonly'],
form input.readonly,
form input[type="text"][readonly],
form input[type="password"][readonly],
form textarea[readonly],
form select[readonly],
form input.readonly[type="text"],
form input.readonly[type="password"],
form textarea.readonly[readonly],
form select.readonly[readonly]
{
    color: #333;
    background-color: #ffe8ff;
    background-image: none;
}


form input.text-input,
form select,
form textarea,
form .wysiwyg {
/*                padding: 6px;
                font-size: 90%;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
		color: #333;*/
                display: block;
                /*width: 100%;*/
                height: calc(1.5em + 0.75rem + 2px);
                padding: 0.375rem 0.75rem;
/*              font-size: 1rem; */
                font-size: 14px;
                font-weight: 400;
                line-height: 1.5;
/*              color: #6e707e; */
                color: #858796;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #d1d3e2;
                border-radius: 0.35rem;
                transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
                }
form input.text-input:focus,
form select:focus,
form textarea:focus,
form .wysiwyg:focus{
	/*background: #fffaf0!important;*/
        color: #6e707e;
    /*  background-color: #f7f9ff; */
        background-color: #cad6f9;

        border-color: #bac8f3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(78 115 223 / 25%);
}

form select{
    width:90%;
}

form .small-input {
                width: 80% /*!important*/;
                }
form .small-input1 {
                width: 10% /*!important*/;
                }
form .small-input2 {
                width: 20% /*!important*/;
                }
form .small-input3 {
                width: 30% /*!important*/;
                }
form .small-input4 {
                width: 40% /*!important*/;
                }
form .medium-input1 {
                width: 10% /*!important*/;
                }
form .medium-input2 {
                width: 20% /*!important*/;
                }
form .medium-input3 {
                width: 30% /*!important*/;
                }
form .medium-input4 {
                width: 40% /*!important*/;
                }
form .medium-input5 {
                width: 98% /*!important*/;
                }
form .medium-input {
                width: 100% /*!important*/;
                }
form .medium-input6 {
                width: 60% /*!important*/;
                }
form .medium-input7 {
                width: 70% /*!important*/;
                }
form .medium-input8 {
                width: 80% /*!important*/;
                }
form .medium-input9 {
                width: 90% /*!important*/;
                }
form .medium-input10 {
                width: 100% /*!important*/;
                }
                form .large-input {
                width: 97.5% /*!important*/;
				padding: 8px /*!important*/;
                }

form textarea {
                width: 97.5% /*!important*/;
                font-family: Arial, Helvetica, sans-serif;
                }

form select {
                padding: 4px;
                background: #fff;
                }

form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px /*!important*/;
                background-repeat: no-repeat /*!important*/;
                width: 99.8%;
                }


.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                /*background: #ffcece url('../images/icons/cross_circle.gif');*/
                border-color: #df8f8f;
                color: #FF0000;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				/*padding: 2px 0 2px 22px;*/
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff /*!important*/;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('../images/bg-login.gif');
				}

#login-wrapper {
                background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}

#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}

#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}

#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}

#login-wrapper #login-content p {
				padding: 0;
				}

#login-wrapper #login-content p#remember-password {
				float: right;
				}

#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}

#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/

#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% /*!important*/; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 /*!important*/;  background: #ffffff; background-image: none /*!important*/;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 /*!important*/; width: 16px; height: 16px; background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% /*!important*/; }

.headding01 {
	margin:0 0 0px 0;
	padding:12px 10px;
	border-left:5px solid #1871B8;
	background: #1D8ADE;
	color:#FFF;
	}

/****************************/
.ime-mode-d{ime-mode: disabled;}
.ime-mode-a{ime-mode: active;}
.ime-mode-i{ime-mode: inactive;}

/************************************/
.search-box{
    text-align: center;
}

/**************************/
.txt-color-red{
	color:red;
}

.txt-color-orange{
	color:orange;
}

.txt-color-464646{
	color:#464646;
}

.txt-color-ababab{
	color:#ababab;
	}

.txt-color-5f5f5f{
	color:#5f5f5f;
	}
.txt-color-blue{
	color:blue;
}

.txt-color-red:hover,
.txt-color-orange:hover,
.txt-color-464646:hover,
.txt-color-blue:hover,
.txt-color-ababab:hover,
.txt-color-5f5f5f:hover
{
	color:black;
	font-weight: bold;
}


.thispage {
    /* background: url("../images/bg-button-green.gif") repeat-x scroll left top #469400;
    color: #FFFFFF; */
    z-index: 3;
    color: #fff!important;
    background-color: #4e73df;
    border-color: #4e73df!important;
}
.pagination a {
    text-decoration: none!important;
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    border: 1px solid #dddfeb;


}
.edit_box{
	border: 3px solid red;
}

/***************estate**********************/

/*******所在地・沿線***********/
.estate_location_box{
	background-color: #FFF;
	border: 3px solid #FFA500;
	margin-top: 3px;
}
.estate_location_title{
	background-color: #FFA500;
	color:#FFF;
	padding-left: 5px;
}
/*******所在地・沿線***********/
.estate_station_box{
	background-color: #FFF;
	border: 3px solid #5bc0de;
	margin-top: 3px;
}
.estate_station_title{
	background-color: #5bc0de;
	color:#FFF;
	padding-left: 5px;
}
/*******価格・条件***********/
.estate_price_box{
	background-color: #FFF;
	border: 3px solid #426BE7;
	margin-top: 3px;
}
.estate_price_title{
	background-color: #426BE7;
	color:#FFF;
	padding-left: 5px;
}

/***************/
.estate_trader_box {
    background-color: #fff;
    border: 3px solid #7fff00;
    margin-top: 3px;
}


.estate_trader_title {
    background-color: #7fff00;
    color: #fff;
    padding-left: 5px;
}

/*******土地・建物***********/
.estate_buildings_box{
	background-color: #FFF;
	border: 3px solid #218C21;
	margin-top: 3px;
}
.estate_buildings_title{
	background-color: #218C21;
	color:#FFF;
	padding-left: 5px;
}
/*******設備***********/
.estate_etc_box{
	background-color: #FFF;
	border: 3px solid #FF7BC6;
	margin-top: 3px;
}
.estate_etc_title{
	background-color: #FF7BC6;
	color:#FFF;
	padding-left: 5px;
}
/*******その他**********/
.estate_other_box{
	background-color: #FFF;
	border: 3px solid #585195;
	margin-top: 3px;
}
.estate_other_title{
	background-color: #585195;
	color:#FFF;
	padding-left: 5px;
}
/*******画像**********/
.estate_image_box{
	background-color: #FFF;
	border: 3px solid #1B1521;
	margin-top: 3px;
}
.estate_image_title{
	background-color: #1B1521;
	color:#FFF;
	padding-left: 5px;
}

/**************/
.search_tbl th,
.search_tbl td{
	vertical-align: top;
}


/*----------------------------*/
/*
.btn:hover{
	color:#FFF;
}
.btn {
	margin: 10px;
	text-decoration: none;
	font: 1.0em'Trebuchet MS', Arial, Helvetica;
	Change the em value to scale the button
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size:140%;
	border: 1px solid #9c9c9c;
	 Fallback style
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
}
.btn,
.btn span {
	-moz-border-radius: .3em;
	border-radius: .3em;
}
.btn span {
	border-top: 1px solid #fff;
	 Fallback style
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	padding: 0.5em 2.5em;
	 The background pattern
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
	background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
	 Pattern settings
	-moz-background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
	background-size: 3px 3px;
}
.btn:hover {
	box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
}
.btn:active {
	 When pressed, move it down 1px
	position: relative;
	top: 1px;
}
----------------------------
.btn-khaki {
	background: #A2B598;
	background: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598));
	background: -moz-linear-gradient(-90deg, #BDD1B4, #A2B598);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');
}
.btn-khaki:hover {
	background: #BDD1B4;
	background: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4));
	background: -moz-linear-gradient(-90deg, #A2B598, #BDD1B4);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4');
}
.btn-khaki:active {
	background: #A2B598;
}
----------------------------
.btn-blue {
	background: #4477a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1));
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#81a8cb', endColorstr='#4477a1');
}
.btn-blue:hover {
	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb));
	background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4477a1', endColorstr='#81a8cb');
}
.btn-blue:active {
	background: #4477a1;
}
----------------------------
.btn-brown {
	background: #8f3714;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf6f50), to(#8f3714));
	background: -moz-linear-gradient(-90deg, #bf6f50, #8f3714);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bf6f50', EndColorStr='#8f3714');
}
.btn-brown:hover {
	background: #bf6f50;
	background: -webkit-gradient(linear, left top, left bottom, from(#8f3714), to(#bf6f50));
	background: -moz-linear-gradient(-90deg, #8f3714, #bf6f50);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8f3714', EndColorStr='#bf6f50');
}
.btn-brown:active {
	background: #8f3714;
}
----------------------------
.btn-green {
	background: #428739;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739));
	background: -moz-linear-gradient(-90deg, #c8dd95, #428739);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
}
.btn-green:hover {
	background: #c8dd95;
	background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95));
	background: -moz-linear-gradient(-90deg, #428739, #c8dd95);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
}
.btn-green:active {
	background: #428739;
}
----------------------------
.btn-red {
	background: #D82741;
	background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741));
	background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
}
.btn-red:hover {
	background: #E84B6E;
	background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E));
	background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
}
.btn-red:active {
	background: #D82741;
}
----------------------------
.btn-purple {
	background: #6F50E7;
	background: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7));
	background: -moz-linear-gradient(-90deg, #B8A9F3, #6F50E7);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B8A9F3', EndColorStr='#6F50E7');
}
.btn-purple:hover {
	background: #B8A9F3;
	background: -webkit-gradient(linear, left top, left bottom, from(#6F50E7), to(#B8A9F3));
	background: -moz-linear-gradient(-90deg, #6F50E7, #B8A9F3);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6F50E7', EndColorStr='#B8A9F3');
}
.btn-purple:active {
	background: #6F50E7;
}
----------------------------
.btn-black {
	background: #141414;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414));
	background: -moz-linear-gradient(-90deg, #656565, #141414);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');
}
.btn-black:hover {
	background: #656565;
	background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565));
	background: -moz-linear-gradient(-90deg, #141414, #656565);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');
}
.btn-black:active {
	background: #141414;
}
----------------------------
.btn-orange {
	background: #f09c15;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15));
	background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');
}
.btn-orange:hover {
	background: #f8c939;
	background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939));
	background: -moz-linear-gradient(-90deg, #f09c15, #f8c939);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');
}
.btn-orange:active {
	background: #f09c15;
}
----------------------------
.btn-silver {
	background: #c5c5c5;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5));
	background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');
}
.btn-silver:hover {
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea));
	background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');
}
.btn-silver:active {
	background: #c5c5c5;
}*/

/********************************/
.bpa10{
	padding:5px 10px;
}
.bpa20{
	padding:5px 20px;
}

.bpa30{
	padding:5px 30px;
}

.bpa40{
	padding:5px 40px;
}

.bpa50{
	padding:5px 50px;
}

.bpa60{
	padding:5px 60px;
}

.bpa60{
	padding:5px 60px;
}

.bpa70{
	padding:5px 70px;
}

/*******************/
b-font15{
	font: 1.5em
}

b-font20{
	font: 2.0em
}

b-font25{
	font: 2.5em
}



/********placeholder********/

input::placeholder {
  color: #CCC;
}

/* IE */
input:-ms-input-placeholder {
  color: #CCC;
}

/* Edge */
input::-ms-input-placeholder {
  color: #CCC;
}

/*txt_align*/
.txt_left{
	text-align: left;
}
.txt_center{
	text-align: center;
}
.txt_right{
	text-align: right;
}
/*******************/
.half_tbl{
	width: 48%!important;
	display: inline-table!important;
	border: 2px #e5e5e5 solid;
	margin-bottom: 2px;
}

.half30_tbl{
	width: 31%!important;
	display: inline-table!important;
	border: 2px #e5e5e5 solid;
	margin-bottom: 2px;
}
.half100_tbl{
	width: 96%!important;
	display: inline-table!important;
	border: 2px #e5e5e5 solid;
	margin-bottom: 2px;
}

.tab-content-x-scroll{
	overflow-x: scroll;
/*    transform: scale(1, -1);
    overflow-x: auto;        */
}
.tab-content-x-scroll .tbl-x-scroll {
/*  width: 100%;
  white-space: normal;
  transform: scale(1, -1);*/
  font-size:85%;
  table-layout: fixed;
}

.tab-content-x-scroll .tbl-x-scroll tbody tr td,
.tab-content-x-scroll .tbl-x-scroll thead tr th{
	overflow-wrap:break-word;
}

.pagination{
	/*transform: scale(1, -1);*/
}

.red{
	color:red;
}

.fs-10{font-size:10%;}
.fs-20{font-size:20%;}
.fs-30{font-size:30%;}
.fs-40{font-size:40%;}
.fs-50{font-size:50%;}
.fs-60{font-size:60%;}
.fs-70{font-size:70%;}
.fs-80{font-size:80%;}
.fs-80{font-size:90%;}
.fs-100{font-size:100%;}

#my_form table{
	table-layout: fixed;
}
#my_form table thead tr td label{
	height: 70px;
	font-size: 80%;
}
#my_form table thead tr td{
	display: inline-block;
	height: 150px;
	font-size: 80%;
}
.s-w-50{
	min-width: 50px;
	max-width: 100%;
}
.s-w-100{
	min-width: 100px;
	max-width: 100%;
}
table.tbl-master tr:hover {
    background-color: #cccccc;
    cursor: pointer;
}

tr.tbl-master:hover {
    background-color: #cccccc;
    cursor: pointer;
}