@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;
}