@import url("https://fonts.googleapis.com/css?family=Lato");
.top {
  background: #fff;
}
.top.debug {
  background: url("../../images/top/___pc_index_debug02.jpg") no-repeat top center;
  background-size: cover;
  height: 2000px;
}
.top.debug #mainArea {
  background: rgba(255,0,0,0.3);
}
.top.debug #mainArea .slides {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.top.debug #collection #collecitionPage01.content {
  background: rgba(255,0,0,0.5);
}
.top.debug #collection #collecitionPage02.content {
  background: rgba(255,0,0,0.5);
}
.top.debug #concept #conceptPage01 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.top.debug #concept #conceptPage02 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.top.debug #ethical #ethicalPage01.content {
  background: rgba(255,0,0,0.5);
}
.top.debug #ethical #ethicalPage02.content {
  background: rgba(255,0,0,0.5);
}
.top.debug #contributors {
  background: rgba(255,0,0,0.5);
}
.top.debug #creator {
  background: rgba(255,0,0,0.5);
}
.top.debug #footer {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  background: rgba(255,0,0,0.5);
}
.top .section {
  position: relative;
  line-height: 1.8;
}
.top .section .inner {
  width: 1100px;
  height: 100%;
  min-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.top .section h2 {
  position: absolute;
  left: 100px;
  line-height: 0;
}
.top .section .content_wrap {
  position: relative;
}
.top .section .content {
  width: 100%;
  height: 100%;
}
.top .section .content .link {
  position: absolute;
  cursor: pointer;
  top: 305px;
  vertical-align: middle;
  font-size: 79%;
}
.top .section .content .link span {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top .section .content .link img {
  vertical-align: middle;
}
.top .section .content .link.right {
  right: 15px;
}
.top .section .content .link.right img {
  margin-left: 10px;
}
.top .section .content .link.left {
  left: 15px;
}
.top .section .content .link.left img {
  margin-right: 10px;
}
.top .section .block {
  position: absolute;
  left: 100px;
}
.top .section .introBox {
  position: relative;
  left: 100px;
  display: inline-block;
  line-height: 0;
}
.top .section .introBox p {
  position: absolute;
  left: 160px;
  bottom: 60px;
}
.top .section .introBox .biography {
  position: absolute;
  left: 160px;
  bottom: 0;
}
.top .section .introBox .biography a {
  display: inline-block;
  height: 29px;
}
.top .section .introBox.large p {
  left: 224px;
  bottom: 90px;
}
.top .section .introBox.large .biography {
  left: 222px;
  bottom: 43px;
}
.top #header {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background: #fff;
  min-width: 1100px;
}
.top.onTop #header {
  background: none;
}
.top #mainArea {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  margin: 0 auto;
  min-width: 1100px;
  min-height: 694px;
}
.top #mainArea h2 {
  display: inline-block;
  text-align: center;
  z-index: 10;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 256px;
  left: 89px;
}
.top #mainArea .slides {
  position: relative;
  min-width: 1100px;
  min-height: 694px;
}
.top #mainArea .slides li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.top #mainArea .slides li#slide01 {
  background: url("../images/top/main_visual01.jpg") no-repeat top center #e9ecf0;
  background-size: cover;
}
.top #mainArea .slides li#slide02 {
  background: url("../images/top/main_visual02.jpg") no-repeat top center #e9ecf0;
  background-size: cover;
}
.top #mainArea .slides li#slide03 {
  background: url("../images/top/main_visual03.jpg") no-repeat top center #e9ecf0;
  background-size: cover;
}
.top #wrapper {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}
.top #collection .content_wrap {
  height: 650px;
  min-width: 1100px;
}
.top #collection .content {
  display: none;
  position: absolute;
}
.top #collection .content#collecitionPage01 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background: url("../images/top/collection_bg.png") no-repeat top center #e9ecf0;
  display: block;
}
.top #collection .content#collecitionPage01 h2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 120px;
}
.top #collection .content#collecitionPage01 .link {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #collection .content#collecitionPage01 .block {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 225px;
}
.top #collection .content#collecitionPage01 .block .movie {
  margin-top: 58px;
}
.top #collection .content#collecitionPage01 .block .debut {
  margin-top: 22px;
  line-height: 0;
}
.top #collection .content#collecitionPage01 ul.items {
  position: relative;
}
.top #collection .content#collecitionPage01 ul.items li {
  position: absolute;
}
.top #collection .content#collecitionPage01 ul.items li#watch01 {
  top: 51px;
  right: 295px;
}
.top #collection .content#collecitionPage01 ul.items li#watch01 .map {
  width: 155px;
  height: 250px;
  top: 29px;
  left: 20px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.top #collection .content#collecitionPage01 ul.items li#watch02 {
  top: 157px;
  right: 139px;
}
.top #collection .content#collecitionPage01 ul.items li#watch02 .map {
  width: 140px;
  height: 300px;
  top: 10px;
  left: 22px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
.top #collection .content#collecitionPage01 ul.items li#watch03 {
  top: 325px;
  right: 266px;
}
.top #collection .content#collecitionPage01 ul.items li#watch03 .map {
  width: 120px;
  height: 290px;
  top: -7px;
  left: 35px;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.top #collection .content#collecitionPage01 ul.items .map {
  position: absolute;
  cursor: pointer;
}
.top #collection .content#collecitionPage01 .screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.9);
  display: none;
  z-index: 100;
}
.top #collection .content#collecitionPage01 .screen li {
  display: none;
  position: absolute;
}
.top #collection .content#collecitionPage01 .screen li img {
  position: relative;
  line-height: 0;
}
.top #collection .content#collecitionPage01 .screen li .hovermap {
  position: absolute;
  display: inline-block;
  line-height: 0;
}
.top #collection .content#collecitionPage01 .screen li .btn {
  position: absolute;
  display: inline-block;
  line-height: 0;
  width: 108px;
  height: 29px;
}
.top #collection .content#collecitionPage01 .screen li#watch_detail01 {
  top: 60px;
  right: 324px;
  padding-bottom: 30px;
}
.top #collection .content#collecitionPage01 .screen li#watch_detail01 .hovermap {
  width: 155px;
  height: 250px;
  top: 20px;
  left: 275px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.top #collection .content#collecitionPage01 .screen li#watch_detail01 .btn {
  top: 325px;
  right: 51px;
}
.top #collection .content#collecitionPage01 .screen li#watch_detail02 {
  top: 168px;
  right: 139px;
  padding-bottom: 30px;
}
.top #collection .content#collecitionPage01 .screen li#watch_detail02 .hovermap {
  width: 140px;
  height: 300px;
  top: 0px;
  left: 320px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
.top #collection .content#collecitionPage01 .screen li#watch_detail02 .btn {
  top: 337px;
  right: 68px;
}
.top #collection .content#collecitionPage01 .screen li#watch_detail03 {
  top: 326px;
  right: 250px;
  padding-right: 30px;
}
.top #collection .content#collecitionPage01 .screen li#watch_detail03 .hovermap {
  width: 120px;
  height: 290px;
  top: -10px;
  left: 324px;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.top #collection .content#collecitionPage01 .screen li#watch_detail03 .btn {
  top: 154px;
  right: 0;
}
.top #collection .content#collecitionPage02 {
  background: url("../images/top/collection_bg02.png") no-repeat top center #201f1f;
  color: #fff;
}
.top #collection .content#collecitionPage02 h2 {
  top: 120px;
}
.top #collection .content#collecitionPage02 .block {
  top: 225px;
}
.top #collection .content#collecitionPage02 .introBox {
  top: 327px;
  left: 100px;
}
.top #collection .content#collecitionPage02 .comment {
  position: absolute;
  width: 450px;
  top: 90px;
  left: 565px;
  letter-spacing: 0.08rem;
}
.top #collection .content#collecitionPage02 .comment p {
  font-size: 86%;
  line-height: 2.2;
}
.top #collection .content#collecitionPage02 .comment .sign {
  margin-top: 30px;
  display: inline-block;
  font-size: 115%;
  position: absolute;
  right: 5px;
}
.top #collection .content#collecitionPage02 .comment .sign span {
  position: relative;
  left: 30px;
  top: 0;
}
.top #collection .content#collecitionPage02 .comment .sign img {
  vertical-align: middle;
}
.top #collection .block h3 {
  font-size: 172%;
  letter-spacing: 0.2em;
}
.top #collection .block p {
  font-size: 143%;
  letter-spacing: 0.1em;
}
.top #collection02 .content_wrap {
  min-width: 1100px;
  height: 454px;
}
.top #collection02 .content {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #collection02 .content#collecitionPage03 {
  background: url("../images/top/collection_bg02.jpg") no-repeat top center #e9ecf0;
}
.top #collection02 .content#collecitionPage03 h2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 170px;
}
.top #collection02 .content#collecitionPage03 .productImage {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 43px;
  left: 358px;
  position: absolute;
}
.top #collection02 .content#collecitionPage03 .right {
  position: absolute;
  cursor: pointer;
  top: 305px;
  vertical-align: middle;
  font-size: 79%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 227px;
  right: 15px;
}
.top #collection02 .content#collecitionPage03 .right img {
  margin-left: 10px;
  vertical-align: middle;
}
.top #collection02 .diamondsLink {
  display: block;
  width: 730px;
  height: 100%;
  margin-left: auto;
}
.top #other_collection .content_wrap {
  min-width: 1100px;
  height: 195px;
}
.top #other_collection .content {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #other_collection .content#collecitionPage04 {
  background: url("../images/top/collection_bg03.jpg") no-repeat top center #e9ecf0;
}
.top #other_collection .content#collecitionPage04 .images li {
  position: absolute;
  top: 0;
}
.top #other_collection .content#collecitionPage04 .images #watch04 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  left: 68px;
}
.top #other_collection .content#collecitionPage04 .images #watch05 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  right: -41px;
}
.top #other_collection .content#collecitionPage04 .btn {
  position: absolute;
  top: 63px;
  left: 349px;
}
.top #other_collection .content#collecitionPage04 .inner {
  overflow: hidden;
}
.top #concept .content_wrap {
  height: 785px;
}
.top #concept .content {
  display: none;
  position: absolute;
}
.top #concept .content#conceptPage01 {
  display: block;
}
.top #concept .content#conceptPage01 h2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#conceptPage01 .link {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#conceptPage01 .block {
  top: 253px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#conceptPage01 .images li {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#conceptPage02 .block {
  top: 248px;
}
.top #concept h2 {
  top: 123px;
}
.top #concept h3 {
  font-size: 143%;
}
.top #concept p {
  margin-top: 10px;
  font-size: 86%;
  line-height: 2.1;
  letter-spacing: 0.1em;
  bottom: auto;
  top: 73px;
}
.top #concept .images {
  zoom: 1;
  position: absolute;
  bottom: 90px;
  left: 100px;
}
.top #concept .images:before,
.top #concept .images:after {
  content: "";
  display: table;
}
.top #concept .images:after {
  clear: both;
}
.top #concept .images li {
  float: left;
  line-height: 0;
}
.top #concept {
  padding-bottom: 140px;
}
.top #concept .content_wrap {
  height: 785px;
  min-width: 1100px;
}
.top #concept .content {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background: url("../images/top/concept_bg.jpg") no-repeat -1px center #f2f2f2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.top #concept .content h2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 143px;
  left: 97px;
}
.top #concept .content .block {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 249px;
}
.top #concept .content .introBox {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: 321px;
  line-height: 1.9;
  width: 450px;
}
.top #concept .content .link {
  width: 860px;
  top: 497px;
  left: 100px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content .link ul {
  zoom: 1;
}
.top #concept .content .link ul:before,
.top #concept .content .link ul:after {
  content: "";
  display: table;
}
.top #concept .content .link ul:after {
  clear: both;
}
.top #concept .content .link ul > li {
  float: left;
  margin-left: 60px;
}
.top #concept .content .link ul > li:first-child {
  margin-left: 0;
}
.top #concept .content .link ul > li a {
  display: block;
  width: 400px;
  height: 55px;
}
.top #concept .content#ethicalPage01 {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background: url("../images/top/concept_bg.jpg") no-repeat top center #f2f2f2;
}
.top #concept .content#ethicalPage01 h2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#ethicalPage01 .link {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#ethicalPage01 .block {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#ethicalPage01 .intoroBox {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept .content#ethicalPage01 .scrollBox {
  word-spacing: 0.3em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  font-size: 93%;
  top: 160px;
  right: 160px;
  width: 300px;
  height: 400px;
  line-height: 1.8;
  overflow: hidden;
}
.top #concept .content#ethicalPage01 .scrollBox .mCSB_inside .mCSB_container {
  margin-right: 40px;
}
.top #concept .content#ethicalPage02 {
  background: url("../images/top/ethical_bg02.png") no-repeat top center #e7ebef;
}
.top #concept .content#ethicalPage02 h2 {
  top: 75px;
}
.top #concept .content#ethicalPage02 h3 {
  position: absolute;
  top: 105px;
  right: 95px;
  font-size: 128%;
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.top #concept .content#ethicalPage02 h3 em {
  margin-right: 0.17rem;
  font-size: 116%;
}
.top #concept .content#ethicalPage02 .commit {
  position: relative;
  top: 200px;
  left: 100px;
  width: 900px;
}
.top #concept .content#ethicalPage02 .commit sup {
  position: relative;
  font-size: 72%;
  top: -0.5rem;
}
.top #concept .content#ethicalPage02 .commit sub {
  position: relative;
  font-size: 72%;
  bottom: -0.1rem;
  letter-spacing: 0.17rem;
}
.top #concept .content#ethicalPage02 .commit .line {
  zoom: 1;
}
.top #concept .content#ethicalPage02 .commit .line:nth-of-type(1) dl:nth-of-type(1) {
  background: url("../images/top/comitiment_icon01.png") no-repeat 2px 0;
}
.top #concept .content#ethicalPage02 .commit .line:nth-of-type(1) dl:nth-of-type(2) {
  background: url("../images/top/comitiment_icon02.png") no-repeat 2px 0;
}
.top #concept .content#ethicalPage02 .commit .line:nth-of-type(1) dl:nth-of-type(3) {
  background: url("../images/top/comitiment_icon03.png") no-repeat 2px 0;
}
.top #concept .content#ethicalPage02 .commit .line:nth-of-type(2) dl:nth-of-type(1) {
  background: url("../images/top/comitiment_icon04.png") no-repeat 2px 0;
}
.top #concept .content#ethicalPage02 .commit .line:nth-of-type(2) dl:nth-of-type(2) {
  background: url("../images/top/comitiment_icon05.png") no-repeat 2px 0;
}
.top #concept .content#ethicalPage02 .commit .line:before,
.top #concept .content#ethicalPage02 .commit .line:after {
  content: "";
  display: table;
}
.top #concept .content#ethicalPage02 .commit .line:after {
  clear: both;
}
.top #concept .content#ethicalPage02 .commit .line dl {
  width: 250px;
  float: left;
  margin-left: 75px;
  line-height: 1.5;
}
.top #concept .content#ethicalPage02 .commit .line dl:nth-of-type(3n+1) {
  margin-left: 0;
}
.top #concept .content#ethicalPage02 .commit .line dl dt {
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  letter-spacing: 0.17em;
}
.top #concept .content#ethicalPage02 .commit .line dl dd {
  height: 240px;
  padding-top: 15px;
  word-spacing: 0.05em;
  font-size: 11px;
  letter-spacing: 0.1em;
}
.top #concept .content#ethicalPage02 .commit .line dl dd h4 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.5em;
}
.top #concept .content#ethicalPage02 .commit .line dl dd span {
  display: inline-block;
  margin-top: 0.5em;
  font-size: 10px;
  line-height: 1.2;
}
.top #concept .watch {
  top: 610px;
  right: 12px;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
}
.top #concept .watch .inner img {
  position: absolute;
  right: 0;
}
.top #concept .modalList {
  zoom: 1;
}
.top #concept .modalList:before,
.top #concept .modalList:after {
  content: "";
  display: table;
}
.top #concept .modalList:after {
  clear: both;
}
.top #concept .modalList .introBox {
  width: 300px;
  margin: 0 0 0 40px;
  left: 0px;
  top: 0px;
  float: left;
}
.top #concept .modalList .introBox:nth-of-type(1) {
  margin-left: 0px;
}
.top #concept #contributors {
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.top #concept #contributors .inner {
  padding-left: 100px;
  width: 1000px;
  min-width: 1000px;
}
.top #concept #contributors h4 {
  margin: 92px 0 40px;
}
.top #instagram {
  margin-bottom: 76px;
}
.top #instagram .content_wrap {
  min-width: 1100px;
  height: 200px;
}
.top #instagram .content#instagramPage {
  background: url("../images/top/instagram_bg.jpg") no-repeat top center #f2f2f2;
}
.top #instagram .content#instagramPage .logo,
.top #instagram .content#instagramPage .btn {
  position: absolute;
}
.top #instagram .content#instagramPage .logo {
  top: 64px;
  left: 110px;
}
.top #instagram .content#instagramPage .btn {
  top: 67px;
  left: 350px;
}
.top #footer {
  min-width: 1100px;
}
.top .modalElement__closeBtn {
  right: 10px;
  top: 10px;
}
.top .contentBox {
  display: none;
  padding: 60px 50px;
  background: url("../images/top/modal_bg.png") no-repeat;
  line-height: 1.5;
  zoom: 1;
}
.top .contentBox:before,
.top .contentBox:after {
  content: "";
  display: table;
}
.top .contentBox:after {
  clear: both;
}
.top .contentBox em {
  font-style: italic;
}
.top .contentBox .img {
  float: left;
  margin-right: 40px;
  width: 202px;
}
.top .contentBox .profile {
  float: right;
  width: 505px;
}
.top .contentBox .text {
  margin-top: 10px;
  letter-spacing: 0.1em;
  font-size: 86%;
}
.top .contentBox .scroll {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  height: 200px;
  overflow: auto;
  font-style: italic;
  word-spacing: 0.1em;
  letter-spacing: 0.1em;
  font-size: 86%;
}
.top #modalView {
  padding: 60px 100px;
  background: url("../images/top/modal_bg.png") no-repeat;
}
.top iframe {
  width: 620px;
  height: 343px;
}