@charset "utf-8";

/* --------------------------------
    page preset module
-------------------------------- */
html, body {
    width: 100%;
    height: 100%;
}
html {
    min-width: 950px !important;
    font-size: 1em;
}
body {
    min-width: 950px !important;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    line-height: 1.8;
    -webkit-text-size-adjust: none;
}
img {
    vertical-align: bottom;
}

/*
clearfix
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from Mac IE \*/

.clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/*
text style
*/
/* position */
.tRight { text-align: right; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
/* size */
.sizeS { font-size: 0.8em; }
.sizeM { font-size: 1em; }
.sizeL { font-size: 1.2em; }
.sizeLL { font-size: 1.4em; }
/* weight */
.thin { font-weight: lighter; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }
/* color */
.tRed { color: #f00; }
.tGreen { color: #0f0;}
.rBlue { color: #00f; }

/* --------------------------------
    box style
-------------------------------- */
#columnWrapper {
    overflow: hidden;
    width: 100%;
    height: 11000px;
}
#columnTitle {
    overflow: hidden;
    position: relative;
    width: 950px;
    height: 100%;
    margin: 0 auto;
}
#columnText {
    overflow: hidden;
    position: relative;
    width: 950px;
    height: 100%;
    margin: 0 auto;
}
#columnBg {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#columnBg img {
    z-index: 3;
}

/* box status */
#columnWrapper .jHidden {
    opacity: 0;
}

/* --------------------------------
    logo & title
-------------------------------- */
#columnTitle h1#columnLogo {
    position: fixed;
    z-index: 5;
    zoom: 0.8;
    -moz-transform: scale(0.8, 0.8);
}
#columnTitle h2#interviewLogo {
    position: fixed;
    right: 23%;
    z-index: 5;
    zoom: 0.8;
    -moz-transform: scale(0.8, 0.8);
}
#columnTitle h2#movieLogo {
    position: fixed;
    right: 36%;
    z-index: 5;
    zoom: 0.8;
    -moz-transform: scale(0.8, 0.8);
}
#columnTitle h2#performLogo {
    position: fixed;
    left: 23%;
    z-index: 5;
    zoom: 0.8;
    -moz-transform: scale(0.8, 0.8);
}

/* --------------------------------
    column style
-------------------------------- */
/*
text position
*/
#columnText .columnBox {
    position: absolute;
    display: table;
    vertical-align: middle;
    z-index: 5;
}
#columnText .columnBox .colTable {
    display: table-cell;
    vertical-align: middle;
}

/*
text style
*/

/* interview */
#columnText .interview h3 {
    margin-bottom: 0.8em;
    font-size: 1.3em;
    font-weight: bold;
    color: #008AD5;
}
#columnText .interview h4 {
    margin-bottom: 1em;
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
}
#columnText .interview p {
    margin-bottom: 1.3em;
}

/* movie */
#columnText .movie h3 {
    width: 950px;
    margin-bottom: 1em;
    padding: 10px 0;
    color: #49C0C2;
    text-align: center;
    border-top: 1px dotted #49C0C2;
    border-bottom: 1px dotted #49C0C2;
}
#columnText .movie dl {
    width: 720px;
    margin: 0 auto;
}
#columnText .movie dt {
    float: left;
}
#columnText .movie dt img {
    margin-top: 14px;
}
#columnText .movie dd {
    float: right;
}
#columnText .movie .movieHeading {
    margin-bottom: 20px;
    padding: 18px;
    border-left: 2px solid gold;
}
#columnText .movie .movieHeading h4 {
    margin-bottom: 18px;
}
#columnText .movie .movieHeading p {
    color: #f3f2c3;
}
#columnText .movie .movieInfo {
    width: 684px;
    margin: 0 auto 20px;
    padding: 18px;
    color: #fff;
    border: 1px solid #333;
}
#columnText .movie .movieInfo a {
    color: #fff;
    text-decoration: underline;
}


/* --------------------------------
    background
-------------------------------- */
#columnBg img#ph01 {
    position: fixed;
    right: 0;
    bottom: 0;
}
#columnBg img#ph02 {
    position: fixed;
    left: 0;
    bottom: 0;
}
#columnBg img#ph03 {
    position: fixed;
    right: 0;
    bottom: 0;
}
#columnBg img#ph04 {
    position: fixed;
    left: 0;
    bottom: 0;
}
#columnBg img#ph05 {
    position: fixed;
    right: 0;
    bottom: 0;
}

/* --------------------------------
    motif position
-------------------------------- */
#columnBg .motif {
    position: fixed;
    z-index: 5;
    opacity: 0;
}

/* --------------------------------
    section position
-------------------------------- */

/* --------------------------------
    media queries
-------------------------------- */
@media (max-width: 1500px) {
    #columnTitle h1#columnLogo,
    #columnTitle h2#interviewLogo,
    #columnTitle h2#movieLogo,
    #columnTitle h2#performLogo {
        zoom: 0.6;
        -moz-transform: scale(0.6, 0.6);
    }
    #columnBg img.jResize, #columnTitle img.jResize {
        height: 90%;
    }
}

@media (max-width: 950px) {
    #columnWrapper img {
        zoom: 0.7;
        -moz-transform: scale(0.7, 0.7);
    }
    #columnText {
        width: 100%;
    }
    #columnText .colTable {
        padding: 0 30px;
    }
    #columnBg .motif {
        display: none;
    }
}
/* --------------------------------
    parallax default
-------------------------------- */

/* --------------------------------
    myjcom default parts
-------------------------------- */
/* ----------------
float_link(SALE)
---------------- */
.float_link{
    position: fixed;
    bottom: 35%;
    right: 0;
    display: none;
    padding: 8px;
    width: 185px;
    height: auto;
    line-height: 1.3;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.1em;
    box-sizing: border-box;
    border: 1px solid #333;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: url(/special/jtele/tamakikoji/img/bg_alblack.png);
    z-index: 999;
}
.float_link a{
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
}
.float_link span a{
    display:block;
    background:#ec7109;
    border:1px solid #ec7109;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    margin:10px auto 10px auto;
    padding:5px;
    font-weight:bold;
    white-space:nowrap;
    color:#fff;
    font-size:14px;
}
.float_link em{
    letter-spacing:normal;
    font-weight:bold;
}
.float_link span a:hover{
     filter:alpha(opacity=70);
     -moz-opacity:0.7;
     opacity:0.7;
    text-decoration:none;
}
/* ----------------
myjcom header
---------------- */
.page {
    position:relative;
    min-height:86px;
    font-size:83%;
    line-height:1.5;
    color:#FFF;
    text-align:center;
    overflow:hidden;
}
.page img {line-height:1;}
.page hr {display:none;}
.page strong {font-weight:bold;}
.page sub {vertical-align:bottom;}
.page sup {vertical-align:top;}
.page ins {text-decoration:none;}
#headerArea {
    top:0;
    left:0;
    height:86px;
}
/* ----------------
myjcom footer
---------------- */
#footerArea {
    width:100%;
    padding-top:20px;
    /* font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
}
#footerArea a:link {text-decoration:none;}
#footerArea a:visited {
    color:#9966CC;
    text-decoration:none;
}
.footerNav {
    width:960px;
    margin:0 auto;
    font-size:12px;
    line-height:1.6;
}