@charset "UTF-8";
#view {
    background: none;
    padding-bottom: 48px;
    height: auto;
    *zoom: 1;
}

#view:after {
    content: "";
    display: table;
    clear: both;
}

#view.core {
    width: 100%;
}

#container {
    padding: 16px;
}

/**
    sampleCon
---------------------------------------------------------------- */
h2.corner_title {
    clear: both;
    margin: 0 0 6px 0;
    font-size: 131%;
    border-bottom: 1px solid #cccccc;
}

h3.corner_title {
    clear: both;
    margin: 0 0 6px 0;
    font-size: 116%;
}

.sampleCon {
    *zoom: 1;
}

.sampleCon:after {
    content: "";
    display: table;
    clear: both;
}

.sampleCon .stage {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto 46px;
    background-color: #000;
    -webkit-perspective: 480px;
    -moz-perspective: 480px;
    -o-perspective: 480px;
    -ms-perspective: 480px;
    perspective: 480px;
}

.sampleCon .rect {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #f00;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.sampleCon .rect h3 {
    position: absolute;
    width: 100%;
    top: 40%;
    text-align: center;
    font-weight: bold;
}

.sampleCon .rect#z-160 {
    -webkit-transform: translateZ(-160px);
    -moz-transform: translateZ(-160px);
    -o-transform: translateZ(-160px);
    -ms-transform: translateZ(-160px);
    transform: translateZ(-160px);
}

.sampleCon .rect#z_160 {
    -webkit-transform: translateZ(160px);
    -moz-transform: translateZ(160px);
    -o-transform: translateZ(160px);
    -ms-transform: translateZ(160px);
    transform: translateZ(160px);
}

.sampleCon .rect#x45deg {
    -webkit-transform: rotateX(45deg);
    -moz-transform: rotateX(45deg);
    -o-transform: rotateX(45deg);
    -ms-transform: rotateX(45deg);
    transform: rotateX(45deg);
}

.sampleCon .rect#y45deg {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    transform: rotateY(45deg);
}

.sampleCon .rect#z45deg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}