html {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
body {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}

div {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
span {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
applet {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
object {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
iframe {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
h1 {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
h2 {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
h3 {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
h4 {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
h5 {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
h6 {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
p {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
blockquote {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
pre {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
a {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
abbr {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
acronym {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
address {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
big {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
cite {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
code {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
del {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
dfn {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
em {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
font {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
img {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
ins {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
kbd {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
q {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
s {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
samp {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
small {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
strike {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
strong {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
sub {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
sup {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
tt {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
var {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
b {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
u {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
i {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
center {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
dl {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
dt {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
dd {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
ol {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
ul {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
li {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
fieldset {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
form {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
label {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
legend {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
table {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
caption {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
tbody {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
tfoot {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
thead {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
tr {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
th {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
td {
    margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline;
}
body {
    color: rgb(0, 0, 0); line-height: 1; font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, serif; font-size: 12px; -webkit-font-smoothing: antialiased;
}
ul {
    list-style: none;
}
table {
    border-collapse: collapse; border-spacing: 0;
}
a {
    text-decoration: none;
}
a img {
    border: currentColor;
}
html {
/*
    width: 100%; height: 100%; overflow: auto; position: relative; min-height: 640px;
*/
    width: 100%; height: 860px; overflow: auto; position: relative; min-height: 850px;
}
body {
/* max-heightを860にしないとマッピングがずれる
    width: 100%; height: 100%; overflow: auto; position: relative; min-height: 640px;
*/
    width: 100%; height: 100%; overflow: auto; position: relative; max-height: 850px;
}
div.clear {
    width: 0px !important; height: 0px !important; clear: both !important; float: none !important; display: block !important;
}


/***** TBASE ↓ *****/
body.create div#main {
    background: rgb(51, 154, 153);
}
body.network div#main {
    background: rgb(173, 24, 30);
}
body.solution div#main {
    background: rgb(87, 114, 123);
}
body.break div#main {
    background: rgb(179, 157, 107);
}
body.confront div#main {
    background: rgb(108, 155, 209);
}
body.change div#main {
    background: rgb(182, 204, 69);
}

/* 1.創 */
body.create div#main div#area_1 {
    background: rgb(255, 255, 255);
}
body.create div#main div#area_3 {
    background: rgb(255, 255, 255);
}
body.create div#main div#area_4 {
    background: rgb(255, 255, 255);
}

/* 2.結 */
body.network div#main div#area_1 {
    background: rgb(255, 255, 255);
}
body.network div#main div#area_3 {
    background: rgb(173, 24, 30);
}
body.network div#main div#area_4 {
    background: rgb(255, 255, 255);
}

/* 3.解 */
body.solution div#main div#area_1 {
    background: rgb(255, 255, 255);
}
body.solution div#main div#area_3 {
    background-image: url("../img/solution/area3_back.jpg");
    background-repeat: no-repeat;
}
body.solution div#main div#area_4 {
    background: rgb(255, 255, 255);
}

/* 4.破 */
body.break div#main div#area_1 {
    background: rgb(255, 255, 255);
}
body.break div#main div#area_3 {
    background: rgb(242, 238, 237);
}
body.break div#main div#area_4 {
    background: rgb(255, 255, 255);
}

/* 5.向 */
body.confront div#main div#area_1 {
    background: rgb(255, 255, 255);
}
body.confront div#main div#area_3 {
    background: rgb(108, 155, 209);
}
body.confront div#main div#area_4 {
    background: rgb(255, 255, 255);
}

/* 6.変 */
body.change div#main div#area_1 {
    background: rgb(255, 255, 255);
}
body.change div#main div#area_3 {
    background: rgb(182, 204, 69);
}
body.change div#main div#area_4 {
    background: rgb(255, 255, 255);
}

body.create div#loading {
    background: rgb(51, 154, 153);
}
body.network div#loading {
    background: rgb(173, 24, 30);
}
body.solution div#loading {
    background: rgb(87, 114, 123);
}
body.break div#loading {
    background: rgb(179, 157, 107);
}
body.confront div#loading {
    background: rgb(108, 155, 209);
}
body.change div#loading {
    background: rgb(182, 204, 69);
}

body.create ::selection {
    background: rgb(51, 154, 153);
}
body.network ::selection {
    background: rgb(173, 24, 30);
}
body.solution ::selection {
    background: rgb(87, 114, 123);
}
body.break ::selection {
    background: rgb(255, 255, 255);
}
body.confront ::selection {
    background: rgb(108, 155, 209);
}
body.change ::selection {
    background: rgb(250, 190, 0);
}
/***** TBASE ↑ *****/

div#site-translate-header-wrapper {
    background: rgb(0, 0, 0) !important; padding: 0px !important; border: currentColor !important; left: 0px !important; top: 0px !important; width: 100% !important; position: absolute !important;
}
#site-translate-message {
    color: rgb(255, 255, 255) !important;
}
div#site-translate-header-message {
    margin: 0px !important; padding: 0px !important; float: none !important;
}
div#site-translate-header-message span {
    background: rgba(0, 0, 0, 0.5); padding: 0.5em 0px; width: 100%; color: rgb(255, 255, 255) !important; font-size: 10px !important; display: inline-block !important;
}
div#loading {
    background: rgb(43, 46, 56); left: 0px; top: 0px; width: 100%; height: 100%; border-bottom-color: rgba(255, 255, 255, 0); border-bottom-width: 144px; border-bottom-style: solid; position: absolute; z-index: 9; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
div#loading img {
    margin: -30px 0px 0px -30px; left: 50%; top: 50%; display: none; position: absolute;
}
div#curtain {
    left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
div#curtain div#segments {
    width: auto; height: 100%;
}
div#curtain div#segments div.segment {
    width: 250px; height: 100%; float: left;
}
div#wrapper {
    width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 640px;
}
div.init#wrapper {
    overflow: auto;
}
div#wrapper div#main {
    overflow: hidden;
}
div#wrapper div#main_inner {
    width: 100000px; position: relative; z-index: 1;
}
div.init#wrapper div#main_inner {
    width: auto;
}
div.move_navigation {
    top: 0px; width: 103px; height: 100%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 144px; border-bottom-style: solid; position: fixed; z-index: 10; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
div.move_navigation a {
    width: 100%; height: 100%; display: block; opacity: 0; -moz-opacity: 0; -webkit-touch-callout: none; touch-callout: none;
}
div.move_navigation a img {
    margin: -44px 0px 0px; top: 50%; display: block; position: absolute;
}
div#move_left {
    left: 0px;
}
div#move_right {
    right: 0px;
}
div#move_left a img {
    right: 30px;
}
div#move_right a img {
    left: 30px;
}
div#sub {
    background: rgb(255, 255, 255); left: 0px; width: 100%; height: 144px; bottom: 0px; position: fixed; z-index: 10;
}
div#sub img#detail_loading {
    margin: 30px 0px 0px -30px; left: 50%; top: 50%; display: none; position: absolute;
}
div#detail {
    background: rgb(255, 255, 255); margin-top: 144px; display: none; position: relative; z-index: 99;
}
div#detail_inner {
    left: -1px; height: 100%; display: table; border-collapse: collapse; position: relative; min-width: 970px;
}
div#detail_inner img.loading {
    display: none;
}
div#detail_inner a#detail_close {
    top: -60px; right: 77px; display: block; position: absolute;
}
div#detail_inner div.detail_photo {
    width: 100%; padding-bottom: 30px; vertical-align: middle; display: table-cell; min-width: 640px;
}
div#detail_inner div.detail_photo_inner {
    width: 100%; height: 100%; overflow: hidden; position: relative;
}
div#detail_inner div.detail_photo img.detail_photo_img {
    width: 100%; display: block; position: absolute;
}
div#detail_inner div.detail_photo div.detail_map {
    right: 20px; bottom: 20px; position: absolute;
}
div#detail_inner div.detail_body {
    vertical-align: top; display: table-cell;
}
div#detail_inner div.detail_body div.detail_body_inner {
    margin: 0px auto; padding: 0px 65px 30px 50px; width: 215px; line-height: 24px; font-size: 12px;
}
div#detail_inner div.detail_body div.detail_body_inner p {
    line-height: 21px; font-size: 11px;
}
div#detail_inner div.detail_body div.detail_body_inner p a {
    color: rgb(128, 128, 128); text-decoration: underline;
}
div.myth#detail_inner div.detail_body div.detail_body_inner p {
    line-height: 21px; font-size: 11px;
}
div#detail_inner div.detail_body div.detail_body_inner img.yomitanson_mark {
    display: block;
}
div#detail_inner div.detail_body div.detail_body_inner h4 {
    margin: 35px 0px 10px; color: rgb(128, 128, 128); line-height: 12px; font-size: 12px; font-weight: bold;
}
div#detail_inner div.detail_body div.detail_body_inner em.catch {
    margin: 10px 0px 30px; color: rgb(0, 0, 0); line-height: 28px; font-size: 24px; font-style: normal; font-weight: bold; display: block;
}
div#detail_inner div.detail_body div.detail_body_inner p {
    margin: 30px auto; text-align: left;
}
div#detail_inner div.detail_body div.detail_body_inner p em {
    font-style: normal; font-weight: bold;
}
div#detail_inner div.detail_body div.detail_body_inner div#map_container {
    background: rgb(191, 191, 191); width: 215px; height: 215px; position: relative;
}
div#detail_inner div.detail_body div.detail_body_inner div#map_container div#detail_map {
    width: 215px; height: 215px; position: relative; z-index: 10;
}
div#detail_inner div.detail_body div.detail_body_inner div#map_container a#maplink {
    left: 0px; top: 0px; width: 215px; height: 215px; display: block; position: absolute; z-index: 11;
}

header {
    background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 144px; font-family: Helvetica, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, sans-serif; position: absolute; z-index: 13;
}
header a#menu_button {
    right: 85px; top: 12px; width: 88px; height: 12px; display: block; position: absolute; z-index: 11;
}
header a#stop_button {
    right: 10px; top: 8px; width: 63px; height: 18px; display: block; position: absolute; z-index: 11;
}
header div#header_inner {
    top:30px; left: 15px; width: 100%; bottom: 24px; display: block; position: absolute;
}
header div#header_inner h1 {
    width: 188px; height: 23px; padding-bottom: 3px; display: block;
}
header div#header_inner nav {
    left: 200px; top: 5px; display: block; position: absolute;
}
header div#header_inner nav .nav {
    height: 14px; color: rgb(128, 128, 128); line-height: 16px; border-left-color: rgb(191, 191, 191); border-left-width: 1px; border-left-style: solid; float: left; display: block;
}
header div#header_inner nav span {
    padding: 0px 14px; display: block;
}
header div#header_inner nav a.home span {
    background: url("../img/common/foot_home_icon.png") no-repeat 14px 2px; padding: 0px 14px 0px 32px;
}
header div#header_inner p.copyright {
    font-size: 10px;
}

div#location_nav {
    background: rgb(255, 255, 255); top: 0px; width: 100%; height: 74px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; z-index: 12;
}
div#location_nav a.location_move {
    top: 0px; width: 55px; height: 100%; display: none; position: absolute; z-index: 51;
}
div#location_nav a#location_move_left {
    left: 0px;
}
div#location_nav a#location_move_right {
    right: 0px;
}
div#location_nav div#location_nav_inner {
    position: relative;
}
div#navigation_map {
    padding: 14px 0px 13px; position: relative; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
div#current_area {
    background: rgba(0, 0, 0, 0.1); left: 88px; top: 0px; width: 100px; height: 100%; position: absolute; z-index: 50; pointer-events: none;
}
div#navigation_map div.map_area {
    float: left;
}
div#navigation_map div.map_thumbs.map_area {
    padding: 0px 9px;
}

/* TBASE */
/* ここを生かすとナビゲーションが・・
body.create div#navigation_map div#map_area_2 {
    padding: 0px 9px 0px 46px;
}
*/
/* TBASE */

div#navigation_map div.map_area a {
    overflow: hidden; float: left; display: block; pointer-events: none;
}
div#navigation_map div.map_area a.mainphoto {
    width: 71px; height: 47px; position: relative;
}
div#navigation_map div.map_area a.movie_wrapper {
    width: 71px; height: 47px; position: relative;
}
div#navigation_map div.map_area a.mainphoto img {
    left: 0px; top: 0px; width: 100%; display: block; position: absolute;
}
div#navigation_map div.map_area a.movie_wrapper img {
    left: 0px; top: 0px; width: 100%; display: block; position: absolute;
}
div#navigation_map div.map_area a.photo_thumb {
    background: rgb(249, 249, 249); margin: 14px 1px 0px; border: 1px solid rgb(217, 217, 217); width: 17px; height: 17px;
}
div#main {
    left: 0px; top: 0px; position: absolute;
}
div#main div#main_inner {
    height: 100%;
}
div#main div.area {
    float: left; position: relative;
}

/********************************************************************/
/* 動く画像のスタイル */
/********************************************************************/
/* 結（network） 520×300の2画像 */
div#main div.area div.section_content_network {
/*
    top: 50%; height: 300px; padding-right: 150px; padding-left: 140px; margin-top: -150px; position: relative;
*/
    height: 300px; padding-right: 20px; padding-left: 140px; margin-top: 130px; position: relative;
}
/* 解(solution) 180×180の3画像 */
div#main div.area div.section_content_solution {
    height: 180px; padding-right: 40px; padding-left: 150px; margin-top: 270px; position: relative;
}
/* 向(confront) 180×280の3画像 */
div#main div.area div.section_content_confront {
/*
    height: 280px; padding-right: 35px; padding-left: 255px; margin-top: 280px; position: relative;
*/
    height: 280px; padding-right: 20px; padding-left: 160px; margin-top: -500px; position: relative;
}
/* 変(change) 290×370の3画像 */
div#main div.area div.section_content_change {
    height: 370px; padding-right: 20px; padding-left: 140px; margin-top: 110px; position: relative;
}

div#main div.area div.movie_wrapper .block {
    top: 0px; height: 100%; display: block; position: absolute;
}
div#main div.area div.movie_wrapper .block img {
    display: block;
}
div#main div.area div.movie_wrapper div.caption {
    top: 0px; width: 380px; height: 100%; right: 0px; display: table; position: absolute;
}
body.yuntanza div.area div.movie_wrapper div.caption {
    background: rgba(45, 64, 71, 0.8);
}
body.yachimun div.area div.movie_wrapper div.caption {
    background: rgba(59, 45, 36, 0.8);
}
body.hanaui div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}

/* TBASE */
body.create div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}
body.network div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}
body.solution div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}
body.break div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}
body.confront div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}
body.change div.area div.movie_wrapper div.caption {
    background: rgba(111, 92, 27, 0.8);
}
/* TBASE */
body.haru div.area div.movie_wrapper div.caption {
    background: rgba(11, 62, 42, 0.8);
}
body.yukui div.area div.movie_wrapper div.caption {
    background: rgba(46, 51, 57, 0.8);
}
body.churasan div.area div.movie_wrapper div.caption {
    background: rgba(97, 38, 65, 0.8);
}
body.gusuku div.area div.movie_wrapper div.caption {
    background: rgba(45, 64, 71, 0.8);
}
body.ashibi div.area div.movie_wrapper div.caption {
    background: rgba(51, 51, 51, 0.8);
}
body.gusuku div#area_7 div.movie_wrapper div.caption {
    background: rgba(123, 109, 96, 0.8);
}
div#main div.area div.movie_wrapper div.caption p {
    padding: 0px 40px; text-align: left; color: rgb(255, 255, 255); line-height: 24px; font-size: 12px; vertical-align: middle; display: table-cell;
}
div#main div.area div.catchcopy_wrapper div.textblock {
    top: 0px; width: 400px; height: 100%; right: 0px; color: rgb(255, 255, 255); line-height: 24px; letter-spacing: -1px; font-size: 12px; vertical-align: middle; display: table; position: absolute;
}
div#main div.area div.catchcopy_wrapper div.textblock div.innerblock {
    padding: 0px 60px 0px 0px; width: 340px; vertical-align: middle; display: table-cell;
}
div#main div.area div.catchcopy_wrapper div.textblock p.catchcopy {
    left: -8px; position: relative;
}
div#main div.area div.catchcopy_wrapper div.textblock img {
    width: auto; height: auto;
}
div#main div.area div.movie_wrapper img {
    height: 100%;
}
div#main div.area div.catchcopy_wrapper img {
    height: 100%;
}
div.movie_block_inner {
    left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer;
}
div.movie_block_inner img.playButton {
    margin: -39px 0px 0px -39px; left: 50%; top: 50%; width: 79px !important; height: 79px !important; position: absolute;
}
div.movie_block_inner div.movie_block_bg {
    left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.movie_player {
    margin: -180px 0px 0px -320px; left: 50%; top: 50%; width: 640px; height: 360px; display: none; position: absolute;
}
body.yuntanza div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(45, 64, 71, 0.8);
}
body.yachimun div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(59, 45, 36, 0.8);
}
body.hanaui div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}

/* TBASE */
body.create div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}
body.network div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}
body.solution div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}
body.break div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}
body.confront div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}
body.change div#main div.area div.movie_wrapper div.movie_block div.movie_block_bg {
    background: rgba(111, 92, 27, 0.8);
}

div.detail_photo_inner div.movie_block_bg {
    background: rgba(255, 255, 255, 0.8);
}

/********************************************************************/
/* 動く画像のスタイル */
/********************************************************************/

/* 結（network） 520×300の2画像 */
div#main div.area div.section_content_network div.photo_thumb a {
    margin: 0px 40px 0 20px; padding: 0px; width: 510px; height: 300px; overflow: hidden; float: left; display: block; position: relative;
}
div#main div.area div.section_content_network div.photo_thumb a canvas {
    left: 0px; top: 0px; width: 510px; height: 300px; display: block; position: absolute; z-index: 4;
}
div#main div.area div.section_content_network div.photo_thumb a img {
    left: 0px; top: 0px; width: auto; height: 100%; display: block; position: absolute;
}
div#main div.area div.section_content_network div.photo_thumb a.vert img {
    width: 100%; height: auto;
}
div#main div.area div.section_content_network div.photo_thumb a img.selectButton {
    margin: -39px 0px 0px -39px; left: 50%; top: 50%; display: none; position: absolute; z-index: 5;
}

/* 解(solution) 180×180の3画像 */
div#main div.area div.section_content_solution div.photo_thumb a {
    margin: 0px 40px 0 20px; padding: 0px; width: 180px; height: 180px; overflow: hidden; float: left; display: block; position: relative;
}
div#main div.area div.section_content_solution div.photo_thumb a canvas {
    left: 0px; top: 0px; width: 180px; height: 180px; display: block; position: absolute; z-index: 4;
}
div#main div.area div.section_content_solution div.photo_thumb a img {
    left: 0px; top: 0px; width: auto; height: 100%; display: block; position: absolute;
}
div#main div.area div.section_content_solution div.photo_thumb a.vert img {
    width: 100%; height: auto;
}
div#main div.area div.section_content_solution div.photo_thumb a img.selectButton {
    margin: -39px 0px 0px -39px; left: 50%; top: 50%; display: none; position: absolute; z-index: 5;
}

/* 向(confront) 180×280の3画像 */
div#main div.area div.section_content_confront div.photo_thumb a {
    margin: 0px 25px 0 20px; padding: 0px; width: 160px; height: 280px; overflow: hidden; float: left; display: block; position: relative;
}

div#main div.area div.section_content_confront div.photo_thumb a canvas {
    left: 0px; top: 0px; width: 180px; height: 280px; display: block; position: absolute; z-index: 4;
}

div#main div.area div.section_content_confront div.photo_thumb a img {
    left: 0px; top: 0px; width: auto; height: 100%; display: block; position: absolute;
}
div#main div.area div.section_content_confront div.photo_thumb a.vert img {
    width: 100%; height: auto;
}
div#main div.area div.section_content_confront div.photo_thumb a img.selectButton {
    margin: -39px 0px 0px -39px; left: 50%; top: 50%; display: none; position: absolute; z-index: 5;
}


/* 変(change) 290×370の3画像 */
div#main div.area div.section_content_change div.photo_thumb a {
    margin: 0px 90px 0 20px; padding: 0px; width: 290px; height: 370px; overflow: hidden; float: left; display: block; position: relative;
}
div#main div.area div.section_content_change div.photo_thumb a canvas {
    left: 0px; top: 0px; width: 290px; height: 370px; display: block; position: absolute; z-index: 4;
}
div#main div.area div.section_content_change div.photo_thumb a img {
    left: 0px; top: 0px; width: auto; height: 100%; display: block; position: absolute;
}
div#main div.area div.section_content_change div.photo_thumb a.vert img {
    width: 100%; height: auto;
}
div#main div.area div.section_content_change div.photo_thumb a img.selectButton {
    margin: -39px 0px 0px -39px; left: 50%; top: 50%; display: none; position: absolute; z-index: 5;
}



div#main div.area a.back_index {
    right: 172px; bottom: -30px; display: block; position: absolute;
}
div#main div#area_1 {
    overflow: hidden; position: relative;
}
div#main div#area_1 h2.section_title {
    margin: -140px 0px 0px; left: 75px; top: 50%; position: absolute; z-index: 2;
}
div#main div#area_1 img.mainphoto {
    position: absolute; z-index: 1;
}
div#main div#area_2 {
    
}
div#main div#area_2 div.section_border {
    height: 100%; bottom: 0px; display: block; position: absolute; z-index: 2;
}
div#main div#area_2 div.section_border img {
    height: 100%; display: block;
}
div#main div#area_2 div.section_content {
    z-index: 3;
}
div#main div#area_2 div.section_content h3.section_catch {
    top: 0px; position: absolute;
}
div#main div#area_2 div.section_content div.section_description {
    left: 400px; top: 0px; width: 300px; height: 100%; display: table; position: absolute;
}
div#main div#area_2 div.section_content div.section_description p {
    width: 100%; height: auto; text-align: left; color: rgb(255, 255, 255); line-height: 24px; font-size: 12px; vertical-align: middle; display: table-cell;
}
div#area_2 div.section_content {

/* TBASE
ブラウザの設定で、上のスタイルをユーザー・スタイルシートにすれば、どのWebページでも背景色が黒で文字色が白で見ることができます。
*/
/*
    padding-left: 760px !important;
*/
}

/* TBASE */
body.create div#area_2 h3.section_catch {
    left: 101px;
}
body.network div#area_2 h3.section_catch {
    left: 101px;
}
body.solution div#area_2 h3.section_catch {
    left: 101px;
}
body.break div#area_2 h3.section_catch {
    left: 101px;
}
body.confront div#area_2 h3.section_catch {
    left: 101px;
}
body.change div#area_2 h3.section_catch {
    left: 101px;
}
/* TBASE */


div.section_link {
    background: rgb(255, 255, 255); top: 0px; width: 250px; height: 100%; overflow: hidden; float: none !important; display: block; position: absolute !important; z-index: 10;
}
div.section_link a {
    display: block;
}
div.section_link img {
    width: auto; height: 100%; display: block; position: absolute;
}
div.section_link img.section_link_name {
    left: 50% !important; top: 50% !important; width: auto !important; height: auto !important; display: block; position: absolute;
}
div#section_prev {
    left: -250px;
}
div#section_prev img {
    right: 0px;
}
div#section_next {
    right: -250px;
}
div#section_next img {
    left: 0px;
}


/* TBASE */
body.create div#section_prev img.section_link_name {
    margin: -38px 0px 0px -87px;
}
body.create div#section_next img.section_link_name {
    margin: -19px 0px 0px -46px;
}
body.network div#section_prev img.section_link_name {
    margin: -38px 0px 0px -87px;
}
body.network div#section_next img.section_link_name {
    margin: -19px 0px 0px -46px;
}
body.solution div#section_prev img.section_link_name {
    margin: -38px 0px 0px -87px;
}
body.solution div#section_next img.section_link_name {
    margin: -19px 0px 0px -46px;
}
body.break div#section_prev img.section_link_name {
    margin: -38px 0px 0px -87px;
}
body.break div#section_next img.section_link_name {
    margin: -19px 0px 0px -46px;
}
body.confront div#section_prev img.section_link_name {
    margin: -38px 0px 0px -87px;
}
body.confront div#section_next img.section_link_name {
    margin: -19px 0px 0px -46px;
}
body.change div#section_prev img.section_link_name {
    margin: -38px 0px 0px -87px;
}
body.change div#section_next img.section_link_name {
    margin: -19px 0px 0px -46px;
}
/* TBASE */

div#editor_popup {
    background: url("../img/common/edit_bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 90;
}
div#authorize {
    background: rgb(255, 255, 255); padding: 30px; left: 50%; top: 50%; width: 580px; display: none; position: absolute; box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}
div#editor {
    background: rgb(255, 255, 255); padding: 30px; left: 50%; top: 50%; width: 580px; display: none; position: absolute; box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}
div#editor_popup form input {
    padding: 13px; border: 1px solid rgb(217, 217, 217); color: rgb(0, 0, 0); font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, serif; font-size: 12px;
}
div#editor_popup form textarea {
    padding: 13px; border: 1px solid rgb(217, 217, 217); color: rgb(0, 0, 0); font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, serif; font-size: 12px;
}
div#editor_popup form button {
    padding: 13px 0px 12px; border: currentColor; width: 122px; color: rgb(255, 255, 255); font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, serif; font-size: 14px; font-weight: bold; cursor: pointer; -webkit-font-smoothing: antialiased;
}
div#editor_popup form button.ok {
    background: rgb(0, 0, 0);
}
div#editor_popup form button.cancel {
    background: rgb(191, 191, 191);
}
div#authorize {
    margin: -55px 0px 0px -320px;
}
div#authorize form {
    display: block; position: relative;
}
div#authorize form span#placeholder {
    padding: 19px; left: 0px; top: 0px; line-height: 12px; font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, serif; font-size: 12px; font-weight: bold; display: block; position: absolute;
}
div#authorize form span.error#placeholder {
    color: rgb(255, 0, 0);
}
div#authorize form input#input_pw {
    width: 288px; line-height: 12px; vertical-align: bottom; position: relative; z-index: 91;
}
div#authorize form button#button_auth {
    margin: 0px 5px;
}
div#authorize div.buttonBlock {
    left: 0px; width: 100%; height: 100%; bottom: 0px; display: none; position: absolute; z-index: 99; background-image: url("../img/common/edit_bg.png");
}
div#authorize div.buttonBlock img {
    margin: -12px 0px 0px -12px; left: 50%; top: 50%; display: block; position: absolute;
}
div#editor {
    margin: -245px 0px 0px -310px; height: 430px;
}
div#editor form input {
    width: 550px; display: block;
}
div#editor form textarea {
    width: 550px; display: block;
}
div#editor form input#input_copy {
    margin: 10px 0px 20px; font-weight: bold;
}
div#editor form textarea {
    height: 222px; line-height: 24px; resize: none;
}
div#editor form button {
    margin: 10px 5px 0px 0px;
}
div#editor div.buttonBlock {
    background: url("../img/common/edit_bg.png"); padding: 0px 0px 0px 300px; left: 0px; width: 340px; height: 80px; bottom: 0px; display: none; position: absolute;
}
div#editor div.buttonBlock img {
    top: 15px; display: block; position: absolute;
}
div#editor p.msg {
    left: 300px; bottom: 30px; line-height: 46px; font-size: 12px; display: none; position: absolute;
}
p.error.msg {
    color: rgb(255, 0, 0); font-weight: bold;
}


/****************************************
 企業ロゴ 
*****************************************/
.corp_logo {
    float:left;
    margin-left:0px;
    display: block;
    position: absolute;
    z-index: 1;
    width: 400px;
}


/****************************************
  Global menu
*****************************************/
.nav_menu {
    right: 10px; top: 40px; width: 800px; display: block; position: absolute; z-index: 0;
}

.nav_menu ol {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}

/* ビジネス */
.nav_menu .menu1 {
    float: right;
    display: block;
    width: 132px;
    height: 34px;
    background-image: url(../img/common/menu_business.png);
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    margin-left: 10px;
}
.nav_menu .menu1:hover {
    background-image: url(../img/common/menu_business_on.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* 会社概要 */
.nav_menu .menu2 {
    float: right;
    display: block;
    width: 132px;
    height: 34px;
    background-image: url(../img/common/menu_company.png);
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    margin-left: 10px;
}
.nav_menu .menu2:hover {
    background-image: url(../img/common/menu_company_on.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* アクセス */
.nav_menu .menu3 {
    float: right;
    display: block;
    width: 132px;
    height: 34px;
    background-image: url(../img/common/menu_access.png);
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    margin-left: 10px;
}
.nav_menu .menu3:hover {
    background-image: url(../img/common/menu_access_on.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* お問い合わせ */
.nav_menu .menu4 {
    float: right;
    display: block;
    width: 132px;
    height: 34px;
    background-image: url(../img/common/menu_contact.png);
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    margin-left: 10px;
}
.nav_menu .menu4:hover {
    background-image: url(../img/common/menu_contact_on.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* 採用情報 */
.nav_menu .menu5 {
    float: right;
    display: block;
    width: 132px;
    height: 34px;
    background-image: url(../img/common/menu_recruit.png);
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    margin-left: 10px;
}
.nav_menu .menu5:hover {
    background-image: url(../img/common/menu_recruit_on.png);
    background-repeat: no-repeat;
    background-position: center;
}