#top-slide-holder {
  max-width: 1000px;
  overflow: visible;
}

#top-slide-holder, #top-slide, #top-slides {
  position: relative;
}

#top-slide, #top-slides {
  overflow: hidden;
}

#top-slide-holder, #top-slide {
  margin: 0 auto;
}

#top-slide-holder, #top-slide {
  height: 447px;
  max-height: 447px;
}

#top-slides, #top-slide-pos {
  margin: 0 !important;
}

#top-slides li, #top-slide-pos, #top-slide-pos li {
  list-style-type: none !important;
}

#top-slides li, #top-slide-pos {
  margin: 0 !important;
}

#top-slide-nav a, #top-slide-pos, #top-slide-pos li {
  display: inline-block;
}

#top-slide {
  position: absolute;
  left: -200px;
  width: 1400px;
}

#top-slides {
  z-index: 1;
}

#top-slides > li {
  position: relative;
  float: left;
  width: 100%;
}

#top-slides > li > a {
  display: block;
}

#top-slide-nav {
  position: absolute;
  z-index: 2;
  bottom: 15px;
  right: 125px;
}

#top-slide-nav a {
  width: 28px;
  height: 28px;
}

#top-slide-pos {
  padding: 0 5px 2px;
}

#top-slide-pos li {
  cursor: pointer;
  float: left;
  margin: 0 3px !important;
  width: 12px;
  height: 12px;
}

#top-slide-nav a, #top-slide-pos li {
  line-height: 1em;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: bottom;
  overflow: hidden;
  background-color: transparent;
  background-image: url("/common/quattro/img/sprite-main-visual.png");
  background-repeat: no-repeat;
}

#top-slide-nav a.previous {
  background-position: 0 0;
}

#top-slide-nav a.next {
  background-position: 0 -30px;
}

#top-slide-nav a.previous:hover, #top-slide-nav a.previous:focus {
  background-position: -30px 0;
}

#top-slide-nav a.next:hover, #top-slide-nav a.next:focus {
  background-position: -30px -30px;
}

#top-slide-nav a.previous:active {
  background-position: -60px 0;
}

#top-slide-nav a.next:active {
  background-position: -60px -30px;
}

#top-slide-pos li {
  background-position: 0 -60px;
}

#top-slide-pos li:hover, #top-slide-pos li:focus {
  background-position: -30px -60px;
}

#top-slide-pos li:active {
  background-position: -60px -60px;
}

#top-slide-pos li.active {
  background-position: 0 -75px;
}

#top-slide-pos li.active:hover, #top-slide-pos li.active:focus {
  background-position: -30px -75px;
}

#top-slide-pos li.active:active {
  background-position: -60px -75px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #top-slide-nav a, #top-slide-pos li {
    background-image: url("/common/quattro/img/sprite-main-visual-hippi.png");
    -webkit-background-size: 90px 90px;
    -moz-background-size: 90px 90px;
    -ms-background-size: 90px 90px;
    -o-background-size: 90px 90px;
    background-size: 90px 90px;
  }
}
#main .texture_contents_wrap {
  width: 100%;
  height: 255px;
  background: url("/common/quattro/img/index_repeat.png");
}

#main .texture_contents_wrap h2 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  width: 1000px;
}

#main .entry_list_right_wrap, #main .entry_list_left_wrap {
  width: 470px;
  background: url("/common/quattro/img/border_470.png") left bottom no-repeat;
}

#main .entry_list_right_wrap {
  float: right;
}

#main .entry_list_left_wrap {
  float: left;
}

#main .entry_box {
  padding-top: 20px;
  background: url("/common/quattro/img/border_470.png") left top no-repeat;
}

#main .entry_box p {
  float: left;
  width: 130px;
  height: 130px;
  overflow: hidden;
}

#main .entry_box p a img {
  width: 130px;
}

#main .entry_box dl {
  float: right;
  width: 320px;
}

#main .entry_box dt {
  font-size: 120%;
  font-weight: normal;
  color: #515b84;
}

#main .entry_box dd a {
  font-size: 130%;
  line-height: 1.5em;
  color: #494c59;
}

#main #index_inquiry_icon {
  position: absolute;
  top: 30px;
  left: 50%;
}

#main #index_inquiry_icon img {
  position: absolute;
  left: -500px;
}

#main #index_report_icon {
  position: absolute;
  top: 60px;
  left: 50%;
}

#main #index_report_icon img {
  position: absolute;
  left: 400px;
}

#main .more_list {
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  width: 1000px;
  text-align: right;
}

#main .more_list li {
  display: inline;
  margin-left: 10px;
  width: 50px;
  height: 24px;
}

#main .three_column_entry_box {
  float: left;
  padding-left: 30px;
  width: 312px;
}

#main .three_column_entry_box:first-child {
  padding-left: 0;
}

#main .index_title_image, #main .blog_thumbnail, #main .time_stamp {
  margin-bottom: 0;
}

#main .blog_thumbnail {
  height: 200px;
  overflow: hidden;
}

#main .blog_thumbnail img {
  width: 312px;
}

#main .time_stamp {
  margin-top: 10px;
  font-size: 100%;
}

#main .three_column_entry_box dt a {
  font-size: 150%;
  color: #494c59;
}

#main .three_column_entry_box dd {
  margin-top: 10px;
}

#main .three_column_entry_box dd a {
  font-size: 120%;
  color: #494c59;
}

#main #news_list_box_wrap {
  background: url("/common/quattro/img/border_1000.png") left bottom no-repeat;
}

#main #news_list_box_wrap .news_list_box {
  padding-top: 10px;
  background: url("/common/quattro/img/border_1000.png") left top no-repeat;
}

#main #news_list_box_wrap .news_list_box p {
  float: left;
  margin-bottom: 10px;
  width: 100px;
}

#main #news_list_box_wrap .news_list_box dl {
  float: right;
  width: 880px;
}

#main #news_list_box_wrap .news_list_box dt {
  font-size: 120%;
  font-weight: normal;
  color: #515b84;
}

#main #news_list_box_wrap .news_list_box dd {
  margin-bottom: 0;
}

#main #news_list_box_wrap .news_list_box dd a {
  font-size: 130%;
  color: #494c59;
}

#main #twitter_icon {
  position: absolute;
  left: 50%;
  top: 55px;
}

#main #twitter_icon img {
  position: absolute;
  left: 380px;
}

.main_contents_area {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}

#main .main_contents_area h3 {
  margin: 30px 0 32px 0;
  color: #253779;
}

#main .main_contents_area h4 {
  margin: 0 0 32px 0;
  color: #253779;
}

#main .casevoice {
  position: relative;
  top: -50px;
  margin: 0 auto 20px;
  padding: 20px 20px 20px 170px;
  width: 810px;
  font-size: 120%;
  background: url("/common/quattro/img/worksvoice_header.png") left top no-repeat;
}

#main .casevoice:after {
  content: url("/common/quattro/img/worksvoice_footer.png");
  position: absolute;
  left: 0;
  bottom: -8px;
}

#main .casevoice h3 {
  margin: 0 0 10px;
  font-size: 110%;
  font-weight: 800;
}

#main .casevoice img {
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 130px;
}

#main .casevoice p {
  margin: 0;
  font-size: 90%;
}

#main .casevoice p strong {
  display: block;
  margin: 5px 0 0 0;
  font-size: 120%;
  font-weight: bold;
}

#main .casevoice_link {
  font-size: 120%;
  text-align: right;
}

#main .casevoice_link a:before {
  content: url("/common/quattro/img/arrow_icon.png");
  text-decoration: underline;
}

#main .casevoice_link a {
  color: #494c59;
}

#main .casevoice_link a:hover {
  color: #516ce3;
}

#main #case_partner_mainlogo {
  position: relative;
  top: -30px;
  text-align: center;
}

#main #case_timeline_partner_mainlogo {
  padding-top: 52px;
  text-align: center;
}

#main .year_wrap {
  position: relative;
  height: 80px;
}

#main .year_head {
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 0;
}

#main .year_back {
  position: relative;
  z-index: -100;
  top: 27px;
  left: 50%;
}

#main .year_back img {
  position: relative;
  z-index: -300;
  left: -600px;
}

#main .timeline_line {
  position: absolute;
  z-index: 0;
  top: 0;
}

#main .timeline_line_s {
  display: none;
  position: absolute;
  z-index: 0;
  top: 0;
}

#main .project_start {
  position: absolute;
  z-index: 500;
  top: 60px;
  left: 0;
}

#main .year_wrap {
  margin: 0 auto;
  width: 1000px;
}

#main .year_wrap.project_start_wrap {
  padding-bottom: 100px;
}

#main .year_wrap .prev_ui {
  position: absolute;
  left: 50%;
  top: 3px;
  width: 17px;
}

#main .year_wrap .next_ui {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 17px;
}

#main .year_wrap .prev_ui a {
  display: block;
  width: 17px;
  height: 24px;
}

#main #case_partner_works_link {
  margin: 20px auto;
  width: 1000px;
  font-size: 120%;
  text-align: right;
}

#main #case_partner_works_link a:before {
  content: url("/common/quattro/img/arrow_icon.png");
  text-decoration: underline;
}

#main #case_partner_works_link a {
  color: #494c59;
}

#main #case_partner_works_link a:hover {
  color: #516ce3;
}

#main #case_timeline_partner_works_link {
  margin: 20px auto;
  width: 1000px;
  font-size: 120%;
  text-align: right;
}

#main #case_timeline_partner_works_link a:before {
  content: url("/common/quattro/img/openwindow_icon.png");
  text-decoration: underline;
}

#main #case_timeline_partner_works_link a {
  color: #494c59;
}

#main #case_timeline_partner_works_link a:hover {
  color: #516ce3;
}

#main #case_partner_timeline_title {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 58px;
}

#main #case_partner_timeline_title img {
  position: relative;
  z-index: 120;
  top: -10px;
  left: 53px;
}

#main .case_partner_timeline {
  position: relative;
  margin: 0 auto;
  padding: 0 0 13px;
  width: 1000px;
  background: url("/common/quattro/img/partner_timeline_bg_footer.png") right bottom no-repeat;
}

#main .case_partner_timeline:before {
  content: url("/common/quattro/img/partner_timeline_bg_header.png");
  position: absolute;
  top: -3px;
}

#main .case_partner_timeline.start_line {
  position: relative;
  margin: 0 auto;
  padding: 0 0 13px;
  width: 1000px;
  background: none;
}

#main .case_partner_timeline.start_line:before {
  content: none;
  position: absolute;
  top: -3px;
}

#main .case_partner_timeline.start_line .project_start_img {
  position: absolute;
  top: 0;
  left: 150px;
}

#main .case_partner_timeline a {
  color: #494c59;
}

#main .case_partner_timeline a:hover {
  color: #516ce3;
}

#main .case_partner_timeline h4 {
  position: relative;
  padding: 15px 0 0 180px;
  width: 800px;
  min-height: 40px;
  font-size: 170%;
}

#main .case_partner_timeline h4 .timeline_point {
  display: block;
  position: absolute;
  top: 17px;
  left: 72px;
  width: 21px;
  height: 21px;
}

#main .case_partner_timeline h4 a.timeline_point:hover {
  opacity: 1;
}

#main .case_partner_timeline div .timeline_point {
  display: block;
  position: absolute;
  top: 17px;
  left: 72px;
  width: 21px;
  height: 21px;
}

#main .case_partner_timeline .date {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  padding: 5px 25px 0 0;
  width: 47px;
  height: 47px;
  font-size: 90%;
  font-weight: bold;
  line-height: 140%;
  text-align: center;
  color: #fff;
  background: url("/common/quattro/img/partner_timeline_date.png") left top no-repeat;
}

#main .case_partner_timeline .category {
  display: table-cell;
  position: absolute;
  top: 5px;
  left: 100px;
  padding: 0 0 0 5px;
  width: 67px;
  height: 38px;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: url("/common/quattro/img/partner_timeline_category.png") left top no-repeat;
}

#main .case_partner_timeline .category span {
  display: block;
  line-height: 1.2em;
}

#main .case_partner_timeline .inside_box {
  padding: 0 20px 20px 180px;
  font-size: 120%;
  background: none;
}

#main .case_partner_timeline div .partner_timeline_link {
  text-align: right;
}

#main .case_partner_timeline div .partner_timeline_link a {
  font-size: 80%;
}

#main .case_partner_timeline div .partner_timeline_link a:before {
  content: url("/common/quattro/img/arrow_icon.png");
  text-decoration: underline;
}

#main .case_partner_timeline div .timeline_voice {
  position: relative;
  margin: 0 auto 20px;
  padding: 20px 20px 20px 170px;
  font-size: 120%;
  background: url("/common/quattro/img/timelinevoice_header.png") left top no-repeat;
}

#main .case_partner_timeline div .timeline_voice:after {
  content: url("/common/quattro/img/timelinevoice_footer.png");
  position: absolute;
  bottom: -8px;
  left: 0;
}

#main .case_partner_timeline div .timeline_voice dt {
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 130px;
}

#main .case_partner_timeline div .timeline_voice dt a img {
  width: 130px;
  height: 130px;
}

#main .case_partner_timeline div .timeline_voice dd {
  position: relative;
  margin: 0;
  overflow: hidden;
  font-size: 90%;
}

#main .case_partner_timeline div .inner_difinition {
  margin: 0;
  padding-top: 10px;
}

#main .case_partner_timeline div .inner_difinition dt {
  position: inherit;
  width: 100%;
  height: auto;
  font-size: 70%;
  font-weight: normal;
}

#main .case_partner_timeline div .inner_difinition dd {
  position: relative;
  margin: 0;
  overflow: hidden;
  font-size: 100%;
}

#main .timeline_voice_nopict {
  position: relative;
  margin: 0 auto 20px;
  padding: 20px 20px 20px 170px;
  font-size: 120%;
  background: url("/common/quattro/img/timelinevoice_header.png") left top no-repeat;
}

#main .timeline_voice_nopict:after {
  content: url("/common/quattro/img/timelinevoice_footer.png");
  position: absolute;
  bottom: -8px;
  left: 0;
}

#main .case_partner_timeline div .timeline_voice dd img {
  float: right;
  margin: 0 0 10px 10px;
}

#main #case_partner_timeline_more {
  margin: 0 auto;
  padding: 3px 0 0 170px;
  width: 830px;
  height: 62px;
  font-size: 120%;
  background: url("/common/quattro/img/partner_timeline_more_bg.png") left top no-repeat;
}

#main #case_partner_timeline_more a {
  color: #494c59;
}

#main #case_partner_timeline_more a:hover {
  color: #516ce3;
}

#main .case_partner_timeline div.inside_box div.inside_box_inner {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  background: none;
}

#main .left_box {
  float: left;
  width: 440px;
}

#main .left_box p {
  font-size: 100%;
}

#main .left_box_about {
  padding-top: 30px;
}

#main .left_box_about p {
  float: left;
  width: 140px;
}

#main .left_box_about .left_box_about_inner {
  float: left;
  width: 300px;
}

#main .left_box_about_inner h4 {
  padding: 0;
  width: auto;
  font-size: 110%;
  line-height: 1.5em;
}

#main .left_box_about_inner dt {
  font-size: 80%;
  font-weight: normal;
}

#main .right_box {
  float: right;
}

#main .case_partner_timeline h4 a {
  line-height: 1.5em;
}

#main .inside_desc {
  font-size: 100%;
}

#main .inside_desc_link a {
  font-size: 90%;
}

#main .inside_desc_link a:before {
  content: url("/common/quattro/img/openwindow_icon.png");
  text-decoration: underline;
}

#main .about_seminar h4 {
  padding: 0;
  height: auto;
  min-height: 100%;
  font-size: 110%;
  line-height: 1.5em;
}

#main .about_seminar p {
  float: left;
  width: 130px;
}

#main .about_seminar_inner {
  float: right;
  width: 650px;
}

#main .about_seminar_inner dt {
  font-size: 80%;
  font-weight: normal;
}

#main .inside_box .inside_pict_list {
  padding-bottom: 20px;
}

#main .inside_box .inside_pict_list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 398px;
}

#main .inside_box .inside_pict_list li.left_image {
  float: left;
}

#main .inside_box .inside_pict_list li.right_image {
  float: right;
}

#main #case_othertimeline_title {
  margin: 0 auto 15px;
  width: 1000px;
}

#main #case_othercase {
  position: relative;
  margin: 0 auto 20px;
}

#main #case_othercase_more {
  position: relative;
  top: -60px;
  margin: 0 auto;
  width: 1000px;
  font-size: 120%;
  text-align: right;
}

#main #case_othercase_more a:before {
  content: url("/common/quattro/img/arrow_icon.png");
  text-decoration: underline;
}

#main #case_othercase_more a {
  color: #494c59;
}

#main #case_othercase_more a:hover {
  color: #516ce3;
}

#main #case_othertimeline {
  position: relative;
  margin: 0 auto 40px;
}

#our-ideas-slide-hldr, #our-ideas-slide {
  max-width: 978px;
}

#our-ideas-slide, #our-ideas-slides {
  position: relative;
  overflow: hidden;
}

#our-ideas-slides, #our-ideas-slide-pos {
  margin-bottom: 0 !important;
}

#our-ideas-slide-hldr {
  padding: 10px;
  width: 978px;
  border: 1px solid #d9d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #d9d7d7;
  -moz-box-shadow: inset 0 0 5px #d9d7d7;
  box-shadow: inset 0 0 5px #d9d7d7;
  background-color: #fff;
}

#our-ideas-slide-hldr.single {
  height: 428px;
}

#our-ideas-slide-hldr.multi {
  height: 448px;
}

#our-ideas-slide {
  height: 428px;
  max-height: 428px;
}

#our-ideas-slides {
  z-index: 1;
}

#our-ideas-slides li {
  list-style-type: none !important;
  margin: 0 !important;
}

#our-ideas-slides > li {
  position: relative;
  float: left;
  width: 100%;
}

#our-ideas-slides > li > a {
  display: block;
  padding: 14px;
  width: 950px;
  height: 400px;
  background-color: #f2f0ec;
}

#our-ideas-slides > li > a:hover, #our-ideas-slides > li > a:focus {
  background-color: #e5e4e1;
}

#our-ideas-slides > li > a:hover img, #our-ideas-slides > li > a:focus img {
  opacity: 1;
}

#our-ideas-slide-nav a, #our-ideas-slide-pos, #our-ideas-slide-pos li {
  display: inline-block;
}

#our-ideas-slide-nav a, #our-ideas-slide-pos li {
  line-height: 1em;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: bottom;
  overflow: hidden;
  background-color: transparent;
  background-image: url("/common/quattro/img/sprite-home-slide.png");
  background-repeat: no-repeat;
}

#our-ideas-slide-nav, #our-ideas-slide-nav a, #our-ideas-slide-pos {
  position: absolute;
}

#our-ideas-slide-nav {
  z-index: 2;
  margin-top: -16px;
  top: 50%;
  right: 0;
  left: 0;
}

#our-ideas-slide-nav a {
  top: 0;
  width: 32px;
  height: 32px;
}

#our-ideas-slide-nav a.previous {
  left: 0;
}

#our-ideas-slide-nav a.next {
  right: 0;
}

#our-ideas-slide-pos {
  left: 0;
  bottom: -240px;
  width: 100%;
  text-align: center;
}

#our-ideas-slide-pos li {
  cursor: pointer;
  margin: 0 5px !important;
  width: 12px;
  height: 12px;
}

#our-ideas-slide-pos li:first-child {
  margin: 0 !important;
}

#our-ideas-slide-nav a.previous {
  background-position: 0 0;
}

#our-ideas-slide-nav a.next {
  background-position: 0 -35px;
}

#our-ideas-slide-nav a.previous:hover, #our-ideas-slide-nav a.previous:focus {
  background-position: -35px 0;
}

#our-ideas-slide-nav a.next:hover, #our-ideas-slide-nav a.next:focus {
  background-position: -35px -35px;
}

#our-ideas-slide-nav a.previous:active {
  background-position: -70px 0;
}

#our-ideas-slide-nav a.next:active {
  background-position: -70px -35px;
}

#our-ideas-slide-pos li {
  background-position: 0 -70px;
}

#our-ideas-slide-pos li:hover, #our-ideas-slide-pos li:focus {
  background-position: -35px -70px;
}

#our-ideas-slide-pos li:active {
  background-position: -70px -70px;
}

#our-ideas-slide-pos li.active {
  background-position: 0 -85px;
}

#our-ideas-slide-pos li.active:hover, #our-ideas-slide-pos li.active:focus {
  background-position: -35px -85px;
}

#our-ideas-slide-pos li.active:active {
  background-position: -70px -85px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #our-ideas-slide-nav a, #our-ideas-slide-pos li {
    background-image: url("/common/quattro/img/sprite-home-slide-hippi.png");
    -webkit-background-size: 102px 100px;
    -moz-background-size: 102px 100px;
    -ms-background-size: 102px 100px;
    -o-background-size: 102px 100px;
    background-size: 102px 100px;
  }
}
#main p._more {
  text-align: right;
}

#loading_bg {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

#loading_img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
}