@charset "utf-8";
@import "bootstrap/custom_bootstrap.min.css";
/* Responsive size settings. */
/* System specific size */
/* From Boot strap */
/* From Boot strap */
/* From Boot strap */
/* From Boot strap */
/* From Boot strap */
/* From Boot strap */
/* MAX_DISPLAY_WIDTH + 50 */
/* LARGE_DEVICE_MIN_SIZE + 50 */
/* Same frame sizes */
/* Specific colors */
/* Font sizing */
/* All page style definitions. */
body {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 14px;
color: #222222;
margin: 0 auto;
max-width: 999pt;
}
body.ja {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body.en {
font-family: Tahoma, Verdana, Arial, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Roboto;
}
body.cn {
font-family: "宋体", SimSun, "楷体", KaiTi, "仿宋", FangSong, "Microsoft Yahei", "微软雅黑", "PingHei", STXihei, "华文细黑";
}
/* Common definition. */
/* force clear internal flow settings. */
.clearfix:after {
display: block;
clear: both;
height: 0px;
visibility: hidden;
content: ".";
}
.clearfix {
display: block;
min-height: 1px;
/* for IE */
}
/* header design. */
.non-border {
border: none;
}
.non-border:before {
margin: 0;
padding: 0;
content: "";
border: none;
}
h1:before,
h2:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
h1.border-block,
h2.border-block {
color: #222222;
}
h1.border-block:before,
h2.border-block:before {
position: relative;
content: "■";
padding: 0;
padding-right: 0.5em;
border: 0;
font-size: 0.7em;
top: -0.2em;
}
h4,
h5,
h6 {
margin-bottom: 3px;
}
h1 {
font-size: 24px;
min-height: 48px;
padding-top: 0.5em;
padding-left: 0;
}
h1:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
h1.border-block {
color: #222222;
}
h1.border-block:before {
position: relative;
content: "■";
padding: 0;
padding-right: 0.5em;
border: 0;
font-size: 0.7em;
top: -0.2em;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
border-bottom: 1px #c0c0c0 dotted;
}
h4 {
font-size: 14px;
font-weight: bold;
}
h5 {
font-size: 14px;
font-weight: bold;
}
h6 {
font-size: 14px;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
margin-right: 10px;
margin-left: 0;
}
.checkbox-inline:first-child,
.radio-inline:first-child {
margin-right: 10px;
}
.inline-block {
display: inline-block;
}
.hidden-block {
display: none;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 4px;
}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
padding: 4px;
}
table > tr > td,
table > tr > th {
padding: 4px;
}
.label-primary a {
color: #ffffff;
}
.label-primary a:hover {
color: #ffffff;
border-bottom: solid 1px #ffffff;
}
label {
font-weight: normal;
}
a,
a:visited {
color: #1122cc;
text-decoration: none;
}
a:hover,
a:active {
color: #ff3300;
text-decoration: underline;
}
a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.alert_messages {
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
}
.navbar-fixed-top {
z-index: 5;
}
/* In page constant values */
#main_static_header {
min-height: 37px;
background-color: #ffffff;
color: #251f1f;
margin: 0 auto;
padding: 0 15px;
font-size: 12px;
border: 0;
width: 100%;
max-width: 999pt;
}
#main_static_header a {
color: #222222;
text-decoration: none;
background-color: #ffffff;
}
#main_static_header a:hover {
background-color: #ffffff;
text-decoration: underline;
}
#main_static_header .navbar-nav {
padding: 15px 15px 10px 0;
}
#main_static_header .navbar-nav li {
padding: 0;
margin: 0;
margin-left: 0.2em;
}
#main_static_header .navbar-nav li a {
line-height: 1;
padding: 0.3em 0.3em 0.3em 0.3em;
}
#main_static_header .nav > li > a:focus,
#main_static_header .nav > li > a:hover {
background-color: #ffffff;
}
#main_static_header .ml-navbar-box {
width: 100%;
max-width: 1270px;
}
#main_static_header .ml-navbar-box .lng {
padding: 15px 15px 10px 0 ;
min-width: 127px;
text-align: right;
}
#main_static_header .ml-navbar-box .lng .common-lng {
padding: 0.1em 0.3em;
border: 1px solid #cccccc;
}
#main_static_header .ml-navbar-box .lng .lng-btn {
display: inline;
}
#main_static_header .ml-navbar-box .lng .lng-btn a {
padding: 0.1em 0.3em;
border: 1px solid #cccccc;
}
#main_static_header .ml-navbar-box .search-box {
padding: 15px 0 10px 0;
min-width: 250px;
}
#main_static_header .ml-navbar-box .search-box .input-group {
width: 172px;
}
#main_static_header .ml-navbar-box .page-top {
padding: 15px 0 10px 0;
min-width: 125px;
}
#main_static_header .ml-navbar-box .page-top #page-top {
font-size: 80%;
}
#main_static_header .ml-navbar-box .page-top #page-top a {
background-color: #808080;
text-decoration: none;
color: #ffffff;
width: 100px;
margin: auto;
padding: 5px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#main_static_header .ml-navbar-box .page-top #page-top a:hover {
text-decoration: none;
background-color: #404040;
}
#main_static_header .form-control.page-search {
width: 233px;
height: 20px;
line-height: 1.5;
padding: 0 0.4em;
border-radius: 4px !important;
color: #999;
background-color: #ffffee;
}
@media (max-width: 991px) {
#main_static_header {
display: none;
}
}
/*MT-675 滝 20181024 START*/
/*MT-675 滝 20181024 END*/
#main_common_header {
margin: 0;
margin-top: 21px;
border-bottom: 1px solid #cccccc;
}
#main_common_header h1 {
display: inline-block;
margin: 20px 50px 15px 15px;
padding: 0;
}
#main_common_header h1 .navbar-brand {
height: auto;
padding: 0;
margin: 0;
zoom: 1;
-moz-transform: scale(1, 1);
}
#main_common_header .search-box {
width: 24%;
margin: 2.15em 0 0;
color: #6f6f6f;
}
#main_common_header .search-box .btn {
border: 1px solid #cccccc;
border-left: none;
background-color: #ffffee;
border-radius: 0 4px 4px 0;
}
#main_common_header .search-box .glyphicon-search {
color: #6f6f6f;
}
#main_common_header .list-inline {
margin-top: 0.3em;
}
#main_common_header .ml-header {
margin: 0;
padding-bottom: 10px;
width: 100%;
max-width: 1300px;
}
#main_common_header .btn-trial {
width: 180px;
height: 30px;
margin: 0 0 0 1.5em;
padding: 4px 10px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#main_common_header .btn-trial:hover {
background-color: #e67b00;
color: #ffffff;
}
#main_common_header .navbar-search {
background-color: #ffffee;
}
#main_common_header #side_menu {
font-color: #222222;
}
#main_common_header .trial-space {
padding-left: 15px;
margin-top: 1.9em;
margin-right: 0;
width: 221px;
text-align: right;
}
#main_common_header .trial-space .my-set {
width: 100%;
border: 1px solid #95b3d7;
background-color: #dce6f2;
margin-left: 15px;
}
#main_common_header .trial-space .my-set .my-name {
text-align: left;
padding: 0 10px;
}
#main_common_header .trial-space .my-set .my-name span {
font-size: 10px;
}
#main_common_header .trial-space .my-set .my-mail {
padding: 0 10px;
}
#main_common_header .trial-space .my-set li {
list-style-type: none;
}
#main_common_header .profile-name {
margin-top: 2.3rem;
}
@media (max-width: 991px) {
#main_common_header {
margin-top: 0;
}
}
@media (min-width: 992px) {
#main_common_header .navbar-header .navbar-brand {
padding: 19px 15px 15px 0;
}
}
@media (max-width: 767px) {
#main_common_header .ml-header {
padding-bottom: 0;
/*MT-675 滝 20181024 START*/
/*MT-675 滝 20181024 END*/
}
}
@media (max-width: 767px) and (max-width: 510px) {
#main_common_header .ml-header .navbar-header img {
width: 100%;
}
}
#main_contents {
position: relative;
width: 100%;
max-width: 1300px;
margin: 0;
}
#main_contents .ml_count-members {
position: absolute;
top: 0;
right: 0;
}
#main_contents.full-width {
max-width: 100%;
}
#recaptcha_contents {
position: relative;
width: 100%;
max-width: 1300px;
margin: 0;
}
#recaptcha_contents .contacts {
width: 90%;
margin-right: auto;
margin-left: auto;
padding: 10px 10px;
}
#main_footer {
position: relative;
width: 100%;
max-width: 1300px;
margin: 0;
}
#main_footer h2 {
margin-top: 0;
}
#main_footer .border-dashed {
border-top: 1px dashed #cccccc;
margin-top: 20px;
padding-top: 10px;
}
#main_footer .contact-message {
text-align: right;
padding: 0 5px;
}
#main_footer .contact-message-sub {
text-align: left;
padding: 0 5px 10px 5px;
}
#main_footer .contacts {
width: 90%;
margin-right: auto;
margin-left: auto;
}
#main_footer .contacts .contact {
min-height: 121px;
min-width: 285px;
padding: 8px 10px;
}
#main_footer .contacts .contact .nation {
padding: 0;
margin: 0.1em 0 0.3em 0;
}
#main_footer .contacts .contact .address {
padding-bottom: 5px;
}
#main_footer .contacts .border-right {
border-right: 1px solid #cccccc;
}
#main_footer .contacts .border-bottom {
border-bottom: 1px solid #cccccc;
}
#main_footer .footer-menu {
background: #fafafa;
padding: 40px 0 10px 0;
border-top: 1px dotted #bfbfbf;
}
#main_footer .footer-menu .row {
width: 95%;
margin-right: auto;
margin-left: auto;
}
#main_footer .footer-menu .menu-group {
display: block;
float: left;
width: 20%;
font-size: 1.4rem;
line-height: 1.2;
text-align: left;
letter-spacing: normal;
color: #595959;
min-width: 200px;
min-height: 200px;
}
#main_footer .footer-menu .menu-group h3 {
font-size: 1.5rem;
font-weight: bold;
}
#main_footer .footer-menu .menu-group a {
color: #595959;
}
#main_footer .footer-menu .menu-group dt {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 5px;
}
#main_footer .footer-menu .menu-group dd > ul {
margin-left: -1.8em;
font-weight: normal;
font-size: 1.4rem;
}
#main_footer .footer-menu .menu-group dd > ul li {
padding-bottom: 0;
}
#main_footer .footer-menu .menu-group ul {
margin-left: -2.6em;
line-height: 20px;
list-style: none outside;
font-size: 1.5rem;
font-weight: bold;
}
#main_footer .footer-menu .menu-group li {
padding-bottom: 5px;
}
#main_footer .footer-menu .copyright {
text-align: center;
font-size: 10px;
padding-top: 50px;
font-family: Tahoma, Verdana, Arial, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Roboto;
}
#main_footer .footer-menu .print-copyright {
display: none;
text-align: center;
font-size: 10px;
}
#main_footer #footer_en_cn .footer-menu .row {
width: 70%;
margin: 0 auto;
}
#main_footer #footer_en_cn .footer-menu .row .menu-group {
min-width: 0px;
min-height: 0px;
width: auto;
margin: 0 auto;
}
#main_footer #footer_en_cn .footer-menu .row .menu-group a {
color: #000;
text-decoration: none;
}
#main_footer #footer_en_cn .footer-menu .row .menu-group a:hover {
color: #777;
text-decoration: underline;
}
#main_footer #footer_en_cn .footer-menu .row .padding-left-200 {
padding-left: 200px;
}
#corporate_footer {
position: relative;
color: #666666;
font-size: 78%;
height: 300px;
background: url(/statics/footer_img/bg_footer.gif) repeat-x 0 0;
padding: 10px 0 0 0;
}
#corporate_footer .clearfix {
width: 960px;
margin: 0 auto;
position: relative;
}
#corporate_footer .leftBox,
#footer .rightBox {
width: 480px;
}
#corporate_footer dt {
clear: both;
float: left;
width: 120px;
font-weight: bold;
line-height: 160%;
}
#corporate_footer dd a {
color: #666666;
line-height: 160%;
}
#corporate_footer #corporate_totop {
width: 960px;
margin: 0 auto;
}
#corporate_footer #corporate_totop a {
display: block;
overflow: hidden;
text-indent: -5000px;
position: absolute;
top: 121px;
right: 0;
background: url(/statics/footer_img/totop.gif) repeat-x 0 0;
width: 80px;
height: 20px;
}
#corporate_footer #corporate_fn {
width: 960px;
margin: 0 auto;
}
#corporate_footer #corporate_fn ul {
width: 960px;
text-align: center;
margin: auto;
position: absolute;
top: 165px;
}
#corporate_footer #corporate_fn ul li {
display: inline;
padding: 0 5px;
}
#corporate_footer #corporate_fn address {
display: block;
width: 960px;
text-align: center;
margin: auto;
position: absolute;
top: 195px;
}
@media (max-width: 1169px) {
.contact {
border-bottom: 0;
}
#main_footer .contacts .border-right {
border-right: 1px solid #cccccc;
}
.border-bottom {
border-bottom: 1px solid #cccccc;
}
}
@media (max-width: 991px) {
.contact {
border-bottom: 1px solid #cccccc;
}
#main_footer .contacts .border-right {
border-right: 0;
}
.border-bottom {
border-bottom: 0;
}
#main_footer .contact-message {
text-align: right;
width: 50%;
}
#main_footer .contact-message-sub {
text-align: left;
width: 50%;
}
#main_footer .footer-menu .menu-group {
min-height: 0px;
min-width: 100%;
}
#main_footer #footer_en_cn .footer-menu .row {
width: 100%;
}
#main_footer #footer_en_cn .footer-menu .row .menu-group {
min-width: 100%;
min-height: 0px;
}
#main_footer #footer_en_cn .footer-menu .row .padding-left-200 {
padding-left: 15px;
}
}
@media (max-width: 767px) {
#main_footer .contact-message {
text-align: center;
width: 100%;
}
#main_footer .contact-message-sub {
text-align: center;
width: 100%;
}
}
#base-column-container {
max-width: 1300px;
width: 100%;
position: relative;
border-left: 1px solid #cccccc;
}
.advertise-banner-textlink {
text-align: right;
padding-right: 14px;
font-size: 120%;
}
.frame_left_ds {
width: 215px;
padding-left: 15px;
}
.frame_left_ds .html-parts {
margin-bottom: 0.5em;
border-radius: 2px;
}
.frame_left_ds .html-parts h5 {
text-align: center;
font-weight: bold;
border: 0;
padding: 0;
}
.frame_left_ds .html-parts .advertise-banner-single {
text-align: left;
margin-bottom: 1em;
width: 100%;
}
.frame_left_ds .html-parts .advertise-banner-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_left_ds .html-parts .advertise-banner-single p {
margin: 0.2em;
}
.frame_left_ds .html-parts .advertise-banner-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_left_ds .html-parts .advertise-banner-single p {
margin: 0.2em;
}
.frame_left_ds .html-parts .advertisement-image {
max-width: 100%;
width: 100%;
border: 2px solid #cccccc;
}
.frame_dissmiss {
display: none;
}
.frame_left {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 220px;
border-right: 1px solid #cccccc;
}
.frame_left_d {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 220px;
}
.frame_left_d .html-parts {
margin-bottom: 0.5em;
padding-top: 7px;
}
.frame_left_d .html-parts h5 {
text-align: center;
font-weight: bold;
border: 0;
padding: 0;
}
.frame_left_d .html-parts .advertise-banner-single {
text-align: left;
margin-bottom: 1em;
width: 100%;
}
.frame_left_d .html-parts .advertise-banner-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_left_d .html-parts .advertise-banner-single p {
margin: 0.2em;
}
.frame_left_d .html-parts .advertise-banner-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_left_d .html-parts .advertise-banner-single p {
margin: 0.2em;
}
.frame_left_d .html-parts .advertisement-image {
max-width: 100%;
width: 100%;
border: 2px solid #cccccc;
}
.frame_center {
display: block;
width: 100%;
padding-left: 220px;
border-left: 1px solid #cccccc;
padding-top: 1em;
margin-left: -1px;
}
.frame_center.ad_exists {
padding-right: 200px;
}
.frame_ad_content {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 200px;
padding-top: 1em;
}
.frame_center.sidebar-close {
padding-left: 34px;
}
@media screen and (max-width: 1220px) {
.frame_ad_content {
position: static;
}
.frame_center.ad_exists {
padding-right: 0;
}
.frame_ad_content {
padding-left: 220px;
width: 440px;
}
}
@media screen and (max-width: 991px) {
.frame_left {
display: none;
}
.frame_center.sidebar-close {
padding-left: 0;
}
.frame_center {
padding-left: 0;
width: 100%;
float: none;
}
.frame_ad_content {
padding-left: 15px;
width: 215px;
}
.collapse.navbar-collapse {
display: none!important;
}
.navbar-toggle {
display: block;
}
#main_contents {
margin-top: 1em;
}
#contents {
width: 100%;
}
#main {
padding-left: 0;
padding-right: 0;
}
#contents img.visible-xs-block {
width: 100%;
}
#right-box {
float: none;
width: 100%;
}
#right-box img {
width: 100%;
}
.row-offcanvas-right.active {
right: 100%;
}
.row-offcanvas-right .sidebar-offcanvas {
right: -100%;
}
.sidebar-offcanvas {
display: block;
position: absolute;
top: 0;
width: 100%;
}
}
/* BODY */
.admin-body {
max-width: none;
font-size: small;
color: #222222;
}
.admin_side_menu ul {
padding-left: 1ex;
}
.admin_data_list th,
.admin_data_list td {
white-space: nowrap;
}
.admin_data_list .force-wrap {
word-break: break-all;
}
#_admin_control_panel {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
min-height: 2em;
padding: 0.5em;
text-align: center;
border-top: solid 1px #999;
z-index: 999;
background-color: rgba(180, 255, 255, 0.6);
}
.label.label-deletable {
position: relative;
padding-right: 1.5em;
font-size: 0.9em;
}
.label.label-deletable a {
font-size: 0.8em;
position: absolute;
top: 2px;
right: 4px;
color: #ffffff;
}
em.important4 {
background-color: #ee7800;
padding: 3px;
border-radius: 3px;
}
em.important3 {
background-color: #e198b4;
padding: 3px;
border-radius: 3px;
}
em.important2 {
background-color: #68be8d;
padding: 3px;
border-radius: 3px;
}
em.important1 {
background-color: #84a2d4;
padding: 3px;
border-radius: 3px;
}
em.important0 {
background-color: #ffea00;
padding: 3px;
border-radius: 3px;
}
em.important {
background-color: #ffcc66;
padding: 3px;
border-radius: 3px;
}
em.important.active {
background-color: #66ccff;
}
.breadcrumb {
padding: 8px 15px;
/* from bootstrap breadcrumbs */
border-radius: 4px;
/* from bootstrap breadcrumbs */
background-color: transparent;
font-size: 14px;
font-weight: bold;
padding-left: 0;
margin-bottom: 0;
}
.breadcrumb .active {
color: #274677;
font-size: 12px;
font-weight: normal;
}
.breadcrumb > li + li:before {
content: ">";
padding: 0 2px;
color: #274677;
}
#side_menu_ja {
font-family: inherit;
}
#side_menu_en {
font-family: inherit;
}
#side_menu_cn {
font-family: "宋体", SimSun, "楷体", KaiTi, "仿宋", FangSong, "Microsoft Yahei", "微软雅黑", "PingHei", STXihei, "华文细黑";
}
#side_menu a {
color: #222222;
}
#side_menu .fa-folder-open {
color: #ad291e;
}
#side_menu .fa-folder-open-o {
color: #ad8b1e;
}
#side_menu .fa-bar-chart-o {
color: #99ad1e;
}
#side_menu .fa-exchange {
color: #68ad1e;
}
#side_menu .fa-file-text-o {
color: #1ead9d;
}
#side_menu .fa-building-o {
color: #1e8ead;
}
#side_menu .fa-gear {
color: #1e36ad;
}
#side_menu .fa-info {
color: #7a1ead;
}
#side_menu .fa-gears {
color: #ad1eaa;
}
#side_menu .fa-flag-checkered {
color: #ad1e72;
}
#side_menu .fa-mail-forward {
color: #ad8b1e;
}
#side_menu .fa-camera {
color: #99ad1e;
}
#side_menu .fa-book {
color: #68ad1e;
}
#side_menu .fa-chain {
color: #1ead9d;
}
#side_menu .fa-briefcase {
color: #1e8ead;
}
#side_menu.sidebar-close {
width: 34px;
}
#sidebar-btn {
font-size: 14px;
cursor: pointer;
border-bottom: 1px solid #e1e1e1;
display: block;
overflow: hidden;
min-height: 25px;
line-height: 30px;
vertical-align: middle;
box-sizing: border-box;
background-color: #ffffff;
font-weight: bold;
margin: 0;
padding: 0;
border-left: 0;
line-height: 35px;
font-size: 16px;
white-space: nowrap;
}
#sidebar-btn span.icon {
color: #7b7b7b;
display: inline-block;
margin-left: 10px;
width: 24px;
}
#sidebar-btn span.text {
margin-left: 0;
vertical-align: middle;
}
#sidebar-btn .glyphicon-triangle-right:before {
color: #7b7b7b;
}
ul.sidebar-menu-list {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #fafafa;
}
ul.sidebar-menu-list li {
font-size: 14px;
cursor: pointer;
border-bottom: 1px solid #e1e1e1;
display: block;
overflow: hidden;
min-height: 25px;
line-height: 30px;
vertical-align: middle;
box-sizing: border-box;
border: none;
word-break: normal;
margin: 0;
padding: 0;
}
ul.sidebar-menu-list li a {
background-color: #fafafa;
display: block;
width: 600px;
/* 横に伸ばして、改行を抑える */
border-bottom: 1px solid #d4d4d4;
}
ul.sidebar-menu-list li ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.sidebar-menu-list li ul li > a {
font-size: 0.9em;
}
ul.sidebar-menu-list .menu li {
line-height: 25px;
}
ul.sidebar-menu-list .menu li a {
background-color: #ffffff;
font-size: 14px;
padding-left: 33px;
line-height: 25px;
}
ul.sidebar-menu-list .menu span.icon {
color: #7b7b7b;
display: inline-block;
margin-left: 10px;
width: 24px;
}
ul.sidebar-menu-list .menu span.text {
margin-left: 0;
vertical-align: middle;
}
ul.sidebar-menu-list .menu .glyphicon-triangle-right:before {
color: #7b7b7b;
}
ul.sidebar-menu-list .menu > ul {
display: none;
}
ul.sidebar-menu-list .menu.active {
border-bottom: 0;
}
ul.sidebar-menu-list .menu.active > ul {
display: block;
}
ul.sidebar-menu-list .hide {
display: none;
}
.frame_ad_content {
text-align: right;
margin-top: 10px;
}
.frame_ad_content .member-count {
padding: 8px 15px;
/* from bootstrap breadcrumbs */
border-radius: 4px;
/* from bootstrap breadcrumbs */
margin-left: -32px;
padding-left: 0;
padding-right: 0;
}
.frame_ad_content .advertisement-image {
max-width: 100%;
width: 100%;
border: 2px solid #cccccc;
}
.frame_ad_content .advertise-banner {
border-radius: 2px;
margin-bottom: 0.5em;
}
.frame_ad_content .advertise-banner h5 {
text-align: center;
font-weight: bold;
border: 0;
padding: 0;
}
.frame_ad_content .advertise-banner .advertise-banner-single {
text-align: left;
margin-bottom: 1em;
width: 100%;
}
.frame_ad_content .advertise-banner .advertise-banner-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_ad_content .advertise-banner .advertise-banner-single p {
margin: 0.2em;
}
.frame_ad_content .advertise-banner .advertise-banner-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_ad_content .advertise-banner .advertise-banner-single p {
margin: 0.2em;
}
.frame_ad_content #advertise_products {
border-radius: 2px;
margin-bottom: 0.5em;
}
.frame_ad_content #advertise_products h5 {
text-align: center;
font-weight: bold;
border: 0;
padding: 0;
}
.frame_ad_content #advertise_products .advertise-product-single {
text-align: left;
margin-bottom: 1em;
width: 100%;
}
.frame_ad_content #advertise_products .advertise-product-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_ad_content #advertise_products .advertise-product-single p {
margin: 0.2em;
}
.frame_ad_content #advertise_products .advertise-product-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_ad_content #advertise_products .advertise-product-single p {
margin: 0.2em;
}
.frame_ad_content #advertise_products .html-parts .advertise-product-single {
text-align: left;
margin-bottom: 1em;
width: 100%;
}
.frame_ad_content #advertise_products .html-parts .advertise-product-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_ad_content #advertise_products .html-parts .advertise-product-single p {
margin: 0.2em;
}
.frame_ad_content #advertise_products .html-parts .advertise-product-single h5 {
text-align: left;
font-weight: normal;
margin: 0.2em;
}
.frame_ad_content #advertise_products .html-parts .advertise-product-single p {
margin: 0.2em;
}
.frame_center .advertise-banner .advertise-banner-single {
margin-left: auto;
margin-right: auto;
}
.frame_center .advertise-banner .advertise-banner-single .advertisement-image {
max-height: 198px;
max-width: 798px;
border: 1px solid #cccccc;
}
@media screen and (max-width: 991px) {
.advertise-banner .advertise-banner-single .advertisement-image {
width: 100%;
}
}
/**********************
* Box component layout.
*
*/
.box .box-header,
.box .box-header-summary {
position: relative;
}
.box .box-header .box-icon,
.box .box-header-summary .box-icon {
display: inline-block;
position: absolute;
right: 0;
}
.box .box-header .box-icon i,
.box .box-header-summary .box-icon i {
cursor: pointer;
}
.box .box-content {
padding: 0 14px;
}
.box .sub-box .box-header,
.box .sub-box .box-header-summary {
position: relative;
}
.box .sub-box .box-header h1,
.box .sub-box .box-header-summary h1 {
line-height: normal;
border-left: none;
border-top: none;
border-right: none;
font-size: 14px;
font-weight: bold;
padding: 0.4rem 0;
border-bottom: 1px solid #cccccc;
background: 0;
min-height: 30px;
}
.box .sub-box .box-header h1:before,
.box .sub-box .box-header-summary h1:before {
border-left: none;
padding: 0.4rem 0;
}
.box .sub-box .box-header span,
.box .sub-box .box-header-summary span {
border-left: 0;
padding-left: 0;
}
.box .sub-box .box-content {
padding: 0;
}
.no-gutter {
padding-right: 0;
padding-left: 0;
}
@media screen and (max-width: 991px) {
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-right .sidebar-offcanvas {
right: -100%;
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 100%;
}
}
.navbar-toggle {
width: 40px;
height: 40px;
padding: 0;
margin-top: 10px;
margin-bottom: 5px;
margin-right: 0;
border: none;
background-color: transparent;
background-image: url(/assets/images/icon/sp_menu.png);
border-radius: 0;
}
.sp-menu-close {
width: 40px;
height: 40px;
padding: 0;
border: none;
background-color: transparent;
background-image: url(/assets/images/icon/sp_menu.png);
border-radius: 0;
position: absolute;
right: 0;
top: 0;
margin: 10px 5px 0 0;
background-position: 0px -40px;
}
.sp-menu-close:hover {
background-color: transparent;
}
#header .navbar-toggle {
margin: 10px 5px 0 0;
background-position: 0px 0px;
}
#header .navbar-toggle:hover {
background-color: transparent;
}
#sp-menu .modal-dialog {
margin: 0;
background-color: #274677;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
z-index: 1;
}
.sp-menu-search {
position: relative;
}
.sp-menu-search .search-query {
display: inline-block;
padding-left: 29px;
width: 70%;
padding: 0.2em 0 0.2em 2.5em !important;
height: auto;
}
.sp-menu-search .search-query:focus {
padding-left: 29px;
}
.sp-menu-search .glyphicon-search {
position: absolute;
top: 0.35em;
left: 0.3em;
color: #bababa;
font-size: 18px;
}
.sp-menu-search .search-query.focused {
padding-left: 29px;
}
.sp-menu-search .btn-default {
height: auto;
font-size: 16px;
letter-spacing: 0.2em;
line-height: 1.5;
font-weight: normal;
padding: 0.15em 0.5em;
color: #274677;
background-color: #ffffff;
border: none;
border-radius: 4px;
vertical-align: middle;
}
.sp-menu-container .sp-menu-search {
width: 90%;
margin: 1em 0 0 0.5em;
}
.sp-menu-container .lng {
list-style: none;
display: inline-block;
width: 50%;
margin: 1.5em 0 0 0;
padding: 0;
font-size: 1px;
line-height: 1px;
letter-spacing: -0.4em;
vertical-align: middle;
}
.sp-menu-container .lng li {
display: inline-block;
margin: 0 0 0 2%;
width: 45%;
font-size: 12px;
font-weight: bold;
line-height: 30px;
letter-spacing: normal;
text-align: center;
}
.sp-menu-container .lng a {
display: block;
background-color: #ffffff;
}
.sp-menu-container .lng .en a {
color: #274677;
}
.sp-menu-container .lng .ch a {
color: #e31313;
}
.sp-menu-container .btn-default.free-trial {
clear: right;
width: 45%;
height: 30px;
margin: 1em 0 0;
padding: 4px 10px;
color: #ffffff;
line-height: 1.5;
border: none;
background-color: #dce6f2;
}
.sp-menu-container .btn-default.free-trial1 {
clear: right;
width: 46%;
height: 30px;
margin: 1em 0 0 1%;
padding: 4px 10px;
line-height: 1.5;
border: none;
background-color: #ffffff;
}
.sp-menu-container .btn-default.free-trial2 {
clear: right;
width: 46%;
height: 30px;
margin: 1em 0 0 0;
padding: 4px 10px;
color: #ffffff;
line-height: 1.5;
border: none;
background-color: #e67b00;
}
.sp-menu-container .sp-text-menu {
list-style: none;
display: block;
margin: 1em 0;
padding: 0;
width: 100%;
border: 1px solid #d8dadc;
border-width: 0 0 1px 1px;
font-size: 1px;
line-height: 1px;
letter-spacing: -0.4em;
}
.sp-menu-container .sp-text-menu li {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #d8dadc;
border-width: 1px 1px 0 0;
box-sizing: border-box;
font-size: 12px;
line-height: 1;
letter-spacing: normal;
}
.sp-menu-container .sp-text-menu a {
display: block;
position: relative;
background-color: #ffffff;
color: #000000;
padding: 1em;
}
.sp-menu-container .sp-text-menu .glyphicon {
float: right;
}
.sp-dropdown-menu {
width: 95%;
margin: 0 auto 0.8em;
}
.sp-dropdown-menu #sp-dropdown-menu-btn {
display: block;
border-radius: 0;
margin: 0 !important;
border: 1px solid #b2b3b4;
border-width: 0 0 1px;
padding: 0.6em 0.5em;
font-size: 18px;
font-weight: bold;
background-color: #ffffff;
}
.sp-dropdown-menu .panel {
display: block;
border-radius: 0;
margin: 0 !important;
border-color: #d8dadc;
border-width: 0 0 1px;
}
.sp-dropdown-menu .panel a {
text-decoration: none;
}
.sp-dropdown-menu .panel-heading {
display: block;
border-radius: 0;
margin: 0 !important;
}
.sp-dropdown-menu .glyphicon {
float: right;
}
.sp-dropdown-menu .panel-first {
border-top: 4px solid #d8dadc;
}
.sp-dropdown-menu .panel-default > .panel-heading {
background-color: #ffffff;
border: none;
}
.sp-dropdown-menu .panel-default .panel-title {
font-size: 14px;
}
.sp-dropdown-menu .panel-default .glyphicon {
color: #5d7499;
}
/*****************
* Usage :
*
*/
.color-block {
border-radius: 1px;
display: block;
}
.color-block ul.list-inline {
margin-bottom: 0;
}
.color-block ul.list-inline li {
margin: 0.3em 0;
}
.color-block.inline {
display: inline-block;
}
.color-block.color-block-default {
border: solid 1px #cccccc;
background-color: #ebebeb;
padding: 0.5em 1.5em;
}
.color-block.color-block-white {
border: solid 1px #dedede;
background-color: #ffffff;
padding: 0.5em 1.5em;
}
.color-block.color-block-yellow {
border: solid 1px #dedede;
background-color: #ffebdd;
padding: 0.5em 1.5em;
}
#tabAccordion {
margin: 0 auto;
width: 100%;
font-size: 14px;
position: relative;
min-height: 200px;
}
#tabAccordion dl {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
#tabAccordion dl dt {
top: 0;
left: 0;
width: 150px;
font-weight: bold;
position: absolute;
border-top: 3px double #e9e9e9;
border-right: 3px double #e9e9e9;
border-left: 3px double #e9e9e9;
border-bottom: 4px solid #e9e9e9;
background: #868686;
box-sizing: border-box;
margin-left: 15px;
margin-top: 15px;
}
#tabAccordion dl dt span {
padding: 7px 0;
font-weight: bold;
display: block;
text-align: center;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #fff;
}
#tabAccordion dl dd {
top: 50px;
left: 0;
padding: 30px;
width: 100%;
text-align: left;
overflow-y: auto;
display: none;
position: absolute;
box-sizing: border-box;
border-top: 3px double #e9e9e9;
}
#tabAccordion dl dd p {
line-height: 1.5em;
}
#tabAccordion .tab-active {
border-bottom: none;
background: #fff;
margin-top: 0;
}
#tabAccordion .tab-active span {
padding: 15px 0;
color: #252525;
}
#tabAccordion > *:first-child + * dt {
left: 150px;
}
@media screen and (min-width: 767px) {
#tabAccordion dl dt:hover > span {
background: #fff;
color: #252525;
}
}
@media screen and (max-width: 991px) {
#tabAccordion {
width: 100%;
box-sizing: border-box;
}
#tabAccordion dl {
width: 100%;
box-sizing: border-box;
margin-bottom: 0px;
}
#tabAccordion dl dt {
width: 25%;
}
#tabAccordion .tab-active span {
color: #252525;
padding: 10px;
}
#tabAccordion > *:first-child + * dt {
left: 25%;
}
}
@media screen and (max-width: 767px) {
#tabAccordion {
width: 100%;
height: auto;
border: none;
min-height: 0;
}
#tabAccordion dl {
top: auto;
left: auto;
width: 100%;
position: relative;
margin-bottom: 0px;
}
#tabAccordion dl dt {
top: auto;
left: auto;
width: 100%;
position: relative;
border-bottom: #999 1px solid;
margin-left: 0px;
}
#tabAccordion dl dt span {
padding: 10px;
height: auto;
line-height: 1em;
text-align: left;
}
#tabAccordion dl dt span:after {
content: '';
margin-top: -4px;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
font-size: 1em;
font-weight: bold;
line-height: 1.2em;
display: block;
position: absolute;
border-top: 2px solid #666;
border-right: 2px solid #666;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#tabAccordion dl dd {
top: auto;
left: auto;
padding: 20px;
width: 100%;
height: auto;
position: relative;
}
#tabAccordion .tab-active {
background: #fff;
}
#tabAccordion .tab-active span {
color: #252525;
padding: 10px;
}
#tabAccordion .tab-active span:after {
content: none;
}
#tabAccordion > *:first-child + * dt {
left: auto;
}
}
.nav-tabs {
border-bottom: solid 1px #bbbbbb;
padding-left: 1em;
}
.nav-tabs > li {
background-color: #f1f4f6;
margin-bottom: -2px;
position: relative;
font-size: 16px;
border-right: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
border-top: 1px solid #bbbbbb;
margin-left: -1px;
}
.nav-tabs > li.active {
background-color: #ffffff;
margin-bottom: -1px;
top: 0;
}
.nav-tabs > li.active a {
border-bottom: none;
background-color: #f26671;
font-size: 16px;
margin-right: 0;
color: #ffffff;
}
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
background-color: #f26671;
color: #ffffff;
border-bottom: 0;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
.nav-tabs > li > a {
border: none;
border-radius: 0;
color: #484e5d;
font-weight: bold;
padding: 8px 25px;
}
.nav-tabs > li > a:hover {
background-color: transparent;
color: #484e5d;
}
@media screen and (max-width: 767px) {
.nav-tabs {
padding-right: 1em;
}
.nav-tabs > li {
margin-bottom: 0px;
top: 0px;
width: 100%;
border-bottom: 1px solid #f1f4f6;
}
.nav-tabs > li.active {
margin-bottom: 0px;
}
}
.btn {
border-radius: 0;
}
.btn-default {
background-color: #ebebeb;
}
.btn-white {
background-color: #fff;
}
.btn-white .glyphicon {
color: #bdbdbd;
}
.btn-cancel {
min-width: 140px;
}
.btn-search {
min-width: 260px;
}
.modal.border-less .modal-header {
padding-bottom: 0;
border-bottom: none;
}
.modal.border-less .modal-footer {
border-top: none;
padding-top: 5px;
}
.modal.border-less .modal-body {
padding: 2px 15px;
}
.ui-autocomplete {
max-height: 300px;
overflow-x: hidden;
overflow-y: scroll;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
#search-top {
font-size: 13px;
}
#search-top .pb-10 {
padding-bottom: 10px;
}
#search-top .pickup-title {
color: #21458a;
font-weight: bold;
padding: 8px 0;
}
#search-top .topics {
line-height: 23px;
padding-left: 35px;
text-indent: -1rem;
font-size: 14px;
}
#search-top .tab-pane {
padding: 15px 0;
}
#search-top .glyphicon-triangle-right {
padding-right: 5px;
color: #6f6f6f;
}
#search-top .title {
padding-right: 15px;
}
#search-top .new-icon {
padding: 0 5px;
vertical-align: middle;
}
#search-top .news-search-btn {
padding-top: 1px;
padding-bottom: 1px;
text-indent: initial;
}
#search-top .news-search-btn a {
border-radius: 3px;
padding: 4px 10px;
color: #000;
background-color: #fff;
border: 1px solid #ccc;
}
#search-top .news-title {
padding-top: 5px;
text-indent: -2rem;
}
#market_report .color_blue_base {
color: #21458a;
}
#market_report .color_red {
color: #fe2e2e;
}
#market_report .btn-pr-mail {
background-color: #75cd37;
border-color: #75cd37;
border-radius: 0;
white-space: initial;
margin-bottom: 10px;
}
#market_report .btn-pr-mail span {
word-wrap: break-word;
word-break: break-all;
}
#market_report .preview-button-area {
text-align: center;
position: absolute;
width: 100%;
z-index: 2;
}
#market_report .img-shadow {
box-shadow: 1px 1px 5px 2px #777;
}
#market_report .font_size12 {
font-size: 12px;
}
#market_report .padding_bottom5 {
padding-bottom: 5px;
}
#market_report .market_share {
height: 200px;
}
#market_report .frame_text {
border: 1px solid #cccccc;
padding: 1rem;
}
#market_report .frame_picture {
border: 1px solid #cccccc;
}
#market_report .frame_report_picture {
border: 1px solid #cccccc;
width: 50px;
height: 50px;
padding: 2px 7px;
}
#market_report .frame_report {
padding-bottom: 10px;
}
#market_report #market_report_detail h2 {
margin-bottom: 20px;
}
#market_report #market_report_detail h2:before {
content: normal;
}
#market_report #market_report_detail .annotation {
color: #fe2e2e;
text-align: right;
}
#market_report .btn-info {
background-color: #f26671;
border-color: #bbbbbb;
}
#market_report .btn-default {
color: #484e5d;
border-color: #bbbbbb;
}
#market_report .btn-default:hover {
background-color: #dddddd;
}
#market_report table#market_share_data {
margin-top: 20px;
font-size: small;
}
#market_report table#market_share_data p {
margin: 0;
padding-bottom: 0;
}
#market_report table#market_share_data thead th {
background-color: #d6e6ff;
border: 1px solid #cccccc;
padding: 1px 5px;
white-space: nowrap;
z-index: 0;
}
#market_report table#market_share_data thead th .header-name {
cursor: pointer;
}
#market_report table#market_share_data tbody tr td {
border: 1px solid #cccccc;
padding: 1px 5px;
white-space: nowrap;
z-index: 0;
}
#market_report table#market_share_data tfoot th {
background-color: #d6e6ff;
border: 1px solid #cccccc;
padding: 1px 5px;
z-index: 0;
}
#market_report table#market_share_data .preview {
color: transparent;
text-shadow: 0 0 10px #000000;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3);
}
#market_report table#market_share_data .preview a {
color: transparent;
text-shadow: 0 0 10px #000000;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3);
pointer-events: none;
cursor: default;
}
#market_report table.dataTable.no-footer {
border: 1px solid #ffffff;
}
#market_report .list-row {
margin-left: 20px;
}
#market_report .small-list li {
display: inline-block;
padding-right: 0px;
padding-left: 0px;
}
#market_report .small-list li span {
font-size: 11px;
padding-right: 2px;
color: #cccccc;
}
#market_report .internal-link {
font-size: 11px;
margin-top: 2px;
text-decoration: underline;
}
#market_report .subtitle {
font-size: 16px;
margin-left: 5px;
font-weight: normal;
}
#market_report .subtitle-internal-link {
font-size: 14px;
margin-left: 5px;
font-weight: normal;
text-decoration: underline;
}
#market_report .categories {
background-color: #fffdfd;
margin-bottom: 3px;
}
#market_report .categories .box-header h2,
#market_report .categories .box-header-summary h2 {
border-left: none;
font-size: 16px;
padding: 0.4rem 0;
padding-left: 20px;
font-weight: normal;
background-color: #f3f6f7;
}
#market_report .categories .box-content {
padding: 0;
}
#market_report .box-header span,
#market_report .box-header-summary span {
font-weight: normal;
}
#market_report .top-parts-info {
border: 1px solid #cccccc;
padding-left: 12px;
padding-right: 12px;
}
#market_report .top-parts-info .box-header,
#market_report .top-parts-info .box-header-summary h1 {
margin-top: 10px;
}
#market_report .btn-white {
width: 70px;
}
#google_map #map_canvas.google_map {
height: 600px;
}
#google_map #map_canvas.google_map h2 {
border: 0;
}
#google_map #jsonMessageHolder {
margin: 1em 0;
}
#google_map h1 {
min-height: 25px;
}
#google_map .box {
margin-bottom: 2em;
}
#google_map .subtitle {
font-size: 16px;
margin-left: 5px;
font-weight: normal;
}
#google_map .btn-info {
background-color: #009944;
border-color: #255625;
font-size: 18px;
color: #fff;
}
#google_map .btn-info:hover {
background-color: #007634;
border-color: #004f23;
font-size: 18px;
}
#google_map #_factories_holder ul li {
display: inline-block;
}
#google_map #_factories_holder ul li:first-child {
margin-right: 20px;
}
#google_map #_factories_holder ul li:last-child {
display: block;
margin-top: 8px;
}
#google_map .box-content {
margin-bottom: 14px;
}
#google_map .mapfactorylimits {
height: 245px;
overflow-y: auto;
margin-bottom: 8px;
}
#google_map .mapfactory {
height: 225px;
overflow-y: auto;
margin-bottom: 8px;
}
.relative {
position: relative;
}
.absolute {
z-index: 1;
position: absolute;
top: 350px;
display: none;
}
#admin_factory_detail_inputs td div {
margin-right: inherit;
margin-left: inherit;
}
#admin_factory_detail_inputs #form_admin_factoryCarMakers .checkbox-wrap {
width: 190px;
display: inline-block;
}
#number_graph #_graph_legends .legendColorBox {
vertical-align: top;
}
#number_graph #_graph_legends .legendLabel {
padding-left: 0.2em;
}
#number_graph #_graph_container {
height: 400px;
}
#number_graph #_graph_console {
margin-bottom: 1em;
padding-top: 1.5em;
}
#number_graph .aggregate_column {
text-align: right;
}
#number_graph .unit_column {
text-align: right;
font-size: 14px;
}
@media (min-width: 992px) {
#number_graph #_graph_console .checkbox {
margin-top: 1px;
margin-bottom: 1px;
}
#number_graph #_graph_console .checkbox label {
font-size: 0.9em;
}
}
#_number_db .aggregate_column {
text-align: right;
}
#_number_db .pt-10 {
padding-top: 10px;
}
#_number_db .pb-5 {
padding-bottom: 5px;
}
#_number_db .pb-10 {
padding-bottom: 10px;
}
#_number_db .align-right {
text-align: right;
}
#_number_db #_aggregate_form_submit_btn,
#_number_db .btn-pr-mail {
border-radius: 0;
white-space: initial;
}
#_number_db #_aggregate_form_submit_btn span,
#_number_db .btn-pr-mail span {
word-wrap: break-word;
word-break: break-all;
}
#_number_db .nest3 {
text-indent: 22px;
}
#_number_db .search-mode {
min-height: 100px;
}
#_number_db .search-mode .mode-first {
border: 1px solid #dddddd;
padding-left: 0;
padding-right: 0;
}
#_number_db .search-mode .mode {
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
padding-left: 0;
padding-right: 0;
}
#_number_db .search-mode .mode-first,
#_number_db .search-mode .mode {
display: table;
table-layout: fixed;
}
#_number_db .search-mode .mode-message {
margin-top: 4px;
}
#_number_db .search-mode .mode-message-china {
margin-top: 4px;
display: table-cell;
float: none;
height: 100%;
}
#_number_db .search-mode .mode-label {
border-right: 1px solid #dddddd;
background-color: #fafafa;
}
#_number_db .search-mode .mode-label label {
font-weight: normal;
vertical-align: sub;
}
#_number_db .search-mode .mode-label label input {
vertical-align: sub;
}
#_number_db .search-mode .mode-label,
#_number_db .search-mode .mode-message {
display: table-cell;
float: none;
height: 100%;
}
#_number_db #aggregate_search_country .table thead,
#_number_db #aggregate_search_brand .table thead,
#_number_db #select_car_types .table thead {
background-color: #d3e6ff;
}
#_number_db #aggregate_search_country .table thead tr > th,
#_number_db #aggregate_search_brand .table thead tr > th,
#_number_db #select_car_types .table thead tr > th {
border-bottom-width: 1px;
}
#_number_db #aggregate_search_country .table thead tr > th span,
#_number_db #aggregate_search_brand .table thead tr > th span,
#_number_db #select_car_types .table thead tr > th span {
word-wrap: break-word;
word-break: break-all;
cursor: pointer;
}
#_number_db #aggregate_search_country .table thead tr > th .input-all,
#_number_db #aggregate_search_brand .table thead tr > th .input-all,
#_number_db #select_car_types .table thead tr > th .input-all {
vertical-align: sub;
}
#_number_db #aggregate_search_country .table tbody > tr th,
#_number_db #aggregate_search_brand .table tbody > tr th,
#_number_db #select_car_types .table tbody > tr th {
width: 25%;
word-wrap: break-word;
word-break: break-all;
background-color: #fafafa;
}
#_number_db #aggregate_search_country .table tbody > tr th .label-parent,
#_number_db #aggregate_search_brand .table tbody > tr th .label-parent,
#_number_db #select_car_types .table tbody > tr th .label-parent {
vertical-align: middle;
font-weight: bold;
}
#_number_db #aggregate_search_country .table tbody > tr th span,
#_number_db #aggregate_search_brand .table tbody > tr th span,
#_number_db #select_car_types .table tbody > tr th span {
cursor: pointer;
}
#_number_db #aggregate_search_country .table tbody > tr th .input-parent,
#_number_db #aggregate_search_brand .table tbody > tr th .input-parent,
#_number_db #select_car_types .table tbody > tr th .input-parent {
vertical-align: sub;
}
#_number_db #aggregate_search_country .table tbody > tr td,
#_number_db #aggregate_search_brand .table tbody > tr td,
#_number_db #select_car_types .table tbody > tr td {
word-wrap: break-word;
word-break: break-all;
}
#_number_db .block-element {
word-wrap: break-word;
word-break: break-all;
padding: 8px 15px;
}
#_number_db #aggregate_search_models .main-table tbody > tr td {
padding: 0;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-btn {
padding: 0px 15px 8px 15px;
}
#_number_db #aggregate_search_models .main-table tbody > tr .group {
background-color: #d3e6ff;
padding-top: 8px;
width: 25%;
word-wrap: break-word;
word-break: break-all;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group {
padding: 0;
padding-top: 8px;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .open-btn span:hover {
cursor: pointer;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .row {
border-top: 1px solid #dddddd;
margin: 0;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .label-group {
word-wrap: break-word;
word-break: break-all;
padding: 8px 15px;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .open-group {
word-wrap: break-word;
word-break: break-all;
padding: 8px 15px;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .label-brand {
word-wrap: break-word;
word-break: break-all;
padding: 8px 15px;
background-color: #edf4ff;
border-right: 0;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .label-brand span {
cursor: pointer;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .label-brand .input-parent {
vertical-align: sub;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .car-models {
word-wrap: break-word;
word-break: break-all;
padding: 8px 15px;
padding: 8px 0;
border-top: 1px solid #dddddd;
}
#_number_db .table-period {
margin: 0;
}
#_number_db .table-period tbody > tr > td {
padding: 0;
background-color: #fafafa;
}
#_number_db .table-period .select-annual-label,
#_number_db .table-period .select-year-range-label {
padding: 8px 15px;
}
#_number_db .table-period .select-annual-radio,
#_number_db .table-period .select-year-range-pull {
padding: 8px 15px;
border-left: 1px solid #dddddd;
background-color: #ffffff;
}
#_number_db .table-period .select-annual-radio label,
#_number_db .table-period .select-year-range-pull label {
font-weight: normal;
}
#_number_db .table-period .select-annual-check {
color: #dedede;
}
#_number_db .table-period .select-monthly-check {
color: #222222;
}
#_number_db .method-table {
margin-top: -1px;
}
#_number_db .method-table tbody > tr > td {
padding: 0;
background-color: #fafafa;
}
#_number_db .method-table .mode-label {
padding: 8px 15px;
background-color: #fafafa;
}
#_number_db .method-table .mode-select {
padding: 8px 15px;
border-left: 1px solid #dddddd;
background-color: #ffffff;
}
#_number_db .method-table .mode-select label {
font-weight: normal;
}
#_number_db .caution {
color: red;
padding-top: 10px;
}
#_number_db .caution-msg {
font-size: 12px;
}
#_number_db #form_aggregate_search_isYearOnYear label {
text-indent: 40px;
}
#_number_db .option-table tbody > tr > td {
padding: 8px 15px;
}
#_number_db .option-table .header {
background-color: #fafafa;
}
#_number_db .option-table label {
font-weight: normal;
}
#_number_db #aggregate_excel {
margin-bottom: 10px;
}
#_number_db #aggregate_excel .image {
cursor: pointer;
}
#_number_db .aggregate_table th {
font-weight: normal;
border: 1px solid #bbbbbb;
}
#_number_db .aggregate_table tr td {
border: 1px solid #bbbbbb;
}
#_number_db .aggregate_table .aggregate_column {
font-size: 12px;
}
#_number_db .aggregate_table .aggregate_header th {
white-space: nowrap;
background-color: #d6e6ff;
vertical-align: top;
}
#_number_db .aggregate_table .aggregate_row {
background-color: #d6e6ff;
}
#_number_db .aggregate_table .aggregate_row .hierarchy-1 {
background-color: #efede7;
}
#_number_db .aggregate_table .aggregate_row .hierarchy-2 {
background-color: #d3d0c9;
}
#_number_db #table_selectableYear {
margin-bottom: 15px;
table-layout: auto;
}
#_number_db #table_selectableYear td {
padding-left: 5px;
padding-right: 5px;
}
#_number_db #table_selectableYear td:first-child {
padding-left: 0px;
}
#_number_db #table_selectableYear div#form_fromYear {
margin-left: 0px;
margin-right: 0px;
width: 100px;
margin-bottom: 0px;
}
#_number_db #table_selectableYear div#form_isYearOnYear {
margin-left: 20px;
margin-right: 5px;
margin-bottom: 0px;
}
#_number_db #table_selectableYear div#form_isYearOnYear div.checkbox {
padding-top: 0px;
}
#_number_db #table_selectableYear div#form_isYearOnYear label {
padding-top: 3px;
padding-left: 0px;
}
@media (max-width: 992px) {
input[type=radio] {
margin: 4px 0 0;
}
#_number_db .mode-first,
#_number_db .mode {
border: 0;
}
#_number_db .search-mode .mode-label {
border-right: 1px solid #dddddd;
}
.search-mode {
background-color: #ffffff;
}
#_number_db .table-period .select-annual-label,
#_number_db .table-period .select-year-range-label {
border-bottom: 0;
}
#_number_db .method-table .mode-label {
border-bottom: 0;
}
#_number_db .table-period .select-annual-radio,
#_number_db .table-period .select-year-range-pull {
border-left: 1px solid #dddddd;
}
#_number_db .method-table .mode-select {
border-left: 1px solid #dddddd;
}
#_number_db .method-table tbody > tr > td {
background-color: #d3e6ff;
}
}
@media (max-width: 991px) {
.sp-search-mode {
padding: 0 20px;
}
input[type=radio] {
margin: 2px 0 0;
}
#_number_db .search-mode .mode-label {
padding-left: 15px;
border-right: 0;
}
#_number_db .search-mode .mode-first {
border: 1px solid #dddddd;
padding-left: 0;
}
#_number_db .search-mode .mode {
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
padding-left: 0;
}
.mode-message-china {
text-indent: 22px;
}
.search-mode {
background-color: #fafafa;
}
#_number_db .search-mode .mode-message,
#_number_db .search-mode .mode-message-china {
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #dddddd;
border-bottom: 0;
}
#_number_db .table-period .select-annual-label,
#_number_db .table-period .select-year-range-label {
border-bottom: 1px solid #dddddd;
}
#_number_db .method-table .mode-label {
border-bottom: 1px solid #dddddd;
}
#_number_db .table-period .select-annual-radio,
#_number_db .table-period .select-year-range-pull {
border-left: 0;
}
#_number_db .method-table .mode-select {
border-left: 0;
}
#_number_db .method-table tbody > tr > td {
background-color: #ffffff;
}
#_number_db .search-mode .mode,
#_number_db .search-mode .mode-first {
display: block;
}
#_number_db .search-mode .mode-label,
#_number_db .search-mode .mode-message {
display: block;
}
}
@media (max-width: 768px) {
.search-mode {
border: 1px solid #dddddd;
}
.mode-china {
margin-left: 0px;
}
#_number_db .search-mode .mode-label {
padding-left: 30px;
}
#_number_db .search-mode .mode-first,
#_number_db .search-mode .mode {
border: 0;
}
.mode-message-china {
text-indent: 22px;
}
#_number_db #aggregate_search_country .main-table thead > tr > th .label-all-select,
#_number_db #aggregate_search_brand .main-table thead > tr > th .label-all-select {
padding-left: 20px;
}
#_number_db #aggregate_search_country .main-table thead > tr > th .message-all-select,
#_number_db #aggregate_search_brand .main-table thead > tr > th .message-all-select {
padding-left: 0;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .sub-table tbody > tr > td .car-models {
border-left: 1px solid #dddddd;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .sub-table tbody > tr > td .label-brand {
border-bottom: 0;
}
#_number_db .method-table .mode-select {
padding: 0;
}
}
@media (max-width: 767px) {
.search-mode {
border: 1px solid #dddddd;
border-bottom: 0;
}
.mode-china {
margin-left: 18px;
}
.mode-message-china {
text-indent: 18px;
}
#_number_db .search-mode .mode-message,
#_number_db .search-mode .mode-message-china {
border-bottom: 1px solid #dddddd;
}
#_number_db #aggregate_search_country .main-table thead > tr > th .label-all-select,
#_number_db #aggregate_search_brand .main-table thead > tr > th .label-all-select {
padding-left: 20px;
}
#_number_db #aggregate_search_country .main-table thead > tr > th .message-all-select,
#_number_db #aggregate_search_brand .main-table thead > tr > th .message-all-select {
padding-left: 18px;
}
#_number_db #aggregate_search_country .main-table tbody > tr > th .label-parent,
#_number_db #aggregate_search_brand .main-table tbody > tr > th .label-parent {
margin-left: 20px;
}
#_number_db #aggregate_search_country .label-brand label.checkbox,
#_number_db #aggregate_search_brand .label-brand label.checkbox {
margin-left: 20px;
}
#_number_db .method-table .mode-select {
padding-left: 35px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
#_number_db .block-element {
display: table-cell;
float: none;
vertical-align: top;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block {
display: table;
width: 100%;
box-sizing: border-box;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .row {
display: table-row;
margin: 0 -15px;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .label-group {
display: table-cell;
float: none;
vertical-align: top;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .open-group {
display: table-cell;
float: none;
vertical-align: top;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .label-brand {
display: table-cell;
float: none;
vertical-align: top;
border-right: 1px solid #dddddd;
}
#_number_db #aggregate_search_models .main-table tbody > tr .open-group .table-block .car-models {
display: table-cell;
float: none;
vertical-align: top;
border-top: 0;
}
}
@media (min-width: 767px) {
#aggregate_search_brand .table tr > th .link-select-nations {
padding-left: 22px;
font-weight: normal;
font-size: 13px;
}
}
.number_massages {
border: 1px solid #bbbbbb;
padding: 10pt;
}
#_search_factories td > .checkbox {
padding-top: 0;
min-height: 1.5em;
}
#_search_factories #_nation_select_modal .modal-dialog {
width: 900px;
max-width: 100%;
}
#_search_factories #_nation_select_modal .regionColor {
background-color: #e4ebf9;
min-width: 120px;
}
#_search_factories #_nation_select_modal .list-inline.nations {
margin-bottom: 2px;
}
#_search_factories #_nation_select_modal .list-inline.nations li {
min-width: 32%;
}
#_search_factories #_nation_select_modal .list-inline.nations li .checkbox {
padding-top: 2px;
}
#_search_factories #_maker_select_modal .modal-dialog {
width: 900px;
max-width: 100%;
}
#_search_factories #_maker_select_modal .categoryColor {
background-color: #e4ebf9;
}
#_search_factories #_maker_select_modal .groupColor {
background-color: #ffffff;
}
#_search_factories #base .form-group {
margin: 0 0 15px 0;
}
#_search_factories .table-selector {
max-height: 500px;
overflow: scroll;
}
#_search_factories .color-block .btn-success {
min-width: 200px;
}
#_search_factories #excel_area {
margin-top: 15px;
}
#_search_factories #excel_area .excel-icon {
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
background: url('../images/icon/excel.png');
background-repeat: no-repeat;
margin-right: 5px;
}
#_search_factories #excel_area a {
text-decoration: none;
}
#_search_factories #excel_area .image {
cursor: pointer;
}
#_search_factories #excel_area .btn-excel {
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 15px;
color: #3ED010;
}
.admin_vehicle_number_data_blank {
background-color: #cccccc;
}
.admin_vehicle_number_data_warning {
background-color: #ffff99;
}
.admin_vehicle_number_data_error {
background-color: #ff99cc;
}
.admin_vehicle_number_register_right_border {
border-right: 2px solid #ddd;
}
/*
* ログイン・サインアップと個人設定画面用
*/
/* In page constant values */
/* common header */
#all_area_options {
display: none;
}
#trial_expired .caution {
border-color: #ff6666;
border-width: 2px;
border-style: solid;
background-color: #ffe1e2;
font-size: 18px;
color: #d50f13;
margin-bottom: 5px;
}
#trial_expired .caution_sub {
font-size: 14px;
}
#trial_expired .section .sheet th {
padding: 0.5em;
background-color: gainsboro;
}
#trial_expired .section .sheet td {
padding: 0.5em;
text-align: center;
}
#trial_expired .help_notification {
margin-top: 0.5em;
color: #ff0000;
}
#main_all_header_login #main_common_header {
margin-top: 1em;
}
/* trial input form */
#trial_sign_up .page-title {
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#trial_sign_up_confirm .page-title {
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#trial_sign_up_numberDBMail .page-title {
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#trial_sign_up_prMail .page-title {
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#trial_sign_up_result .page-title {
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
/*MT-675 滝 20181024 START*/
.trialSignUpCenter,
.agreement-text {
width: 60%;
margin-left: auto;
margin-right: auto;
}
#trial_sign_up {
margin: 2em 1em auto 1em;
font-size: 13px;
/** 画像チェックボックス*/
/*画像チェックボックスで構造を変更したことで、playの提供しているエラー表示がされない為、自前で実装*/
/*MT-675 滝 20181024 END*/
/*MT-675 滝 20181024 START*/
/*MT-675 滝 20181024 END*/
}
#trial_sign_up .input-area {
margin-left: 0;
margin-right: 0;
border: 1px solid #cccccc;
padding-left: 5px;
padding-right: 5px;
/*MT-675 郭 20181101 START*/
/*MT-675 郭 20181101 END*/
/** コントロール下に表示されるエラーメッセージ非表示のため */
}
#trial_sign_up .input-area select {
width: 40%;
}
#trial_sign_up .input-area .row {
margin-left: 0;
margin-right: 0;
}
#trial_sign_up .input-area .check-textBox {
padding-top: 30px;
}
#trial_sign_up .input-area .no-line-header {
padding-top: 30px;
}
#trial_sign_up .input-area h5:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#trial_sign_up .input-area .has-error .form-control {
background-color: #f2dede;
}
#trial_sign_up .input-area .alert-danger {
display: none;
}
#trial_sign_up #form_free_trial_sign_in_acceptAgreement {
/*MT-675 郭 20181105 START*/
/*MT-675 郭 20181105 END*/
}
#trial_sign_up #form_free_trial_sign_in_acceptAgreement label {
width: 160px;
margin: auto;
cursor: pointer;
padding: 8px 0 0 0px;
}
#trial_sign_up #form_free_trial_sign_in_acceptAgreement .labelDiv {
white-space: nowrap;
text-align: left;
}
#trial_sign_up #form_free_trial_sign_in_acceptAgreement .labelDivNoImage {
text-align: left;
white-space: nowrap;
}
#trial_sign_up .isExistCheckBoxImage {
/** not(:target)を付けることで、IE8以下に設定を反映させない*/
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) {
/*MT-675 郭 20181105 START*/
/*MT-675 郭 20181105 END*/
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) label {
width: 180px;
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) .labelDiv {
text-align: left;
padding-left: 30px;
white-space: nowrap;
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) .labelDivNoImage {
text-align: left;
white-space: nowrap;
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) input {
position: relative;
opacity: 0;
width: 100%;
height: 100%;
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) input[type="checkbox"] + label {
display: block;
background-image: url("/assets/images/icon/unchecked_image.gif");
background-size: 24px;
background-repeat: no-repeat;
}
#trial_sign_up .isExistCheckBoxImage #form_free_trial_sign_in_acceptAgreement:not(:target) input[type="checkbox"]:checked + label {
background-image: url("/assets/images/icon/checked_image.gif");
}
#trial_sign_up .has-error label {
color: #a94442;
}
#trial_sign_up .agreement {
/** コントロール下に表示されるエラーメッセージ非表示のため */
}
#trial_sign_up .agreement input {
position: inherit;
}
#trial_sign_up .agreement .alert-danger {
display: none;
}
#trial_sign_up .notification {
font-weight: bold;
}
#trial_sign_up .row .form-group {
margin-bottom: 9.75px;
}
#trial_sign_up .sub-header {
border-top-style: dashed;
border-top-color: #dedede;
border-top-width: 1px;
}
#trial_sign_up .pseudo-header {
border-left-style: inset;
border-left-color: #21458a;
margin-bottom: 1em;
}
#trial_sign_up .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#trial_sign_up .check-textBox .form-group {
margin-left: auto;
display: inherit;
}
#trial_sign_up .check-textBox .form-group .form-control {
width: 80%;
/*MT-675 郭 20181101 START*/
float: right;
/*MT-675 郭 20181101 END*/
}
#trial_sign_up .check-textBox .form-group .form-control ::after {
clear: both;
}
#trial_sign_up .agreement-text {
overflow: auto;
height: 300px;
margin-top: 1.5em;
border: 1px solid #cccccc;
}
#trial_sign_up_confirm {
margin: 2em 1em auto 1em;
font-size: 13px;
}
#trial_sign_up_confirm .input-area {
margin-left: 0;
margin-right: 0;
border: 1px solid #cccccc;
margin-bottom: 30px;
}
#trial_sign_up_confirm .input-area .row {
margin-left: 0;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
}
#trial_sign_up_confirm .input-area .value-area {
padding-top: 5px;
}
#trial_sign_up_confirm .input-area h5:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#trial_sign_up_confirm .input-area .sub-header {
border-top: 1px dashed #dedede;
}
#trial_sign_up_confirm .btn-default {
border: none;
border-radius: 4px;
}
#trial_sign_up_confirm .btn-setting {
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#trial_sign_up_numberDBMail {
font-size: 13px;
width: 70%;
margin: auto auto 2em auto;
/* 台数DB検索から流用 */
}
#trial_sign_up_numberDBMail .table thead {
background-color: #d3e6ff;
}
#trial_sign_up_numberDBMail .table thead tr > th {
border-bottom-width: 1px;
}
#trial_sign_up_numberDBMail .table thead tr > th span {
word-wrap: break-word;
word-break: break-all;
}
#trial_sign_up_numberDBMail .table thead tr > th .input-all {
vertical-align: sub;
}
#trial_sign_up_numberDBMail .table tbody > tr th {
width: 25%;
word-wrap: break-word;
word-break: break-all;
background-color: #fafafa;
}
#trial_sign_up_numberDBMail .table tbody > tr th .label-parent {
vertical-align: middle;
}
#trial_sign_up_numberDBMail .table tbody > tr th .input-parent {
vertical-align: sub;
}
#trial_sign_up_numberDBMail .table tbody > tr td {
word-wrap: break-word;
word-break: break-all;
}
#trial_sign_up_numberDBMail .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#trial_sign_up_prMail {
font-size: 13px;
width: 70%;
margin: auto auto 2em auto;
}
#trial_sign_up_prMail .content-offset {
padding-left: 10em;
}
#trial_sign_up_prMail p.info {
margin-top: 1.5em;
}
#trial_sign_up_prMail #trialCorpInput .row {
line-height: 3em;
padding-bottom: 1ex;
}
#trial_sign_up_prMail #trialCorpInput .col-label {
font-weight: bold;
}
#trial_sign_up_prMail .table thead {
background-color: #d3e6ff;
}
#trial_sign_up_prMail .table thead tr > th {
border-bottom-width: 1px;
}
#trial_sign_up_prMail .table thead tr > th span {
word-wrap: break-word;
word-break: break-all;
}
#trial_sign_up_prMail .table thead tr > th .input-all {
vertical-align: sub;
}
#trial_sign_up_prMail .table tbody > tr th {
width: 30%;
word-wrap: break-word;
word-break: break-all;
background-color: #fafafa;
}
#trial_sign_up_prMail .table tbody > tr th .label-parent {
vertical-align: middle;
}
#trial_sign_up_prMail .table tbody > tr th .input-parent {
vertical-align: sub;
}
#trial_sign_up_prMail .table tbody > tr td {
word-wrap: break-word;
word-break: break-all;
}
#trial_sign_up_prMail .table tbody > tr td.node > div.row > div.form-group {
width: 100%;
}
#trial_sign_up_prMail .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#trial_sign_up_result {
margin: 2em 1em auto 1em;
font-size: 13px;
}
#trial_sign_up_result .description {
width: 80%;
font-size: 24px;
line-height: 2em;
margin: 3em auto 2em auto;
}
#trial_sign_up_result .btn-setting {
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
/** user settings */
.initial-login {
width: 70%;
margin: auto;
}
.initial-login .skipSettings {
margin-bottom: 1.5em;
}
#prMailSettings {
margin: 2em 1em auto 1em;
}
#prMailSettings .content-offset {
padding-left: 10em;
}
#prMailSettings p.info {
margin-top: 1.5em;
}
#prMailSettings #trialCorpInput .row {
line-height: 3em;
padding-bottom: 1ex;
}
#prMailSettings #trialCorpInput .col-label {
font-weight: bold;
}
#prMailSettings .table thead {
background-color: #d3e6ff;
}
#prMailSettings .table thead tr > th {
border-bottom-width: 1px;
}
#prMailSettings .table thead tr > th span {
word-wrap: break-word;
word-break: break-all;
}
#prMailSettings .table thead tr > th .input-all {
vertical-align: sub;
}
#prMailSettings .table tbody > tr th {
width: 30%;
word-wrap: break-word;
word-break: break-all;
background-color: #fafafa;
}
#prMailSettings .table tbody > tr th .label-parent {
vertical-align: middle;
}
#prMailSettings .table tbody > tr th .input-parent {
vertical-align: sub;
}
#prMailSettings .table tbody > tr td {
word-wrap: break-word;
word-break: break-all;
}
#prMailSettings .table tbody > tr td.node > div.row > div.form-group {
width: 100%;
}
#prMailSettings .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#numberDBMailSetting {
margin: 2em 1em auto 1em;
/* 台数DB検索から流用 */
}
#numberDBMailSetting .table thead {
background-color: #d3e6ff;
}
#numberDBMailSetting .table thead tr > th {
border-bottom-width: 1px;
}
#numberDBMailSetting .table thead tr > th span {
word-wrap: break-word;
word-break: break-all;
}
#numberDBMailSetting .table thead tr > th .input-all {
vertical-align: sub;
}
#numberDBMailSetting .table tbody > tr th {
width: 25%;
word-wrap: break-word;
word-break: break-all;
background-color: #fafafa;
}
#numberDBMailSetting .table tbody > tr th .label-parent {
vertical-align: middle;
}
#numberDBMailSetting .table tbody > tr th .input-parent {
vertical-align: sub;
}
#numberDBMailSetting .table tbody > tr td {
word-wrap: break-word;
word-break: break-all;
}
#numberDBMailSetting .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#keywordMailSettings {
margin: 2em 1em auto 1em;
}
#keywordMailSettings .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#keywordMailSettings #categoryArea {
padding-left: 0.3em;
}
#keywordMailSettings #categoryArea .table thead {
background-color: #d3e6ff;
}
#keywordMailSettings #categoryArea .table thead tr > th {
border-bottom-width: 1px;
}
#keywordMailSettings #categoryArea .table thead tr > th span {
word-wrap: break-word;
word-break: break-all;
}
#keywordMailSettings #categoryArea .table thead tr > th .input-all {
vertical-align: sub;
}
#keywordMailSettings .top-category {
border-bottom-width: 1px;
}
#keywordMailSettings .top-category span {
word-wrap: break-word;
word-break: break-all;
}
#keywordMailSettings .table {
margin-top: 2em;
margin-bottom: 1em;
}
#keywordMailSettings .table .input-all {
vertical-align: sub;
}
#keywordMailSettings .table tbody > tr th {
width: 20%;
word-wrap: break-word;
word-break: break-all;
background-color: #fafafa;
}
#keywordMailSettings .table tbody > tr th .label-parent {
vertical-align: middle;
}
#keywordMailSettings .table tbody > tr th .input-parent {
vertical-align: sub;
}
#keywordMailSettings .table tbody > tr td {
word-wrap: break-word;
word-break: break-all;
}
#keywordMailSettings .table tbody > tr td.node > div.row > div.form-group {
width: 100%;
}
#keywordMailSettings .root_header {
margin-top: -0.5ex;
}
#keywordMailSettings .root_in_page_links {
border-bottom-style: none;
}
#keywordMailSettings .root_in_page_links .in-page-links {
margin-top: 1ex;
}
#keywordMailSettings .branch_in_page_links {
border-top-style: none;
}
#keywordMailSettings .branch_in_page_links .in-page-links {
margin-left: 2em;
}
/* media query */
@media (max-width: 991px) {
#trial_sign_up .input-area select {
width: 100%;
}
/*MT-675 滝 20181024 START*/
.trialSignUpCenter,
.agreement-text {
width: 80%;
}
/*MT-675 滝 20181024 END*/
#trial_expired th,
#trial_expired td {
width: 100%;
display: block;
}
}
@media (max-width: 768px) {
/* 台数DB検索から流用 */
#numberDBMailSetting .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#numberDBMailSetting .table thead > tr > th .message-all-select {
padding-left: 0;
}
#categoryArea .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#categoryArea .table thead > tr > th .message-all-select {
padding-left: 0;
}
#prMailSettings .content-offset {
padding-left: 5em;
}
#prMailSettings .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#prMailSettings .table thead > tr > th .message-all-select {
padding-left: 0;
}
#keywordMailSettings .content-offset {
padding-left: 5em;
}
#keywordMailSettings .top-category .label-all-select {
padding-left: 20px;
}
#keywordMailSettings .top-category .message-all-select {
padding-left: 0;
}
#trial_sign_up_numberDBMail .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#trial_sign_up_numberDBMail .table thead > tr > th .message-all-select {
padding-left: 0;
}
#trial_sign_up_prMail .content-offset {
padding-left: 5em;
}
#trial_sign_up_prMail .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#trial_sign_up_prMail .table thead > tr > th .message-all-select {
padding-left: 0;
}
}
@media (max-width: 767px) {
/* 台数DB検索から流用 */
#numberDBMailSetting .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#numberDBMailSetting .table thead > tr > th .message-all-select {
padding-left: 20px;
}
#prMailSettings .content-offset {
padding-left: 1.3em;
}
#prMailSettings .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#prMailSettings .table thead > tr > th .message-all-select {
padding-left: 20px;
}
#keywordMailSettings .content-offset {
padding-left: 1.3em;
}
#keywordMailSettings .top-category .label-all-select {
padding-left: 20px;
}
#keywordMailSettings .top-category .message-all-select {
padding-left: 20px;
}
#trial_expired .caution {
width: 95%;
margin-left: 2%;
}
#trial_sign_up_numberDBMail {
width: 95%;
margin: auto auto 2em auto;
}
#trial_sign_up_numberDBMail .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#trial_sign_up_numberDBMail .table thead > tr > th .message-all-select {
padding-left: 20px;
}
#trial_sign_up_prMail {
width: 95%;
margin: auto auto 2em auto;
}
#trial_sign_up_prMail .content-offset {
padding-left: 1.3em;
}
#trial_sign_up_prMail .table thead > tr > th .label-all-select {
padding-left: 20px;
}
#trial_sign_up_prMail .table thead > tr > th .message-all-select {
padding-left: 20px;
}
.initial-login {
width: 90%;
margin: auto;
}
.initial-login .skipSettings {
margin-bottom: 1.5em;
}
/*MT-675 滝 20181024 START*/
.trialSignUpCenter,
.agreement-text {
width: 80%;
}
}
/*
* IE11用：IEのみチェックボックスの位置がおかしい
*/
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
#corp_sign_up_input {
position: inherit;
}
}
.table-header-content {
font-weight: bold;
background-color: #D7EDFF;
}
.inner-table {
margin-top: 5px;
border: 1px solid #ccc;
border: 1px solid #cccccc;
border-spacing: 0;
border-collapse: collapse;
}
.inner-table th {
border: 1px solid #ccc;
border: 1px solid #cccccc;
font-weight: bold;
background-color: #D7EDFF;
text-align: center;
}
.inner-table td {
border: 1px solid #ccc;
border: 1px solid #cccccc;
}
.content-unit {
width: 30%;
text-align: right;
font-size: 12px;
}
.open-close-button {
margin-top: 5px;
color: orange;
border-color: orange;
width: 35%;
}
#suppliers_primaries .condition-btn {
line-height: 1.5;
}
#suppliers_primaries .condition {
background-color: #f1f4f6;
color: #484e5d;
margin-bottom: -1px;
}
#suppliers_primaries .condition-right {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-left-color: #bbbbbb;
border-right-color: #bbbbbb;
background-color: #f1f4f6;
color: #484e5d;
}
#suppliers_primaries .btn-default:hover {
background-color: #dddddd;
margin-bottom: -1px;
}
#suppliers_primaries .btn.active {
background-color: #f26671;
color: #ffffff;
margin-bottom: -1px;
}
#suppliers_primaries .bg-success:hover {
background-color: #ffffff;
color: orange;
}
#suppliers_primaries .bg-success {
background-color: #ffffff;
color: orange;
}
#suppliers_primaries .use-border-top-solid {
border-top: 1px solid #cccccc;
margin-top: 5px;
}
#suppliers_primaries .count {
padding-top: 10px;
}
#suppliers_primaries .count span {
color: #e76000;
font-weight: bold;
font-size: 16px;
}
#suppliers_primaries .region-nation-separator {
border-top: 1px dashed #cccccc;
margin-left: 20px;
margin-right: 20px;
}
#suppliers_primaries .letter-li {
display: inline-block;
padding-right: 0px;
margin-top: 3px;
padding-left: 12px;
}
#suppliers_primaries .small-font {
color: #0c0c0c;
font-size: 12px;
}
#suppliers_primaries #filter-mode-menu .nav-tabs {
border-bottom: 0;
padding-left: 0;
}
#suppliers_primaries #filter-mode-menu .nav-tabs li {
font-size: 13px;
}
#suppliers_primaries #filter-mode-menu .nav-tabs li input {
position: absolute;
clip: rect(0, 0, 0, 0);
}
@media (min-width: 767px) {
#suppliers_primaries #filter-mode-menu .nav-tabs li {
width: 25%;
}
}
#suppliers_primaries .sort-parts {
margin-top: 5px;
}
#suppliers_primaries .sort-parts a {
color: #0c0c0c;
}
#suppliers_primaries .sort-parts .bg-success:hover {
background-color: #ffffff;
color: orange;
}
#suppliers_primaries .sort-parts .bg-success {
background-color: #ffffff;
color: orange;
}
#suppliers_primaries .cancel-wrap {
clear: both;
}
#suppliers_primaries .ht {
height: 18em;
overflow: hidden;
}
#suppliers_primaries .use-border-top-dashed {
border-top: 1px dashed #cccccc;
margin-top: 5px;
}
#suppliers_primaries .img-primaries-logo {
max-height: 102px;
max-width: 102px;
}
#suppliers_primaries .h1_sub_title {
font-size: 16px;
margin-left: 30px;
}
#suppliers_primaries_detail .title {
font-weight: bold;
}
#suppliers_primaries_detail h4 {
position: relative;
padding-left: 15px;
font-weight: bold;
}
#suppliers_primaries_detail h4:before {
position: absolute;
top: 2px;
left: 0px;
width: 10px;
height: 10px;
background: #0c0c0c;
content: '';
}
#suppliers_primaries_detail .subhead {
font-weight: bold;
}
#suppliers_primaries_detail .over-view {
margin-left: 15px;
}
#suppliers_primaries_detail table {
width: 100%;
}
#suppliers_primaries_detail .inner-table {
margin-top: 5px;
border: 1px solid #ccc;
border: 1px solid #cccccc;
border-spacing: 0;
border-collapse: collapse;
}
#suppliers_primaries_detail .inner-table th {
border: 1px solid #ccc;
border: 1px solid #cccccc;
font-weight: bold;
background-color: #D7EDFF;
text-align: center;
}
#suppliers_primaries_detail .inner-table td {
border: 1px solid #ccc;
border: 1px solid #cccccc;
}
#suppliers_primaries_detail .company-contents-title {
font-weight: bold;
}
#suppliers_primaries_detail .outline_google_map {
width: 90%;
height: 90%;
}
#suppliers_primaries_detail .content-subtitle {
width: 70%;
}
#suppliers_primaries_detail .content-unit {
width: 30%;
text-align: right;
font-size: 12px;
}
#suppliers_primaries_detail .dataText li {
list-style-type: none;
position: relative;
}
#suppliers_primaries_detail .dataText li:after {
display: block;
content: '';
position: absolute;
top: .45em;
left: -1em;
width: 5px;
height: 5px;
background-color: #fff;
border: 2px solid #074975;
border-radius: 100%;
}
#suppliers_primaries_detail #capital-structure .date {
width: 30%;
text-align: right;
font-size: 12px;
}
#suppliers_primaries_detail #capital-structure .header-content {
font-weight: bold;
background-color: #D7EDFF;
}
#suppliers_primaries_detail #capital-structure .left-content {
width: 70%;
padding-left: 10px;
}
#suppliers_primaries_detail #capital-structure .right-content {
width: 30%;
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #delivers li {
display: inline-block;
list-style-type: none;
padding-left: 5px;
padding-right: 5px;
width: 30%;
margin-top: 5px;
position: relative;
vertical-align: top;
margin-left: 25px;
}
#suppliers_primaries_detail #delivers li:after {
display: block;
content: '';
position: absolute;
top: .45em;
left: -1em;
width: 5px;
height: 5px;
background-color: #fff;
border: 2px solid #074975;
border-radius: 100%;
}
#suppliers_primaries_detail #delivers .header-content {
font-weight: bold;
background-color: #D7EDFF;
text-align: center;
}
#suppliers_primaries_detail #delivers .header-sub-content {
font-weight: bold;
background-color: #D7EDFF;
font-size: 12px;
text-align: center;
width: 10%;
}
#suppliers_primaries_detail #delivers .name-content {
width: 40%;
padding-left: 10px;
}
#suppliers_primaries_detail #delivers .number-content {
width: 10%;
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #highlight li {
list-style-type: none;
position: relative;
}
#suppliers_primaries_detail #highlight li:after {
display: block;
content: '';
position: absolute;
top: .45em;
left: -1em;
width: 5px;
height: 5px;
background-color: #fff;
border: 2px solid #074975;
border-radius: 100%;
}
#suppliers_primaries_detail #highlight .header-content {
font-weight: bold;
background-color: #D7EDFF;
text-align: center;
}
#suppliers_primaries_detail #highlight td {
text-align: left;
padding-left: 10px;
}
#suppliers_primaries_detail #highlight .right {
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #highlight .content-subtitle {
width: 70%;
}
#suppliers_primaries_detail #highlight .content-unit {
width: 30%;
text-align: right;
font-size: 12px;
}
#suppliers_primaries_detail #subsidiary table {
width: 100%;
}
#suppliers_primaries_detail #subsidiary .inner-table {
margin-top: 5px;
border: 1px solid #ccc;
border: 1px solid #cccccc;
border-spacing: 0;
border-collapse: collapse;
}
#suppliers_primaries_detail #subsidiary .inner-table th {
border: 1px solid #ccc;
border: 1px solid #cccccc;
font-weight: bold;
background-color: #D7EDFF;
text-align: center;
}
#suppliers_primaries_detail #subsidiary .inner-table td {
border: 1px solid #ccc;
border: 1px solid #cccccc;
}
#suppliers_primaries_detail #subsidiary td {
text-align: left;
padding-left: 10px;
}
#suppliers_primaries_detail #subsidiary .right {
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #various-data .header-sub-content {
font-weight: bold;
background-color: #D7EDFF;
font-size: 12px;
text-align: center;
width: 10%;
}
#suppliers_primaries_detail #various-data .name-content {
width: 40%;
padding-left: 10px;
}
#suppliers_primaries_detail #various-data .number-content {
width: 10%;
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #various-data .number-content-finance {
width: 12%;
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #various-data .number-content-employee {
width: 20%;
text-align: right;
padding-right: 10px;
}
#suppliers_primaries_detail #history .date-content {
vertical-align: top;
width: 10%;
}
#suppliers_primaries_detail #history .text-content {
width: 90%;
}
#suppliers_primaries_detail #internal-link .links {
overflow: hidden;
border: 1px solid #cccccc;
margin: 0 15px;
}
#suppliers_primaries_detail #internal-link ul {
padding-left: 15px;
list-style: none;
padding-bottom: 1em;
}
#suppliers_primaries_detail #internal-link li {
display: block;
float: left;
list-style-type: none;
padding-left: 5px;
padding-right: 5px;
width: 33%;
margin-top: 5px;
position: relative;
}
#suppliers_primaries_detail #delivery-status .parts {
width: 43%;
}
#suppliers_primaries_detail #delivery-status .maker {
width: 17%;
}
#suppliers_primaries_detail #delivery-status .model {
width: 26%;
}
#suppliers_primaries_detail #delivery-status .model-year {
width: 14%;
}
#suppliers_primaries_detail #delivery-status td {
padding-left: 10px;
}
#suppliers_primaries_detail #delivery-open-close button {
margin-top: 5px;
color: orange;
border-color: orange;
width: 35%;
}
#suppliers_primaries_detail #delivery-open-close .glyphicon {
top: 2px;
margin-right: 2px;
}
#suppliers_primaries_detail #delivery-open-close #close-button {
display: none;
}
#suppliers_primaries_detail #trend h4 {
margin-left: 15px;
}
#suppliers_primaries_detail #trend p {
margin-left: 30px;
}
#suppliers_primaries_detail #trend .non-view {
display: none;
}
#suppliers_primaries_detail #trend button {
margin-top: 5px;
color: orange;
border-color: orange;
width: 35%;
}
#suppliers_primaries_detail #trend .glyphicon {
top: 2px;
margin-right: 2px;
}
#suppliers_primaries_detail #trend #trend-close-button {
display: none;
}
#suppliers_primaries_detail #exhibitions h4 {
clear: both;
}
#suppliers_primaries_detail #exhibitions .display-area {
margin-top: 10px;
margin-bottom: 10px;
}
#suppliers_primaries_detail #exhibitions .image {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
#suppliers_primaries_detail #exhibitions p {
font-weight: bold;
}
#suppliers_primaries_detail #exhibitions .sub-images {
clear: both;
margin-bottom: 10px;
}
#suppliers_primaries_detail #exhibitions .sub-images img {
margin-right: 5px;
width: 76px;
}
#suppliers_primaries_detail #products li {
display: inline-block;
list-style-type: none;
padding-left: 5px;
padding-right: 5px;
width: 30%;
margin-top: 5px;
position: relative;
vertical-align: top;
margin-left: 25px;
}
#suppliers_primaries_detail #products li:after {
display: block;
content: '';
position: absolute;
top: .45em;
left: -1em;
width: 5px;
height: 5px;
background-color: #fff;
border: 2px solid #074975;
border-radius: 100%;
}
@media screen and (max-width: 767px) {
#suppliers_primaries_detail #internal-link li {
width: 100%;
}
#suppliers_primaries_detail #internal-link .links {
border: none;
}
#suppliers_primaries_detail #internal-link .logo {
display: none;
}
}
#product_list .non-padding-left {
padding-left: 0;
}
#product_list .non-padding-right {
padding-right: 0;
}
#product_list .pb-25 {
padding: 5px 0;
}
#product_list .latest-labels {
padding: 4px 0;
}
#product_list .label-common {
border-radius: 0;
font-size: 14px;
}
#product_list .label-new {
border-radius: 0;
font-size: 14px;
background-color: #ff6b00;
}
#product_list .label-updated {
border-radius: 0;
font-size: 14px;
background-color: #0084ff;
}
#product_list .label-category {
border-radius: 0;
font-size: 14px;
background-color: #6f6f6f;
}
#product_list .product-link {
line-height: 22px;
font-size: 18px;
}
#product_list .image {
max-height: 114px;
}
#product_list .outline {
padding-top: 4px;
height: 62px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#product_list .read-more {
text-align: right;
font-size: 14px;
}
#product_list .read-more a {
color: #6f6f6f;
}
#product_list .read-more a:hover {
color: #3c3c3c;
}
#product_list hr {
border-top: solid 1px #222222;
margin: 0;
}
#product_list .product-category .list-inline {
margin-bottom: 5px;
}
#product_list .category-title {
margin: 0;
font-weight: bold;
}
#product_list .category-title:before {
content: "▼";
font-size: 16px;
}
#product_list .condition-btn {
color: #222222;
}
#product_list .condition {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
border-left: none;
}
#product_list .condition-left {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
border-left-color: #bbbbbb;
}
#product_list .btn {
background-color: #f1f4f6;
color: #484e5d;
}
#product_list .btn.active {
background-color: #f26671;
color: #ffffff;
}
#product_list .btn.active:hover {
background-color: #f26671;
color: #ffffff;
}
#product_list .btn-default:hover {
background-color: #dddddd;
}
#product_list .btn-group-product-class {
table-layout: auto;
}
#product_list .white-space {
white-space: pre-wrap;
}
#product_list .product-class-info {
float: right;
}
#product_class_info .categoryColor {
background-color: #d4dff5;
}
#product_class_info .topColor {
background-color: #e4ebf9;
}
#product_class_info .centerColor {
background-color: #f5f7fd;
}
@media screen and (max-width: 767px) {
#product_list .condition {
border-left: 1px solid #bbbbbb;
}
#product_list .condition-btn {
border-radius: 0;
}
#product_list .btn-group-product-class {
width: 100%;
}
}
#product_detail .product-title {
font-size: 22px;
line-height: 30px;
font-weight: bolder;
}
#product_detail .align-right {
text-align: right;
}
#product_detail .align-left {
text-align: left;
}
#product_detail .non-border {
border: 0;
}
#product_detail .non-padding {
padding: 0;
}
#product_detail .non-padding-left {
padding-left: 0;
}
#product_detail .non-padding-right {
padding-right: 0;
}
#product_detail .pb-5 {
padding-bottom: 5px;
}
#product_detail .pb-20 {
padding-bottom: 20px;
}
#product_detail .pt-20 {
padding-top: 20px;
}
#product_detail .glyphicon-stop {
color: #a2a2a2;
}
#product_detail .video-thumbnail {
position: relative;
}
#product_detail .video-thumbnail > a > img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
#product_detail .video-thumbnail > a > img:hover {
opacity: 0.9;
}
#product_detail .thumbnail-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#product_detail .thumbnail-icon > div {
width: 90%;
margin: 0;
font-size: 50px;
padding: 0;
}
#product_detail .thumbnail-icon > div > a {
color: #ffffff;
}
#product_detail .thumbnail-icon:hover {
opacity: 0.7;
}
#product_detail .btn-inquiry {
background-color: #ff8900;
border-color: #ff8900;
border-radius: 0;
}
#product_detail .btn-inquiry:hover {
background-color: #e67b00;
}
#product_detail .left-image {
min-width: 1px;
padding-right: 2px;
}
#product_detail .left-image img {
margin-left: auto;
}
#product_detail .right-image {
padding-left: 2px;
}
#product_detail .inquiry a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#product_detail .inquiry a:hover {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#product_detail .inquiry .btn-inquiry-big {
background-color: #ff8900;
border-color: #ff8900;
border-radius: 0;
padding-top: 10px;
font-size: 18px;
height: 50px;
width: 330px;
}
#product_detail .inquiry .btn-inquiry-big:hover {
background-color: #e67b00;
}
#product_detail #inquiry_form .title,
#product_detail #inquiry_form .glyphicon-stop {
color: #75cd37;
font-weight: bold;
}
#product_detail #inquiry_form .table {
border: 10px solid #75cd37;
}
#product_detail #inquiry_form .table tbody > tr > td {
padding: 0;
border: 1px solid #cccccc;
}
#product_detail #inquiry_form .table tbody > tr > td .control-label {
text-align: left;
font-weight: normal;
font-size: 14px;
padding-top: 10px;
}
#product_detail #inquiry_form .table tbody > tr > td .control-label .label {
border-radius: 0;
}
#product_detail #inquiry_form .table tbody > tr > td .form-group {
margin: 0;
padding: 10px 0 10px 30px;
border-left: 1px solid #cccccc;
}
#product_detail #inquiry_form .table tbody > tr > td .form-group label {
font-weight: normal;
font-size: 14px;
}
#product_detail #inquiry_form .table tbody > tr > td .form-group .checkbox label {
padding-left: 0px;
}
#product_detail #inquiry_form .table tbody > tr > td .form-group textarea {
margin-left: -1em;
}
#product_detail #inquiry_form .table tbody > tr > td .form-group .alert {
margin-right: 30px;
}
#product_detail #inquiry_form .table tbody > tr > td .upper-limit {
padding: 0 15px;
border-left: 1px solid #cccccc;
}
#product_detail #inquiry_form div.text-center label {
display: inline-block;
}
#inquiry-confirm-form {
width: 80%;
margin: 0 auto;
}
#inquiry-confirm-form .table {
font-weight: normal;
}
#inquiry-confirm-form .item-th {
width: 30%;
border-right: dashed 1px #222222;
}
#inquiry-completion .btn-inquiry {
background-color: #75cd37;
border-color: #75cd37;
border-radius: 0;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
@media (max-width: 992px) {
#product_detail #inquiry_form .table tbody > tr > td .form-group,
#product_detail #inquiry_form .table tbody > tr > td .upper-limit {
border-left: 1px solid #cccccc;
}
}
@media (max-width: 991px) {
#product_detail #inquiry_form .table tbody > tr > td .form-group,
#product_detail #inquiry_form .table tbody > tr > td .upper-limit {
border-left: none;
}
}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
padding: 4px;
}
table > tr > td,
table > tr > th {
padding: 4px;
}
#report_lists .report_list_contents {
padding-left: 15px;
padding-right: 15px;
}
#report_lists .sub_title {
font-size: 14px;
float: left;
}
#report_lists .dim2_font {
font-size: 16px;
}
#report_lists .dim3_font {
font-size: 16px;
}
#report_lists h2 {
font-size: 18px;
}
#report_lists .h2_sub_title {
font-size: 16px;
margin-left: 30px;
}
#report_lists .condition-btn {
color: #222222;
}
#report_lists .condition {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
border-left: none;
}
#report_lists .condition-left {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
border-left-color: #bbbbbb;
}
#report_lists .btn {
background-color: #f1f4f6;
color: #484e5d;
}
#report_lists .btn.active {
background-color: #f26671;
color: #ffffff;
}
#report_lists .btn.active:hover {
background-color: #f26671;
color: #ffffff;
}
#report_lists .btn-default:hover {
background-color: #dddddd;
}
#report_lists .btn-group-top-categories {
table-layout: auto;
}
#report_lists hr {
width: 100%;
display: inline-block;
border-top: dotted 1px #222222;
}
#report_lists .filter_menu_link {
margin-top: 15px;
}
#report_lists .filter_menu_link .tgt-selected {
color: #ff6b01;
}
#report_lists .report_list_details .row {
padding-left: 15px;
padding-bottom: 15px;
}
#report_lists .report_list_details img {
width: auto;
height: auto;
max-width: 100px;
max-height: 100px;
margin-left: auto;
margin-right: auto;
}
#report_lists .report_list_details ul {
margin-bottom: 0px;
height: 1.6em;
}
#report_lists .report_list_details .report_title {
font-size: 16px;
font-weight: bold;
padding-bottom: 2px;
}
#report_lists .report_list_details .report_sub_title {
color: #222222;
}
#report_lists .report_list_details .isNew {
color: #ffffff;
background-color: #e76000;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
}
#report_lists .report_list_details .isSales,
#report_lists .report_list_details .isProduction {
color: #ffffff;
background-color: #75cd37;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
}
#report_lists .report_list_details .displayUpdateAt {
color: #222222;
float: right;
padding-top: 2px;
}
#report_detail img {
width: auto;
}
@media screen and (max-width: 767px) {
#report_detail img {
width: 70%;
}
}
#report_detail .page-title {
border-left: none;
color: #21458a;
background: initial;
border: initial;
padding-left: 0;
font-weight: bold;
font-size: 22px;
text-align: center;
margin-top: 0;
margin-bottom: 3px;
}
#report_detail .page-title:before {
content: normal;
}
#report_detail .page-subtitle {
border-left: none;
background: initial;
border: initial;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
text-align: center;
}
#report_detail .page-subtitle:before {
content: normal;
}
#report_detail .page-updateAt {
border-left: none;
background: initial;
border: initial;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
text-align: center;
font-weight: normal;
text-align: right;
margin-top: 5px;
margin-bottom: 5px;
}
#report_detail .page-updateAt:before {
content: normal;
}
#report_detail h2 {
color: #222222;
}
#report_detail h2:first-letter {
color: #888787;
font-size: 24px;
vertical-align: middle;
}
#report_detail h4 {
border-left: none;
background: initial;
border: initial;
}
#report_detail h4:before {
content: "■";
color: #cccccc;
}
#report_detail hr {
border-top: dotted 1px #222222;
}
#report_detail .relation-header p {
text-align: center;
color: #ffffff;
background: #6f6f6f;
padding-top: 3px;
padding-bottom: 3px;
}
#report_detail .rel_line {
border-top: dotted 1px #222222;
padding-top: 10px;
margin: 10px 10px 0;
}
#report_detail .relation-body p {
margin-top: 3px;
}
#report_detail .relation-body a {
text-decoration: underline;
}
#report_detail .panel-body {
border: 1px solid #222222;
padding-top: 7px;
padding-bottom: 2px;
margin-top: 20px;
margin-bottom: 25px;
}
#report_detail .panel-body p {
margin-bottom: 5px;
}
#report_detail .panel-body a {
text-decoration: underline;
}
#report_detail .breadcrumb {
padding-left: 0;
margin: 0;
}
#report_detail .btn-next {
border-radius: 0;
border: 1px solid #FF6B00;
color: #FF6B00;
background: #ffffff;
margin-top: 20px;
padding: 10px 55px;
font-weight: bold;
}
#report_detail .quotation {
background: #edf4ff;
padding: 10px;
margin-bottom: 10px;
}
#report_detail .quotation p {
margin: 0;
}
#report_detail #header-link ul {
padding-left: 0;
}
#report_detail #header-link li {
list-style-type: none;
margin: -2px 0;
line-height: 1.2;
}
@media (max-width: 767px) {
#report_detail #header-link li {
list-style-type: none;
height: auto;
}
}
#report_detail #header-link li:before {
content: "■";
color: #888787;
font-size: 20px;
vertical-align: baseline;
}
#report_detail #header-link a {
text-decoration: underline;
height: 20px;
}
#report_detail .clear-both {
clear: both;
}
#report_detail .report-area {
padding-top: 50px;
margin-top: -50px;
}
@media (max-width: 991px) {
#report_detail .report-area {
padding-top: 100px;
margin-top: -100px;
}
}
@media (max-width: 767px) {
#report_detail .report-area {
padding-top: 10px;
margin-top: -10px;
}
}
#report_detail .other_reports a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#report_detail .other_reports a:hover {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#report_detail .other_reports .btn-big {
background-color: #ff8900;
border-color: #ff8900;
border-radius: 0;
padding-top: 9px;
font-size: 18px;
height: 50px;
}
#report_detail .other_reports .btn-big:hover {
background-color: #e67b00;
}
@media screen and (max-width: 767px) {
#report_lists .condition {
border-left: 1px solid #bbbbbb;
}
#report_lists .condition-btn {
border-radius: 0;
}
#report_lists .btn-group-top-categories {
width: 100%;
}
}
@media screen and (min-width: 991px) {
.report_list_details .reportListTitle {
float: right;
width: 83.33333333%;
}
}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
padding: 4px;
}
#report_summary table > tr > td,
#report_summary table > tr > th {
padding: 4px;
}
#report_summary .report_list_contents {
padding-left: 15px;
padding-right: 15px;
}
#report_summary .sub_title {
font-size: 14px;
float: left;
}
#report_summary .dim2_font {
font-size: 16px;
}
#report_summary .dim3_font {
font-size: 16px;
}
#report_summary h2 {
font-size: 18px;
}
#report_summary .h2_sub_title {
font-size: 16px;
margin-left: 30px;
}
#report_summary .condition-btn {
color: #222222;
}
#report_summary .condition {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
border-left: none;
}
#report_summary .condition-left {
border-top-color: #bbbbbb;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
border-left-color: #bbbbbb;
}
#report_summary .btn {
background-color: #f1f4f6;
color: #484e5d;
}
#report_summary .btn.active {
background-color: #f26671;
color: #ffffff;
}
#report_summary .btn.active:hover {
background-color: #f26671;
color: #ffffff;
}
#report_summary .btn-default:hover {
background-color: #dddddd;
}
#report_summary .btn-group-top-categories {
table-layout: auto;
}
#report_summary hr {
width: 100%;
display: inline-block;
border-top: dotted 1px #222222;
}
#report_summary .filter_menu_link {
margin-top: 15px;
}
#report_summary .filter_menu_link .tgt-selected {
color: #ff6b01;
}
#report_summary .report_list_details .row {
padding-left: 15px;
padding-bottom: 15px;
}
#report_summary .report_list_details img {
width: auto;
height: auto;
max-width: 100px;
max-height: 100px;
margin-left: auto;
margin-right: auto;
}
#report_summary .report_list_details ul {
margin-bottom: 0px;
height: 1.6em;
}
#report_summary .report_list_details .report_title {
font-size: 16px;
font-weight: bold;
padding-bottom: 2px;
}
#report_summary .report_list_details .report_sub_title {
color: #222222;
}
#report_summary .report_list_details .isNew {
color: #ffffff;
background-color: #e76000;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
}
#report_summary .report_list_details .isSales,
#report_summary .report_list_details .isProduction {
color: #ffffff;
background-color: #75cd37;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
}
#report_summary .report_list_details .displayUpdateAt {
color: #222222;
float: right;
padding-top: 2px;
}
#report_summary #report_detail img {
width: auto;
}
@media screen and (max-width: 767px) {
#report_summary #report_detail img {
width: 70%;
}
}
#report_summary #report_detail .page-title {
border-left: none;
color: #21458a;
background: initial;
border: initial;
padding-left: 0;
font-weight: bold;
font-size: 22px;
text-align: center;
margin-top: 0;
margin-bottom: 3px;
}
#report_summary #report_detail .page-title:before {
content: normal;
}
#report_summary #report_detail .page-subtitle {
border-left: none;
background: initial;
border: initial;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
text-align: center;
}
#report_summary #report_detail .page-subtitle:before {
content: normal;
}
#report_summary #report_detail .page-updateAt {
border-left: none;
background: initial;
border: initial;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 16px;
text-align: center;
font-weight: normal;
text-align: right;
margin-top: 5px;
margin-bottom: 5px;
}
#report_summary #report_detail .page-updateAt:before {
content: normal;
}
#report_summary #report_detail h2 {
color: #222222;
}
#report_summary #report_detail h2:first-letter {
color: #888787;
font-size: 24px;
vertical-align: middle;
}
#report_summary #report_detail h4 {
border-left: none;
background: initial;
border: initial;
}
#report_summary #report_detail h4:before {
content: "■";
color: #cccccc;
}
#report_summary #report_detail hr {
border-top: dotted 1px #222222;
}
#report_summary #report_detail .relation-header p {
text-align: center;
color: #ffffff;
background: #6f6f6f;
padding-top: 3px;
padding-bottom: 3px;
}
#report_summary #report_detail .rel_line {
border-top: dotted 1px #222222;
padding-top: 10px;
margin: 10px 10px 0;
}
#report_summary #report_detail .relation-body p {
margin-top: 3px;
}
#report_summary #report_detail .relation-body a {
text-decoration: underline;
}
#report_summary #report_detail .panel-body {
border: 1px solid #222222;
padding-top: 7px;
padding-bottom: 2px;
margin-top: 20px;
margin-bottom: 25px;
}
#report_summary #report_detail .panel-body p {
margin-bottom: 5px;
}
#report_summary #report_detail .panel-body a {
text-decoration: underline;
}
#report_summary #report_detail .breadcrumb {
padding-left: 0;
margin: 0;
}
#report_summary #report_detail .btn-next {
border-radius: 0;
border: 1px solid #FF6B00;
color: #FF6B00;
background: #ffffff;
margin-top: 20px;
padding: 10px 55px;
font-weight: bold;
}
#report_summary #report_detail .quotation {
background: #edf4ff;
padding: 10px;
margin-bottom: 10px;
}
#report_summary #report_detail .quotation p {
margin: 0;
}
#report_summary #report_detail #header-link ul {
padding-left: 0;
}
#report_summary #report_detail #header-link li {
list-style-type: none;
margin: -2px 0;
line-height: 1.2;
}
@media (max-width: 767px) {
#report_summary #report_detail #header-link li {
list-style-type: none;
height: auto;
}
}
#report_summary #report_detail #header-link li:before {
content: "■";
color: #888787;
font-size: 20px;
vertical-align: baseline;
}
#report_summary #report_detail #header-link a {
text-decoration: underline;
height: 20px;
}
#report_summary #report_detail .clear-both {
clear: both;
}
#report_summary #report_detail .report-area {
padding-top: 50px;
margin-top: -50px;
}
@media (max-width: 991px) {
#report_summary #report_detail .report-area {
padding-top: 100px;
margin-top: -100px;
}
}
@media (max-width: 767px) {
#report_summary #report_detail .report-area {
padding-top: 10px;
margin-top: -10px;
}
}
#report_summary #report_detail .other_reports a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#report_summary #report_detail .other_reports a:hover {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#report_summary #report_detail .other_reports .btn-big {
background-color: #ff8900;
border-color: #ff8900;
border-radius: 0;
padding-top: 9px;
font-size: 18px;
height: 50px;
}
#report_summary #report_detail .other_reports .btn-big:hover {
background-color: #e67b00;
}
@media screen and (max-width: 767px) {
#report_summary #report_lists .condition {
border-left: 1px solid #bbbbbb;
}
#report_summary #report_lists .condition-btn {
border-radius: 0;
}
#report_summary #report_lists .btn-group-top-categories {
width: 100%;
}
}
@media screen and (min-width: 991px) {
#report_summary .report_list_details .reportListTitle {
float: right;
width: 83.33333333%;
}
}
#green_vehicle h1 {
color: #222222;
margin-top: 0px;
}
#green_vehicle .filter_submit_btn {
border-radius: 0;
margin-left: 20px;
margin-refs: 20px;
}
#green_vehicle #green_vehicle_filter_area {
padding-left: 15;
position: relative;
}
#green_vehicle #green_vehicle_filter_area h4 {
padding-left: 15px;
position: relative;
}
#green_vehicle #green_vehicle_filter_area h4:before {
position: absolute;
top: 2px;
left: 0px;
width: 10px;
height: 10px;
background: #0c0c0c;
content: '';
}
#green_vehicle #green_vehicle_filter_area .row {
padding-left: 15px;
}
#green_vehicle #green_vehicle_filter_area .filter_box {
padding-left: 1em;
}
#green_vehicle #green_vehicle_filter_area .filter_title {
font-weight: normal;
}
#green_vehicle #green_vehicle_filter_area .filter_area_all {
word-wrap: break-word;
word-break: break-all;
border: 1px solid #dddddd;
width: 25%;
background-color: #fafafa;
padding-left: 15px;
}
#green_vehicle #green_vehicle_filter_area .filter_items_all {
width: 100%;
padding-left: 15px;
}
#green_vehicle #green_vehicle_filter_area .filter_area_other {
word-wrap: break-word;
word-break: break-all;
border: 1px solid #dddddd;
width: 75%;
}
#green_vehicle #green_vehicle_filter_area .filter_items_cells {
padding-right: 5px;
}
#green_vehicle #green_vehicle_filter_area .filter_items_cells label {
font-weight: normal;
padding-top: 4px;
}
#green_vehicle #green_vehicle_filter_area .table > tbody > tr > td {
padding-left: 15px;
}
#green_vehicle .link_title {
padding-top: 0.5em;
padding-left: 1em;
height: 2em;
font-weight: bold;
background-color: #d3e6ff;
}
#green_vehicle .link_area {
padding-left: 15px;
}
#green_vehicle .green_vehicle_maker_links {
padding-right: 5px;
}
#green_vehicle #green_vehicle_list th,
#green_vehicle #green_vehicle_list select {
font-size: 14px;
text-align: center;
vertical-align: middle;
color: #21458a;
background-color: #d3e6ff;
}
#green_vehicle #green_vehicle_list th .filter_select_box,
#green_vehicle #green_vehicle_list select .filter_select_box {
display: block;
width: 100%;
height: 34px;
margin-left: auto;
margin-right: auto;
padding: 6px 12px;
text-align: left;
line-height: 1.4;
color: #21458a;
background-color: #ffffff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
#green_vehicle #green_vehicle_list td {
text-align: center;
vertical-align: middle;
}
#green_vehicle #green_vehicle_list td .supplement_align {
text-align: left;
}
#green_vehicle #green_vehicle_list td img {
display: block;
margin-left: auto;
margin-right: auto;
}
#green_vehicle #green_vehicle_list td ._nationCd {
float: left;
}
#green_vehicle #green_vehicle_list td span {
display: inline-block;
white-space: nowrap;
height: 1.2em;
}
#green_vehicle #green_vehicle_list td span img {
float: left;
}
#green_vehicle #green_vehicle_list td p {
vertical-align: middle;
margin: 0 0 0px;
}
#green_vehicle #green_vehicle_list .table > thead > tr > th {
border-bottom: none;
}
#green_vehicle #green_vehicle_list img .img_announce_mark {
float: left;
}
#green_vehicle #green_vehicle_list .th_image {
width: 8%;
}
#green_vehicle #green_vehicle_list .th_maker {
width: 20%;
}
#green_vehicle #green_vehicle_list .th_type {
width: 9%;
}
#green_vehicle #green_vehicle_list .th_type_En {
width: 10%;
}
#green_vehicle #green_vehicle_list .th_name {
width: 21%;
}
#green_vehicle #green_vehicle_list .th_name_En {
width: 18%;
}
#green_vehicle #green_vehicle_list .th_status {
width: 9%;
}
#green_vehicle #green_vehicle_list .th_status_En {
width: 11%;
}
#green_vehicle #green_vehicle_list .th_lunch {
width: 7%;
}
#green_vehicle #green_vehicle_list .th_biko {
width: auto;
}
#green_vehicle .model_derails_sub_title {
color: #222222;
font-weight: normal;
margin-bottom: 5px;
padding-left: 15px;
position: relative;
}
#green_vehicle .model_derails_sub_title:before {
position: absolute;
top: 2px;
left: 0px;
width: 10px;
height: 10px;
border: none;
background: #0c0c0c;
content: '';
}
#green_vehicle .green_vehicle_model_topics {
margin-left: 2%;
margin-right: 2%;
width: 96%;
}
#green_vehicle .change_image {
width: 100%;
}
#green_vehicle .change_image p {
width: auto;
height: auto;
max-width: 100%;
}
#green_vehicle .change_image p img {
width: auto;
height: auto;
max-width: 100%;
}
#green_vehicle .change_image ul {
overflow: hidden;
clear: both;
margin: 0;
padding: 0;
list-style: none;
}
#green_vehicle .change_image li {
float: left;
width: auto;
height: auto;
max-width: 20%;
}
#green_vehicle .change_image li img {
cursor: pointer;
width: auto;
height: auto;
max-width: 100%;
}
.ml_green_vehicle_model {
margin-left: 2%;
}
.ml_green_vehicle_model h4 {
font-size: 15px;
font-weight: normal;
padding-left: 15px;
position: relative;
}
.ml_green_vehicle_model h4:before {
position: absolute;
top: 2px;
left: 0px;
width: 10px;
height: 10px;
background: #0c0c0c;
content: '';
}
.ml_green_vehicle_model .leftArea {
width: 45%;
float: left;
padding-bottom: 15px;
padding-right: 3%;
}
.ml_green_vehicle_model .PartsNote {
width: 94%;
top: 0.2em;
}
@media (max-width: 992px) {
.ml_green_vehicle_model .leftArea {
width: auto;
float: none;
}
}
#template .title {
line-height: 2;
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#template .title span {
border-left: 4px solid #21458a;
padding-left: 7px;
}
#template .tabs {
position: relative;
min-height: 200px;
/* This part sucks */
clear: both;
margin: 25px 0;
padding-left: 20px;
width: 100%;
}
#template .tab {
float: left;
}
#template .tab label {
display: initial;
background: #868686;
padding: 6px 20px 7px;
margin: 0 0 0 0;
border-top: 1px solid #d6d7d7;
border-right: 1px solid #d6d7d7;
border-left: 1px solid #d6d7d7;
margin-left: -1px;
position: relative;
left: 1px;
color: #dadada;
font-weight: bold;
}
#template .tab [type=radio] {
display: none;
}
#template .tab label:hover {
color: #252525;
background: #ffffff;
}
#template .content {
position: absolute;
top: 24px;
left: 0;
background: white;
right: 0;
bottom: 0;
padding: 20px;
border-top: 3px double #e9e9e9;
}
#template [type=radio]:checked ~ label {
padding: 15px 20px 7px;
background: white;
border-top: 3px double #e9e9e9;
border-right: 3px double #e9e9e9;
border-left: 3px double #e9e9e9;
border-bottom: 4px solid #fff;
z-index: 2;
font-weight: bold;
color: #252525;
}
#template [type=radio]:checked ~ label ~ .content {
z-index: 1;
}
#template .subtitle {
background-color: #F7E25D;
border-top: 3px solid #F9D550;
border-left: none;
line-height: 28px;
margin: 0px 0 10px 0;
padding: 0 0 0 8px;
}
#template h4 {
border-bottom: 1px dashed #999999;
font-weight: bold;
}
#template .section-subtitle {
border-left: 4px solid #21458a;
padding-left: 4px;
}
#template .white-box {
border: 1px solid #ccc;
border: 1px solid #cccccc;
margin-bottom: 5px;
margin: 10px auto;
}
#template .white-box p {
margin-left: 5px;
}
#template .white-box h4 {
font-size: 12px;
}
#template .box-table {
border: 1px dashed #e4e4e4;
margin-top: 5px;
}
#template .box-table th {
border: 1px dashed #e4e4e4;
font-weight: normal;
width: 12.5%;
}
#template .box-table td {
border: 1px dashed #e4e4e4;
font-size: 11px;
}
#template .blue-box {
border: 1px dashed #e4e4e4;
margin: 5px;
background-color: #ECF5FD;
}
#template .blue-box th {
border: 1px dashed #e4e4e4;
padding: 10px;
}
#template .blue-box td {
font-size: 11px;
}
#template .inner {
padding: 5px 10px;
}
#template .caution-box {
margin-top: 5px;
color: #d81414;
font-weight: bold;
}
#template .caution-list {
margin-top: 5px;
list-style: none;
}
#template .caution-list li {
margin-left: -35px;
}
#template .caution-list span {
color: #d81414;
}
#template .caution-list a {
color: #d81414;
margin-left: 5px;
}
#template .contents-box {
border: 4px double #B0B0B0;
margin: 10px auto;
padding: 6px;
}
#template .contents-box ul {
list-style: none;
}
#template .contents-box li {
margin-left: -35px;
clear: both;
}
#template .contents-box .right-content {
float: right;
padding-right: 300px;
}
#template .inner-table {
border: 1px solid #ccc;
border: 1px solid #cccccc;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
#template .inner-table th {
border: 1px solid #ccc;
border: 1px solid #cccccc;
background-color: #D7EDFF;
text-align: center;
}
#template .inner-table td {
border: 1px solid #ccc;
border: 1px solid #cccccc;
}
#template .inner-table tbody td {
padding-left: 5px;
font-size: 11px;
}
#template .zebra-table {
width: 100%;
border-spacing: 0;
border: 1px solid #aaaaaa;
border-collapse: separate;
}
#template .zebra-table th {
background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#eeeeee), to(#dddddd));
/** IE8, IE9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
/** IE10 */
background: linear-gradient(to bottom, #eeeeee, #dddddd);
text-align: center;
}
#template .zebra-table tbody td {
padding-left: 6px;
font-size: 11px;
}
#template .zebra-table .even {
background-color: #f5f5f5;
}
@media (max-width: 767px) {
#template .contents-box .right-content {
float: none;
padding-right: 0px;
}
}
/* MT-662 ドレミン 20180925 START */
/* From Bootstrap ver.4.1 */
/* MT-662 ドレミン 20180925 END */
#supplier_search_detail {
/* MT-662 ドレミン 20180925 START */
/* MT-662 ドレミン 20180925 START */
}
#supplier_search_detail .top-margin {
margin-top: -30px;
}
#supplier_search_detail .color_red {
color: #fe2e2e;
}
#supplier_search_detail .title {
line-height: 2;
line-height: 1.9;
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#supplier_search_detail .title span {
border-left: 4px solid #21458a;
padding-left: 7px;
}
#supplier_search_detail .company-name {
line-height: 2;
line-height: 1.9;
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#supplier_search_detail .company-name span {
border-left: 4px solid #21458a;
padding-left: 7px;
}
#supplier_search_detail .condition-row {
margin-top: 5px;
}
#supplier_search_detail .condition-caption {
margin-left: 15px;
margin-right: 15px;
border: 1px solid #f7f2f2;
text-align: center;
}
#supplier_search_detail .condition-area {
padding-left: 5px;
}
#supplier_search_detail .condition {
margin-left: 5px;
}
#supplier_search_detail .condition-change {
margin-left: 15px;
margin-bottom: 15px;
}
#supplier_search_detail #result-count {
width: initial;
}
#supplier_search_detail .result-count {
font-size: 24px;
margin-left: 20px;
font-weight: bold;
color: #EC9C08;
}
#supplier_search_detail .result-count-unit {
font-size: 18px;
margin-left: 5px;
}
#supplier_search_detail .display-area {
margin-left: 5px;
}
#supplier_search_detail .transition-area {
margin-top: 15px;
}
#supplier_search_detail .transition-area a:hover {
text-decoration: none;
}
#supplier_search_detail .transition-area .btn-default {
background-color: #ffffff;
color: #000000;
border-color: #000000;
}
#supplier_search_detail .profile-area {
margin-left: 15px;
}
#supplier_search_detail .profile-area-padding {
margin-left: 15px;
margin-bottom: 0;
}
#supplier_search_detail .preview {
color: transparent;
text-shadow: 0 0 10px #000000;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3);
}
#supplier_search_detail .preview-button-area {
text-align: center;
position: absolute;
width: 95%;
z-index: 1;
/*高さ計算(行高さ28px*表示行数 + 1px)*/
}
@media (min-width: 992px) {
#supplier_search_detail .preview-button-area {
top: 57px;
}
}
@media (max-width: 991px) {
#supplier_search_detail .preview-button-area {
top: 141px;
}
}
@media (max-width: 767px) {
#supplier_search_detail .preview-button-area {
top: 141px;
}
}
#supplier_search_detail .img-shadow {
box-shadow: 1px 1px 5px 2px #777;
}
#supplier_search_detail .transition-button {
border-color: #f7f2f2;
border-radius: 0px;
line-height: 1px;
color: #bdbdbd;
}
#supplier_search_detail .detail-link {
float: right;
}
#supplier_search_detail .detail-link-button,
#supplier_search_detail .detail-link-button:hover,
#supplier_search_detail .detail-link-button:visited {
color: #ffffff;
background-color: #F35F0C;
margin-bottom: 3px;
border-radius: 3px;
font-size: 15px;
line-height: 1.5;
padding: 2px 17px;
margin-left: 15px;
}
#supplier_search_detail #excel_area {
margin: 20px 15px;
}
#supplier_search_detail #excel_area a {
text-decoration: none;
}
#supplier_search_detail #excel_area .image {
cursor: pointer;
}
#supplier_search_detail h4 {
position: relative;
padding-left: 15px;
}
#supplier_search_detail h4:before {
position: absolute;
top: 2px;
left: 0px;
width: 10px;
height: 10px;
background: #0c0c0c;
content: '';
}
#supplier_search_detail .padding-bottom {
margin: 0 0 2px;
}
#supplier_search_detail .map-area {
margin-left: -5px;
}
#supplier_search_detail .maps {
float: right;
width: 416px;
height: 276px;
padding: 0;
margin: 0 0 20px 0;
}
#supplier_search_detail .maps .annotation {
color: #fe2e2e;
text-align: right;
}
#supplier_search_detail .google-map {
width: 100%;
height: 90%;
}
#supplier_search_detail .product {
margin-left: 15px;
margin-right: 15px;
clear: both;
background-color: #f5f3f3;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
font-size: 12px;
}
#supplier_search_detail .product:first-child {
border-top: 1px solid #cccccc;
}
#supplier_search_detail .product:last-child {
margin-bottom: 5px;
}
#supplier_search_detail .product-title {
padding-top: 5px;
padding-bottom: 5px;
}
#supplier_search_detail .product-names-area {
background-color: #ffffff;
padding: 0;
}
#supplier_search_detail .product-names {
border-bottom: 1px solid #cccccc;
padding-top: 5px;
padding-bottom: 5px;
padding: 5px 15px;
}
#supplier_search_detail .no-border-bottom {
border-bottom: none;
}
#supplier_search_detail .comment-title {
border-top: 1px solid #cccccc;
}
#supplier_search_detail .product .comment-title {
border-top: none;
}
#supplier_search_detail .comment {
border-top: 1px solid #cccccc;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
}
#supplier_search_detail .product .comment {
border-top: none;
}
#supplier_search_detail .deliver-top {
border-top: 1px solid #cccccc;
}
#supplier_search_detail .product .deliver-top {
border-top: none;
}
#supplier_search_detail .deliver-table {
margin-top: 15px;
}
#supplier_search_detail .deliver-table th {
font-weight: normal;
background-color: #f5f3f3;
margin-left: 15px;
}
#supplier_search_detail .deliver-table td {
margin-left: 15px;
}
#supplier_search_detail .deliver-comment {
margin-top: -10px;
margin-bottom: 5px;
}
#supplier_search_detail .supplier-code {
clear: both;
margin-right: 15px;
}
#supplier_search_detail .exhibition-content {
padding-left: 15px;
padding-right: 5px;
}
#supplier_search_detail .exhibition-title {
clear: both;
}
#supplier_search_detail .exhibition-area {
margin-top: 15px;
}
#supplier_search_detail .exhibition-area .image {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
#supplier_search_detail .exhibition-area .sub-images {
clear: both;
margin-bottom: 10px;
}
#supplier_search_detail .exhibition-area .sub-images img {
margin-right: 5px;
width: 76px;
}
#supplier_search_detail #supplier_detail_tabs_alphabet .nav-tabs {
display: none;
}
#supplier_search_detail #supplier_search_results .primaries a,
#supplier_search_detail #supplier_search_results .primaries a:visited {
color: #1122cc;
}
#supplier_search_detail #supplier_search_results .primaries a:hover,
#supplier_search_detail #supplier_search_results .primaries a:active {
color: #ff3300;
text-decoration: underline;
}
#supplier_search_detail .company-padding {
padding: 0;
}
@media (max-width: 767px) {
#supplier_search_detail .product-names-area {
border-left: none;
}
#supplier_search_detail .even {
border-right: none;
}
#supplier_search_detail .company-name {
background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#fdfdfd), to(#e0e0e0));
/** IE8, IE9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E0E0E0', GradientType=0);
/** IE10 */
background: linear-gradient(to bottom, #fdfdfd, #e0e0e0);
}
}
@media (max-width: 991.98px) {
#supplier_search_detail {
/* MT-662 ドレミン 20180925 END */
}
#supplier_search_detail .col-mb {
width: 100% !important;
}
#supplier_search_detail .product .product-title {
border-bottom: 1px solid #cccccc;
}
#supplier_search_detail .product .product-names.even.no-border-bottom {
border-bottom: 1px solid #cccccc;
}
#supplier_search_detail .product .product-names-area {
border-left: none;
}
#supplier_search_detail .product .product-title {
border-bottom: 1px solid #cccccc;
}
#supplier_search_detail .product .product-names.even.no-border-bottom {
border-bottom: 1px solid #cccccc;
}
}
@media (min-width: 991.98px) {
#supplier_search_detail {
/* MT-662 ドレミン 20180925 END */
}
#supplier_search_detail .disp-table {
display: table;
}
#supplier_search_detail .disp-row {
display: table-row;
}
#supplier_search_detail .disp-cell {
display: table-cell;
}
#supplier_search_detail .even {
width: 50%;
border-right: 1px solid #cccccc;
}
#supplier_search_detail .product-names {
padding: 5px 15px;
}
#supplier_search_detail .product-names-area {
border-left: 1px solid #cccccc;
}
#supplier_search_detail .comment {
border-left: 1px solid #cccccc;
}
}
#supplier-search-form,
#google_map {
/* MT-616 ドレミン 20180822 START */
/* MT-616 ドレミン 20180822 END */
}
#supplier-search-form .form-group,
#google_map .form-group {
margin: 0;
margin-left: 20px;
}
#supplier-search-form .form-group .checkbox label,
#google_map .form-group .checkbox label {
padding-left: 0px;
}
#supplier-search-form .table-selector,
#google_map .table-selector {
max-height: 445px;
overflow: scroll;
}
#supplier-search-form .select_modes label,
#google_map .select_modes label {
font-weight: normal;
margin-bottom: 0.5em;
}
#supplier-search-form .modal-dialog,
#google_map .modal-dialog {
width: 900px;
max-width: 100%;
}
#supplier-search-form .supplier-condition-products,
#google_map .supplier-condition-products {
padding-right: 20px;
}
#supplier-search-form small,
#google_map small {
font-size: 75%;
}
#supplier-search-form .comment,
#google_map .comment {
padding-top: 20px;
}
@media (min-width: 992px) {
#supplier-search-form .comment,
#google_map .comment {
padding-top: 20px;
}
}
@media (max-width: 991px) {
#supplier-search-form .comment,
#google_map .comment {
padding: 5px 5px 15px 25px;
}
}
@media (max-width: 767px) {
#supplier-search-form .comment,
#google_map .comment {
padding: 5px 5px 15px 25px;
}
}
#_supplier_count_par_nation .categoryColor {
background-color: #d4dff5;
}
#_supplier_count_par_nation .topColor {
background-color: #e4ebf9;
}
#_supplier_count_par_nation .centerColor {
background-color: #f5f7fd;
}
#__supplier_parts_search h1,
#__company_search_form h1,
#google_map h1 {
margin: 2px 0;
padding: 0;
}
#__supplier_parts_search #_supplier_product_select_dialog .modal-dialog,
#__company_search_form #_supplier_product_select_dialog .modal-dialog,
#google_map #_supplier_product_select_dialog .modal-dialog,
#__supplier_parts_search #_supplier_parts_nation_select_dialog .modal-dialog,
#__company_search_form #_supplier_parts_nation_select_dialog .modal-dialog,
#google_map #_supplier_parts_nation_select_dialog .modal-dialog,
#__supplier_parts_search #_supplier_com_names_nation_select_dialog .modal-dialog,
#__company_search_form #_supplier_com_names_nation_select_dialog .modal-dialog,
#google_map #_supplier_com_names_nation_select_dialog .modal-dialog {
width: 900px;
max-width: 100%;
}
#__supplier_parts_search #_supplier_product_select_dialog .checkbox,
#__company_search_form #_supplier_product_select_dialog .checkbox,
#google_map #_supplier_product_select_dialog .checkbox,
#__supplier_parts_search #_supplier_parts_nation_select_dialog .checkbox,
#__company_search_form #_supplier_parts_nation_select_dialog .checkbox,
#google_map #_supplier_parts_nation_select_dialog .checkbox,
#__supplier_parts_search #_supplier_com_names_nation_select_dialog .checkbox,
#__company_search_form #_supplier_com_names_nation_select_dialog .checkbox,
#google_map #_supplier_com_names_nation_select_dialog .checkbox {
padding-top: 2px;
min-height: 1.5em;
}
#__supplier_parts_search #_supplier_product_select_dialog .categoryColor,
#__company_search_form #_supplier_product_select_dialog .categoryColor,
#google_map #_supplier_product_select_dialog .categoryColor,
#__supplier_parts_search #_supplier_parts_nation_select_dialog .categoryColor,
#__company_search_form #_supplier_parts_nation_select_dialog .categoryColor,
#google_map #_supplier_parts_nation_select_dialog .categoryColor,
#__supplier_parts_search #_supplier_com_names_nation_select_dialog .categoryColor,
#__company_search_form #_supplier_com_names_nation_select_dialog .categoryColor,
#google_map #_supplier_com_names_nation_select_dialog .categoryColor {
background-color: #d4dff5;
}
#__supplier_parts_search #_supplier_product_select_dialog .topColor,
#__company_search_form #_supplier_product_select_dialog .topColor,
#google_map #_supplier_product_select_dialog .topColor,
#__supplier_parts_search #_supplier_parts_nation_select_dialog .topColor,
#__company_search_form #_supplier_parts_nation_select_dialog .topColor,
#google_map #_supplier_parts_nation_select_dialog .topColor,
#__supplier_parts_search #_supplier_com_names_nation_select_dialog .topColor,
#__company_search_form #_supplier_com_names_nation_select_dialog .topColor,
#google_map #_supplier_com_names_nation_select_dialog .topColor {
background-color: #e4ebf9;
}
#__supplier_parts_search #_supplier_product_select_dialog .centerColor,
#__company_search_form #_supplier_product_select_dialog .centerColor,
#google_map #_supplier_product_select_dialog .centerColor,
#__supplier_parts_search #_supplier_parts_nation_select_dialog .centerColor,
#__company_search_form #_supplier_parts_nation_select_dialog .centerColor,
#google_map #_supplier_parts_nation_select_dialog .centerColor,
#__supplier_parts_search #_supplier_com_names_nation_select_dialog .centerColor,
#__company_search_form #_supplier_com_names_nation_select_dialog .centerColor,
#google_map #_supplier_com_names_nation_select_dialog .centerColor {
background-color: #f5f7fd;
}
#__supplier_parts_search #form_oth_inv label.checkbox-inline,
#__company_search_form #form_oth_inv label.checkbox-inline,
#google_map #form_oth_inv label.checkbox-inline {
min-width: 14%;
}
#__supplier_parts_search .color-block .btn,
#__company_search_form .color-block .btn,
#google_map .color-block .btn {
min-width: 200px;
}
#__supplier_parts_search .text-center,
#__company_search_form .text-center,
#google_map .text-center {
margin-top: 0.5em;
}
#__supplier_parts_search .text-center .btn,
#__company_search_form .text-center .btn,
#google_map .text-center .btn {
min-width: 160px;
}
#__supplier_parts_search .text-center .btn-primary,
#__company_search_form .text-center .btn-primary,
#google_map .text-center .btn-primary {
min-width: 320px;
}
#suppliers_index .no-margin {
margin: 0;
}
#suppliers_index h2 {
border-bottom: 1px solid #cccccc;
height: 25px;
}
#suppliers_index h2:before {
border-left: none;
padding-left: 0;
}
#suppliers_index .news-headline {
padding-bottom: 30px;
}
#suppliers_index .news-headline .news {
padding-bottom: 10px;
}
#suppliers_index .publish-date {
color: #21458a;
}
#factory_index .no-margin {
margin: 0;
}
#factory_index h2 {
border-bottom: 1px solid #cccccc;
height: 25px;
}
#factory_index h2:before {
border-left: none;
padding-left: 0;
}
#factory_index .news-headline {
padding-bottom: 30px;
}
#factory_index .news-headline .news {
padding-bottom: 10px;
}
#factory_index .publish-date {
color: #21458a;
}
#factory_outline {
font-size: 14px;
}
#factory_outline h1 {
margin-bottom: 15px;
font-size: 16px;
font-weight: normal;
}
#factory_outline h2 {
margin: -5px 0px 15px;
font-size: 17px;
font-weight: bold;
}
#factory_outline h2 span {
font-weight: normal;
font-size: 14px;
}
#factory_outline h3:before {
content: none;
}
#factory_outline h4 {
position: relative;
padding-left: 16px;
font-weight: bold;
}
#factory_outline h4:before {
position: absolute;
top: 2px;
left: 0px;
width: 10px;
height: 10px;
background: #0c0c0c;
content: '';
}
#factory_outline .profile-area {
margin-left: 15px;
}
#factory_outline .preview {
color: transparent;
text-shadow: 0 0 10px #000000;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3);
}
#factory_outline .preview-button-area {
text-align: center;
position: absolute;
top: 20px;
width: 100%;
z-index: 2;
}
#factory_outline .img-shadow {
box-shadow: 1px 1px 5px 2px #777;
}
#factory_outline .font-blue-color {
color: #337ab7;
}
#factory_outline #trend .non-view {
display: none;
}
#factory_outline #trend button {
margin-top: 5px;
color: orange;
border-color: orange;
width: 35%;
background-color: #ffffff;
}
#factory_outline #trend .glyphicon {
top: 2px;
margin-right: 2px;
}
#factory_outline #trend #trend-close-button {
display: none;
}
#region_map #contents {
background: none;
}
#region_map #main {
float: none;
width: 800px;
}
#region_map h3 {
line-height: 28px;
font-weight: bold;
margin: 0px;
padding: 0px;
width: 800px;
}
#region_map h4 {
font-weight: bold;
font-size: 13px;
margin: 10px 0 5px 0;
padding: 0 0 3px 0px;
border-bottom: 1px dashed #cccccc;
}
#region_map h4 span {
padding: 0 0 0 7px;
}
#region_map table {
width: 770px;
display: table;
}
#region_map table.hide {
width: 770px;
display: none;
}
#region_map th {
font-weight: bold;
vertical-align: top;
padding: 4px 0px;
}
#region_map th.country {
border-bottom: dotted thin #999999;
}
#region_map td {
font-weight: normal;
border: none;
vertical-align: top;
padding: 4px 0px;
}
#region_map div.plantslist {
border: none;
padding: 5px 15px;
width: 770px;
margin: 0px;
line-height: 100%;
display: run-in;
float: none;
clear: both;
}
#region_map div.plantslist h4 {
margin: 5px 0px;
padding-left: -5px;
}
#region_map div.plantslist ul {
display: block;
margin-left: 80px;
}
#region_map div.plantslist ul li {
margin-left: 0px;
display: inline;
float: left;
width: 135px;
padding: 4px 0px;
}
#region_map div.plantslist ul.full {
margin-left: 0px;
}
#region_map div.plantslist ul.full li {
width: 150px;
}
#region_map div.plantslist ul.hide {
display: none;
}
#news-index h1 {
margin-bottom: 0px;
}
#news-index .pt-5 {
padding-top: 5px;
}
#news-index .pb-10 {
padding-bottom: 10px;
}
#news-index .pb-5 {
padding-bottom: 5px;
}
#news-index .pt-1 {
padding-top: 1px;
}
#news-index .pb-1 {
padding-bottom: 1px;
}
#news-index .ptb-1 {
padding-top: 1px;
padding-bottom: 1px;
}
#news-index .count {
padding-top: 1px;
padding-bottom: 1px;
font-size: 18px;
}
#news-index .count span {
color: #e76000;
font-weight: bold;
}
#news-index .search-btn {
padding-top: 1px;
padding-bottom: 1px;
}
#news-index .search-btn a {
border-radius: 3px;
padding: 4px 10px;
color: #000;
background-color: #fff;
border: 1px solid #ccc;
}
#news-index .news-list a {
color: #264f9f;
}
#news-index .news-list a:hover {
color: #21458a;
}
#news-index .news-list .news-info {
padding: 10px 0;
border-bottom: 1px solid #cccccc;
}
#news-index .news-list .news-info .updated {
padding-top: 5px;
padding-bottom: 5px;
}
#news-index .news-list .news-info .title {
padding-bottom: 10px;
font-weight: bold;
font-size: 16px;
color: #21458a;
}
#news-index .news-list .news-info .text {
padding-bottom: 10px;
}
#news-detail .search-btn {
padding-bottom: 10px;
text-align: right;
}
#news-detail .search-btn a {
background-color: #75cd37;
border-color: #75cd37;
}
#news-detail .search-btn a:hover {
background-color: #69bc2f;
}
#news-detail .title {
color: #21458a;
font-weight: bold;
}
#news-detail .updated {
text-align: right;
}
#news-detail .recommend-title {
font-size: 16px;
color: #e76000;
font-weight: bold;
padding-top: 10px;
}
#news-detail .recommend-content {
border: 1px solid #e76000;
padding: 15px;
}
#news-detail .relations h1:before {
border-left: solid 0.4em #222222;
}
#news-detail .relations .h1-black {
font-size: 16px;
font-weight: bold;
}
#news-detail .relation {
text-indent: 5px;
line-height: 2rem;
}
#news-detail .details {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
#search_content .pt-1 {
padding-top: 1px;
}
#search_content .pb-1 {
padding-bottom: 1px;
}
#search_content .ptb-1 {
padding-top: 1px;
padding-bottom: 1px;
}
#search_content .paddingL-clear {
padding-left: 0px;
}
#search_content .paddingR-clear {
padding-right: 0px;
}
#search_content .well {
padding-top: 1px;
padding-bottom: 1px;
background-color: #fff;
border-radius: 0;
}
#search_content .well .item-title {
font-size: 16px;
font-weight: bold;
}
#search_content .well .item {
padding-bottom: 1px;
}
#search_content .well .item label {
padding-top: 0;
}
#search_content .well .input-text {
margin-top: 3px;
}
#search_content .well .search-box input {
background-color: #ffffee;
}
#search_content .well .region-name {
padding-top: 1px;
font-weight: bold;
}
#search_content .well .date-label {
width: 15%;
float: left;
text-align: right;
padding-right: 3px;
}
#search_content .well .date {
width: 85%;
}
#search_content .well .form-group {
padding: 0 15px;
margin-bottom: 1px;
}
#search_content .well .submit-btn {
text-align: center;
}
#search_content .well .submit-btn button {
background-color: #21458a;
border-color: #21458a;
}
#search_content .well .submit-btn button:hover {
background-color: #1c3b75;
}
#search_content .well .radio-inline {
padding-top: 1px;
margin-top: inherit;
margin-bottom: inherit;
}
#search_content .well #nation_content {
padding-top: 5px;
padding-bottom: 5px;
}
#search_content .well #nation_content #nation_btn {
margin-top: 3px;
margin-bottom: 0px;
}
#search_content .well #nation_content #nation_btn div {
display: inline-block;
}
#search_content .well #nation_content #nation_btn div:hover {
cursor: pointer;
}
#search_content .well #nation_content #nation_collapse {
padding-right: 0px;
padding-left: 0px;
}
#help_and_guide #logout .btn-setting {
width: 120px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#help_and_guide #logout .display-center {
text-align: center;
}
#help_and_guide #forgot_pc .forgot_pc_info,
#help_and_guide #change_pc .forgot_pc_info,
#help_and_guide #forgot_id_pass .forgot_pc_info,
#help_and_guide #add_device .forgot_pc_info {
color: #222222;
background-color: #e6f8ff;
border-color: #e6f8ff;
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
#help_and_guide #forgot_pc .forgot_pc_info .guidance_blue,
#help_and_guide #change_pc .forgot_pc_info .guidance_blue,
#help_and_guide #forgot_id_pass .forgot_pc_info .guidance_blue,
#help_and_guide #add_device .forgot_pc_info .guidance_blue {
color: #21458a;
}
#help_and_guide #forgot_pc .forgot_pc_info a,
#help_and_guide #change_pc .forgot_pc_info a,
#help_and_guide #forgot_id_pass .forgot_pc_info a,
#help_and_guide #add_device .forgot_pc_info a {
color: #ff8900;
}
#help_and_guide #forgot_pc .forgot_pc_info a:hover,
#help_and_guide #change_pc .forgot_pc_info a:hover,
#help_and_guide #forgot_id_pass .forgot_pc_info a:hover,
#help_and_guide #add_device .forgot_pc_info a:hover {
color: #e67b00;
}
#help_and_guide #forgot_pc .device_check_box,
#help_and_guide #change_pc .device_check_box,
#help_and_guide #forgot_id_pass .device_check_box,
#help_and_guide #add_device .device_check_box {
margin-left: 10px;
}
#help_and_guide #forgot_pc .panel-body,
#help_and_guide #change_pc .panel-body,
#help_and_guide #forgot_id_pass .panel-body,
#help_and_guide #add_device .panel-body {
margin-top: 15px;
border: 1px solid #cccccc;
}
#help_and_guide #forgot_pc .input_area,
#help_and_guide #change_pc .input_area,
#help_and_guide #forgot_id_pass .input_area,
#help_and_guide #add_device .input_area {
text-align: left;
}
#help_and_guide #forgot_pc .input_area .input-form-forgot,
#help_and_guide #change_pc .input_area .input-form-forgot,
#help_and_guide #forgot_id_pass .input_area .input-form-forgot,
#help_and_guide #add_device .input_area .input-form-forgot {
margin-left: 15px;
width: 50%;
}
#help_and_guide #forgot_pc .input_area .input-form-change,
#help_and_guide #change_pc .input_area .input-form-change,
#help_and_guide #forgot_id_pass .input_area .input-form-change,
#help_and_guide #add_device .input_area .input-form-change {
margin-left: 15px;
width: 50%;
float: left;
}
#help_and_guide #forgot_pc .input_area .input-inline,
#help_and_guide #change_pc .input_area .input-inline,
#help_and_guide #forgot_id_pass .input_area .input-inline,
#help_and_guide #add_device .input_area .input-inline {
display: inline-block;
}
#help_and_guide #forgot_pc .input_area .form-control,
#help_and_guide #change_pc .input_area .form-control,
#help_and_guide #forgot_id_pass .input_area .form-control,
#help_and_guide #add_device .input_area .form-control {
padding-left: 15px;
padding-right: 15px;
}
#help_and_guide #forgot_pc .input_area hr,
#help_and_guide #change_pc .input_area hr,
#help_and_guide #forgot_id_pass .input_area hr,
#help_and_guide #add_device .input_area hr {
margin-top: 10px;
margin-bottom: 10px;
}
#help_and_guide #forgot_pc .input_area .example-sentence,
#help_and_guide #change_pc .input_area .example-sentence,
#help_and_guide #forgot_id_pass .input_area .example-sentence,
#help_and_guide #add_device .input_area .example-sentence {
color: #999999;
padding-left: 30px;
display: table-cell;
}
#help_and_guide #forgot_pc .input_area .alert-danger,
#help_and_guide #change_pc .input_area .alert-danger,
#help_and_guide #forgot_id_pass .input_area .alert-danger,
#help_and_guide #add_device .input_area .alert-danger {
display: none;
}
#help_and_guide #forgot_pc .btn-setting,
#help_and_guide #change_pc .btn-setting,
#help_and_guide #forgot_id_pass .btn-setting,
#help_and_guide #add_device .btn-setting {
width: 120px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#help_and_guide #forgot_pc_update .btn-setting {
width: 180px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#help_and_guide #device_add .btn-setting {
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#help_and_guide #change_pass .change_pass_info {
color: #222222;
background-color: #e6f8ff;
border-color: #e6f8ff;
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
#help_and_guide #change_pass .btn-area {
margin-top: 15px;
}
#help_and_guide #change_pass .btn-setting {
width: 120px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#help_and_guide #change_pass .input-table {
width: 100%;
}
#help_and_guide #change_pass .input-table .input-item {
padding-top: 10px;
padding-left: 15px;
width: 60%;
}
#help_and_guide #change_pass .input-table .input-item-label {
padding-top: 10px;
padding-left: 15px;
width: 40%;
}
#help_and_guide #change_pass .input-area {
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
#help_and_guide #change_pass .input-area table,
#help_and_guide #change_pass .input-area td,
#help_and_guide #change_pass .input-area th {
border: 1px solid #cccccc;
}
#help_and_guide #change_pass #form_help_and_guide_pass_new label,
#help_and_guide #change_pass #form_help_and_guide_pass_confirm label,
#help_and_guide #change_pass #form_help_and_guide_pass_new span,
#help_and_guide #change_pass #form_help_and_guide_pass_confirm span {
display: none;
}
#help_and_guide #change_pass #form_help_and_guide_pass_new .alert-danger,
#help_and_guide #change_pass #form_help_and_guide_pass_confirm .alert-danger {
display: none;
}
#help_and_guide #change_pass_update .guideline,
#help_and_guide #forgot_pc_update .guideline {
font-size: 17px;
padding-top: 15px;
}
#help_and_guide #modify_profile .check-textBox .form-group,
#help_and_guide #modify_profile_confirm .check-textBox .form-group {
margin-left: auto;
}
#help_and_guide #modify_profile .check-textBox .form-group .form-control,
#help_and_guide #modify_profile_confirm .check-textBox .form-group .form-control {
width: 80%;
float: right;
}
#help_and_guide #modify_profile .panel-body,
#help_and_guide #modify_profile_confirm .panel-body {
margin-bottom: 15px;
border: 1px solid #cccccc;
}
#help_and_guide #modify_profile .panel-body .alert-danger,
#help_and_guide #modify_profile_confirm .panel-body .alert-danger {
display: none;
}
#help_and_guide #modify_profile .btn-setting,
#help_and_guide #modify_profile_confirm .btn-setting {
width: 120px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#lmcapp #modify .check-textBox .form-group,
#lmcapp #modify_confirm .check-textBox .form-group,
#lmcapp #invoice .check-textBox .form-group {
margin-left: auto;
}
#lmcapp #modify .check-textBox .form-group .form-control,
#lmcapp #modify_confirm .check-textBox .form-group .form-control,
#lmcapp #invoice .check-textBox .form-group .form-control {
width: 80%;
float: right;
}
#lmcapp #modify .panel-body,
#lmcapp #modify_confirm .panel-body,
#lmcapp #invoice .panel-body {
margin-bottom: 15px;
border: 1px solid #cccccc;
}
#lmcapp #modify .panel-body .alert-danger,
#lmcapp #modify_confirm .panel-body .alert-danger,
#lmcapp #invoice .panel-body .alert-danger {
display: none;
}
#lmcapp #modify .form-group,
#lmcapp #modify_confirm .form-group,
#lmcapp #invoice .form-group {
margin-bottom: 5px;
}
#lmcapp #modify .text-input-area,
#lmcapp #modify_confirm .text-input-area,
#lmcapp #invoice .text-input-area {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
#lmcapp #modify h5:before,
#lmcapp #modify_confirm h5:before,
#lmcapp #invoice h5:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#lmcapp #modify .btn-modify,
#lmcapp #modify_confirm .btn-modify,
#lmcapp #invoice .btn-modify {
width: 180px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#lmcapp #modify .btn-setting,
#lmcapp #modify_confirm .btn-setting,
#lmcapp #invoice .btn-setting {
width: 120px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #ff8900;
}
#lmcapp #modify .btn-print,
#lmcapp #modify_confirm .btn-print,
#lmcapp #invoice .btn-print {
width: 120px;
border: none;
border-radius: 4px;
color: #ffffff;
background-color: #999999;
}
#lmcapp #modify .label-warning-inv,
#lmcapp #modify_confirm .label-warning-inv,
#lmcapp #invoice .label-warning-inv {
background-color: #f0ad4e;
}
/** index login ユーザ登録ガイド */
/* corporate sign up */
#corp_sign_up_index .btn-setting {
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#corp_sign_up_index .pdf {
line-height: normal;
border-left: none;
border-top: none;
border-right: none;
font-size: 15px;
padding: 0.5em 0;
border-bottom: 1px solid #cccccc;
background: 0;
min-height: 30px;
}
#corp_sign_up_index .section {
margin-top: 0.5em;
}
#corp_sign_up_index .support {
line-height: 1.1;
margin-left: -15px;
margin-top: 5px;
margin-bottom: 5px;
}
#corp_sign_up_index .caution {
margin-left: -15px;
}
#corp_sign_up_index .information {
border: 1px solid #cccccc;
padding: 0.5em;
text-align: center;
}
#corp_sign_up_index .information-color {
border: 1px solid #cccccc;
padding: 0.5em;
text-align: center;
background-color: gainsboro;
font-weight: bold;
}
#corp_sign_up_index .section ul.cautionList {
margin-top: 0.5em;
list-style-type: none;
padding-left: 0px;
color: #ff0000;
}
#corp_sign_up_login .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#corp_sign_up_login .sign-up {
width: 75%;
margin-left: 5px;
margin-right: 0;
border: 1px solid #cccccc;
}
#corp_sign_up_login .note {
color: #0000ff;
margin-top: 5%;
margin-left: 15px;
}
#corp_sign_up_login .cn {
color: #C00;
}
#corp_sign_up_login .input-area {
/*MT-675 滝 20181031 START*/
/*MT-675 滝 20181031 END*/
}
#corp_sign_up_login .input-area p {
border-bottom: 1px dashed #cccccc;
margin-top: 5px;
width: 110%;
}
#corp_sign_up_login .input-area h4:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#corp_sign_up_login .input-area .check-textBox {
padding-top: 20px;
}
#corp_sign_up_login .input-area input {
margin-left: 15px;
margin-top: -5px;
}
#corp_sign_up_login .ok-button {
clear: both;
margin-left: 15%;
margin-top: 15px;
margin-bottom: 15px;
}
#corp_sign_up_login .information-area {
clear: both;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
}
#corp_sign_up_login .pdf {
line-height: normal;
border-left: none;
border-top: none;
border-right: none;
font-size: 15px;
padding: 0.5em 0;
border-bottom: 1px solid #cccccc;
background: 0;
min-height: 30px;
}
#corp_sign_up_login .section {
margin-top: 0.5em;
}
#corp_sign_up_login .support {
line-height: 1.1;
margin-left: -15px;
margin-top: 5px;
margin-bottom: 5px;
}
#corp_sign_up_login .caution {
margin-left: -15px;
}
#corp_sign_up_login .information {
border: 1px solid #cccccc;
padding: 0.5em;
text-align: center;
}
#corp_sign_up_login .information-color {
border: 1px solid #cccccc;
padding: 0.5em;
text-align: center;
background-color: gainsboro;
font-weight: bold;
}
#corp_sign_up_login .section ul.cautionList {
margin-top: 0.5em;
list-style-type: none;
padding-left: 0px;
color: #ff0000;
}
#corp_sign_up_input {
/*MT-675 滝 20181024 START*/
/** コントロール下に表示されるエラーメッセージ非表示のため */
/*.alert-danger{ display: none; } */
/** 画像チェックボックス*/
/*画像チェックボックスで構造を変更したことで、playの提供しているエラー表示がされない為、自前で実装*/
/*MT-675 郭 20181106 START*/
/*MT-675 郭 20181106 END*/
/*MT-675 滝 20181024 END*/
}
#corp_sign_up_input .btn-setting {
/*MT-675 郭 20181105 START*/
margin-left: -15px;
/*MT-675 郭 20181105 END*/
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#corp_sign_up_input form h1 {
margin-left: 10px;
}
#corp_sign_up_input label.checkbox-inline {
height: 40px;
}
#corp_sign_up_input .input-area {
margin-left: 15px;
width: 75%;
border: 1px solid #cccccc;
}
#corp_sign_up_input .input-area h4 {
margin-left: 5px;
}
#corp_sign_up_input .input-area h4:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#corp_sign_up_input .input-area p {
width: 50%;
border-bottom: 1px dashed #cccccc;
margin-top: 5px;
margin-left: 5px;
}
#corp_sign_up_input .input-area .text-input-area {
margin-left: 5px;
}
#corp_sign_up_input .input-area .text-input-area input,
#corp_sign_up_input .input-area .text-input-area select {
width: 90%;
}
#corp_sign_up_input .input-area .interests-area {
margin-left: 1px;
}
#corp_sign_up_input .input-area .controls {
margin-left: 5px;
}
#corp_sign_up_input .input-area .require {
margin-top: 5px;
}
#corp_sign_up_input .has-error .form-control {
background-color: #f2dede;
}
#corp_sign_up_input #form_corp_sign_in_isAgreement {
padding-top: 10px;
/*MT-675 滝 20181112 START*/
width: 50%;
/*MT-675 滝 20181112 END*/
/*MT-675 郭 20181105 START*/
/*MT-675 郭 20181105 END*/
}
#corp_sign_up_input #form_corp_sign_in_isAgreement label {
width: 160px;
cursor: pointer;
padding: 8px 0px 0px 0px;
}
#corp_sign_up_input #form_corp_sign_in_isAgreement .labelDiv {
padding-top: 10px;
white-space: nowrap;
text-align: left;
}
#corp_sign_up_input #form_corp_sign_in_isAgreement .labelDivNoImage {
padding-top: 10px;
text-align: left;
white-space: nowrap;
}
#corp_sign_up_input .isExistCheckBoxImage {
/** not(:target)を付けることで、IE8以下に設定を反映させない*/
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) {
/*MT-675 郭 20181105 START*/
/*MT-675 郭 20181105 END*/
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) label {
width: 180px;
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) .labelDiv {
padding-top: 0px;
text-align: left;
padding-left: 30px;
white-space: nowrap;
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) .labelDivNoImage {
padding-top: 10px;
text-align: left;
white-space: nowrap;
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) input {
position: relative;
opacity: 0;
width: 100%;
height: 100%;
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) input[type="checkbox"] + label {
display: block;
background-image: url("/assets/images/icon/unchecked_image.gif");
background-size: 24px;
background-repeat: no-repeat;
}
#corp_sign_up_input .isExistCheckBoxImage #form_corp_sign_in_isAgreement:not(:target) input[type="checkbox"]:checked + label {
background-image: url("/assets/images/icon/checked_image.gif");
}
#corp_sign_up_input .has-error label {
color: #a94442;
}
#corp_sign_up_input .agreement {
margin-left: 30%;
bottom: 10px;
/*MT-675 郭 20181105 START*/
padding-bottom: 10px;
/*MT-675 郭 20181105 END*/
}
#corp_sign_up_input .check-textBox {
padding-top: 4px;
}
#corp_sign_up_input .check-textBox .form-group {
margin-left: auto;
display: inherit;
}
#corp_sign_up_input .check-textBox .form-group .form-control {
width: 80%;
float: right;
}
#corp_sign_up_input .check-textBox .form-group .form-control ::after {
clear: both;
}
#corp_sign_up_input #form_corp_sign_in_knownCauses_otherKnownCauses {
margin-top: 5px;
}
#corp_sign_up_input .agreement-text {
margin-left: 15px;
overflow: auto;
height: 300px;
border: 1px solid #cccccc;
width: 75%;
}
#corp_sign_up_confirm .button-area {
margin-left: 30%;
margin-top: 15px;
}
#corp_sign_up_confirm .btn-setting {
width: 180px;
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#corp_sign_up_confirm button.btn.btn-default.submit {
border-radius: 4px;
padding: 5px 12px;
}
#corp_sign_up_confirm .display-area {
margin-left: 15px;
width: 75%;
border: 1px solid #cccccc;
}
#corp_sign_up_confirm .display-area h4 {
margin-left: 5px;
clear: both;
}
#corp_sign_up_confirm .display-area h4:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#corp_sign_up_confirm .display-area p {
width: 95%;
border-bottom: 1px dashed #cccccc;
margin-top: 5px;
margin-left: 5px;
}
#corp_sign_up_confirm .display-area .input-value-area {
margin-left: 5px;
}
#corp_sign_up_result .btn-setting {
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
#corp_init_login_result {
margin: 2em 1em auto 1em;
font-size: 13px;
}
#corp_init_login_result .centeringView {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#corp_init_login_result .page-title {
padding-left: 5px;
background: url('../images/bg_header.PNG') repeat 0 0%;
border-top: 1px solid #cccccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
#corp_init_login_result .description {
width: 80%;
font-size: 24px;
line-height: 2em;
margin: 3em auto 2em auto;
}
#corp_init_login_result .btn-setting {
background-color: #ff8900;
border: none;
color: #ffffff;
border-radius: 4px;
}
@media (max-width: 991px) {
#corp_sign_up_login .sign-up {
width: 100%;
}
#corp_sign_up_login .input-area input {
width: 80%;
}
#corp_sign_up_login .input-area p {
width: 85%;
}
#corp_sign_up_input {
/*MT-675 滝 20181112 START*/
/*MT-675 滝 20181112 END*/
/*MT-675 滝 20181024 START*/
/*MT-675 郭 20181106 START*/
/*MT-675 郭 20181106 END*/
/*MT-675 滝 20181024 END*/
}
#corp_sign_up_input .input-area {
width: 100%;
margin-left: 0;
}
#corp_sign_up_input .input-area p {
width: 95%;
}
#corp_sign_up_input .input-area .require {
margin-left: -15px;
margin-top: -5px;
margin-bottom: 5px;
}
#corp_sign_up_input #form_corp_sign_in_isAgreement {
width: auto;
}
#corp_sign_up_input .agreement {
margin-left: 20%;
}
#corp_sign_up_input .agreement-text {
margin-left: 0px;
width: 100%;
}
#corp_sign_up_confirm .display-area {
width: 100%;
margin-left: 0;
}
#corp_sign_up_confirm .button-area {
margin-left: 0;
}
}
/*MT-675 滝 20181112 START*/
/*IEではその他チェックボックスが改行表示されるので、対応*/
@media all and (-ms-high-contrast: none) {
#corp_sign_up_input:not(:target) label.checkbox-inline:last-child {
width: 60%;
}
}
/*Edge対応*/
@supports (-ms-ime-align:auto) {
#corp_sign_up_input:not(:target) label.checkbox-inline:last-child {
width: 60%;
}
}
/*MT-675 滝 20181112 END*/
#full_text_search h3 {
margin-top: 10px;
margin-bottom: 5px;
}
#full_text_search p {
margin-bottom: 5px;
}
#full_text_search .pagination {
margin: 0 0;
}
#full_text_search #_full_text_search_functions {
margin-bottom: 1em;
}
#customer_list {
font-size: 13px;
}
#customer_list h1 {
margin-top: 0px;
}
#customer_list .mail_line {
border-bottom: 1px solid #cccccc;
}
#customer_list .contact {
padding: 0px 12px;
}
#customer_list .contact .row div {
padding: 3px 10px;
border: 1px solid #cccccc;
}
#customer_list .caution {
margin-top: 5px;
}
#customer_list .top_link {
margin-top: 4px;
font-size: 11px;
}
#customer_list .zebra-table thead th {
font-size: 13px;
padding: 2px 12px;
}
#customer_list .zebra-table tbody td {
font-size: 13px;
padding: 2px 12px;
}
#customer_list .zebra-table .seventy-percent {
width: 80%;
}
#customer_list .zebra-table .thirty-percent {
width: 20%;
}
#customer_list .zebra-table .zebra-table .even {
background-color: #cccccc;
}
#customer_list .text-center {
text-align: center;
font-weight: bold;
background-color: #f0f0f0;
border: 1px solid #cccccc;
}
#customer_list .industries {
border: 4px double #B0B0B0;
margin: 10px auto;
padding: 6px;
}
#login {
/** 無料会員登録 (現行サイトと同じスタイル) */
}
#login .sign-up-ja {
position: relative;
height: 180px;
background-repeat: no-repeat;
margin-left: 10px;
background-image: url("/assets/images/ja/img_free.gif");
}
#login .sign-up-en {
position: relative;
height: 180px;
background-repeat: no-repeat;
margin-left: 10px;
background-image: url("/assets/images/en/img_free.gif");
}
#login .sign-up-cn {
position: relative;
height: 180px;
background-repeat: no-repeat;
margin-left: 10px;
background-image: url("/assets/images/cn/img_free.gif");
}
#login .sign-up-link-ja {
position: absolute;
left: 75px;
bottom: 13px;
}
#login .sign-up-link-en {
position: absolute;
left: 52px;
bottom: 15px;
}
#login .sign-up-link-cn {
position: absolute;
left: 75px;
bottom: 13px;
}
#login .login-button {
margin-top: 5px;
}
#login .input-area #profiles_login_login_id,
#login .input-area #profiles_login_password {
width: 80%;
margin-left: 15px;
}
#login .input-area h4:before {
position: relative;
content: " ";
padding-left: 0.5em;
border-left: solid 0.4em #21458a;
font-size: 0.7em;
top: -0.2em;
}
#login #profiles_login_auto {
position: static;
}
.admin_content {
/* ファイルアップローダ非表示化 */
}
.admin_content .hide-file-selector {
display: none;
}
.admin_content .detail-content .main-image-description .form-group {
margin-left: 0px;
}
.admin_content .detail-content #sortable-div .sub-image img {
max-width: 100px;
max-height: 100px;
}
.admin_content .detail-content #sortable-div .exhibition-pages {
border-left: #9E9E9E 3ex double;
padding-top: 2em;
padding-bottom: 2em;
margin-top: 1em;
margin-bottom: 1em;
}
#admin_report_detail_inputs .bottom-margin {
margin-bottom: 15px;
}
#admin_report_detail_inputs .category-margin {
margin-top: -10px;
}
#admin_report_detail_inputs .category-child-margin {
margin-top: -20px;
}
/** 入力画面 */
#vehicle_mail_create .data-type-check {
margin-top: -10px;
margin-left: -10px;
}
#vehicle_mail_create .date-time-label {
margin-top: 7px;
}
#vehicle_mail_create .title-area textarea {
height: 60px;
}
#vehicle_mail_create .body-area textarea {
height: 750px;
}
#vehicle_mail_create .note-area textarea {
height: 150px;
}
#vehicle_mail_create .header {
color: #ffffff;
background-color: #446eac;
}
/** 確認画面 */
#vehicle_mail_confirm .message-area {
margin-left: 30px;
}
#vehicle_mail_confirm .icon-margin {
margin-right: 5px;
}
#vehicle_mail_confirm .alert-message {
color: #e76000;
}
#vehicle_mail_confirm .mail-display-area {
margin-left: 30px;
margin-right: 15px;
}
#vehicle_mail_confirm .title-row {
border-bottom: 1px dashed #cccccc;
}
#vehicle_mail_confirm .content-border {
border-left: 1px dashed #cccccc;
}
#vehicle_mail_confirm .submit-area {
margin-top: 30px;
}
/** 通常更新メール入力画面 */
#update_mail_create .left-margin {
margin-left: 15px;
}
#update_mail_create .condition-margin {
margin-bottom: 15px;
}
#update_mail_create .radio-input,
#update_mail_create .checkbox-input {
margin-top: -7px;
}
#update_mail_create #admin_ml_mail_update_mail_mail_data_body,
#update_mail_create #add-fields-list {
min-height: 500px;
}
/** メーカー情報更新メール */
#alert_mail_create #admin_ml_mail_common_mail_data_body {
min-height: 500px;
}
#alert_mail_create .button-area {
text-align: center;
}
#alert_mail_create #alert_mail_select_lang {
padding-bottom: 5px;
padding-left: 1em;
padding-right: 1em;
}
#alert_mail_create #alert_mail_select_lang .lang_button_area {
padding-left: 1em;
}
#alert_mail_create .alert_mail_edit_title {
padding: 1em;
}
#alert_mail_create #form_admin_ml_mail_alert_mail_keywordId {
margin-right: 0px;
margin-left: 0px;
}
#alert_mail_create #add-fields-list {
min-height: 500px;
}
#alert_mail_create .send_data_parts {
padding-left: 20px;
}
#alert_mail_create .btn-selected {
background-color: #f26671;
}
#admin_green_vehicle {
/* プレビュー画面メッセージ用 */
/* ファイルアップローダ非表示化 */
/* 主な特徴 注意書き */
}
#admin_green_vehicle .preview_massages {
border: 1px solid #bbbbbb;
padding: 10pt;
}
#admin_green_vehicle .hide-file-selector {
display: none;
}
#admin_green_vehicle #admin_green_vehicle_photo dl dt label {
display: none;
}
#admin_green_vehicle #admin_green_vehicle_photo dl .info {
display: none;
}
#admin_green_vehicle .major_features_guideline {
margin-bottom: 15px;
border: 1px solid #bbbbbb;
padding-left: 15px;
padding-top: 5px;
}
#admin_green_vehicle .detail_language_area {
margin-bottom: 15px;
}
/*# sourceMappingURL=main.css.map */