@charset "UTF-8";
/* CLEARFIX */
/* BASIC SPLASH LAYOUT */
/* BASIC WIDGET CENTERING */
/* MARGIN FOR SAMPLE CODING*/
/* HOVER ACTION */
/*　HORIZONTAL BOX　*/
/* TRANSITION */
/* FRAME */
.sg-vlayout-0 {
    width: 100%;
    overflow: hidden;
}

.sg-hlayout {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    font-size: 0;
    letter-spacing: -1px;
}

.sg-hlayout img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-hlayout a {
    color: #1F1F1F;
}

.sg-horizontal-layout-2columns-has-bgcolor > div {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    font-size: 0;
    letter-spacing: -1px;
}

.sg-horizontal-layout-2columns-has-bgcolor > div img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-horizontal-layout-2columns-has-bgcolor > div a {
    color: #1F1F1F;
}

.sg-hlayout-col {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
}

/* 1-1 HEADER */
.sg-header-menu-area {
    position: absolute;
    min-width: 1050px;
    width: 100%;
    height: 175px;
}

.sg-header-menu-area > header {
    position: relative;
    width: 1000px;
    height: 175px;
    margin: 0 auto;
    padding: 0px 15px;
    background-color: #FFFFFF;
    z-index: 2000;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.sg-header-menu-area > header > div.sg-header-top-area > h1 {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 100;
    line-height: 26px;
}

.sg-header-menu-area > header > div.sg-header-top-area > div {
    float: right;
    display: inline-block;
    line-height: 26px;
    color: #CCCCCC;
}

.sg-header-menu-area > header > div.sg-header-top-area > div > a {
    padding: 0px 10px;
    border-left: 1px solid #CCCCCC;
}

.sg-header-menu-area > header > div.sg-header-top-area > div > a:first-child {
    border-left: none;
}

.sg-header-menu-area > header > div.sg-header-top-area > div > a:hover {
    color: #003A69;
}

.sg-header-logo-area {
    position: absolute;
    left: 15px;
    top: 48px;
    z-index: 2500;
}

.sg-header-top-menu {
    position: relative;
    width: 1000px;
    height: 65px;
    background-color: #898989;
}

.sg-header-menu-list {
    margin-left: 135px;
    font-size: 0;
}

.sg-header-top-menu > .sg-header-menu-list {
    position: absolute;
    bottom: 6px;
}

.sg-header-menu-list > li {
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    margin-right: 22px;
}

.sg-header-menu-list > li > a {
    color: #FFFFFF;
}

.sg-header-bottom-menu {
    position: relative;
    width: 1000px;
    height: 65px;
    margin-top: 4px;
    background-color: #EDEDED;
}

.sg-header-bottom-menu > .sg-header-menu-list {
    padding-top: 5px;
}

.sg-header-bottom-menu > .sg-header-menu-list > li > a {
    color: #595757;
}

.sg-header-menu-list > li:hover > a {
    color: #003A69;
}

.sg-header-menu-list > li.selected > a {
    color: #003A69;
}

.sg-header-menu-hidden-list {
    position: absolute;
    padding: 15px 0px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    white-space: nowrap;
    z-index: 2100;
    display: none;
}

.sg-header-menu-hidden-list > li {
    height: 25px;
    padding: 0px 15px;
    line-height: 25px;
}

.sg-header-menu-hidden-list > li:hover {
    background-color: #003B90;
}

.sg-header-menu-hidden-list > li > a {
    color: #333333;
}

.sg-header-menu-hidden-list > li:hover > a {
    color: #FFFFFF;
}

.sg-header-menu-hidden-list > li.selected {
    background-color: #FFFFFF;
}

.sg-header-menu-hidden-list > li.selected > a {
    color: #003A69;
}

/* FLOAT MENU */
.sg-float-menu {
    position: fixed;
    left: 10px;
    top: 200px;
    width: 60px;
    z-index: 1010;
    display: none;
}

.sg-float-menu-list > li img {
    padding: 2px;
    cursor: pointer;
}

.sg-float-menu-hidden-list {
    position: absolute;
    min-width: 200px;
    top: 0px;
    left: 55px;
    text-align: left;
    font-size: 14px;
    padding: 15px 0px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    line-height: 25px;
    display: none;
}

.sg-float-menu-hidden-list > p {
    height: 30px;
    padding: 0px 15px;
    font-size: 18px;
    color: #000000;
}

.sg-float-menu-hidden-list > ul > li {
    height: 25px;
    padding: 0px 15px;
    line-height: 25px;
}

.sg-float-menu-hidden-list > ul > li > a {
    color: #595757;
}

.sg-float-menu-hidden-list > ul > li:hover {
    background-color: #003B90;
}

.sg-float-menu-hidden-list > ul > li.selected {
    background-color: #FFFFFF;
}

.sg-float-menu-hidden-list > ul > li:hover > a {
    color: #FFFFFF;
}

.sg-float-menu-hidden-list > ul > li.selected > a {
    color: #003A69;
}

.sg-menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 1001;
    display: none;
}

/* 1-2 FOOTER */
.sg-footer-menu-area {
    position: relative;
    width: 1030px;
    margin: 0 auto;
}

.sg-footer-top-menu-area {
    font-size: 0;
    letter-spacing: -1px;
    padding: 5px 45px 20px;
    background-color: #898989;
    line-height: 1.3;
}

.sg-footer-top-menu-area > div {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    width: 470px;
}

.sg-footer-top-menu-area h3 {
    font-size: 14px;
    font-weight: normal;
    background-color: #FFFFFF;
    margin-top: 20px;
    padding: 0px 8px;
    display: inline-block;
}

.sg-footer-top-menu-area h3 > a {
    color: #333333;
}

.sg-footer-top-menu-area h3 > a:hover {
    color: #003A69;
}

.sg-footer-top-menu-area ul {
    margin-top: 5px;
    text-align: left;
    font-size: 12px;
}

.sg-footer-top-menu-area ul:before, .sg-footer-top-menu-area ul:after {
    content: " ";
    display: table;
}

.sg-footer-top-menu-area ul:after {
    clear: both;
}

.sg-footer-top-menu-area li {
    float: left;
    display: inline;
    padding-right: 22px;
}

.sg-footer-top-menu-area li > a {
    color: #FFFFFF;
}

.sg-footer-top-menu-area li > a:hover {
    color: #003A69;
}

.sg-footer-bottom-menu-area {
    padding: 10px 20px 10px 45px;
    background-color: #535353;
    color: #FFFFFF;
    font-size: 11px;
}

.sg-footer-bottom-menu-area a {
    color: #FFFFFF;
}

.sg-footer-bottom-menu-area a:hover {
    color: #003A69;
}

.sg-footer-bottom-guide {
    height: 15px;
    padding: 5px 0;
    text-align: right;
}

.sg-footer-bottom-guide > p {
    display: inline-block;
    cursor: pointer;
}

.sg-footer-bottom-menu {
    height: 15px;
    margin-top: 10px;
}

.sg-footer-bottom-menu > h2 {
    float: left;
    font-weight: normal;
}

.sg-footer-bottom-menu > div {
    float: right;
    margin-right: -10px;
}

.sg-footer-bottom-menu > div > a {
    padding: 0px 10px;
    border-left: 1px solid #FFFFFF;
}

.sg-footer-bottom-menu > div > a:first-child {
    border-left: none;
}

/* 1-3 SIDE */
.sg-side-submenu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-side-submenu img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-side-submenu a {
    color: #1F1F1F;
}

.sg-side-submenu > ul > li {
    padding-left: 27px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 18px;
    background: url("../images/submenu_arrow.png") no-repeat scroll 0% 0% transparent;
}

.sg-side-submenu > ul > li:hover {
    background: url("../images/submenu_arrow_on.png") no-repeat scroll 0% 0% transparent;
}

.sg-side-submenu > ul > li.selected {
    background: url("../images/submenu_arrow_on.png") no-repeat scroll 0% 0% transparent;
}

/* 1-4 TOP */
.sg-slide-submenu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-slide-submenu img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-slide-submenu a {
    color: #1F1F1F;
}

.sg-slide-submenu > div {
    position: relative;
    background-color: #FFFFFF;
    z-index: 1000;
}

.sg-slide-submenu > div > h1 {
    padding-top: 5px;
    line-height: 25px;
    font-weight: normal;
    font-size: 20px;
}

.sg-slide-submenu > div > ul {
    position: relative;
    width: 1000px;
    line-height: 25px;
    font-size: 12px;
    background: url("../images/local-bg.png") repeat scroll 0% 0% transparent;
}

.sg-slide-submenu > div > ul:before, .sg-slide-submenu > div > ul:after {
    content: " ";
    display: table;
}

.sg-slide-submenu > div > ul:after {
    clear: both;
}

.sg-slide-submenu > div > ul > li {
    float: left;
    display: inline-block;
    padding: 0px 15px;
    border-right: 1px solid #666666;
}

.sg-slide-submenu > div > ul > li.selected {
    background: url("../images/local-bg_active.png") repeat-x scroll 0% 0% transparent;
}

.sg-slide-submenu > div > ul > li.hover {
    background: url("../images/local-bg_on.png") repeat-x scroll 0% 0% transparent;
}

.sg-slide-submenu > div > ul > li > a {
    color: #FFFFFF;
}

.sg-slide-submenu > div > ul > li.selected > a {
    color: #2C56B7;
}

.sg-slide-submenu > div > ul > li > ul {
    position: absolute;
    display: none;
    padding: 10px 0px;
    margin-left: -16px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    z-index: 1000;
}

.sg-slide-submenu > div > ul > li > ul > li {
    padding: 5px 10px;
    line-height: 1.1;
}

.sg-slide-submenu > div > ul > li > ul > li > a {
    color: #333333;
}

.sg-slide-submenu > div > ul > li > ul > li > a:hover {
    color: #2C56B7;
}

.sg-slide-submenu > div > ul > li > ul > li.selected > a {
    color: #2C56B7;
}

/* 1-5 SITEMAP */
.sg-sitemap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-sitemap img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-sitemap a {
    color: #1F1F1F;
}

.sg-sitemap > ul a {
    color: #333333;
}

.sg-sitemap > ul a:hover {
    color: #999999;
}

.sg-sitemap > ul > li {
    font-size: 0;
    letter-spacing: -1px;
    padding: 30px 0px;
    border-top: 1px solid #CCCCCC;
}

.sg-sitemap > ul > li > h3 {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    width: 220px;
    font-size: 14px;
    font-weight: normal;
}

.sg-sitemap > ul > li > ul {
    font-size: 0;
    letter-spacing: -1px;
    display: inline-block;
    width: 780px;
    margin-bottom: -10px;
}

.sg-sitemap > ul > li > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    width: 260px;
    padding-bottom: 10px;
    font-size: 12px;
}

/* 1-6 ANCHOR */
.sg-anchor-menu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    font-size: 0;
}

.sg-anchor-menu img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-anchor-menu a {
    color: #1F1F1F;
}

.sg-anchor-menu > div {
    position: relative;
    width: 1000px;
    z-index: 990;
}

.sg-anchor-menu > div > div {
    display: table;
    width: 100%;
    line-height: 1.1;
    background-color: #333333;
    text-align: center;
    font-size: 14px;
}

.sg-anchor-menu > div > div > a {
    display: table-cell;
    width: 25%;
    height: 50px;
    border-left: 1px solid #FFFFFF;
    vertical-align: middle;
    color: #FFFFFF;
}

.sg-anchor-menu > div > div > a:first-child {
    border-left: none;
}

.sg-anchor-menu > div > div > a.current {
    background-color: #2C56B7;
}

.sg-anchor-menu > div > div > a:hover {
    background-color: #2C56B7;
}

/* 1-7 ANCHOR TARGET */
/* SPLASH SMOKE OVERLAY */
.sg-splash-smoke-overlay-left, .sg-splash-smoke-overlay-right {
    position: absolute;
    width: 200px;
    height: 100%;
    top: 0px;
    background: url("../images/splash_smoke_1px_left.png") repeat-y 0% 0% transparent;
    z-index: 100;
}

.sg-splash-smoke-overlay-right {
    background: url("../images/splash_smoke_1px_right.png") repeat-y 0% 0% transparent;
}

/* 2-1 EXTERIOR360 */
.sg-exterior360-splash {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    height: 600px;
}

.sg-exterior360-splash img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-exterior360-splash a {
    color: #1F1F1F;
}

.sg-exterior360-splash > div.sg-exterior360-splash-title {
    position: absolute;
    top: 200px;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    z-index: 10;
}

.sg-exterior360-splash > div.sg-exterior360-splash-title > h2 {
    font-weight: normal;
}

.sg-exterior360-splash > div.sg-exterior360-splash-title > ul > li {
    float: left;
    padding: 0px 12px;
    border-left: 1px solid #000000;
    color: #666666;
    font-size: 16px;
    cursor: pointer;
}

.sg-exterior360-splash > div.sg-exterior360-splash-title > ul > li:first-child {
    padding-left: 0px;
    border: none;
}

.sg-exterior360-splash > div.sg-exterior360-splash-title > ul > li.selected {
    color: #000000;
}

.sg-exterior360-splash > div.sg-exterior360-splash-title > ul > li:hover {
    color: #000000;
}

.sg-exterior360-splash > div.sg-exterior360-splash-panel {
    position: absolute;
    bottom: 0px;
    color: #000000;
    font-size: 16px;
    z-index: 10;
}

.sg-exterior360-splash > div.sg-exterior360-splash-panel > ul {
    margin-left: -3px;
}

.sg-exterior360-splash > div.sg-exterior360-splash-panel > ul:before, .sg-exterior360-splash > div.sg-exterior360-splash-panel > ul:after {
    content: " ";
    display: table;
}

.sg-exterior360-splash > div.sg-exterior360-splash-panel > ul:after {
    clear: both;
}

.sg-exterior360-splash > div.sg-exterior360-splash-panel > ul > li {
    float: left;
    margin: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.sg-exterior360-splash > div.sg-exterior360-splash-image > img {
    position: absolute;
}

.sg-exterior360-splash > div.sg-exterior360-splash-cache {
    display: none;
}

/* 2-2 GRADE */
.sg-image-splash-with-description {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.sg-image-splash-with-description img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-image-splash-with-description a {
    color: #1F1F1F;
}

.sg-image-splash-with-description > div.sg-splash-description-area {
    position: absolute;
    left: 0px;
    top: 200px;
    z-index: 200;
}

.sg-image-splash-with-description > div.sg-splash-description-area > h2 {
    margin: 5px 0px;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
}

.sg-image-splash-with-description > div.sg-splash-description-area > p {
    font-size: 12px;
    line-height: 15px;
}

/* 2-3 BASIC */
.sg-image-splash {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.sg-image-splash img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-image-splash a {
    color: #1F1F1F;
}

/* 2-4 INTERIOR360 */
.sg-interior360-splash {
    height: 600px;
}

/* 2-5 MOVIE */
.sg-movie-splash {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.sg-movie-splash img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-movie-splash a {
    color: #1F1F1F;
}

/* 2-5 OVERVIEW */
.sg-slide-splash-with-description {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.sg-slide-splash-with-description img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-slide-splash-with-description a {
    color: #1F1F1F;
}

.sg-slide-splash-with-description-frame {
    position: relative;
    width: 1400px;
    height: 600px;
    margin-left: -200px;
    overflow: hidden;
}

.sg-slide-splash-with-description-frame > img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.sg-slide-splash-with-description-image-list {
    position: relative;
    z-index: 0;
}

.sg-slide-splash-with-description-image-list:before, .sg-slide-splash-with-description-image-list:after {
    content: " ";
    display: table;
}

.sg-slide-splash-with-description-image-list:after {
    clear: both;
}

.sg-slide-splash-with-description-image-list > li {
    float: left;
    display: inline-block;
}

.sg-slide-splash-with-description-text-area {
    position: relative;
    width: 1000px;
    min-height: 160px;
    margin: 20px auto 0px;
}

.sg-slide-splash-with-description-text-area > h2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    display: none;
}

.sg-slide-splash-with-description-text-area > p {
    width: 700px;
    margin-top: 10px;
    color: #666666;
    font-size: 12px;
    display: none;
}

.sg-slide-splash-with-description-text-area > .showing {
    display: block;
}

.sg-slide-splash-with-description-overlay {
    position: absolute;
    width: 1100px;
    height: 425px;
    top: 176px;
    left: -50px;
    z-index: 30;
}

.sg-slide-splash-with-description-logo {
    position: absolute;
    right: 50px;
    top: 25px;
}

.sg-slide-splash-with-description-left {
    position: absolute;
    left: 0px;
    top: 195px;
    cursor: pointer;
    display: none;
}

.sg-slide-splash-with-description-left:hover {
    opacity: 0.5;
}

.sg-slide-splash-with-description-right {
    position: absolute;
    right: 0px;
    top: 195px;
    cursor: pointer;
    display: none;
}

.sg-slide-splash-with-description-right:hover {
    opacity: 0.5;
}

.sg-slide-splash-with-description-paging-list {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
    font-size: 0;
}

.sg-slide-splash-with-description-paging-list > li {
    display: inline-block;
    margin: 0px 3px;
    cursor: pointer;
}

/* 2-7 SLIDESHOW */
.sg-slide-splash {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.sg-slide-splash img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-slide-splash a {
    color: #1F1F1F;
}

.sg-slide-splash > div.sg-slide-splash-contents > div {
    position: absolute;
    z-index: 0;
}

.sg-slide-splash > div.sg-slide-splash-contents > div.showing {
    z-index: 1;
}

.sg-slide-splash > div.sg-slide-splash-contents > ul {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center;
    font-size: 0;
    z-index: 100;
}

.sg-slide-splash > div.sg-slide-splash-contents > ul > li {
    display: inline-block;
    margin: 0px 3px;
    cursor: pointer;
}

/* 2-8 FLASH */
.sg-flash-splash-frame {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.sg-flash-splash-frame img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-flash-splash-frame a {
    color: #1F1F1F;
}

.sg-flash-splash-has-bg {
    background: url("../images/grey_flash_bg.png") repeat-y center top transparent;
}

.sg-flash-splash object {
    display: inline-block;
}

/* 3-1 IMAGE */
.sg-single-image-area {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-single-image-area img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-single-image-area a {
    color: #1F1F1F;
}

/* 3-2 HTML */
.sg-free-html-area {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.5;
}

.sg-free-html-area img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-free-html-area a {
    color: #1F1F1F;
}

.sg-free-html-area table > th, td {
    border: 1px solid #000000;
}

.sg-free-html-area span {
    vertical-align: baseline;
}

.sg-free-html-area a {
    color: #0A6AAB;
    text-decoration: underline;
}

.sg-free-html-area a:hover {
    color: #898989;
    text-decoration: none;
}

/* 3-3 HISTORY BACK */
.sg-news-detail-backfoot {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    padding-top: 25px;
    border-top: 1px solid #000000;
    line-height: 18px;
    font-size: 14px;
}

.sg-news-detail-backfoot img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-news-detail-backfoot a {
    color: #1F1F1F;
}

.sg-news-detail-backfoot > a > img {
    padding-right: 15px;
}

.sg-news-detail-backfoot > a {
    text-decoration: none;
    color: #000000;
}

/* 3-4 HR*/
.sg-horizontal-line {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    border-top: 1px solid #000000;
}

.sg-horizontal-line img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-horizontal-line a {
    color: #1F1F1F;
}

/* 3-5 YOUTUBE */
.sg-youtube {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-youtube img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-youtube a {
    color: #1F1F1F;
}

.sg-youtube > div {
    position: relative;
    display: inline-block;
    background-color: #FFFFFF;
    cursor: pointer;
}

.sg-youtube > div:hover > img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.sg-youtube img.sg-youtube-play-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* 3-6 LIGHTBOX */
.sg-single-lightbox-image {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-single-lightbox-image img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-single-lightbox-image a {
    color: #1F1F1F;
}

/* 3-8 LINK WITH BGCOLOR */
.sg-single-link-with-bgcolor {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-single-link-with-bgcolor img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-single-link-with-bgcolor a {
    color: #1F1F1F;
}

.sg-single-link-with-bgcolor > a {
    display: inline-block;
    padding: 5px 8px 5px 5px;
    line-height: 1;
    font-size: 14px;
    font-style: italic;
    color: #FFFFFF;
}

.sg-single-link-with-bgcolor > a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* 3-9 MOVIE */
.sg-movie {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-movie img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-movie a {
    color: #1F1F1F;
}

.sg-movie > div {
    position: relative;
    display: inline-block;
    background-color: #FFFFFF;
}

.sg-movie > div:hover > img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.sg-movie img {
    cursor: pointer;
}

.sg-movie img.sg-movie-play-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* 3-10 EXTERIOR360 BASIC */
.sg-exterior360-basic {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-exterior360-basic img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-exterior360-basic a {
    color: #1F1F1F;
}

.sg-exterior360-basic ul.sg-exterior360-basic-grades {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.1;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
}

.sg-exterior360-basic ul.sg-exterior360-basic-grades li {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    display: table-cell;
    padding: 10px 0;
    background-color: #999999;
    border-left: 1px solid #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.sg-exterior360-basic ul.sg-exterior360-basic-grades li:first-child {
    border-left: none;
}

.sg-exterior360-basic ul.sg-exterior360-basic-grades li:hover {
    background-color: #333333;
}

.sg-exterior360-basic ul.sg-exterior360-basic-grades li.selected {
    background-color: #333333;
    cursor: auto;
}

.sg-exterior360-basic div.sg-exterior360-basic-panel {
    text-align: center;
}

.sg-exterior360-basic div.sg-exterior360-basic-panel p {
    margin: 15px 0;
    color: #000000;
    font-size: 18px;
}

.sg-exterior360-basic div.sg-exterior360-basic-panel ul li {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    margin-left: 10px;
    border: 2px solid transparent;
    cursor: pointer;
}

.sg-exterior360-basic div.sg-exterior360-basic-panel ul li.selected {
    border: 2px solid #000000;
}

.sg-exterior360-basic div.sg-exterior360-basic-panel ul li:hover {
    border: 2px solid #000000;
}

.sg-exterior360-basic div.sg-exterior360-basic-image {
    height: 500px;
}

.sg-exterior360-basic div.sg-exterior360-basic-image img {
    position: absolute;
}

.sg-exterior360-basic div.sg-exterior360-basic-cache {
    display: none;
}

/* 3-10 INTERIOR360 BASIC */
.sg-interior360-basic {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-interior360-basic img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-interior360-basic a {
    color: #1F1F1F;
}

.sg-interior360-basic ul.sg-interior360-basic-grades {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.1;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
}

.sg-interior360-basic ul.sg-interior360-basic-grades li {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    display: table-cell;
    padding: 10px 0;
    background-color: #999999;
    border-left: 1px solid #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.sg-interior360-basic ul.sg-interior360-basic-grades li:first-child {
    border-left: none;
}

.sg-interior360-basic ul.sg-interior360-basic-grades li:hover {
    background-color: #333333;
}

.sg-interior360-basic ul.sg-interior360-basic-grades li.selected {
    background-color: #333333;
    cursor: auto;
}

.sg-interior360-basic div {
    height: 500px;
}

/* 4-1 GRADE */
.sg-grade-list-with-description {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-grade-list-with-description img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-grade-list-with-description a {
    color: #1F1F1F;
}

.sg-grade-list-with-description > ul > li {
    padding: 20px 15px 15px 15px;
    border: 1px solid #CCCCCC;
}

.sg-grade-list-with-description > ul > li:hover {
    border: 1px solid #333333;
}

.sg-grade-list-with-description > ul > li div.sg-grade-list-with-description-wrap:before, .sg-grade-list-with-description > ul > li div.sg-grade-list-with-description-wrap:after {
    content: " ";
    display: table;
}

.sg-grade-list-with-description > ul > li div.sg-grade-list-with-description-wrap:after {
    clear: both;
}

.sg-grade-list-with-description > ul > li div.leftside {
    float: left;
    display: inline-block;
    color: #666666;
}

.sg-grade-list-with-description > ul > li div.leftside > h3 {
    margin-bottom: 15px;
    color: #333333;
    font-size: 20px;
}

.sg-grade-list-with-description > ul > li div.rightside {
    float: right;
    display: inline-block;
}

/* 4-2 IMAGE */
.sg-image-list-with-caption {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-image-list-with-caption img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-image-list-with-caption a {
    color: #1F1F1F;
}

.sg-image-list-with-caption > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-image-list-with-caption > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    color: #333333;
}

.sg-image-list-with-caption div {
    width: 50px;
    display: table;
}

.sg-image-list-with-caption a:hover {
    color: #999999;
}

.sg-image-list-with-caption img {
    display: block;
}

.sg-image-list-with-caption p {
    margin-top: 5px;
}

/* 4-3 IAMGE MENU */
.sg-image-list-with-horizonal-text {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-image-list-with-horizonal-text img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-image-list-with-horizonal-text a {
    color: #1F1F1F;
}

.sg-image-list-with-horizonal-text > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-image-list-with-horizonal-text > ul > li {
    display: inline-block;
}

.sg-image-list-with-horizonal-text > ul > li div {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    margin-left: 20px;
}

.sg-image-list-with-horizonal-text > ul > li h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #000000;
}

.sg-image-list-with-horizonal-text > ul > li p {
    font-size: 11px;
    color: #333333;
}

.sg-image-list-with-horizonal-text > ul > li > a:hover h3 {
    color: #999999;
}

.sg-image-list-with-horizonal-text > ul > li > a:hover p {
    color: #999999;
}

/* 4-4 IMAGE HOVER */
.sg-image-list-with-hover {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: left;
}

.sg-image-list-with-hover img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-image-list-with-hover a {
    color: #1F1F1F;
}

.sg-image-list-with-hover > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-image-list-with-hover > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    color: #333333;
}

.sg-image-list-with-hover div {
    width: 50px;
    display: table;
}

.sg-image-list-with-hover a:hover {
    color: #999999;
}

.sg-image-list-with-hover img {
    display: block;
}

.sg-image-list-with-hover p {
    margin-top: 5px;
}

/* 4-5 IMAGE SPOTLIGHT */
.sg-image-list-with-spotlight {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
    text-align: center;
}

.sg-image-list-with-spotlight img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-image-list-with-spotlight a {
    color: #1F1F1F;
}

.sg-image-list-with-spotlight > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-image-list-with-spotlight > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
}

.sg-image-list-with-spotlight div {
    width: 50px;
    display: table;
}

.sg-image-list-with-spotlight img {
    display: block;
}

.sg-image-list-with-spotlight p {
    margin-top: 5px;
}

/* 4-6 MODEL ITEM */
.sg-model-item-list-with-description-and-lightbox {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-model-item-list-with-description-and-lightbox img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-model-item-list-with-description-and-lightbox a {
    color: #1F1F1F;
}

.sg-model-item-list-with-description-and-lightbox > ul {
    font-size: 0;
    letter-spacing: -1px;
    text-align: left;
}

.sg-model-item-list-with-description-and-lightbox > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
}

.sg-model-item-list-with-description-and-lightbox > ul > li > div {
    width: 100%;
    display: table;
}

.sg-model-item-list-with-description-and-lightbox > ul > li > div > a {
    display: block;
    margin-bottom: 5px;
}

.sg-model-item-list-with-description-and-lightbox > ul > li > div > h3 {
    padding: 4px 0px 4px 8px;
    margin-bottom: 8px;
    line-height: 14px;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #000000;
}

.sg-model-item-list-with-description-and-lightbox > ul > li > div > p {
    color: #666666;
}

/* 4-7 LINK LIST */
.sg-link-list {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-link-list img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-link-list a {
    color: #1F1F1F;
}

.sg-link-list > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-link-list > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    line-height: 1.4;
    font-size: 14px;
    background: url("../images/submenu_arrow_on.png") no-repeat 0% 50% transparent;
}

.sg-link-list > ul > li > a {
    color: #2C56B7;
}

.sg-link-list > ul > li > a:hover {
    color: #666666;
}

.sg-link-list > ul > li span {
    margin-left: 27px;
}

/* 4-8 DISTORIBUTORS */
.sg-distributor-list {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-distributor-list img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-distributor-list a {
    color: #1F1F1F;
}

.sg-distributor-list > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-distributor-list > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    padding: 20px 0px;
    border-top: 1px solid #CCCCCC;
}

.sg-distributor-list > ul > li > h3 {
    margin-bottom: 20px;
    font-size: 14px;
}

/* 4-9 DOWNLOAD */
.sg-download-link-list {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-download-link-list img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-download-link-list a {
    color: #1F1F1F;
}

.sg-download-link-list > ul {
    font-size: 0;
    letter-spacing: -1px;
}

.sg-download-link-list > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    line-height: 1.4;
    font-size: 14px;
    background: url("../images/submenu_arrow_on.png") no-repeat 0% 50% transparent;
}

.sg-download-link-list > ul > li > a {
    color: #2C56B7;
}

.sg-download-link-list > ul > li > a:hover {
    color: #666666;
}

.sg-download-link-list > ul > li span {
    margin-left: 27px;
}

/* 4-10 WIDE BANNER? */
.sg-banner-list-has-bgcolor-and-image {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-banner-list-has-bgcolor-and-image img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-banner-list-has-bgcolor-and-image a {
    color: #1F1F1F;
}

.sg-banner-list-has-bgcolor-and-image a {
    display: block;
    background-color: #333333;
}

.sg-banner-list-has-bgcolor-and-image a:before, .sg-banner-list-has-bgcolor-and-image a:after {
    content: " ";
    display: table;
}

.sg-banner-list-has-bgcolor-and-image a:after {
    clear: both;
}

.sg-banner-list-has-bgcolor-and-image a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.sg-banner-list-has-bgcolor-and-image img {
    float: right;
    display: inline-block;
}

.sg-banner-list-has-bgcolor-and-image div {
    display: inline-block;
    padding: 20px;
    color: #FFFFFF;
}

.sg-banner-list-has-bgcolor-and-image h3 {
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
}

.sg-banner-list-has-bgcolor-and-image p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.4;
}

/* 4-11 ECOLOGY */
.sg-ecology-list {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-ecology-list img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-ecology-list a {
    color: #1F1F1F;
}

.sg-ecology-list ul {
    font-size: 0;
    letter-spacing: -1px;
    padding: 20px 0;
    border-top: 1px solid #BCBCBC;
}

.sg-ecology-list li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
}

.sg-ecology-list li > div {
    border-left: 1px solid #BCBCBC;
    padding: 20px 30px;
    text-align: center;
}

.sg-ecology-list li:first-child > div {
    border-left: none;
}

.sg-ecology-list h3 {
    margin-top: 20px;
    color: #34495E;
    line-height: 1.2;
    font-size: 22px;
}

.sg-ecology-list p {
    margin-top: 20px;
    text-align: left;
    color: #7F7F7F;
    font-size: 12px;
}

.sg-ecology-list li > div > div {
    text-align: left;
}

.sg-ecology-list a {
    display: inline-block;
    margin-top: 20px;
    padding: 5px 8px 5px 5px;
    background-color: #708B25;
    line-height: 1;
    color: #FFFFFF;
    font-size: 14px;
    font-style: italic;
}

.sg-ecology-list a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* 6-1 NEWS */
.sg-news-top-menu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-news-top-menu:before, .sg-news-top-menu:after {
    content: " ";
    display: table;
}

.sg-news-top-menu:after {
    clear: both;
}

.sg-news-top-menu img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-news-top-menu a {
    color: #1F1F1F;
}

.sg-news-top-menu-leftside {
    float: left;
    width: 820px;
}

.sg-news-top-menu-leftside > h1 {
    font-size: 20px;
    line-height: 30px;
}

.sg-news-category-menu {
    font-size: 14px;
    color: #FFFFFF;
    background-color: #999999;
}

.sg-news-category-menu:before, .sg-news-category-menu:after {
    content: " ";
    display: table;
}

.sg-news-category-menu:after {
    clear: both;
}

.sg-news-category-menu > li {
    float: left;
    padding: 0px 20px;
    border-right: 1px solid #FFFFFF;
    line-height: 30px;
    cursor: pointer;
}

.sg-news-category-menu > li:hover {
    background-color: #023AA8;
}

.sg-news-category-menu > .sg-news-category-menu-active {
    background-color: #023AA8;
}

.sg-news-category-rightside {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    color: #FFFFFF;
}

.sg-news-selected-year-box {
    width: 120px;
    height: 40px;
    margin-top: 24px;
    padding: 0px 20px;
    line-height: 40px;
    text-align: right;
    background-color: #333333;
    border-radius: 5px;
    cursor: pointer;
}

.sg-news-selected-year-box > span {
    float: left;
}

.sg-news-selectable-year-list {
    position: absolute;
    display: none;
    width: 160px;
    padding: 10px 0px;
    line-height: 40px;
    background-color: #666666;
    border-radius: 0px 0px 5px 5px;
    z-index: 100;
}

.sg-news-selectable-year-list > li {
    height: 40px;
    padding: 0px 20px;
    cursor: pointer;
}

.sg-news-selectable-year-list > li:hover {
    background-color: #333333;
}

.sg-news-list-year {
    padding-left: 20px;
    border-bottom: 1px solid #000000;
    line-height: 25px;
    font-size: 18px;
}

.sg-news-list-area {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-news-list-area img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-news-list-area a {
    color: #1F1F1F;
}

.sg-news-list > li {
    min-height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
}

.sg-news-list > li:hover {
    background-color: #F2F2F2;
}

.sg-news-list > li > a {
    display: block;
    padding: 20px 0px;
}

.sg-news-list > li > a:before, .sg-news-list > li > a:after {
    content: " ";
    display: table;
}

.sg-news-list > li > a:after {
    clear: both;
}

.sg-news-list > li > a > p {
    float: left;
}

.sg-news-list-pubdate {
    width: 100px;
    padding-left: 20px;
}

.sg-news-list-category {
    width: 125px;
    padding-left: 25px;
    font-size: 14px;
    color: #023AA8;
}

.sg-news-list-title {
    width: 700px;
    padding-left: 30px;
}

.sg-news-list-title > span {
    color: #D61925;
}

/* 6-2 NEWS TITLE */
.sg-news-detail-title-area {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-news-detail-title-area img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-news-detail-title-area a {
    color: #1F1F1F;
}

.sg-news-detail-head {
    font-size: 20px;
    line-height: 30px;
}

.sg-news-detail-title-area > div {
    margin-top: 30px;
    line-height: 25px;
}

.sg-news-detail-title-area > div:before, .sg-news-detail-title-area > div:after {
    content: " ";
    display: table;
}

.sg-news-detail-title-area > div:after {
    clear: both;
}

.sg-news-detail-pubdate {
    float: left;
    font-size: 14px;
}

.sg-news-detail-category {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    color: #023AA8;
}

.sg-news-detail-title {
    margin-bottom: 30px;
    padding: 20px 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    line-height: 25px;
    font-size: 20px;
    font-weight: normal;
}

/* 6-3 MODEL SEARCHER */
.sg-modelsearcher {
    line-height: 15px;
}

.sg-modelsearcher th, td {
    vertical-align: middle;
}

/* 6-4 HISTORY */
.sg-history {
    font-family: 'Open Sans', sans-serif, Arial;
}

/* SUBARU TV */
.sg-subaru-tv {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-family: arial;
    font-size: 11px;
    line-height: 1.5;
    color: #1F1F1F;
    margin-bottom: 30px;
}

.sg-subaru-tv img {
    max-width: initial;
    max-width: auto;
    vertical-align: top;
}

.sg-subaru-tv a {
    color: #1F1F1F;
}

.sg-subaru-tv > div.sg-subaru-tv-head {
    position: relative;
}

.sg-subaru-tv > div.sg-subaru-tv-head > h1 {
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: normal;
}

.sg-subaru-tv > div.sg-subaru-tv-head > div {
    float: right;
    display: inline-block;
    padding: 0px 15px 0px 20px;
    line-height: 40px;
    text-align: right;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #333333;
    border-radius: 5px;
    cursor: pointer;
}

.sg-subaru-tv > div.sg-subaru-tv-head > div span {
    float: left;
}

.sg-subaru-tv > div.sg-subaru-tv-head > ul {
    position: absolute;
    display: none;
    right: 0px;
    padding: 10px 0px;
    line-height: 40px;
    color: #FFFFFF;
    background-color: #666666;
    border-radius: 0px 0px 5px 5px;
    z-index: 100;
}

.sg-subaru-tv > div.sg-subaru-tv-head > ul > li {
    height: 40px;
    padding: 0px 35px 0px 20px;
    font-size: 14px;
    cursor: pointer;
}

.sg-subaru-tv > div.sg-subaru-tv-head > ul > li:hover {
    background-color: #333333;
}

.sg-subaru-tv > ul.sg-subaru-tv-list {
    margin-top: 30px;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul {
    font-size: 0;
    letter-spacing: -1px;
    position: relative;
    margin-bottom: 20px;
    height: 370px;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > div {
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 0px;
    left: 0px;
    top: 0px;
    background-color: #000000;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li {
    display: inline-block;
    font-size: 11px;
    letter-spacing: normal;
    vertical-align: top;
    position: absolute;
    width: 300px;
    height: 160px;
    padding: 190px 10px 20px;
    background-color: #232323;
    overflow: hidden;
    cursor: pointer;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li.hidden {
    display: none;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li img {
    position: absolute;
    left: 0;
    top: 0;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li div {
    display: inline-block;
    padding: 0 5px;
    background-color: #2668E8;
    font-size: 12px;
    color: #FFFFFF;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.sg-subaru-tv > ul.sg-subaru-tv-list > li > ul > li span {
    position: absolute;
    bottom: 5px;
    font-size: 11px;
    color: #999999;
}

.sg-subaru-tv > div.sg-subaru-tv-more {
    display: none;
    padding: 13px 0;
    text-align: center;
    background-color: #232323;
    cursor: pointer;
}

.sg-subaru-tv > div.sg-subaru-tv-more:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* V003 History */
.sg-history .centre {
    margin: 0 auto;
}

.sg-history #historyTopArea {
    position: relative;
    width: 1030px;
    height: 375px;
    z-index: 2;
    overflow: hidden;
}

.sg-history #blueTimeArea {
    width: 100%;
    height: 295px;
}

.sg-history #buttonArea {
    position: absolute;
    left: 354px;
    top: 201px;
    width: 30px;
    height: 68px;
    background-color: #000000;
}

.sg-history #caldown {
    opacity: 0.5;
}

.sg-history #yearPanelArea {
    position: absolute;
    left: 410px;
    top: 200px;
    width: 152px;
    height: 70px;
}

.sg-history #yearPanelArea p {
    color: #FFFFFF;
    text-align: center;
    font-size: 58px;
    line-height: 63px;
    font-weight: 300;
}

.sg-history #yearAcrossLine {
    position: absolute;
    top: 31px;
    z-index: 10;
}

.sg-history #monthPanelArea {
    position: absolute;
    left: 584px;
    top: 200px;
    width: 82px;
    height: 70px;
}

.sg-history #monthPanelArea p {
    color: #FFFFFF;
    text-align: center;
    font-size: 58px;
    line-height: 63px;
    font-weight: 300;
}

.sg-history #monthAcrossLine {
    position: absolute;
    top: 31px;
    z-index: 10;
}

.sg-history #timeLineArea {
    width: 100%;
    height: 80px;
}

.sg-history #timeLineOverlay {
    position: absolute;
    width: 100%;
    height: 80px;
    z-index: 30;
}

.sg-history #timelineCursor {
    position: absolute;
    left: 505px;
    top: 0px;
}

.sg-history #timelineBlueCircle {
    position: absolute;
    left: 505px;
    top: 21px;
}

.sg-history #timeLineLeft {
    position: absolute;
    left: 0px;
    opacity: 0.5;
}

.sg-history #timeLineRight {
    position: absolute;
    right: 0px;
    opacity: 1.0;
}

.sg-history #timeLine {
    position: absolute;
    width: 3135px;
    left: 433px;
}

.sg-history #erasArea {
    position: relative;
    width: 100%;
    height: 80px;
    top: 0px;
    z-index: 2;
}

.sg-history #dotLine {
    position: absolute;
    left: 82.5px;
    top: 30px;
    width: 2970px;
    height: 50px;
    border-top: 1px dashed #FFFFFF;
    z-index: 1;
}

.sg-history .eras {
    display: inline-block;
    float: left;
    width: 165px;
    height: 80px;
    text-align: center;
}

.sg-history .eras p {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
}

.sg-history .eraDot {
    margin-top: 28px;
}

.sg-history #historyCentreArea {
    position: relative;
    width: 100%;
    min-width: 1170px;
    height: 405px;
    background-color: #EEEEEE;
    z-index: 1;
    overflow: hidden;
    transform-style: preserve-3d;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 600px;
    /*	-o-transform-style: preserve-3d;
    -o-perspective: 300px;
    -ms-transform-style: preserve-3d;
    -ms-perspective: 300px;*/
}

.sg-history #historyCentreWrap {
    position: relative;
    width: 1170px;
    height: 315px;
    z-index: 1;
}

.sg-history #newsThumbAreaWrap {
    position: relative;
    width: 100%;
    height: 90px;
    z-index: 15;
}

.sg-history #newsThumbArea {
    position: relative;
    width: 1030px;
    height: 90px;
    background-color: #333333;
    overflow: hidden;
}

.sg-history #newsThumbLeftOverlay {
    position: absolute;
    left: 0px;
    width: 140px;
    height: 90px;
    z-index: 20;
}

.sg-history #newsThumbRightOverlay {
    position: absolute;
    right: 0px;
    width: 140px;
    height: 90px;
    z-index: 20;
}

.sg-history #newsThumbsList {
    position: absolute;
    left: 0px;
    width: 1030px;
    height: 90px;
    overflow: hidden;
    z-index: 11;
}

.sg-history #newsThumbsList li {
    position: absolute;
}

.sg-history #newsTopShadow {
    position: absolute;
    left: 70px;
    top: 0px;
    z-index: 15;
}

.sg-history #newsBottomShadow {
    position: absolute;
    left: 70px;
    bottom: 0px;
    z-index: 15;
}

.sg-history #newsVerticalShadow {
    position: absolute;
    left: 745px;
    top: 30px;
    z-index: 15;
}

.sg-history #newsLeftCircle {
    position: absolute;
    left: 0px;
    top: 137.5px;
    opacity: 0.5;
    z-index: 100;
}

.sg-history #newsRightCircle {
    position: absolute;
    right: 0px;
    top: 137.5px;
    opacity: 1.0;
    z-index: 100;
}

.sg-history #newsList {
    position: absolute;
    width: 1030px;
    /*height: 8100px;*/
    top: 0px;
    left: 70px;
    background-color: #EEEEEE;
    z-index: 10;
}

.sg-history .newsEraArea {
    display: table;
    width: 1030px;
    height: 315px;
}

.sg-history .section0 {
    display: inline-block;
    float: left;
    width: 325px;
    margin-top: 5px;
}

.sg-history .section1 {
    display: inline-block;
    float: left;
    width: 325px;
    margin-top: 5px;
    margin-left: 25px;
}

.sg-history .section2 {
    display: inline-block;
    float: left;
    width: 325px;
    margin-top: 5px;
    margin-left: 25px;
}

.sg-history .newsCells {
    height: 33px;
    margin: 15px 0px;
    overflow: hidden;
    line-height: 16px;
}

.sg-history .newsCells p {
    margin-left: 15px;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    width: 310px;
}

.sg-history .newsCells a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 310px;
    height: 33px;
}

/*
.sg-history .newsCells a:hover {
position: relative;
width: 310px;
background-color: #DDE2E6;
}
*/
.sg-history #newsDetailWrap {
    position: absolute;
    width: 100%;
    height: 405px;
    top: -405px;
    background-color: #FFFFFF;
    overflow: hidden;
    z-index: 20;
    transform: rotateX(-90deg);
    transform-origin: 0px 0px 0px;
    -webkit-transform-origin: 0px 0px 0px;
    -webkit-transform: rotateX(-90deg);
    /*	-o-transform-origin: 0px 0px 0px;
    -o-transform: rotateX(-90deg);
    -ms-transform-origin: 0px 0px 0px;
    -ms-transform: rotateX(-90deg);*/
}

.sg-history #newsDetailFrame {
    position: relative;
    width: 1170px;
    height: 405px;
    overflow: hidden;
}

.sg-history #newsDetailLeftArrow {
    position: absolute;
    left: 0px;
    top: 182.5px;
    opacity: 1.0;
    z-index: 100;
}

.sg-history #newsDetailRightArrow {
    position: absolute;
    right: 0px;
    top: 182.5px;
    opacity: 1.0;
    z-index: 100;
}

.sg-history #newsDetailClose {
    position: absolute;
    right: 5px;
    top: 15px;
    opacity: 1.0;
    z-index: 100;
}

.sg-history .newsDetailBefore {
    position: absolute;
    left: -1030px;
    width: 1030px;
    height: 405px;
    overflow: hidden;
}

.sg-history .newsDetail {
    position: absolute;
    left: 70px;
    width: 1030px;
    height: 405px;
    overflow: hidden;
}

.sg-history .newsDetailAfter {
    position: absolute;
    left: 1170px;
    width: 1030px;
    height: 405px;
    overflow: hidden;
}

.sg-history .newsDetailTop {
    height: 45px;
    margin-top: 15px;
}

.sg-history .newsTitle {
    height: 40px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 25px;
}

.sg-history .newsTitle h2 {
    margin: auto 10px;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
}

.sg-history .newsDetailBottom {
    margin-top: 20px;
    height: 320px;
}

.sg-history .descriptions {
    float: left;
    width: 630px;
}

.sg-history .newsDescription {
    font-size: 14px;
    line-height: 18px;
}

.sg-history .modelHistory {
    margin-top: 15px;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
}

.sg-history .newsDetailPhotoArea {
    float: right;
    width: 380px;
    height: 320px;
    display: inline-block;
    text-align: center;
}

.sg-history .newsDetailPhoto {
    height: 295px;
}

.sg-history .newsDetailPhotoPage {
    height: 20px;
    margin-top: 5px;
}

.sg-history #historyBottomArea {
    position: relative;
    width: 960px;
    height: 150px;
    z-index: 2;
}

.sg-history #logosArea {
    margin-top: 3px;
    text-align: center;
}

.sg-history .logos {
    margin-left: 22px;
    margin-top: 15px;
    /*opacity: 0.5;*/
}

/*
.sg-history #logo0 {
margin-left: 25px;
}

.sg-history #logo9 {
margin-left: 25px;
}

.sg-history #logo17 {
margin-top: 10px;
}

.sg-history #logo18 {
margin-left: 25px;
}
*/
.sg-history .modelNumber {
    font-family: 'Kotta One';
    font-size: 18px;
    line-height: 110%;
    color: #002290;
}

.sg-history .nameOrigin {
    margin-top: 5px;
}

.sg-history .thumbFrames {
    position: absolute;
    width: 80px;
    height: 80px;
    border: 5px solid #E8E8E8;
}

@keyframes activate {
    0% {
        background-color: rgba(234, 239, 248, 0);
    }
    100% {
        background-color: #eaeff8;
    }
}

@-moz-keyframes activate {
    0% {
        background-color: rgba(234, 239, 248, 0);
    }
    100% {
        background-color: #eaeff8;
    }
}

@-webkit-keyframes activate {
    0% {
        background-color: rgba(234, 239, 248, 0);
    }
    100% {
        background-color: #eaeff8;
    }
}

@-o-keyframes activate {
    0% {
        background-color: rgba(234, 239, 248, 0);
    }
    100% {
        background-color: #eaeff8;
    }
}

@-ms-keyframes activate {
    0% {
        background-color: rgba(234, 239, 248, 0);
    }
    100% {
        background-color: #eaeff8;
    }
}

@keyframes deactivate {
    0% {
        background-color: #eaeff8;
    }
    100% {
        background-color: rgba(234, 239, 248, 0);
    }
}

@-moz-keyframes deactivate {
    0% {
        background-color: #eaeff8;
    }
    100% {
        background-color: rgba(234, 239, 248, 0);
    }
}

@-webkit-keyframes deactivate {
    0% {
        background-color: #eaeff8;
    }
    100% {
        background-color: rgba(234, 239, 248, 0);
    }
}

@-o-keyframes deactivate {
    0% {
        background-color: #eaeff8;
    }
    100% {
        background-color: rgba(234, 239, 248, 0);
    }
}

@-ms-keyframes deactivate {
    0% {
        background-color: #eaeff8;
    }
    100% {
        background-color: rgba(234, 239, 248, 0);
    }
}

div.sg-modelsearcher {
    text-align: left;
}

div.sg-modelsearcher #ms_header {
    height: 440px;
    background: url(../images/ms/header_back.png) repeat-y;
    background-position: 50% 0;
}

div.sg-modelsearcher .search-panel-sections {
    width: 1000px;
    height: 197px;
    margin: 0px auto 25px auto;
    position: relative;
    top: 200px;
    background: url(../images/ms/search_panel_back.png) no-repeat;
    /* Slider */
    /* workarounds */
    /* reset extra padding in Firefox */
}

div.sg-modelsearcher .search-panel-sections .section {
    padding: 13px 13px 15px 13px;
    float: left;
    height: 167px;
    width: 223px;
    border-right: 1px solid #ccc;
}

div.sg-modelsearcher .search-panel-sections .section .title {
    font-size: 14px;
    line-height: 1em;
    font-weight: normal;
    text-align: left;
    margin: 0;
    height: 20px;
    color: white;
}

div.sg-modelsearcher .search-panel-sections .section .fields {
    margin-top: 12px;
    left: auto;
    overflow: hidden;
    width: 223px;
}

div.sg-modelsearcher .search-panel-sections .section .fields .toggle-button {
    display: block;
    width: 110px;
    height: 18px;
    margin: 0 2px 2px 0;
    line-height: 18px;
    font-size: 11px;
    color: white;
    background: #000;
    float: left;
    text-align: center;
}

div.sg-modelsearcher .search-panel-sections .section .fields .toggle-button:hover, div.sg-modelsearcher .search-panel-sections .section .fields .toggle-button.is-selected {
    background: url(../images/ms/toggle_button.png) repeat-x;
}

div.sg-modelsearcher .search-panel-sections .section .fields .toggle-button-right-edge {
    margin-right: 0;
}

div.sg-modelsearcher .search-panel-sections .section .fields .slider-field .control_label {
    width: 100px;
    margin: 0 10px 0 0;
    float: left;
}

div.sg-modelsearcher .search-panel-sections .section .fields .slider-field .control_label .label {
    font-size: 11px;
    color: white;
    text-align: left;
}

div.sg-modelsearcher .search-panel-sections .section .fields .slider-field .control_label .dimension {
    font-size: 10px;
    color: #ccc;
    text-align: left;
}

div.sg-modelsearcher .search-panel-sections .section .fields .slider-field .control {
    height: 35px;
    width: 113px;
    float: left;
}

div.sg-modelsearcher .search-panel-sections .section .fields .slider-field .control .scale .min {
    float: left;
    font-size: 10px;
    color: #ccc;
    text-align: left;
}

div.sg-modelsearcher .search-panel-sections .section .fields .slider-field .control .scale .max {
    float: right;
    font-size: 10px;
    color: #ccc;
    text-align: right;
}

div.sg-modelsearcher .search-panel-sections .section.last {
    width: 224px;
    border-right: none;
}

div.sg-modelsearcher .search-panel-sections .slider {
    margin: 7px;
}

div.sg-modelsearcher .search-panel-sections button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

div.sg-modelsearcher .search-panel-sections .ui-slider {
    position: relative;
    text-align: left;
}

div.sg-modelsearcher .search-panel-sections .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
}

div.sg-modelsearcher .search-panel-sections .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
    background: url(../images/ms/slider_bar_active.png);
}

div.sg-modelsearcher .search-panel-sections .ui-slider-horizontal {
    height: 6px;
    width: 99px;
    background: url(../images/ms/slider_bar.png);
}

div.sg-modelsearcher .search-panel-sections .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    background: url(../images/ms/slider_hundle.png);
    outline: none;
    cursor: pointer;
}

div.sg-modelsearcher .search-panel-sections .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 6px;
}

div.sg-modelsearcher .search-panel-sections .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

div.sg-modelsearcher .search-panel-sections .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

div.sg-modelsearcher .search-panel-reset-button-area {
    display: block;
    width: 1000px;
    height: 26px;
    margin: 0 auto;
    position: relative;
    top: 176px;
}

div.sg-modelsearcher .search-panel-reset-button-area a {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    width: 155px;
    height: 26px;
    background: url(../images/ms/reset_button.png) no-repeat;
    background-position: 0 0;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

div.sg-modelsearcher #model_list {
    width: 1000px;
    overflow: hidden;
    margin: 25px auto 25px auto;
}

div.sg-modelsearcher #model_list .column {
    width: 155px;
    margin: 0 7px 0 7px;
    overflow: hidden;
    float: left;
}

div.sg-modelsearcher #model_list .column .title {
    height: 30px;
    width: 149px;
    padding: 9px 3px 0 3px;
    margin: 2px 0 9px 0;
    border-top: 3px solid #000;
}

div.sg-modelsearcher #model_list .column .name {
    font-size: 16px;
    height: 1em;
    margin: 0 0 3px 0;
    line-height: 1em;
    color: #000;
    text-align: left;
}

div.sg-modelsearcher #model_list .column .grade {
    font-size: 11px;
    height: 1em;
    margin: 0 0 0 0;
    line-height: 1em;
    color: #666;
    text-align: left;
}

div.sg-modelsearcher #model_list .column .models {
    padding: 0px;
}

div.sg-modelsearcher #model_list .column .models li {
    font-size: 11px;
    text-align: left;
    margin: 0 0 1px 0;
    line-height: 1em;
}

div.sg-modelsearcher #model_list .column .models li a {
    color: #999;
    display: block;
    padding: 3px 3px 3px 18px;
    background: url(../images/ms/navi_right.png) no-repeat;
    background-position: 3px 6px;
}

div.sg-modelsearcher #model_list .column .models li a.is-active, div.sg-modelsearcher #model_list .column .models li a:hover, div.sg-modelsearcher #model_list .column .models li a.is-inactive:hover {
    background: url(../images/ms/navi_right_hover.png) no-repeat;
    background-position: 3px 6px;
    color: #3761BB;
    background-color: #eaeff8;
    animation: activate 0.2s ease 0s 1 normal;
    -moz-animation: activate 0.2s ease 0s 1 normal;
    -webkit-animation: activate 0.2s ease 0s 1 normal;
    -o-animation: activate 0.2s ease 0s 1 normal;
    -ms-animation: activate 0.2s ease 0s 1 normal;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
}

div.sg-modelsearcher #model_list .column .models li a.is-inactive {
    animation: deactivate 0.2s ease 0s 1 normal;
    -moz-animation: deactivate 0.2s ease 0s 1 normal;
    -webkit-animation: deactivate 0.2s ease 0s 1 normal;
    -o-animation: deactivate 0.2s ease 0s 1 normal;
    -ms-animation: deactivate 0.2s ease 0s 1 normal;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
}

div.sg-modelsearcher #model_list .row {
    overflow: hidden;
    clear: both;
    margin: 0 0 25px 0;
}

div.sg-modelsearcher #model_list .column.one {
    margin: 0 7px 0 0;
}

div.sg-modelsearcher #model_list .column.six {
    margin: 0 0 0 7px;
}

div.sg-modelsearcher .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

div.sg-modelsearcher .modal .container {
    position: absolute;
    background: white;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0px 0px 20px #222;
    border: 1px solid #989898;
}

div.sg-modelsearcher .modal .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -ms-filter: "alpha(opacity=25)";
    z-index: -100;
}

div.sg-modelsearcher .grade-comparison {
    width: 100%;
    height: 100%;
}

div.sg-modelsearcher .grade-comparison .container {
    width: 1005px;
    min-height: 395px;
}

div.sg-modelsearcher .grade-comparison .container .close_button {
    width: 87px;
    height: 22px;
    position: absolute;
    top: -23px;
    right: 30px;
    background: url(../images/ms/close_modal.png);
    cursor: pointer;
    z-index: -50;
}

div.sg-modelsearcher .grade-comparison .container .title {
    font-size: 14px;
    color: #999;
    text-align: left;
}

div.sg-modelsearcher .grade-comparison .container .column {
    width: 239px;
    height: 186px;
    float: left;
    border-right: 1px dashed #ccc;
    padding: 0 5px;
    text-align: left;
}

div.sg-modelsearcher .grade-comparison .container .column .close_model {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url(../images/ms/close_model.png);
    cursor: pointer;
    float: right;
}

div.sg-modelsearcher .grade-comparison .container .column .add_model {
    width: 53px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url(../images/ms/add_model.png);
    cursor: pointer;
}

div.sg-modelsearcher .grade-comparison .container .column .name {
    font-size: 11px;
    color: #000;
    text-align: left;
}

div.sg-modelsearcher .grade-comparison .container .column .series {
    color: #666;
    font-weight: normal;
    margin-left: 3px;
}

div.sg-modelsearcher .grade-comparison .container .column .model {
    font-size: 14px;
    color: #000;
    text-align: left;
    margin: 0 0 5px 0;
}

div.sg-modelsearcher .grade-comparison .container .column .link {
    font-size: 11px;
    text-align: left;
}

div.sg-modelsearcher .grade-comparison .container .column .link a {
    color: #3761bb;
    background: url(../images/ms/navi_right_hover.png) no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 10px;
}

div.sg-modelsearcher .grade-comparison .container .column .link a:hover {
    background: url(../images/ms/navi_right.png) no-repeat;
    background-position: 0 3px;
    color: #999999;
}

div.sg-modelsearcher .grade-comparison .container .column.one {
    width: 240px;
}

div.sg-modelsearcher .grade-comparison-selector {
    z-index: 11;
}

div.sg-modelsearcher .grade-comparison-selector .background {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
}

div.sg-modelsearcher .grade-comparison-selector .container {
    width: 200px;
    text-align: left;
    margin: 15px;
    overflow-y: scroll;
}

div.sg-modelsearcher .grade-comparison-selector-model-name {
    font-weight: bold;
}

div.sg-modelsearcher .grade-comparison-selector-model-series {
    color: #666;
    font-weight: normal;
    margin-left: 3px;
}

div.sg-modelsearcher .grade-comparison-selector-grades {
    margin-bottom: 5px;
}

div.sg-modelsearcher .grade-comparison-selector-grade-name a {
    display: block;
    animation: deactivate 0.2s ease 0s 1 normal;
    -moz-animation: deactivate 0.2s ease 0s 1 normal;
    -webkit-animation: deactivate 0.2s ease 0s 1 normal;
    -o-animation: deactivate 0.2s ease 0s 1 normal;
    -ms-animation: deactivate 0.2s ease 0s 1 normal;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    color: #999;
    cursor: pointer;
}

div.sg-modelsearcher .grade-comparison-selector-grade-name a:hover {
    color: #3761BB;
    background-color: #eaeff8;
    animation: activate 0.2s ease 0s 1 normal;
    -moz-animation: activate 0.2s ease 0s 1 normal;
    -webkit-animation: activate 0.2s ease 0s 1 normal;
    -o-animation: activate 0.2s ease 0s 1 normal;
    -ms-animation: activate 0.2s ease 0s 1 normal;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
}

div.sg-modelsearcher .grade-comparison-spec-table-container {
    clear: both;
}

div.sg-modelsearcher .grade-comparison-spec-table {
    border-collapse: collapse;
}

div.sg-modelsearcher .grade-comparison-spec-table > tbody > tr.even-row {
    background-color: #EAEFF7;
}

div.sg-modelsearcher .grade-comparison-spec-table > tbody > tr > th, div.sg-modelsearcher .grade-comparison-spec-table > tbody > tr > td {
    text-align: left;
    padding: 5px 5px;
    font-size: 11px;
    border: none;
    border-right: 1px solid #fff;
}

div.sg-modelsearcher .grade-comparison-spec-table > tbody > tr > th {
    width: 240px;
}

div.sg-modelsearcher .grade-comparison-spec-table > tbody > tr > td {
    width: 239px;
}

div.sg-modelsearcher .grade-comparison-spec-table a[rel=tooltip] {
    color: #3761bb;
}

div.sg-modelsearcher .ui-tabs-nav {
    border-bottom: 4px solid #345fbe;
    margin-bottom: 4px;
    text-align: left;
}

div.sg-modelsearcher .ui-tabs-nav > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *margin-right: 3px;
    padding: 4px 10px 2px;
    background-color: #adbfe5;
    font-size: 12px;
    outline: none;
}

div.sg-modelsearcher .ui-tabs-nav > li:hover {
    background-color: #5d7ecb;
}

div.sg-modelsearcher .ui-tabs-nav > li a {
    outline: none;
}

div.sg-modelsearcher .ui-tabs-nav > li.ui-tabs-active {
    background-color: #345fbe;
}

div.sg-modelsearcher .ui-tabs-nav > li.ui-tabs-active a {
    color: #fff;
}

.model-searcher.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #666;
    border: 1px solid #aaa;
    border-radius: 5px;
    text-align: left;
    background-color: #fff;
}

@media only screen and (min-width: 900px) {
    .ramadan-2024-banner {
        background-image: url(../files/ramadan-2025-en.jpg) !important;;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    .ramadan-2024-banner-ar {
        background-image: url(../files/ramadan-2025-ar.jpg) !important;;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }
}

@media screen and (max-width: 899px) and (min-width: 500px) {
    .ramadan-2024-banner {
        background-image: url(../files/ramadan-2025-mob-en.jpg) !important;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    .ramadan-2024-banner-ar {
        background-image: url(../files/ramadan-2025-mob-ar.jpg) !important;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }
}

@media only screen and (max-width: 499px) {
    .ramadan-2024-banner {
        background-image: url(../files/ramadan-2025-mob-en.jpg) !important;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    .ramadan-2024-banner-ar {
        background-image: url(../files/ramadan-2025-mob-ar.jpg) !important;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }
}