body {
  min-width: 320px;
}

#main .texture_contents_wrap {
  height: auto;
}

#main .texture_contents_wrap h2 {
  padding: 10px 0;
  width: 100%;
  background: none;
}

#main .texture_contents_wrap h2 img {
  width: 100%;
}

#top-slide-holder {
  display: none;
}

.main_contents_area {
  width: 300px;
}

#main .main_contents_area h3 {
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 110%;
}

#main #news_list_box_wrap .news_list_box dl {
  width: 180px;
}

#main #news_list_box_wrap .news_list_box dt, #main #news_list_box_wrap .news_list_box dd a {
  font-size: 90%;
}

#main .contents_wrap h2.main_contents_title {
  position: static;
  padding: 20px 20px 0 20px;
  height: auto;
  font-size: 130%;
  line-height: 160%;
}

#main .contents_wrap h2.main_contents_title span:after {
  content: url("/common/quattro/img/title_after_icon.png");
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 0 0 10px;
}

#main .contents_wrap h2.main_contents_title span:before {
  content: url("/common/quattro/img/title_before_icon.png");
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 10px 0 0;
}

#main .contents_wrap h2.main_contents_title span {
  top: 0;
  margin: 25px auto;
  padding: 0 30px;
}

#main .three_column_entry_box .time_stamp {
  font-size: 90%;
}

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

#main .three_column_entry_box dd a {
  font-size: 80%;
}

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

#main .contents_wrap img {
  max-width: 300px;
  height: auto;
}

#main .main_contents_area.search_ui_wrap {
  width: 300px;
}

#main .entry_list_left_wrap {
  background: none;
}

#main .entry_list_left_wrap, #main .entry_list_right_wrap {
  float: none;
  width: 100%;
}

#main .entry_list_left_wrap dl, #main .entry_list_right_wrap dl {
  width: 150px;
}

#main .entry_box dt {
  font-size: 90%;
}

#main .entry_box dd a {
  font-size: 80%;
}

#main .casevoice {
  top: 0;
  margin: 0 auto;
  padding: 0 5px 10px 5px;
  width: 300px;
  background: none;
}

#main .casevoice:after {
  display: none;
}

#main .casevoice h3 {
  margin: 0 0 10px 80px;
  font-size: 100%;
}

#main .casevoice img {
  float: left;
  left: 10px;
  margin: 0 10px 10px 0;
  width: 65px;
  height: 65px;
}

#main .casevoice p {
  margin: 0 0 10px 80px;
}

#main #case_partner_mainlogo {
  width: 300px;
}

#main #case_partner_mainlogo img {
  max-width: 250px;
}

#main #case_partner_works_link {
  width: 300px;
  font-size: 90%;
}

#main #case_partner_timeline_title {
  width: 300px;
  height: 70px;
  background: none;
}

#main #case_partner_timeline_title img {
  top: 0;
  left: 2px;
}

#main .case_partner_timeline {
  width: 320px;
  background: url("/common/quattro/img/partner_timeline_bg_footer_s.png") no-repeat left bottom;
}

#main .case_partner_timeline:before {
  content: url("/common/quattro/img/partner_timeline_bg_header_s.png");
  top: -13px;
}

#main .case_partner_timeline h4 {
  padding: 40px 30px 0 100px;
  width: 205px;
  min-height: 20px;
  font-size: 100%;
}

#main .case_partner_timeline h4 .timeline_point {
  left: 0;
}

#main .case_partner_timeline div .timeline_point {
  left: 21px;
}

#main .case_partner_timeline .date {
  left: 100px;
  padding: 0;
  width: 100px;
  height: 15px;
  line-height: 100%;
  text-align: left;
  color: #494c59;
  background: none;
}

#main .case_partner_timeline.start_line .date {
  left: 30px;
}

#main .case_partner_timeline .category {
  top: 2px;
  left: 23px;
  padding: 0 0 0 5px;
  height: 43px;
}

#main .case_partner_timeline div {
  display: none;
  padding: 0 10px 15px 65px;
  font-size: 110%;
}

#main .case_partner_timeline div .timeline_voice {
  display: none;
}

#main .case_partner_timeline div .timeline_voice:after {
  content: none;
}

#main .case_partner_timeline div .timeline_voice dt {
  position: static;
  width: 100%;
  height: 100%;
}

#main .case_partner_timeline div .timeline_voice dd img {
  float: none;
  margin: 0 0 10px;
  max-width: 215px;
}

#main #case_partner_timeline_more {
  padding: 3px 0 0 65px;
  width: 300px;
  font-size: 100%;
  background: url("/common/quattro/img/partner_timeline_more_bg_s.png") no-repeat left top;
}

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

#main #related_link h2, #main #case_team_link h2 {
  height: auto;
  background: none;
}

#main .movie_area {
  margin: 20px 0;
  padding: 0;
  width: 300px;
  height: auto;
}

#main .movie_area img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

#main .case_team_voice {
  padding: 0;
  width: 300px;
  background: none;
}

#main .case_team_voice:after {
  content: none;
}

#main .case_team_voice a {
  display: block;
  position: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 130px;
  height: auto;
}

#main .case_team_voice a img {
  display: block;
  width: 70px;
  height: 70px;
}

#main .case_team_voice h3, #main .casevoice h3 {
  margin-left: 80px;
  font-size: 80%;
}

#main .case_team_voice h3 {
  margin-top: 0;
}

#main #case_team_member {
  padding-left: 10px;
  width: 290px;
}

#main .case_team_voice p, #main .casevoice p {
  margin-left: 80px;
  font-size: 80%;
}

#main .case_team_voice p strong, #main .casevoice p strong {
  font-size: 110%;
  font-weight: bolder;
}

#main #case_team_member li {
  list-style: none;
  float: left;
  margin: 0 10px 0 0;
  width: 130px;
  text-align: center;
}

#main #case_team_more {
  position: static;
  margin: 0 0 20px;
  width: 300px;
}

#main #case_team_more a, #main #case_partner_more a, #main #case_othercase_more a, #main #case_search_more a {
  font-size: 80%;
}

#main #case_partner_more {
  position: relative;
  z-index: 200;
  top: 290px;
  left: 0;
  width: 300px;
}

#main .case_partner_timeline .width_max_image img {
  max-width: 200px;
}

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

#our-ideas-slide-hldr {
  width: 278px;
}

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

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

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

#our-ideas-slides > li > a {
  padding: 14px;
  width: 250px;
  height: 105px;
}

#our-ideas-slides > li img {
  max-width: 250px !important;
}

#our-ideas-slide-pos {
  bottom: -93px;
}

#main .three_column_entry_box {
  width: 300px;
  float: none;
}

#main .blog_thumbnail {
  height: auto;
  overflow: hidden;
}

#main p._more {
  text-align: right;
}

#main .more_list {
  width: 300px;
}

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