@charset 'UTF-8';
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2014/12/05, 12:36:39
    Author     : kumaki
*/
/*!
* Main CSS
*/
/*
    Created on : 2014/12/05, 12:37:02
    Author     : kumaki
*/
/*
    Created on : 2014/12/05, 12:37:02
    Author     : kumaki
*/
body {
    font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 'ヒラギノ角ゴ Pro W6';
    font-size: 14px;
    line-height: 160%;
    margin: 0 auto;
    padding: 0;
    word-wrap: break-word;
    color: #666;
    background: url(../img/ntop/body-background3.gif) center;
}

header,
nav,
section,
article,
hgroup,
footer,
figure,
figcaption,
menu {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
input,
textarea {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

form,
fieldset,
input,
label {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}
/*link setting*/
a:link {
    text-decoration: none;
    outline: none;
}

a:visited {
    text-decoration: none;
    outline: none;
}

a:hover,
a:active {
    text-decoration: none;
    outline: none;
}
/*share class*/
.clear {
    clear: both;
}

.clearfix {
    display: inline-table;
    zoom: 1;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}

.disp {
    display: inline-block;
    overflow: hidden;
    height: 0;
}

.faqbutton-line {
    display: table;
}

.faqbutton-line .fbl {
    padding-bottom: 5px;
}

@media screen and (min-width: 769px) {
    .faqbutton-line .fbl {
        display: table-cell;
        padding-right: 10px;
        vertical-align: middle;
    }
}

.faqbutton-line .faqbutton {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 12px 16px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    border: 1px solid #0b0e07;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #2dabf9), color-stop(1, #0688fa));
    background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
    background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
    background-color: #2dabf9;
    -webkit-box-shadow: inset 0 -3px 7px 0 #29bbff;
    -moz-box-shadow: inset 0 -3px 7px 0 #29bbff;
    box-shadow: inset 0 -3px 7px 0 #29bbff;
    text-shadow: 0 1px 0 #263666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa', GradientType=0);
}

.faqbutton-line .faqbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #0688fa), color-stop(1, #2dabf9));
    background: -moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
    background: -webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
    background: -o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
    background: -ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
    background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
    background-color: #0688fa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9', GradientType=0);
}

.faqbutton-line .faqbutton:active {
    position: relative;
    top: 1px;
}
/*****************
wrapper
******************/
#wrapper {
    margin: 0 auto;
    padding: 0;
}
/******************
header
*******************/
#header {
    display: block;
    margin: 0 auto;
    padding: 0;
}

#header:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}

#header #headerInnerTop {
    display: block;
    /* min-height: 42px; */
    margin: 0 auto;
    padding: 0;
    /* background: #ff42a1; */
}

#header #headerInnerTop .common_logo {
    display: inline-block;
    float: left;
    padding: 4px 0 0 7px;
}

#header #headerInnerTop .common_logo img {
    width: 100%;
}

#header #headerInnerTop .siteinfo {
    font-size: 11px;
    line-height: 18px;
    display: inline-block;
    float: right;
    padding: 3px 7px 0 0;
    padding-right: 5px;
    text-align: right;
    color: #fff;
}

#header #headerInnerTop .siteinfo a {
    text-decoration: underline;
}

#header #headerInner {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #fac9d7;
    background: #fcf4f6;
    background-size: 100% 100%;
}

#headerInner #headTop {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 5px;
}

#headerInner #headTop:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

#headerInner #headTop h1.logo {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 284px;
    height: 80px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../img/ntop/fany_ticket_logo.png) no-repeat;
    background-position: center;
    background-size: 100% auto;
}

#headerInner #headTop h1.logo a {
    display: block;
    height: 100%;
}

#headerInner #headTop .header_ticket {
    background-color: #ff0000;
    display: inline-block;
    padding: 5px 1px 5px 1px;
    float:left;
    text-align: center;
    width:230px; 
    position: relative; 
    top: 20px; 
    left: 15px;
    margin: 1px auto 1px auto;
}

#headerInner #headTop .header_ticket a {
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
}

#headerInner #headTop .membersLinks {
    display: inline-block;
    float: right;
    margin: 18px auto 18px auto;
    padding: 1px 0;
}

#headerInner #headTop .membersLinks ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '.';
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li {
    display: inline-block;
    float: left;
    min-width: 130px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child {
    margin: 0;
    padding: 0;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child a span:before {
    position: absolute;
    top: 10px;
    left: 5px;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li a {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 10px 10px  10px 20px;
    color: #e7378d;
    border: 1px solid #fac9d7;
    background: #fff;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li a:hover {
    color: #ec79b1;
    background: #fae7f1;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li a.color {
    background: #ffcde6;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li a.color:hover {
    opacity: .65;
    background: #fff;
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li a span {
    display: block;
    margin: 0;
}

#headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 5px;
    content: '▶';
}
/*membersLinks*/
@media screen and (min-width: 380px) and (max-width: 769px) {
    #header #headerInnerTop .common_logo {
        padding: 4px 0 0 3px;
    }

    #header #headerInner {
        display: block;
        overflow: hidden;
        max-width: 980px;
        margin: 0 auto;
        padding: 0;
    }

    #header #headerInner .siteinfo {
        font-size: 10px;
        line-height: 18px;
        display: block;
        float: right;
        margin: -2px 0 0;
        padding: 3px 0 0 0;
        text-align: right;
        color: #fff;
        border-top: 1px solid #ff89c5;
    }

    #headerInner #headTop {
        height: 120px;
    }

    #headerInner #headTop h1.logo {
        display: inline-block;
        float: left;
        width: 100%;
        height: 75px;
        margin: 0;
        padding: 0;
    }

    #headerInner #headTop h1.logo {
        margin-bottom: -5px;
        background-size: 280px auto;
    }

    #headerInner #headTop .header_ticket {
        padding: 1px 0 1px 0;
        float:left;
        text-align: center;
        width:36%; 
        position: relative; 
        left: 29%;
        margin: 15px 0 15px 0;
        bottom: 28px;
        /* height: 12px; */
        line-height: 1;
        top: auto;
    }

    #headerInner #headTop .header_ticket a {
        font-weight: bold;
        font-size: 13px;
    }

    #headerInner #headTop .membersLinks {
        display: inline-block;
        float: right;
        margin: 0;
        padding: 8px 3px 0 5px;
    }

    #headerInner #headTop .membersLinks ul.membersLinks_nav li {
        min-width: 100px;
        margin: 0 10px 0 0;
        /*max-width:100px;*/
    }

    #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
        font-size: 12px;
        padding: 5px;
        letter-spacing: 0;
    }

    #headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
        display: none;
    }

    #headerInner #headTop .membersLinks {
        position: absolute;
        top: auto;
        right: 0;
        left: 0;
        width: 310px;
        height: auto;
        margin: 75px auto auto auto;
        padding: 5px 0 5px 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 379px) {
    #header #headerInnerTop .common_logo {
        padding: 4px 0 0 3px;
    }

    #header #headerInnerTop .siteinfo {
        font-size: 10px;
        line-height: 18px;
        display: block;
        float: right;
        margin: -2px 0 0;
        padding: 3px 0 0 0;
        text-align: right;
        color: #fff;
        border-top: 1px solid #ff89c5;
    }

    #header #headerInner {
        display: block;
        overflow: hidden;
        max-width: 910px;
        margin: 0 auto;
        padding: 0;
    }

    #headerInner #headTop {
        height: 100px;
    }

    #headerInner #headTop h1.logo {
        display: inline-block;
        float: left;
        width: 100%;
        height: 75px;
        margin: 0;
        padding: 0;
    }

    #headerInner #headTop h1.logo {
        margin-top: 20px;
        margin-bottom: -5px;
        background-position: center top;
        background-size: 250px auto;
    }

    #headerInner #headTop .header_ticket {
        padding: 1px 0 1px 0;
        float:left;
        text-align: center;
        width:50%; 
        position: relative;
        left: 25%;
        margin: 2px 0 2px 0;
        bottom: 39px;
        /*height: 6px;*/
        line-height: 0.9;
        top: auto;
    }

    #headerInner #headTop .header_ticket a {
        font-weight: bold;
        font-size: 12px;
    }

    #headerInner #headTop .membersLinks {
        display: inline-block;
        float: right;
        margin: 0;
        padding: 13px 2px 0 2px;
    }

    #headerInner #headTop .membersLinks ul.membersLinks_nav li {
        min-width: 100px;
        margin: 0 10px 0 0;
        /*max-width:80px;*/
    }

    #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
        font-size: 10px;
        padding: 2px;
        letter-spacing: 0;
    }

    #headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
        display: none;
    }

    #headerInner #headTop .membersLinks {
        position: absolute;
        top: auto;
        right: 0;
        left: 0;
        width: 255px;
        height: auto;
        margin: 65px auto auto auto;
        padding: 5px 0 5px 0;
    }
}
/***************headBottom******************/
#headerInner #headBottom {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#headerInner #headBottom:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}
/*****************
breadcrumbs
******************/
#breadcrumbsArea {
    display: block;
    overflow: hidden;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

#breadcrumbs {
    display: inline-block;
    float: left;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

#breadcrumbs .topicPath {
    display: block;
    height: 20px;
    margin: 0 auto;
    padding: 15px 0 5px;
}

#breadcrumbs .topicPath:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

#breadcrumbs .topicPath a {
    font-size: 11px;
    line-height: 30px;
    float: left;
    width: auto;
    padding-right: 13px;
    color: #666;
}

#breadcrumbs .topicPath a span {
    padding-right: 17px;
    text-decoration: underline;
    color: #999;
    background: url(../img/ico_arrow.gif) no-repeat right 3px;
}
/*****************
renewalInfo
******************/
#renewalInfo {
    display: inline-block;
    float: right;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

#renewalInfo p {
    display: block;
    margin: 10px auto 0;
    padding: 0;
}

#renewalInfo p:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

#renewalInfo p a {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0 auto 0;
    padding: 10px 10px 8px 17px;
    color: #ff42a1;
    border: 1px solid #eee;
    border-bottom: none;
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #fff 57%, #fff 89%, #fcfcfc 95%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fcfcfc), color-stop(18%, #ededed), color-stop(57%, #fff), color-stop(89%, #fff), color-stop(95%, #fcfcfc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #fff 57%, #fff 89%, #fcfcfc 95%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #fff 57%, #fff 89%, #fcfcfc 95%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #fff 57%, #fff 89%, #fcfcfc 95%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 5%, #ededed 18%, #fff 57%, #fff 89%, #fcfcfc 95%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#fcfcfc', GradientType=0);
    /* IE6-8 */
}

#renewalInfo p a span {
    text-decoration: underline;
}

@media screen and (min-width: 561px) and (max-width: 980px) {
    #breadcrumbs .topicPath {
        padding: 15px 8px 5px;
    }
}

@media screen and (min-width: 430px) and (max-width: 560px) {
    #renewalInfo {
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    #breadcrumbs .topicPath {
        padding: 7px 0 5px 5px;
    }

    #breadcrumbs .topicPath a {
        padding-right: 5px;
    }

    #breadcrumbs .topicPath a span {
        padding-right: 10px;
    }

    #breadcrumbs .topicPath li {
        float: left;
        padding-right: 5px;
    }

    #renewalInfo p {
        display: block;
        margin: 10px auto 0;
        padding: 0;
    }

    #renewalInfo p a {
        font-size: 11px;
        padding: 5px 5px 8px 5px;
    }
}

@media screen and (min-width: 320px) and (max-width: 450px) {
    #breadcrumbs .topicPath {
        padding: 5px 0 5px 5px;
    }

    #breadcrumbs .topicPath a {
        line-height: 1.5;
        padding-right: 5px;
    }

    #breadcrumbs .topicPath a span {
        padding-right: 10px;
    }

    #renewalInfo {
        display: block;
        overflow: hidden;
        width: 100%;
        margin: -15px auto 0;
        padding: 0;
        text-align: center;
    }

    #renewalInfo p {
        display: block;
    }

    #renewalInfo p a {
        font-size: 14px;
    }

    #renewalInfo p a:before {
        content: '>>︎︎ ';
    }

    #renewalInfo p a:after {
        content: ' <<︎';
    }
}
/*****************
contentsBox
******************/
#contentsnsPace {
    position: relative;
    z-index: 5;
    display: block;
    max-width: 980px;
    margin: 0 auto 80px;
    padding: 30px 0;
    border: 1px solid #eee;
    background: #fff;
}
/*****************
contents
******************/
#contentsArea {
    display: block;
    overflow: hidden;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

#contents {
    position: relative;
    z-index: 5;
    display: block;
    margin: 0 auto 25px;
    padding: 30px;
    border: 1px solid #eee;
    background: #fff;
}

#contents:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '.';
}

#contentsNotPlaceList {
    position: relative;
    z-index: 5;
    display: block;
    max-width: 980px;
    margin: 0 auto 80px;
    padding: 30px;
    border: 1px solid #eee;
    background: #fff;
}

#contentsNotPlaceList:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '.';
}

@media screen and (min-width: 320px) and (max-width: 769px) {
    #contentsnsPace {
        position: relative;
        z-index: 5;
        display: block;
        max-width: 980px;
        margin: 0 auto 80px;
        padding: 10px 0;
        border: 1px solid #eee;
        background: #fff;
    }

    #contents {
        position: relative;
        z-index: 5;
        display: block;
        max-width: 910px;
        margin: 0 auto 80px;
        padding: 5px;
        border: 1px solid #eee;
        background: #fff;
    }

    #contentsNotPlaceList {
        position: relative;
        z-index: 5;
        display: block;
        max-width: 910px;
        margin: 0 auto 50px;
        padding: 10px;
        border: 1px solid #eee;
        background: #fff;
    }
}
/*****会場名タイトル****/
#contents .lumine {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-lumine.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .other {
    overflow: hidden;
    width: 230px;
    height: 34px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-other.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .nanba {
    overflow: hidden;
    width: 230px;
    height: 34px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-nanba.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .mugendai {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-mugendai.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .jimbocho_manzai {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-jimbocho_manzai.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .jinbocho {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-jinbocho.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .asakusa {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-asakusa.gif') no-repeat -42px 0;
    background-size: 100% auto;
}

#contents .aeonmall {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-aeonmall.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .fiveup {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-fiveup.gif') no-repeat -42px 0;
    background-size: 100% auto;
}

#contents .gion {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-gion.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .aryy {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-aryy.gif') no-repeat -62px 0;
    background-size: 100% auto;
}

#contents .omiya {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-omiya.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .numazu {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-numazu.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .manzaigekijyo {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-manzaigekijyo.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .morinomiya {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-morinomiya.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .asahi-gekijyo {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-asahi-gekijyo.png') no-repeat -31px 0;
    background-size: 100% auto;
}

#contents .nishiumeda-gekijo {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-nishiumeda-gekijo.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .postyoshimoto {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-postyoshimoto.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .mugendaidome1 {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-mugendaidome1.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .mugendaidome2 {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-mugendaidome2.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .fukuokagekijyo {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-fukuokagekijyo.gif') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .sakuyalumina {
    overflow: hidden;
    width: 110px;
    height: 90px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-sakuyalumina.png') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .cjpo-ww {
    overflow: hidden;
    width: 110px;
    height: 90px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-cjpo-ww.png') no-repeat 0 0;
    background-size: 100% auto;
}

#contents .cjpo-ss {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-cjpo-ss.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .lumine {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-lumine.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .other {
    overflow: hidden;
    width: 230px;
    height: 34px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-other.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .nanba {
    overflow: hidden;
    width: 230px;
    height: 34px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-nanba.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .mugendai {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-mugendai.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .jimbocho_manzai {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-jimbocho_manzai.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .jinbocho {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-jinbocho.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .asakusa {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-asakusa.gif') no-repeat -42px 0;
    background-size: 100% auto;
}

.ie8 #contents .aeonmall {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-aeonmall.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .fiveup {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-fiveup.gif') no-repeat -42px 0;
    background-size: 100% auto;
}

.ie8 #contents .gion {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-gion.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .aryy {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-aryy.gif') no-repeat -62px 0;
    background-size: 100% auto;
}

.ie8 #contents .omiya {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-omiya.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .numazu {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-numazu.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .manzaigekijyo {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-manzaigekijyo.gif') no-repeat -42px 0;
    background-size: 100% auto;
}

.ie8 #contents .morinomiya {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-morinomiya.gif') no-repeat -42px 0;
    background-size: 100% auto;
}

.ie8 #contents .asahi-gekijyo {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-asahi-gekijyo.png') no-repeat -42px 0;
    background-size: 100% auto;
}

.ie8 #contents .nishiumeda-gekijo {
    overflow: hidden;
    width: 230px;
    height: 40px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-nishiumeda-gekijo.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .postyoshimoto {
    overflow: hidden;
    width: 230px;
    height: 40px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-postyoshimoto.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .mugendaidome1 {
    overflow: hidden;
    width: 230px;
    height: 40px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-mugendaidome1.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .mugendaidome2 {
    overflow: hidden;
    width: 230px;
    height: 40px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-mugendaidome2.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .fukuokagekijyo {
    overflow: hidden;
    width: 230px;
    height: 45px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-fukuokagekijyo.gif') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .sakuyalumina {
    overflow: hidden;
    width: 110px;
    height: 90px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-sakuyalumina.png') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .cjpo-ww {
    overflow: hidden;
    width: 110px;
    height: 90px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-cjpo-ww.png') no-repeat 0 0;
    background-size: 100% auto;
}

.ie8 #contents .cjpo-ss {
    overflow: hidden;
    width: 230px;
    height: 60px;
    white-space: nowrap;
    text-indent: 100%;
    background: url('../img/y-logo-cjpo-ss.gif') no-repeat 0 0;
    background-size: 100% auto;
}

@media screen and (min-width: 320px) and (max-width: 769px) {
    #contents .lumine {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-lumine.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .other {
        overflow: hidden;
        width: 152px;
        height: 30px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-other.gif') no-repeat 0 5px;
        background-size: 100% auto;
    }

    #contents .nanba {
        overflow: hidden;
        width: 152px;
        height: 30px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-nanba.gif') no-repeat 0 5px;
        background-size: 100% auto;
    }

    #contents .mugendai {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-mugendai.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .jimbocho_manzai {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-jimbocho_manzai.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .jinbocho {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-jinbocho.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .asakusa {
        overflow: hidden;
        width: 140px;
        height: 40px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-asakusa.gif') no-repeat -30px 0;
        background-size: 100% auto;
    }

    #contents .aeonmall {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-aeonmall.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .fiveup {
        overflow: hidden;
        width: 140px;
        height: 40px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-fiveup.gif') no-repeat -26px 0;
        background-size: 100% auto;
    }

    #contents .gion {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-gion.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .aryy {
        overflow: hidden;
        width: 140px;
        height: 46px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-aryy.gif') no-repeat -36px 5px;
        background-size: 100% auto;
    }

    #contents .omiya {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-omiya.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .numazu {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-numazu.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .manzaigekijyo {
        overflow: hidden;
        width: 140px;
        height: 46px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-manzaigekijyo.gif') no-repeat 0 5px;
        background-size: 100% auto;
    }

    #contents .morinomiya {
        overflow: hidden;
        width: 140px;
        height: 46px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-morinomiya.gif') no-repeat 0 5px;
        background-size: 100% auto;
    }

    #contents .asahi-gekijyo {
        overflow: hidden;
        width: 152px;
        height: 46px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-asahi-gekijyo.png') no-repeat -30px 5px;
        background-size: 100% auto;
    }

    #contents .nishiumeda-gekijo {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-nishiumeda-gekijo.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .postyoshimoto {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-postyoshimoto.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .mugendaidome1 {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-mugendaidome1.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .mugendaidome2 {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-mugendaidome2.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .fukuokagekijyo {
        overflow: hidden;
        width: 250px;
        height: 45px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-fukuokagekijyo.gif') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .sakuyalumina {
        overflow: hidden;
        width: 110px;
        height: 90px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-sakuyalumina.png') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .cjpo-ww {
        overflow: hidden;
        width: 110px;
        height: 90px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-cjpo-ww.png') no-repeat 0 0;
        background-size: 100% auto;
    }

    #contents .cjpo-ss {
        overflow: hidden;
        width: 230px;
        height: 60px;
        white-space: nowrap;
        text-indent: 100%;
        background: url('../img/y-logo-cjpo-ss.gif') no-repeat 0 0;
        background-size: 100% auto;
    }
}

#contents .annotation {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    margin: 0;
    padding: 10px 0;
}

#contents .url {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin: 0;
    padding: 10px 0;
}

#contents .url a {
    text-decoration: underline;
    color: #333;
}

@media screen and (min-width: 320px) and (max-width: 769px) {
    #contents .annotation {
        font-size: 12px;
        line-height: 1.2;
        display: block;
        margin: 0;
        padding: 10px 0 5px;
    }

    #contents .url {
        font-size: 10px;
        display: inline-block;
        padding: 5px 0;
    }
}
/*****サブタイトルエリア****/
#contents .titleArea {
    display: block;
    margin: 0;
    padding: 0 5px;
}

#contents .dataArea {
    display: block;
    margin: 0;
    padding: 0;
}
/*****サブタイトル  お知らせ****/
.iconNews {
    background: url(../img/ntop/title_icon_top_news.png) no-repeat 0 0;
}
/*****サブタイトル  抽選****/
.iconLottery {
    background: url(../img/title_icon_lotterysales.png) no-repeat 0 0;
}
/*****サブタイトル  一般***/
.iconGeneral {
    background: url(../img/title_icon_generalsale.png) no-repeat 0 0;
}
/*****サブタイトル  カレンダー**/
.iconCalendar {
    background: url(../img/title_icon_schedule.png) no-repeat 0 1px;
}
/*****サブタイトル  TOP 探す**/
.iconTopLookFor {
    background: url(../img/title_icon_top_lookfor.png) no-repeat 0 0;
}
/*****サブタイトル  TOP お知らせ**/
.iconTopNews {
    background: url(../img/ntop/title_icon_top_news.png) no-repeat 0 0;
}
/*****サブタイトル  TOP チケット**/
.iconTopTicket {
    background: url(../img/title_icon_top_ticket.png) no-repeat 0 0;
}
/*****サブタイトル  TOP  SP**/
@media screen and (min-width: 320px) and (max-width: 769px) {
    .iconTopLookFor {
        background: url(../img/title_icon_top_lookfor_s.png) no-repeat 0 0;
    }

    .iconTopNews {
        background: url(../img/ntop/title_icon_top_news_s.png) no-repeat 0 0;
    }

    .iconTopTicket {
        background: url(../img/title_icon_top_ticket_s.png) no-repeat 0 0;
    }
}
/*****************
contents 内容
******************/
#contentsBox {
    display: block;
    overflow: hidden;
    max-width: 910px;
    margin: 0 auto 25px;
    padding: 30px;
}

#contBox {
    display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#contBox h2 {
    font-size: 140%;
    font-weight: normal;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto;
    padding: 0;
    letter-spacing: .1em;
    color: #666;
}

@media screen and (min-width: 320px) and (max-width: 769px) {
    #contBox h2 {
        font-size: 90%;
    }
}

#contBox h3 {
    line-height: 1;
    display: block;
    margin: 10px 0;
    padding: 0 0 0 10px;
    letter-spacing: .1em;
    color: #666;
    border-left: 3px solid #666;
}

#contBox p {
    font-size: 14px;
    line-height: 1.7;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    letter-spacing: .1em;
}

#contBox p.comment {
    font-size: 11px;
    line-height: 1.5;
    margin: 15px  0;
    padding: 0;
    letter-spacing: .1em;
    color: #666;
}

#contBox p.subtitle {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 5px 0 0;
    letter-spacing: .1em;
    color: #777;
}

#contBox span {
    font-size: 13px;
    margin: 0 auto;
    letter-spacing: .1em;
}

#contBox_Left {
    display: block;
    float: left;
    width: 70%;
    margin: 0 auto;
    padding: 0;
}

#contBox_Right {
    display: block;
    float: right;
    width: 28%;
    margin: 0 auto;
    padding: 0;
}
/**listTable**/
.listTable table {
    margin: 10px 0;
    padding: 0;
    text-align: center;
    letter-spacing: .1em;
    border: 1px solid  #f5b9d7;
}

.listTable table .textBox {
    padding: 10px 5px 5px;
}

.listTable table .textBox p {
    font-size: 11px !important;
    display: block!important;
    padding: 0 0 10px !important;
    text-align: center;
    text-align: left;
}

.listTable th {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 2%;
    border-right: 1px solid  #f5b9d7;
    border-bottom: 1px solid  #f5b9d7;
    background: #fdf1f5;
}

.listTable td {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border-right: 1px solid  #f5b9d7;
    border-bottom: 1px solid  #f5b9d7;
    background: #fff;
}

.listTable th:last-child,
.listTable td:last-child {
    border-right: none;
}

.listTable tr:last-child th,
.listTable tr:last-child td {
    border-bottom: none;
}

.listTable a {
    display: block;
}

.listTable p {
    font-size: 12px !important;
    text-align: left;
}
/*****wholeCountryBtn****/
#wholeCountryBtn {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#wholeCountryBtn ul {
    font-size: 85%;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    _zoom: 1;
}

#wholeCountryBtn li {
    display: block;
    float: left;
    width: 31%;
    max-width: 280px !important;
    margin-bottom: 5px;
    padding: 0;
    text-align: center;
    color: #fff;
    color: #fff;
}

#wholeCountryBtn li:nth-child(1) {
    display: block;
    margin: 0 4% 0 0;
    padding: 0;
}

#wholeCountryBtn li:nth-child(2) {
    display: block;
    margin: 0;
    padding: 0;
}

#wholeCountryBtn li:last-child {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}

#wholeCountryBtn li a {
    display: block;
    height: 100%;
}

#wholeCountryBtn li a img {
    width: 100%;
}

#transfer{
    padding: 0px; 
    border: 1px solid #ff0000; 
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

#transfer .renewal{
    color: #ff0000; 
    padding-left: 10px;
    background-color: #fff3da; 
    font-size: 15px; 
    font-weight: bold;
}

#transfer .wording{
    background-color: #ff0000; 
    padding-bottom: 10px;
    padding-top: 5px;
 }

 #transfer .wording p{
    background-color: #ff0000; 
    color: #ffffff; 
    font-size: 15px; 
    font-weight: bold;
    padding-bottom: 0px;
    line-height: 1;
}

#transfer p{
    padding: 5px; 
    padding-left: 10px;
    color: #000000; 
    background-color: #fff3da ; 
}
#transfer a{
    text-decoration :underline; 
    color: #000000;
}


/*****lotterysalesBox  generalsalesBox   #newsBox  scheduleBox****/
#lotterysalesBox,
#generalsalesBox,
#newsBox,
#scheduleBox {
    display: block;
    margin: 0;
    padding: 12px 0 10px;
}

#lotterysalesBox .titleArea,
#generalsalesBox .titleArea,
#newsBox .titleArea,
#scheduleBox .titleArea {
    position: relative;
    display: block;
    background-size: 60px 100%;
}

#lotterysalesBox .titleArea h3,
#generalsalesBox .titleArea h3,
#newsBox .titleArea h3,
#scheduleBox .titleArea h3 {
    font-size: 150%;
    font-weight: normal;
    line-height: 2.9;
    display: inline-block;
    height: 60px;
    margin: 0;
    padding: 0 0 0 65px;
    letter-spacing: .1em;
    color: #fff;
    background-size: 60px 100%;
}

#lotterysalesBox {
    border-color: #4fafff;
}

#lotterysalesBox .titleArea {
    background: url(../img/title_icon_lotterysales_bk.png) repeat-x 0 0;
}

#generalsalesBox .titleArea {
    background: url(../img/title_icon_generalsale_bk.png) repeat-x 0 0;
}

#newsBox .titleArea {
    background: url(../img/title_icon_news_bk.png) repeat-x 0;
}

#scheduleBox .titleArea {
    background: url(../img/title_icon_schedule_bk.png) repeat-x 0 0;
}

#lotterysalesBox .dataArea,
#generalsalesBox .dataArea,
#scheduleBox .dataArea {
    display: block;
    margin: -7px 0 0;
    padding: 20px 0 0;
    text-align: center;
    border-width: 1px;
    border-style: solid;
}

#lotterysalesBox .dataArea .content,
#generalsalesBox .dataArea .content,
#scheduleBox .dataArea .content {
    overflow: hidden;
    padding: 15px;
    background: #fff;
}

#newsBox .dataArea {
    display: block;
    margin: -7px 0 0;
    padding: 20px 15px 15px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
}

#lotterysalesBox .dataArea {
    border-color: #7fbae6;
}

#generalsalesBox .dataArea {
    border-color: #70c17b;
}

#newsBox .dataArea {
    border-color: #ff42a1;
}

#scheduleBox .dataArea {
    border-color: #ff89c5;
}
/*第2検索エリア*/
#lotterysalesBox #retrievalSearch,
#generalsalesBox #retrievalSearch,
#newsBox #retrievalSearch {
    font-size: 12px;
    line-height: 5;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    float: right;
    padding: 0 8px  0 0;
    vertical-align: top;
}

#lotterysalesBox #retrievalSearch ul li,
#generalsalesBox #retrievalSearch ul li,
#newsBox #retrievalSearch ul li {
    display: inline-block;
    margin: 0 7px 0 5px;
    *display: inline;
    *zoom: 1;
}

#lotterysalesBox #retrievalSearch ul li #searchBtn,
#generalsalesBox #retrievalSearch ul li #searchBtn,
#newsBox #retrievalSearch ul li #searchBtn {
    font-weight: bold;
    width: 90px;
    border-width: 1px;
}

#lotterysalesBox #retrievalSearch ul li #keywords,
#generalsalesBox #retrievalSearch ul li #keywords,
#newsBox #retrievalSearch ul li #keywords,
#lotterysalesBox #retrievalSearch ul li #keywords_auto,
#generalsalesBox #retrievalSearch ul li #keywords_auto,
#newsBox #retrievalSearch ul li #keywords_auto {
    width: 250px;
}

#lotterysalesBox #retrievalSearch ul li #searchBtn {
    color: #377fba;
    border-color: #d4ecff;
}

#lotterysalesBox #retrievalSearch ul li #keywords,
#lotterysalesBox #retrievalSearch ul li #keywords_auto {
    border-color: #d4ecff;
}

#generalsalesBox #retrievalSearch ul li #searchBtn {
    color: #fff;
    border-color: #91d49a;
}

#generalsalesBox #retrievalSearch ul li #keywords,
#generalsalesBox #retrievalSearch ul li #keywords_auto {
    border-color: #91d49a;
}

#newsBox #retrievalSearch ul li #searchBtn {
    color: #fff;
    border-color: #ff74ba;
}

#newsBox #retrievalSearch ul li #keywords,
#newsBox #retrievalSearch ul li #keywords_auto {
    border-color: #ff74ba;
}
/*news*/
#newsBox #news {
    display: block;
    margin: -5px 0 0;
    padding: 0;
}

#newsBox #news ul {
    line-height: 1.5em;
    overflow: auto;
    padding: 0;
}

#newsBox #news ul li {
    padding: 9px 0;
    text-align: left;
    border-bottom: #dbdbdb solid 1px;
}

#newsBox #news ul li:last-child {
    padding: 8px 0 0;
    border-bottom: none;
}

#newsBox #news ul li p {
    font-size: 95%;
    line-height: 1.6;
}

#newsBox #news ul li p.title {
    font-size: 100%;
    font-weight: bold;
    padding: 0;
    letter-spacing: .1em;
}

#newsBox #news ul li p time {
    padding: 0 5px 0 0;
    color: #f35c61;
}

#newsBox #news .btnBox a {
    width: 28%;
    padding: 10px 0;
}

@media screen and (min-width: 691px) and (max-width: 900px) {
    #newsBox #news ul li p time {
        display: block;
        padding: 0;
    }

    #newsBox #news ul li p.title {
        font-size: 90%;
    }
}
/*scheduleBox   カレンダー部分*/
#scheduleBox .titleArea p {
    font-size: 12px;
    line-height: 5;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    color: #fff;
}

#scheduleBox .dataArea .calendarList {
    float: right;
    margin: 10px 0 0;
}

#scheduleBox .dataArea .calendarList a {
    font-size: 12px;
    text-decoration: underline;
    color: #bf558b;
}

#scheduleBox .dataArea table {
    margin: 0 auto 20px;
    padding: 0;
    border: 1px solid #ff89c5;
}

#scheduleBox .dataArea table th {
    font-weight: 600;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    letter-spacing: .2em;
    color: #888;
    border-right: 1px solid #ff89c5;
    border-bottom: 1px solid #ff89c5;
    background-color: #fff1f8;
}

#scheduleBox .dataArea table th:first-child {
    color: #fff;
    background-color: #ffb8ac;
}

#scheduleBox .dataArea table th:last-child {
    color: #fff;
    border-right: none;
    background-color: #b4d2e7;
}

#scheduleBox .dataArea table td {
    font-weight: normal;
    margin: 0;
    padding: 8px;
    text-align: left;
    vertical-align: top;
    letter-spacing: .1em;
    color: #999;
    border-right: 1px solid #ff89c5;
    border-bottom: 1px solid #ff89c5;
    background-color: #fffcfd;
}

#scheduleBox .dataArea table td:first-child {
    background-color: #ffece9;
}

#scheduleBox .dataArea table td:last-child {
    border-right: none;
    background-color: #edf5fa;
}

#scheduleBox .dataArea table td a {
    text-decoration: underline;
}

#scheduleBox .dataArea table td p {
    font-size: 14px;
    margin: 0;
    padding: 5px;
}

#scheduleBox .dataArea table tr:last-child td {
    border-bottom: none;
}

#scheduleBox .dataArea table .calendarPurchase {
    display: block;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px dotted #f5b9d7;
}

#scheduleBox .dataArea table .calendarPurchase a {
    display: block;
    text-decoration: none;
}

#scheduleBox .dataArea table .calendarPurchase p {
    font-size: 14px;
    line-height: 2;
    line-height: 2.5;
    margin: 0;
    padding: 0;
    text-align: center;
    letter-spacing: .1em;
    color: #999;
}

#lotterysalesBox .dataArea table,
#generalsalesBox .dataArea table {
    margin: 0 auto;
    padding: 0;
}

#lotterysalesBox .dataArea table td,
#generalsalesBox .dataArea table td {
    margin: 0;
    padding: 0;
}

#lotterysalesBox .dataArea table td.left,
#generalsalesBox .dataArea table td.left {
    vertical-align: top;
    border-width: 1px 0 0 1px;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.right,
#generalsalesBox .dataArea table td.right {
    vertical-align: top;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table tr:last-child td.left,
#generalsalesBox .dataArea table tr:last-child td.left {
    border-width: 1px 0 1px 1px;
}

#lotterysalesBox .dataArea table tr:last-child td.right,
#generalsalesBox .dataArea table tr:last-child td.right {
    border-width: 1px 1px 1px 0;
}

#lotterysalesBox .dataArea table tr td table tr.heading th,
#generalsalesBox .dataArea table tr td table tr.heading th {
    display: none;
}

#lotterysalesBox .dataArea table tr:first-child td table tr.heading th,
#generalsalesBox .dataArea table tr:first-child td table tr.heading th {
    display: table-cell;
}

#lotterysalesBox .dataArea table td.left tr.heading th,
#generalsalesBox .dataArea table td.left tr.heading th {
    margin: 0;
    padding: 0;
    text-align: center;
    border-width: 0 1px 1px 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.right tr.heading th,
#generalsalesBox .dataArea table td.right tr.heading th {
    margin: 0;
    padding: 0;
    text-align: center;
    border-width: 0 0 1px 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.left tr.heading th p,
#lotterysalesBox .dataArea table td.right tr.heading th p,
#generalsalesBox .dataArea table td.left tr.heading th p,
#generalsalesBox .dataArea table td.right tr.heading th p {
    font-weight: normal;
    line-height: 2.5;
    display: block;
    height: auto !important;
    height: 32px;
    min-height: 32px;
    padding: 0;
    letter-spacing: .1em;
}

#lotterysalesBox .dataArea table td.left tr.headingData.oneRow td:first-child,
#lotterysalesBox .dataArea table td.left tr.headingData.twoRow td:first-child,
#lotterysalesBox .dataArea table td.left tr.headingData.threeRow td:first-child,
#generalsalesBox .dataArea table td.left tr.headingData.oneRow td:first-child,
#generalsalesBox .dataArea table td.left tr.headingData.twoRow td:first-child,
#generalsalesBox .dataArea table td.left tr.headingData.threeRow td:first-child {
    text-align: left;
}

#lotterysalesBox .dataArea table td.left tr.headingData.oneRow td,
#generalsalesBox .dataArea table td.left tr.headingData.oneRow td {
    height: 49px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-width: 0 1px 0 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.right tr.headingData.oneRow td,
#generalsalesBox .dataArea table td.right tr.headingData.oneRow td {
    height: 49px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-width: 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.left tr.headingData.twoRow td,
#generalsalesBox .dataArea table td.left tr.headingData.twoRow td {
    height: 95px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-width: 0 1px 0 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.right tr.headingData.twoRow td,
#generalsalesBox .dataArea table td.right tr.headingData.twoRow td {
    height: 95px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-width: 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.left tr.headingData.threeRow td,
#generalsalesBox .dataArea table td.left tr.headingData.threeRow td {
    height: 145px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-width: 0 1px 0 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.right tr.headingData.threeRow td,
#generalsalesBox .dataArea table td.right tr.headingData.threeRow td {
    height: 145px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-width: 0;
    border-style: solid;
}

#lotterysalesBox .dataArea table td.left tr.headingData td p,
#lotterysalesBox .dataArea table td.right tr.headingData td p,
#generalsalesBox .dataArea table td.left tr.headingData td p,
#generalsalesBox .dataArea table td.right tr.headingData td p {
    font-size: 12px;
    line-height: 1.3;
    display: block;
    padding: 5px;
}

#lotterysalesBox .dataArea table td.right tr.headingData td .btnSpace,
#generalsalesBox .dataArea table td.right tr.headingData td .btnSpace {
    margin: -3px 0;
}

.koenAreaTop {
    padding: 5px 5px 0 !important;
}

.koenAreaBottom {
    padding: 0 5px 5px !important;
}
/*ie8*/
.ie8 #lotterysalesBox .dataArea table td.left tr.headingData.oneRow td,
.ie8 #generalsalesBox .dataArea table td.left tr.headingData.oneRow td,
.ie8 #lotterysalesBox .dataArea table td.right tr.headingData.oneRow td,
.ie8 #generalsalesBox .dataArea table td.right tr.headingData.oneRow td,
.ie8 #lotterysalesBox .dataArea table td.left tr.headingData.twoRow td,
.ie8 #generalsalesBox .dataArea table td.left tr.headingData.twoRow td,
.ie8 #lotterysalesBox .dataArea table td.right tr.headingData.twoRow td,
.ie8 #generalsalesBox .dataArea table td.right tr.headingData.twoRow td,
.ie8 #lotterysalesBox .dataArea table td.left tr.headingData.threeRow td,
.ie8 #generalsalesBox .dataArea table td.left tr.headingData.threeRow td,
.ie8 #lotterysalesBox .dataArea table td.right tr.headingData.threeRow td,
.ie8 #generalsalesBox .dataArea table td.right tr.headingData.threeRow td {
    border-width: 0 1px 1px 0;
    border-style: solid;
}

.ie8 #lotterysalesBox .dataArea table td.right,
.ie8 #generalsalesBox .dataArea table td.right {
    border-width: 0 1px 0 0;
    border-style: solid;
}

.ie8 #lotterysalesBox .dataArea table td.left,
.ie8 #generalsalesBox .dataArea table td.left {
    border-width: 0 0 0 1px;
}

.ie8 #lotterysalesBox .dataArea table td.right tr.heading th,
.ie8 #generalsalesBox .dataArea table td.right tr.heading th,
.ie8 #lotterysalesBox .dataArea table td.left tr.heading th,
.ie8 #generalsalesBox .dataArea table td.left tr.heading th {
    border-width: 1px 1px 1px 0;
}
/*Firefox*/
#lotterysalesBox .dataArea table td.right tr.headingData td .btnSpace,
x:-moz-any-link,
#generalsalesBox .dataArea table td.right tr.headingData td .btnSpace,
x:-moz-any-link {
    margin: -1px 0;
}
/* lotterysalesBox用*/
#lotterysalesBox .dataArea table td.left {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.right {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.left tr.heading th {
    color: #408dce;
    /* lotterysalesBox用*/
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
    background-color: #dcefff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.right tr.heading th {
    color: #408dce;
    /* lotterysalesBox用*/
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
    background-color: #dcefff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.left tr.headingData.oneRow td {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.right tr.headingData.oneRow td {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.left tr.headingData.twoRow td {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.right tr.headingData.twoRow td {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.left tr.headingData.threeRow td {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}

#lotterysalesBox .dataArea table td.right tr.headingData.threeRow td {
    border-color: #9fd3ff;
    /* lotterysalesBox用*/
}
/*generalsalesBox*/
#generalsalesBox .dataArea table td.left {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.right {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.left tr.heading th {
    color: #488e53;
    /* lotterysalesBox用*/
    border-color: #95d99f;
    /* lotterysalesBox用*/
    background-color: #e2f5e4;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.right tr.heading th {
    color: #488e53;
    /* lotterysalesBox用*/
    border-color: #95d99f;
    /* lotterysalesBox用*/
    background-color: #e2f5e4;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.left tr.headingData.oneRow td {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.right tr.headingData.oneRow td {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.left tr.headingData.twoRow td {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.right tr.headingData.twoRow td {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.left tr.headingData.threeRow td {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

#generalsalesBox .dataArea table td.right tr.headingData.threeRow td {
    border-color: #95d99f;
    /* lotterysalesBox用*/
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    #lotterysalesBox .dataArea table td.left,
    #lotterysalesBox .dataArea table td.right,
    #generalsalesBox .dataArea table td.left,
    #generalsalesBox .dataArea table td.right {
        display: block;
        width: 100%;
    }

    #lotterysalesBox .dataArea table tr td table tr.heading th,
    #generalsalesBox .dataArea table tr td table tr.heading th {
        display: table-cell;
    }

    #lotterysalesBox .dataArea table td.right tr.headingData.threeRow td,
    #generalsalesBox .dataArea table td.right tr.headingData.threeRow td,
    #lotterysalesBox .dataArea table td.right tr.headingData.twoRow td,
    #generalsalesBox .dataArea table td.right tr.headingData.twoRow td,
    #lotterysalesBox .dataArea table td.right tr.headingData.oneRow td,
    #generalsalesBox .dataArea table td.right tr.headingData.oneRow td {
        border-width: 0 0 0 1px;
    }

    #lotterysalesBox .dataArea table td.right tr.heading th,
    #generalsalesBox .dataArea table td.right tr.heading th {
        border-width: 0 0 1px 1px;
    }

    #lotterysalesBox .dataArea table tr:last-child td.left,
    #generalsalesBox .dataArea table tr:last-child td.left {
        border-width: 1px 0 0 1px;
    }
}

@media screen and (min-width: 330px) and (max-width: 690px) {
    #lotterysalesBox,
    #generalsalesBox,
    #newsBox,
    #scheduleBox {
        display: block;
        margin: 0;
        padding: 12px 0 0;
    }

    #lotterysalesBox .titleArea,
    #generalsalesBox .titleArea,
    #newsBox .titleAre {
        display: block;
        background-size: 35px 100%;
    }

    #scheduleBox .titleArea {
        display: block;
        padding: 5px 5px 8px;
        background-size: 35px 100%;
    }

    #lotterysalesBox .titleArea h3,
    #generalsalesBox .titleArea h3,
    #newsBox .titleArea h3,
    #scheduleBox .titleArea h3 {
        font-size: 90%;
        font-weight: normal;
        line-height: 3;
        display: inline-block;
        height: 35px;
        margin: 0;
        padding: 0 0 0 40px;
        letter-spacing: .1em;
        color: #fff;
        background-size: 35px 100%;
    }

    #scheduleBox .titleArea p {
        font-size: 12px;
        line-height: 3.4;
        display: inline-block;
        padding: 0 0 3px;
        color: #fff;
    }

    #lotterysalesBox .dataArea,
    #generalsalesBox .dataArea,
    #newsBox .dataArea,
    #scheduleBox .dataArea {
        display: block;
        margin: -7px 0 0;
        padding: 20px 0 0;
    }

    #newsBox .dataArea {
        display: block;
        margin: -7px 0 0;
        padding: 20px 8px 8px;
    }

    #lotterysalesBox .dataArea .content,
    #generalsalesBox .dataArea .content,
    #scheduleBox .dataArea .content {
        padding: 10px;
    }

    #lotterysalesBox .dataArea table td.left tr.heading th p,
    #lotterysalesBox .dataArea table td.right tr.heading th p,
    #generalsalesBox .dataArea table td.left tr.heading th p,
    #generalsalesBox .dataArea table td.right tr.heading th p {
        line-height: 3;
    }
    /*第2検索エリア*/
    #lotterysalesBox #retrievalSearch,
    #generalsalesBox #retrievalSearch,
    #newsBox #retrievalSearch {
        position: relative;
        display: block;
        overflow: hidden;
        width: 99%;
        height: 40px;
        margin: 5px 0 10px 0;
        padding: 0 0 0 1%;
        background: #f1f2f4;
    }

    #lotterysalesBox #retrievalSearch ul,
    #generalsalesBox #retrievalSearch ul,
    #newsBox #retrievalSearch ul {
        position: absolute;
        top: -10px;
        left: 0;
    }

    #lotterysalesBox #retrievalSearch,
    #generalsalesBox #retrievalSearch,
    #newsBox #retrievalSearch {
        border-width: 0 0 1px 0;
        border-style: solid;
    }

    #lotterysalesBox .dataArea table,
    #generalsalesBox .dataArea table,
    #newsBox .dataArea table {
        margin: 0 auto;
        padding: 0;
    }

    #lotterysalesBox .dataArea table th,
    #generalsalesBox .dataArea table th,
    #newsBox .dataArea table th {
        font-size: 85%;
        font-weight: normal;
        letter-spacing: 0;
    }
    /******news*******/
    #newsBox #news {
        padding: 0;
    }

    #newsBox #news ul li {
        padding: 4px 0;
    }

    #newsBox #news ul li p {
        font-size: 85%;
        line-height: 1.3;
    }

    #newsBox #news ul li p.title {
        font-size: 85%;
        padding: 0 0 5px;
        letter-spacing: .1em;
    }

    #newsBox #news ul li p time {
        display: block;
        padding: 0 0 2px;
    }

    #newsBox #news .btnBox a {
        font-size: 80%;
        width: 28%;
        padding: 10px 0;
    }
    /*scheduleBox   カレンダー部分*/
    #scheduleBox .dataArea table th {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 5px 0;
        text-align: center;
        letter-spacing: .2em;
        color: #fff;
        border-right: 1px solid #f5b9d7;
        border-bottom: 1px solid #f5b9d7;
        background-color: #ff97cc;
    }

    #scheduleBox .dataArea table td {
        font-weight: normal;
        margin: 0;
        padding: 2px;
        text-align: left;
        vertical-align: top;
        letter-spacing: .1em;
        color: #888;
        border-right: 1px solid #f5b9d7;
        border-bottom: 1px solid #f5b9d7;
        background-color: #fff5fa;
    }

    #scheduleBox .dataArea table td p {
        font-size: 11px;
        margin: 0;
        padding: 0;
    }

    #scheduleBox .dataArea table .calendarPurchase a {
        font-size: 12px;
    }

    #scheduleBox .dataArea table .calendarPurchase p {
        font-size: 12px;
    }
}

@media screen and (min-width: 330px) and (max-width: 430px) {
    #lotterysalesBox #retrievalSearch ul li #keywords,
    #generalsalesBox #retrievalSearch ul li #keywords {
        width: 150px;
    }
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    #scheduleBox .titleArea p {
        font-size: 12px;
        line-height: 1.3;
        padding: 2px 0 3px;
        vertical-align: top;
    }

    #scheduleBox .dataArea {
        margin: -23px 0 0;
    }
}

@media screen and (min-width: 647px) and (max-width: 690px) {
    #scheduleBox .titleArea p {
        font-size: 11px;
        line-height: 2;
        display: inline-block;
        padding: 8px 0 0 5px;
        vertical-align: top;
        color: #fff;
    }
}

@media screen and (min-width: 691px) and (max-width: 776px) {
    #scheduleBox .titleArea p {
        font-size: 11px;
        line-height: 5.5;
        display: inline-block;
        padding: 0;
        vertical-align: top;
        color: #fff;
    }
}

@media screen and (min-width: 320px) and (max-width: 329px) {
    #lotterysalesBox,
    #generalsalesBox,
    #newsBox,
    #scheduleBox {
        display: block;
        margin: 0;
        padding: 12px 0 0;
    }

    #lotterysalesBox .titleArea,
    #generalsalesBox .titleArea,
    #newsBox .titleAre #scheduleBox .titleArea {
        display: block;
        background-size: 35px 100%;
    }

    #scheduleBox .titleArea {
        display: block;
        background: #ff89c5;
        background-size: 35px 100%;
    }

    #lotterysalesBox .titleArea h3,
    #generalsalesBox .titleArea h3,
    #newsBox .titleArea h3,
    #scheduleBox .titleArea h3 {
        font-size: 90%;
        font-weight: normal;
        line-height: 3;
        display: inline-block;
        height: 35px;
        margin: 0;
        padding: 0 0 0 40px;
        letter-spacing: .1em;
        color: #fff;
        background-size: 35px 100%;
    }

    #lotterysalesBox .dataArea,
    #generalsalesBox .dataArea,
    #scheduleBox .dataArea {
        display: block;
        margin: -7px 0 0;
        padding: 20px 0 0;
    }

    #newsBox .dataArea {
        display: block;
        margin: -7px 0 0;
        padding: 20px 8px 8px;
    }

    #lotterysalesBox .dataArea table th,
    #generalsalesBox .dataArea table th,
    #newsBox .dataArea table th {
        font-size: 85%;
        font-weight: normal;
        letter-spacing: 0;
    }

    #lotterysalesBox .dataArea table td.left tr.heading th p,
    #lotterysalesBox .dataArea table td.right tr.heading th p,
    #generalsalesBox .dataArea table td.left tr.heading th p,
    #generalsalesBox .dataArea table td.right tr.heading th p {
        line-height: 3;
    }

    #lotterysalesBox .dataArea .content,
    #generalsalesBox .dataArea .content,
    #scheduleBox .dataArea .content {
        padding: 5px;
    }
    /*lotterysalesBox　generalsalesBox第2検索エリア*/
    #lotterysalesBox #retrievalSearch,
    #generalsalesBox #retrievalSearch {
        position: relative;
        display: block;
        overflow: hidden;
        width: 99%;
        height: 40px;
        margin: 5px 0 10px 0;
        padding: 0 0 0 1%;
        background: #f1f2f4;
    }

    #lotterysalesBox #retrievalSearch ul,
    #generalsalesBox #retrievalSearch ul {
        position: absolute;
        top: -10px;
        left: 0;
    }

    #lotterysalesBox #retrievalSearch,
    #generalsalesBox #retrievalSearch {
        border-width: 0 0 1px 0;
        border-style: solid;
    }

    #lotterysalesBox #retrievalSearch ul li #keywords,
    #generalsalesBox #retrievalSearch ul li #keywords,
    #lotterysalesBox #retrievalSearch ul li #keywords_auto,
    #generalsalesBox #retrievalSearch ul li #keywords_auto {
        width: 150px;
    }
    /******news*******/
    #newsBox #news {
        padding: 0;
    }

    #newsBox #news ul li {
        padding: 4px 0;
    }

    #newsBox #news ul li p {
        font-size: 85%;
        line-height: 1.3;
    }

    #newsBox #news ul li p.title {
        font-size: 85%;
        padding: 0 0 5px;
        letter-spacing: .1em;
    }

    #newsBox #news ul li p time {
        display: block;
        padding: 0 0 2px;
    }

    #newsBox #news .btnBox a {
        font-size: 80%;
        width: 28%;
        padding: 10px 0;
    }
    /*scheduleBox   カレンダー部分*/
    #scheduleBox .dataArea table th {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 5px 0;
        text-align: center;
        letter-spacing: .2em;
        color: #fff;
        border-right: 1px solid #f5b9d7;
        border-bottom: 1px solid #f5b9d7;
        background-color: #ff97cc;
    }

    #scheduleBox .dataArea table td {
        font-weight: normal;
        margin: 0;
        padding: 2px;
        text-align: left;
        vertical-align: top;
        letter-spacing: .1em;
        color: #888;
        border-right: 1px solid #f5b9d7;
        border-bottom: 1px solid #f5b9d7;
        background-color: #fff5fa;
    }

    #scheduleBox .dataArea table td p {
        font-size: 11px;
        margin: 0;
        padding: 0;
    }

    #scheduleBox .dataArea table .calendarPurchase a {
        font-size: 11px;
        line-height: 1.5;
    }

    #scheduleBox .dataArea table .calendarPurchase p {
        font-size: 11px;
        line-height: 1.5;
    }
}
/*****performanceListBox****/
#performanceListBox {
    display: block;
    margin: 0;
    padding: 20px 0 0;
}

#performanceListBox .titleArea {
    display: block;
    margin: 0  0 20px;
    padding: 3px 0;
    background: #ff97cc;
}

#performanceListBox .dataArea {
    display: block;
    margin: 0;
    padding: 3px 0;
}

#performanceListBox .titleArea h3 {
    font-size: 150%;
    font-weight: normal;
    display: block;
    height: 30px;
    margin: 0;
    padding: 8px  0 0 10px;
    letter-spacing: .1em;
    color: #fff;
    border-bottom: 1px solid #fff;
}

#performanceListBox .dataArea .publicArea {
    font-size: 12px;
    line-height: 1.3;
    display: block;
    margin: 0 auto 20px;
    padding: 10px;
    text-align: left;
    background: #fff5fa;
}

#performanceListBox .dataArea .publicArea:last-child {
    margin: 0 auto;
}

#performanceListBox .dataArea .publicArea table {
    margin: 0 auto 15px;
    padding: 0;
    text-align: left;
    border: 1px solid #ff89c5;
    background: #fff;
}

#performanceListBox .dataArea .publicArea table th {
    margin: 0;
    padding: 5px 1%;
    text-align: left;
    border-bottom: 1px solid #ff89c5;
}

#performanceListBox .dataArea .publicArea table th:last-child {
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-left: 1px solid #ff89c5;
}

#performanceListBox .dataArea .publicArea table th:last-child .btnSpace {
    padding: 3px !important;
}

#performanceListBox .dataArea .publicArea table th:last-child button {
    font-weight: bolder;
    font-weight: normal;
    height: 100%;
    margin: 0 !important;
    padding: 15px 0 !important;
}

#performanceListBox .dataArea .publicArea table td {
    margin: 0;
    padding: 5px 1%;
    text-align: left;
    vertical-align: middle;
    letter-spacing: .1em;
}

#performanceListBox .dataArea .publicArea table td p {
    line-height: 1.4;
}

#performanceListBox .dataArea .publicArea table td a {
    text-decoration: underline;
    color: #666;
}

#performanceListBox .dataArea .publicArea table th h4 {
    font-size: 130%;
    font-weight: bold;
    vertical-align: middle;
    letter-spacing: .2em;
    color: #666;
}

#performanceListBox .dataArea .publicArea table th p {
    padding: 10px 0 0;
    color: #777;
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    #performanceListBox .titleArea {
        display: block;
        margin: 0  0 10px;
        padding: 3px 0;
        background: #ff97cc;
    }

    #performanceListBox .titleArea h3 {
        font-size: 110%;
        font-weight: normal;
        display: block;
        height: 25px;
        margin: 0;
        padding: 5px  0 0 10px;
        letter-spacing: .1em;
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    #performanceListBox .dataArea .publicArea {
        padding: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 750px) {
    #performanceListBox .dataArea .publicArea table th {
        display: block !important;
        width: 98% !important;
        text-align: left;
        border-bottom: 1px solid #ff89c5;
    }

    #performanceListBox .dataArea .publicArea table th:last-child {
        display: block !important;
        width: 100% !important;
        vertical-align: top;
        border-left: none;
    }

    #performanceListBox .dataArea .publicArea table th h4 {
        font-size: 100%;
        font-weight: bold;
        padding: 0 0 5px;
        vertical-align: middle;
        letter-spacing: .2em;
        color: #666;
    }

    #performanceListBox .dataArea .publicArea table th p {
        font-size: 11px;
        border-top: 1px dotted	 #ff89c5;
    }

    #performanceListBox .dataArea .publicArea table td {
        margin: 0;
        padding: 5px;
        text-align: left;
        vertical-align: top;
        letter-spacing: 0;
    }

    #performanceListBox .dataArea .publicArea table th:last-child button {
        font-weight: bolder;
        font-weight: normal;
        height: 100%;
        margin: 0 !important;
        padding: 10px 0 !important;
    }
}
/*****retrievalListBox****/
#retrievalListBox {
    display: block;
    margin: 0;
    padding: 0;
}

#retrievalListBox .titleArea {
    display: block;
    margin: 0;
    padding: 3px 0;
}

#retrievalListBox .dataArea {
    display: block;
    margin: 0;
    padding: 3px 0;
}

#retrievalListBox .titleArea h3 {
    font-size: 150%;
    font-weight: normal;
    display: block;
    height: 30px;
    margin: 0;
    padding: 8px  0 0 10px;
    letter-spacing: .1em;
    color: #fff;
    border-bottom: 2px solid #fff;
}
/*第2検索エリア*/
/*retrievalSearch*/
#retrievalListBox #retrievalSearch {
    display: block;
    margin: 0 0 15px;
    padding: 0;
}
/*secondAccordion*/
#retrievalListBox #retrievalSearch dl.secondAccordion {
    padding: 3px;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dt {
    display: none;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd {
    display: block;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalLeft {
    position: relative;
    display: inline-block;
    float: left;
    width: 85%;
    *display: inline;
    *zoom: 1;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalRight {
    /* display:inline-block; */
    *display: inline;
    *zoom: 1;
    /* width: 15%; */
    /* height: 65px; */
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li {
    display: block;
    float: left;
    padding: 5px 0 5px 1% !important;
    /* float: left; */
    /* padding: 5px 0 5px 2% !important; */
    border: none;
    /* border:none; */
    /* display: block; */
    *display: inline;
    *zoom: 1;
}
/*公演日で検索*/
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalPerformancedate {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalPerformancedate #select {
    width: 75px;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalPerformancedate #keywords,
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalPerformancedate #keywords_auto {
    width: 80px;
}
/*発売日で検索*/
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.generalsalesdate {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.generalsalesdate #select {
    width: 75px;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.generalsalesdate #keywords_buy,
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.generalsalesdate #keywords_auto {
    width: 80px;
}
/*会場名で検索*/
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalTheater {
    /* position: absolute; */
    /* top: 0; */
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalTheater #select {
    width: 220px;
    height: 33px;
}
/*メンバーで検索*/
/*販売方法で検索*/
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalSales #select {
    width: 90px;
    height: 33px;
}
/*都道府県で検索*/
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalPrefecture #select {
    width: 90px;
    height: 33px;
}
/*芸人/公演名/会場で検索*/
#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalEntertainervenue {
    /* position:absolute; */
    /* top:0; */
    /* right: 0; */
}

li.retrievalEntertainervenue #keywords,
li.retrievalEntertainervenue #keywords_auto {
    width: 150px;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalRight li {
    /* padding: 0 10px 0 0 !important; */
    /* display: block !important; */
    line-height: 56px !important;
    height: 64px !important;
    text-align: right !important;
    /* float: right; */
    /* padding-right: 10px !important; */
}

.ie8 #retrievalListBox #retrievalSearch dl.secondAccordion dd ul:last-child li {
    line-height: 4 !important;
    display: block;
    height: 40px !important;
    margin: 0 !important;
    text-align: center;
}

.ie9 #retrievalListBox #retrievalSearch dl.secondAccordion dd ul:last-child li {
    line-height: 4 !important;
    display: block;
    height: 40px !important;
    text-align: center;
}
/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul:last-child li {
        line-height: 4 !important;
        display: block;
        height: 40px !important;
        text-align: center;
    }
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li a span {
    border: 1px solid #e8e8e8;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li a:hover span {
    opacity: .40;
    background: #667ea0;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    -khtml-opacity: .40;
}

#retrievalListBox #retrievalSearch dl.secondAccordion dd ul li p {
    font-size: 85%;
    display: block;
}

#retrievalListBox #retrievalSearch dl.secondAccordion #searchform1 #searchBtn {
    width: 110px;
    vertical-align: bottom;
}

@media screen and (min-width: 647px) and (max-width: 918px) {
    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul {
        width: 80%;
        padding: 0 0 0 2%;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalLeft {
        display: inline-block;
        width: 75%;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalRight {
        display: inline-block;
        width: 14%;
        height: 130px;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalRight li {
        /* line-height: 15 !important; */
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul:last-child li {
        display: inline-block;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalEntertainervenue {
        position: absolute;
        top: 60px;
        left: 176px;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalPreceding {
        position: absolute;
        top: 60px;
        left: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    #retrievalListBox .titleArea h3 {
        font-size: 110%;
        height: 25px;
        padding: 5px  0 0 10px;
    }

    #retrievalListBox .dataArea #retrievalSearch p {
        display: none;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dt {
        display: block;
        text-align: left;
        color: #777;
        background: url(../img/sub_title_icon_retrieval.png) no-repeat 0 center #fcf4f6;
        background-size: 25px 27px;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd {
        padding: 0;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul li #select {
        width: 100% !important;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalLeft {
        display: block;
        float: none;
        width: 100%;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul.retrievalRight {
        display: block;
        width: 100%;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul li {
        display: block;
        float: none;
        padding: 5px !important;
        border-top: 1px #fff solid;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul li.retrievalEntertainervenue {
        position: static;
    }

    li.retrievalEntertainervenue #keywords,
    li.retrievalEntertainervenue #keywords_auto {
        width: 98%;
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul:last-child li {
        height: auto !important;
        /* line-height:normal !important; */
        /* display:block !important; */
        /* text-align:center !important; */
        /* padding:5px !important; */
        /* display: inline-block; */
        /* width: 100%; */
        /* float: none; */
    }

    #retrievalListBox #retrievalSearch dl.secondAccordion #searchform1 #searchBtn {
        display: block;
        width: 99%;
        margin: 0 auto;
    }
    /*Firefox*/
    #retrievalListBox #retrievalSearch dl.secondAccordion dd ul li #select,
    x:-moz-any-link {
        margin: 0;
    }
}

#retrievalListBox .dataArea .search-info {
    font-size: 85%;
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 690px) {
    #retrievalListBox .dataArea .search-info {
        width: auto;
        padding: 0 5px;
        text-align: left;
    }
}
/*検索リストエリア*/
#retrievalListBox .dataArea .retrievalArea {
    font-size: 12px;
    display: block;
    margin: 0 auto 5px;
    padding: 0;
    text-align: left;
}

#generalsalesBox .dataArea .retrievalArea {
    font-size: 12px;
    display: block;
    margin: 10px 10px 5px;
    padding: 0;
    text-align: left;
}

#generalsalesBox .default-pager {
    padding: 20px 0 30px;
    border: 0;
}

#retrievalListBox .dataArea .retrievalArea:last-child {
    margin: 0 auto;
}

#generalsalesBox .dataArea .retrievalArea:last-child {
    margin: 10px 10px 5px;
}

#generalsalesBox .dataArea .retrievalArea table,
#retrievalListBox .dataArea .retrievalArea table {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 0;
    table-layout: fixed;
    text-align: left;
    border-width: 1px 0 0 1px;
    border-style: solid;
}

#generalsalesBox .dataArea .retrievalArea table th,
#retrievalListBox .dataArea .retrievalArea table th {
    margin: 0;
    padding: 5px;
    text-align: left;
    border-width: 0 1px 1px 0;
    border-style: solid;
}

#generalsalesBox .dataArea .retrievalArea table th h4,
#retrievalListBox .dataArea .retrievalArea table th h4 {
    font-size: 110%;
    font-weight: bold;
    vertical-align: middle;
    letter-spacing: .2em;
    color: #666;
}

#generalsalesBox .dataArea .retrievalArea table td,
#retrievalListBox .dataArea .retrievalArea table td {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    letter-spacing: .1em;
    border-width: 0 1px 1px 0;
    border-style: solid;
}

#generalsalesBox .dataArea .retrievalArea table td.PerformanceDetails,
#retrievalListBox .dataArea .retrievalArea table td.PerformanceDetails {
    line-height: 1.5;
    padding: 10px 5px;
    background: #fff;
}

#retrievalListBox .dataArea .retrievalArea .textDetail {
    line-height: 1.5;
    float: left;
    width: 75%;
    height: auto !important;
    height: 36px;
    min-height: 36px;
    padding: 3px 0;
}

.textKogyo {
    width: 68% !important;
}

#generalsalesBox .dataArea .retrievalArea .textDetail {
    line-height: 1.5;
    float: left;
    width: 85%;
    height: auto !important;
    height: 36px;
    min-height: 36px;
    padding: 3px 0;
}

#generalsalesBox .dataArea .retrievalArea .textDetail dl,
#retrievalListBox .dataArea .retrievalArea .textDetail dl,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus dl {
    display: block;
    padding: 0 5px 0;
}

#generalsalesBox .dataArea .retrievalArea .textDetail dl dt,
#retrievalListBox .dataArea .retrievalArea .textDetail dl dt,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus dl dt {
    display: inline-block;
    padding: 0;
}

#generalsalesBox .dataArea .retrievalArea .textDetail dl dd,
#retrievalListBox .dataArea .retrievalArea .textDetail dl dd,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus dl dd {
    display: inline-block;
}

#generalsalesBox .dataArea .retrievalArea .textDetail dl dd:last-child,
#retrievalListBox .dataArea .retrievalArea .textDetail dl dd:last-child,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus dl dd:last-child {
    padding: 0 0 0 20px;
}

#generalsalesBox .dataArea .retrievalArea .textDetail dl dt:first-child + dd,
#retrievalListBox .dataArea .retrievalArea .textDetail dl dt:first-child + dd,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus dl dt:first-child + dd {
    padding: 0 !important;
}

#generalsalesBox .dataArea .retrievalArea .textDetail p,
#retrievalListBox .dataArea .retrievalArea .textDetail p {
    line-height: 1.5;
    padding: 0 3px;
}

#retrievalListBox .dataArea .retrievalArea .textStatus {
    float: right;
    width: 25%;
}

#retrievalListBox .dataArea .retrievalArea .textBuyStatus {
    float: left;
    width: 7%;
    text-align: center;
}

#retrievalListBox .dataArea .retrievalArea .textBuyStatus .lottery {
    /*オレンジ  文字白*/
    font-size: 85%;
    width: 90%;
    margin: 1px;
    padding: 0;
    text-align: center;
    color: #fff;
    border: 1px solid #fe950c;
    background-color: #fe950c;
}

#retrievalListBox .dataArea .retrievalArea .textBuyStatus .general {
    /*水色  文字白*/
    font-size: 85%;
    width: 90%;
    margin: 1px;
    padding: 0;
    text-align: center;
    color: #fff;
    border: 1px solid #7cc3ff;
    background-color: #7cc3ff;
}

#retrievalListBox .dataArea .retrievalArea .textBuyStatus .notsale {
    /*グレー  文字黒*/
    font-size: 85%;
    width: 90%;
    margin: 1px;
    padding: 0;
    text-align: center;
    color: #000;
    border: 1px solid #505050;
    background-color: #505050;
}

#generalsalesBox .dataArea .retrievalArea .textStatus {
    float: right;
    width: 14%;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul,
#retrievalListBox .dataArea .retrievalArea .textStatus ul,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus ul {
    display: block;
    border-width: 0  0 1px !important;
    border-style: solid !important;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul.noLine,
#retrievalListBox .dataArea .retrievalArea .textStatus ul.noLine,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus ul.noLine {
    display: block;
    border-width: 0 !important;
    border-style: none !important;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul:after,
#retrievalListBox .dataArea .retrievalArea .textStatus ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul li,
#retrievalListBox .dataArea .retrievalArea .textStatus ul li,
#retrievalListBox .dataArea .retrievalArea .textBuyStatus ul li {
    display: block;
    float: left;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.status {
    width: 40%;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul li.status {
    width: 99%;
    border-width: 0 0 0 1px;
    border-style: solid;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul li.status p,
#retrievalListBox .dataArea .retrievalArea .textStatus ul li.status p {
    font-size: 100%;
    font-weight: 600;
    display: block;
    height: auto !important;
    height: 42px;
    min-height: 42px;
    text-align: center;
    border-width: 0 1px;
    border-style: solid;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul.noLine li.status p,
#retrievalListBox .dataArea .retrievalArea .textStatus ul.noLine li.status p {
    height: auto !important;
    height: 42px;
    min-height: 42px;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul li.status p span,
#retrievalListBox .dataArea .retrievalArea .textStatus ul li.status p span {
    line-height: 3.6;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul li.statusBtn,
#retrievalListBox .dataArea .retrievalArea .textStatus ul li.statusBtn {
    width: 60%;
    margin: 0;
    padding: 0;
}

#generalsalesBox .dataArea .retrievalArea .textStatus ul li.statusBtn button,
#retrievalListBox .dataArea .retrievalArea .textStatus ul li.statusBtn button {
    height: auto !important;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 0;
    letter-spacing: .1em;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.ippanBtn {
    width: 98%;
    margin: 0;
    padding: 0;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.ippanBtn button {
    height: auto !important;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 0;
    letter-spacing: .1em;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.ippanBtn {
    width: 99%;
    border-width: 0 0 0 1px;
    border-style: solid;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.detailBtn {
    width: 98%;
    margin: 0;
    padding: 0;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.detailBtn button {
    height: auto !important;
    height: 45px;
    min-height: 45px;
    margin: 0;
    padding: 0;
    letter-spacing: .1em;
}

#retrievalListBox .dataArea .retrievalArea .textStatus ul li.detailBtn {
    width: 99%;
    border-width: 0 0 0 1px;
    border-style: solid;
}

@media screen and (min-width: 320px) and (max-width: 769px) {
    #retrievalListBox .titleArea h3 {
        font-size: 110%;
        height: 25px;
        padding: 5px  0 0 10px;
    }

    #retrievalListBox .dataArea #retrievalSearch p {
        display: none;
    }

    #generalsalesBox .dataArea .retrievalArea table th h4,
    #retrievalListBox .dataArea .retrievalArea table th h4 {
        font-size: 110%;
        letter-spacing: 0;
    }

    #generalsalesBox .dataArea .retrievalArea table td.PerformanceDetails,
    #retrievalListBox .dataArea .retrievalArea table td.PerformanceDetails {
        line-height: 1.5;
        padding: 5px;
    }

    #generalsalesBox .dataArea .retrievalArea .textDetail,
    #retrievalListBox .dataArea .retrievalArea .textDetail,
    #retrievalListBox .dataArea .retrievalArea .textBuyStatus {
        float: none;
        width: 100%;
    }

    #generalsalesBox .dataArea .retrievalArea .textDetail dl dd:last-child,
    #retrievalListBox .dataArea .retrievalArea .textDetail dl dd:last-child,
    #retrievalListBox .dataArea .retrievalArea .textBuyStatus dl dd:last-child {
        padding: 0 0 0 40px;
    }

    #generalsalesBox .dataArea .retrievalArea .textStatus,
    #retrievalListBox .dataArea .retrievalArea .textStatus {
        float: none;
        width: 100%;
    }

    #generalsalesBox .dataArea .retrievalArea .textStatus ul,
    #retrievalListBox .dataArea .retrievalArea .textStatus ul {
        border-width: 1px  0  0 !important;
    }

    #generalsalesBox .dataArea .retrievalArea .textStatus ul.noLine,
    #retrievalListBox .dataArea .retrievalArea .textStatus ul.noLine {
        border-width: 1px 0 0 !important;
        border-style: solid !important;
    }

    #retrievalListBox .dataArea .retrievalArea .textStatus ul li.status {
        width: 60%;
    }

    #generalsalesBox .dataArea .retrievalArea .textStatus ul li.status {
        width: 100%;
        border-width: 0;
    }

    #generalsalesBox .dataArea .retrievalArea .textStatus ul li.statusBtn,
    #retrievalListBox .dataArea .retrievalArea .textStatus ul li.statusBtn {
        width: 40%;
    }

    #generalsalesBox .dataArea .retrievalArea .textStatus ul li.status p,
    #retrievalListBox .dataArea .retrievalArea .textStatus ul li.status p {
        border-width: 0 1px 0 0;
        border-style: solid;
    }

    #retrievalListBox .dataArea .retrievalArea .textStatus ul li.ippanBtn {
        width: 99%;
        border-width: 0 0 0 1px;
        border-style: none;
    }

    #retrievalListBox .dataArea .retrievalArea .textStatus ul li.detailBtn {
        width: 99%;
        border-width: 0 0 0 1px;
        border-style: none;
    }

    #retrievalListBox .dataArea .retrievalArea .textBuyStatus .lottery {
        width: 99%;
        border-width: 0 0 0 1px;
        border-style: none;
    }

    #retrievalListBox .dataArea .retrievalArea .textBuyStatus .general {
        width: 99%;
        border-width: 0 0 0 1px;
        border-style: none;
    }

    #retrievalListBox .dataArea .retrievalArea .textBuyStatus .notsale {
        width: 99%;
        border-width: 0 0 0 1px;
        border-style: none;
    }
}
/*****contentsPlaceList　　劇場別リンク****/
#contentsPlaceList {
    display: block;
    overflow: hidden;
    max-width: 740px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#contentsPlaceList ul {
    display: inline-block;
    clear: both;
    margin: 0 15px 0;
    padding: 0;
}

#contentsPlaceList ul li {
    line-height: 1;
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
    border-right: 1px solid #999;
}

#contentsPlaceList ul li:last-child {
    border: none;
}

#contentsPlaceList ul li a {
    font-size: 12px;
    text-decoration: underline;
    color: #0068b7;
}

#contentsPlaceList ul li a:hover {
    text-decoration: none;
}

@media screen and (min-width: 640px) and (max-width: 750px) {
    #contentsPlaceList {
        display: block;
        overflow: hidden;
        max-width: 640px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    #contentsPlaceList ul li {
        line-height: 1;
        display: inline-block;
        float: left;
        margin: 0 0 0 5px;
        padding: 0 5px 0 0;
        border-right: 1px solid #999;
    }

    #contentsPlaceList ul li a {
        font-size: 11px;
        text-decoration: underline;
        color: #0068b7;
    }
}

@media screen and (min-width: 320px) and (max-width: 639px) {
    #contentsPlaceList ul li {
        line-height: 1;
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0 5px 0 0;
    }

    #contentsPlaceList ul li a {
        font-size: 10px;
        line-height: 1px;
        text-align: center;
        text-decoration: underline;
        letter-spacing: .1em;
    }
}
/*****************
pageTop
******************/
#pageTop {
    position: absolute;
    z-index: 10;
    right: -1px;
    bottom: -70px;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

#pageTop a {
    font-size: 11px;
    line-height: 15px;
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 73px;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../img/btn_pagetop.png) left top no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 320px) and (max-width: 690px) {
    #pageTop {
        position: absolute;
        z-index: 10;
        right: -1px;
        bottom: -50px;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
    }

    #pageTop a {
        line-height: 15px;
        display: inline-block;
        overflow: hidden;
        width: 60px;
        height: 55px;
        white-space: nowrap;
        text-indent: 100%;
        background: url(../img/btn_pagetop.png) left top no-repeat;
        background-size: 100% auto;
    }
}
/*****************
default-pager
******************/
.default-pager {
    margin-top: 15px;
    padding-top: 30px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
}

.default-pager .page-numbers {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    display: inline-block;
    margin: 0 2px;
    padding: 6px 8px;
    vertical-align: top;
}

.default-pager .current {
    padding: 7px 8px;
    color: #777;
}

.default-pager a.page-numbers {
    color: #aaa !important;
    border: 1px solid #ebebeb;
}

.default-pager a.page-numbers:hover {
    cursor: pointer;
    text-decoration: none !important;
    color: #666 !important;
    background-color: #ededed;
}

.default-pager .dots {
    padding-right: 0;
    padding-left: 0;
    color: #777;
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    .default-pager {
        margin-top: 5px;
        padding-top: 10px;
    }
}
/*****************
form
******************/
select {
    position: relative;
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    text-indent: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-appearance: button!important;
    -webkit-appearance: button!important;
    -o-appearance: button!important;
    -ms-appearance: button!important;
    appearance: button;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}
/*Firefox*/
select,
x:-moz-any-link {
    margin: 2px 0 0 0;
    padding: 5px 10px 5px 0 !important;
    text-indent: 0;
    text-indent: .01px;
    text-overflow: '';
}
/*IE9*/
select option {
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

input[type*='button'],
input[type*='submit'] {
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
}

input[type='text'] {
    margin: 0 auto;
    padding: 5px 0;
    text-align: left;
    border: none;
}
/*Firefox*/
input[type='text'],
x:-moz-any-link {
    margin: 0;
}
/*Firefox*/
input[type='password'],
x:-moz-any-link {
    margin: 3px 0 0 0;
}

input[type='password'] {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border: none;
}
/*****************
searchエリアの検索   select
******************/
/**searchform**/
#searchform1,
#searchform2 {
    position: relative;
    padding: 0;
}

#select {
    font-size: 13px;
    line-height: 2.4;
    padding: 0 28px 0 5px;
    border-width: 1px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* Firefox用 */
    background: url(../img/select_arrow.gif) no-repeat #fff right center;
    background-size: auto 33px;
}
/*Firefox*/
@-moz-document url-prefix() {
    #select {
        margin-top: 0;
        background: none;
    }

    #searchform1 #keywords,
    #searchform1 #keywords_auto,
    #searchform1 #keywords_buy {
        line-height: 18px;
    }
}
/*IE8*/
.ie8 #select {
    font-size: 13px!important;
    /* IE10 */
    line-height: 1.5!important;
    margin: 2px 0 0 0!important;
    padding: 0 0 0 2px!important;
    border-radius: 0!important;
    /* IE10 */
    background: none!important;
}

.ie8 #keywords,
.ie8 #keywords_auto,
.ie8 #keywords_buy {
    font-size: 13px;
    /* IE10 */
    line-height: 1.5;
    margin: 2px 0 0 0!important;
    padding: 0 0 0 2px!important;
    color: #aaa;
    border-width: 1px!important;
    border-style: solid!important;
    border-radius: 0!important;
}
/*IE9*/
.ie9 #select {
    font-size: 13px!important;
    /* IE10 */
    line-height: 1.5!important;
    margin: 2px 0 0 0!important;
    padding: 0 0 0 2px!important;
    border-radius: 0!important;
    /* IE10 */
    background: none!important;
}

.ie9 #keywords,
.ie9 #keywords_auto,
.ie9 #keywords_buy {
    font-size: 13px;
    /* IE10 */
    line-height: 1.5;
    margin: 2px 0 0 0!important;
    padding: 0 0 0 2px!important;
    color: #aaa;
    border-width: 1px!important;
    border-style: solid!important;
    border-radius: 0!important;
}
/*IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {
        font-size: 13px!important;
        /* IE10 */
        line-height: 1.5!important;
        margin: 2px 0 0 0!important;
        padding: 0 0 0 2px!important;
        border-radius: 0!important;
        /* IE10 */
        background: none!important;
    }

    #keywords,
    #keywords_auto,
    #keywords_buy {
        font-size: 13px;
        /* IE10 */
        line-height: 1.5;
        height: 30px;
        margin: 2px 0 0 0!important;
        padding: 0 0 0 2px!important;
        color: #aaa;
        border-width: 1px!important;
        border-style: solid!important;
        border-radius: 0!important;
    }
}

#keywords,
#keywords_auto,
#keywords_buy {
    /* margin:2px 0 0; */
    font-size: 13px;
    line-height: 21px;
    padding-left: 1%;
    color: #aaa;
    border-width: 1px;
    /* Firefox用 */
    border-width: 1px;
    border-style: solid;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#searchBtn {
    line-height: 1.5;
    letter-spacing: .1em;
    color: #fff;
    border-width: 1px;
    /* Firefox用 */
    border-width: 1px;
    border-style: solid;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#searchBtn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: 'alpha( opacity=80 )';
}
/**searchform1**/
#searchform1 #select,
searchform1 #keywords_auto {
    color: #777;
    border: 1px solid #aaa;
    background: url(../img/select_arrow.gif) no-repeat #fff right center;
    background-size: auto 33px;
}

#searchform1 #keywords,
#searchform1 #keywords_auto,
#searchform1 #keywords_buy {
    color: #777;
    border: 1px solid #aaa;
}

#searchform1 #searchBtn {
    color: #fff;
    border-color: #999;
}
/*Firefox*/
#searchform1 #searchBtn,
x:-moz-any-link {
    margin: 0;
    padding: 5px 0;
    letter-spacing: .1em;
    color: #fff;
    border: 2px #999 solid;
}

#searchform1 #select,
x:-moz-any-link {
    background: #fff;
}
/**searchform2**/
#searchform2 #select {
    color: #777;
    border: 1px solid #aaa;
    background: url(../img/select_arrow.gif) no-repeat #fff right center;
    background-size: auto 33px;
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    #searchform1 {
        position: relative;
        margin: 0;
        padding: 0;
    }

    #searchform1 #select {
        font-size: 12px;
        display: block;
        width: 100%;
        height: 26px;
    }

    #searchform1 .selectBox:first-child {
        display: none;
    }
}
/*******button*******/
/*button */
.btnBox {
    display: block;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: right;
}

.btnBox ul li {
    display: inline-block;
    min-width: 20%;
    max-width: 200px;
    margin: 0 10px 0 0;
    *display: inline;
    *zoom: 1;
}

.btnBox ul li:last-child {
    margin: 0;
}

.btnSpace {
    padding: 3px 2px 3px 3px !important;
}
/* button */
.btn {
    font-family: inherit;
    font-size: inherit;
    font-weight: 650;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: inherit;
    border: none;
    outline: none;
    background: none;
}

.btn:after {
    position: absolute;
    z-index: -1;
    content: '';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.btn-1 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #ff42a1;
    /*濃いピンク文字白*/
    background: #ff42a1;
}

.btn-1:hover {
    border: 1px solid #f5a8cf;
    background: #ff79bc;
}

.btn-1:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-2 {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #888;
    /*うすピンク線白文字グレー*/
    border: 1px solid #ff97cc;
    background: #fff;
}

.btn-2:hover {
    color: #fff;
    border: 1px solid #ffe8f3;
    background: #ffb1d9;
}

.btn-2:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.btn-3 {
    width: 100%;
    padding: 10px 0;
    color: #fff;
    border: 1px solid #ff97cc;
    /*うすピンク文字白*/
    background: #ff97cc;
}

.btn-3:hover {
    border: 1px solid #ffe8f3;
    background: #ffb1d9;
}

.btn-3:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.btn-4 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #666;
    border: 1px solid #eee;
    /*うすグレー文字グレー*/
    background: #bbb;
}

.btn-4:hover {
    color: #fff;
    border: 1px solid #eee;
    background: #ccc;
}

.btn-4:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.btn-5 {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #888;
    /*うす青線白文字グレー*/
    border: 1px solid #4fafff;
    background: #fff;
}

.btn-5:hover {
    color: #fff;
    border: 1px solid #4fafff;
    background: #9eccee;
}

.btn-5:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.btn-6 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #7cc3ff;
    /*濃い青文字白*/
    background: #7cc3ff;
}

.btn-6:hover {
    border: 1px solid #98c4e5;
    background: #a8d7ff;
}

.btn-6:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-7 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #8dd795;
    /*濃い緑  文字白*/
    background-color: #8dd795;
}

.btn-7:hover {
    border: 1px solid #b8e6bd;
    background-color: #b8e6bd;
}

.btn-7:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-8 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #666;
    border: 1px solid #70c17b;
    /*緑文字白*/
    background: #fff;
}

.btn-8:hover {
    border: 1px solid #67ae85;
    background: #83deaa;
}

.btn-8:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-9 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #6ca784;
    /*緑線白文字グレー*/
    background: #7ebf99;
}

.btn-9:hover {
    border: 1px solid #7fcda0;
    background-color: #a8dcbd;
}

.btn-9:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-10 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #f7979b;
    /*赤文字白*/
    background: #f7979b;
}

.btn-10:hover {
    border: 1px solid #e9b5b7;
    background-color: #ffb9bc;
}

.btn-10:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-11 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #888;
    /*グレー文字白*/
    background: #999;
}

.btn-11:hover {
    border: 1px solid #aaa;
    background: #bbb;
}

.btn-11:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-11 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #777;
    border: 1px solid #ccc;
    /*白文字グレー格子*/
    background: url(../img/btn_teaser_bk14.png);
}

.btn-11:hover {
    border: 1px solid #ccc;
    background: #ddd;
}

.btn-11:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-12 {
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #ffa43d;
    /*濃い緑  文字白*/
    background-color: #ffa43d;
}

.btn-12:hover {
    border: 1px solid #f9cc87;
    background-color: #f9cc87;
}

.btn-12:before {
    font-size: 140%;
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 200%;
}

.btn-size-ed {
    width: 97% !important;
}
/*背景斜線デザイン*/
.btn-e {
    overflow: hidden;
    padding: 15px 35px;
}

.btn-e:before {
    z-index: 2;
    right: 8px;
    left: auto;
}

.btn-e:after {
    z-index: 1;
    top: 0;
    right: -5px;
    width: 30%;
    height: 200%;
    margin: -5px 0 0 -5px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: rgba(255, 255, 255, .1);
}
/*小さいサイズor入れ子のボタン*/
.btn-1s,
.btn-2s,
.btn-3s,
.btn-4s {
    padding: 9px 0 !important;
}

.icon-arrow-right:before {
    content: '▶';
}

.icon-arrow-left:after {
    content: '◀︎';
}
/*格子柄背景　線 */
/**格子柄うすピンク  縁あり**/
.bkPlaid_pinklLght {
    border: #ffe1f1 3px solid;
    background: url(../img/btn_teaser_bk01.png) !important;
}
/**格子柄濃ピンク  縁あり**/
.bkPlaid_pink {
    border: #ff95ca 3px solid;
    background: url(../img/btn_teaser_bk02.png) !important;
}
/**格子柄うすエメラルド  縁あり**/
.bkPlaid_emerald {
    border: #1eaccf 3px solid;
    background: url(../img/btn_teaser_bk03.png) !important;
}
/**格子柄濃エメラルド  縁あり**/
.bkPlaid_emerald {
    border: #2189b5 3px solid;
    background: url(../img/btn_teaser_bk04.png) !important;
}
/**格子柄うす黒  縁あり**/
.bkPlaid_blackLght {
    border: #aaa 3px solid;
    background: url(../img/btn_teaser_bk05.png) !important;
}
/**格子柄濃黒  縁あり**/
.bkPlaid_black {
    border: #666 3px solid;
    background: url(../img/btn_teaser_bk06.png) !important;
}
/**格子柄うすグラデーション緑  縁あり**/
.bkPlaid_gra_greenLght {
    border: #3c717b 3px solid;
    background: url(../img/btn_teaser_bk07.png) repeat-x !important;
}
/**格子柄濃グラデーション緑  縁あり**/
.bkPlaid_gra_green {
    border: #3c717b 3px solid;
    background: url(../img/btn_teaser_bk08.png) repeat-x !important;
}
/**格子柄うす赤  縁あり**/
.bkPlaid_redLght {
    border: #c93a51 3px solid;
    background: url(../img/btn_teaser_bk09.png) !important;
}
/**格子柄濃赤  縁あり**/
.bkPlaid_red {
    border: #6a0c13 3px solid;
    background: url(../img/btn_teaser_bk10.png) !important;
}
/**格子柄うす青  縁あり**/
.bkPlaid_blue {
    border: #32a2ff 3px solid;
    background: url(../img/btn_teaser_bk12.png) !important;
}
/**格子柄濃緑  縁あり**/
.bkPlaid_green {
    border: #517656 3px solid;
    background: url(../img/btn_teaser_bk13.png) !important;
}
/**格子柄濃白  青線　縁あり**/
.bkPlaid_white_Bluel {
    border: #3b9ed9 3px solid;
    background: url(../img/btn_teaser_bk14.png) !important;
}
/*背景  単色 */
.bkPink {
    background: #ff97cc;
}

.bkPinklLght {
    background: #fcf4f6;
}

.bkBlackLght {
    background: #ebebeb;
}

.bkBlue {
    background: #4fafff;
}

.bkBluelLght {
    background: #edf7ff;
}

.bkGreen {
    background: #70c17b;
}

.bkGreenLght {
    background: #b2e6b9;
}
/*斜線背景 */
.bkDiagonal_pink {
    background: url(../img/top_theater_bk.png);
}

.bkDiagonal_orange {
    background: url(../img/top_preceding_bk.png);
}

.bkDiagonal_blue {
    background: url(../img/top_performancedate_bk.png);
}

.bkDiagonal_emerald {
    background: url(../img/top_entertainervenue_bk.png);
}
/*******線の色*******/
.linePink {
    border-color: #ff97cc;
}

.linePinkLght {
    border-color: #fcf4f6;
}

.lineBlue {
    border-color: #4fafff;
}

.lineBluelLght {
    border-color: #c4e5ff;
}

.lineGreen {
    border-color: #70c17b;
}

.lineGreenLght {
    border-color: #b2e6b9;
}

.lineblackLght {
    border-color: #aaa;
}
/*******テキストの位置*******/
.text_center {
    margin: 0 auto;
    text-align: center !important;
}

.text_left {
    margin: 0 auto;
    text-align: left !important;
}

.text_right {
    margin: 0 auto;
    text-align: right !important;
}

.text_pink {
    color: #f26cb0 !important;
}

.text_green {
    color: #3c717b !important;
}

.text_Black {
    color: #666 !important;
}

.text_Blackght {
    color: #999 !important;
}

.text_Red {
    color: #c93a51 !important;
}

.text_RedLght {
    color: #f35c61 !important;
}

.text_Blue {
    color: #0081ed !important;
}

.text_BlueLght {
    color: #4fafff !important;
}
/*縁取りカラー*/
/*黒*/
.colorBlack {
    border: #444 5px solid;
}
/*エメラルド  うすい*/
.colorEmeraldLght {
    border: #629cb5 5px solid;
}
/*エメラルド*/
.colorEmerald {
    border: #2189b5 5px solid;
}
/*ピンク*/
.colorPink {
    border: #fe94c7 5px solid;
}
/*グリーン*/
.colorGra_green {
    border: #3c717b 5px solid;
}
/*赤*/
.colorRed {
    border: #6a0c13 5px solid;
}
/*赤*/
.colorRedLght {
    border: #c93a51 5px solid;
}
/*黒うすい*/
.colorBlackLght {
    border: #aaa 5px solid;
}
/*青*/
.colorBlue {
    border: #3b9ed9 5px solid;
}
/*******Accordion*******/
/*secondsecondAccordion*/
dl.secondAccordion {
    padding: 0 5px;
}

dl.secondAccordion dt {
    font-size: 110%;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    padding: 8px 0 8px 27px;
    letter-spacing: .1em;
}

dl.secondAccordion dt::before {
    position: relative;
    top: 5px;
    right: 4px;
    float: right;
    width: 16px;
    height: 16px;
    content: '';
    background: url(../img/arrow_down_black.png) no-repeat;
}

dl.secondAccordion dt.open::before {
    position: relative;
    top: -2px;
    right: 6px;
    float: right;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    background: url(../img/arrow_down_black.png) no-repeat;
}

dl.secondAccordion dd {
    margin: 0;
    padding: 5px 0;
    border-top: none;
}

dl.secondAccordion dd ul li {
    padding: 5px 1% 5px 1%;
    border-top: 2px #fff solid;
}

dl.secondAccordion dd ul li a {
    font-size: 95%;
}
/*******importantPoints*****/
.dataArea .importantPoints {
    display: block;
    margin: 0 auto;
    padding: 0 2% 20px;
}

.dataArea .importantPoints p {
    font-size: 12px;
    line-height: 1.3;
    text-align: left;
}

.dataArea .importantPoints a {
    margin: 0;
    padding: 0;
}

.dataArea .importantPoints a img {
    width: 100%;
    max-width: 500px;
}

@media screen and (min-width: 320px) and (max-width: 646px) {
    .dataArea .importantPoints {
        display: block;
        margin: 0 auto;
        padding: 0 2% 10px;
    }

    .dataArea .importantPoints p {
        font-size: 11px;
        line-height: 1.3;
        text-align: left;
    }
}
/*******tabs   タブ*******/
/* 抽選　   タブ*/
/*tabs*/
.tabs {
    position: relative;
    display: block;
    margin: 0;
}

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* Skin */
.ui-tabs-nav,
.ui-tabs-panel {
    font-size: 12px;
}

.ui-tabs-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-tabs-nav:after {
    /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: ' ';
}

.ui-tabs-nav li {
    float: left;
    min-width: 130px;
    margin: 0;
    /* be nice to Opera */
}

.ui-tabs-nav a,
.ui-tabs-nav a span {
    display: block;
}

.ui-tabs-nav a {
    font-weight: bold;
    line-height: 1.2;
    line-height: 40px;
    /* prevent dotted border in Firefox */
    width: 130px;
    /* IE 6 treats width as min-width */
    min-width: 130px;
    height: 40px;
    /* IE 6 treats height as min-height */
    min-height: 40px;
    margin: 1px 0 0;
    /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    /* required in IE 6 */
    outline: 0;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    top: 1px;
    margin-top: 0;
}

.ui-tabs-nav a span {
    border-right: 1px solid #fff;
}

* > .ui-tabs-nav a span {
    /* hide from IE 6 */
    width: auto;
    height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
    background-color: #fff !important;
}

.ui-tabs-nav li.ui-tabs-selected a:hover span {
    background-color: #fff !important;
}

.ui-tabs-nav li.ui-tabs-selected a:link,
.ui-tabs-nav li.ui-tabs-selected a:visited,
.ui-tabs-nav li.ui-tabs-disabled a:link,
.ui-tabs-nav li.ui-tabs-disabled a:visited {
    /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
    background-color: #fff !important;
}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
ui-tabs-nav .ui-tabs-deselectable a:active {
    /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-panel {
    background: #fff;
    /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../img/loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
    /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child + html .ui-tabs-nav {
    /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/* 抽選　用カラー*/
#lotterysalesBox .ui-tabs-nav a span {
    background: #81c6ff;
}

#lotterysalesBox .ui-tabs-nav .ui-tabs-selected a {
    color: #4fafff;
}

#lotterysalesBox .ui-tabs-nav .ui-tabs-selected a span {
    border-top: 1px solid #81c6ff;
    border-right: 1px solid #81c6ff;
}

#lotterysalesBox .ui-tabs-nav li a:hover span,
#lotterysalesBox .ui-tabs-nav li a:focus span,
#lotterysalesBox .ui-tabs-nav li a:active span {
    background-color: #4fafff;
}

#lotterysalesBox .ui-tabs-panel {
    border-top: 1px solid #81c6ff;
}
/* 一般　用カラー*/
#generalsalesBox .ui-tabs-nav a span {
    background: #89ce93;
}

#generalsalesBox .ui-tabs-nav .ui-tabs-selected a {
    color: #587f5d;
}

#generalsalesBox .ui-tabs-nav .ui-tabs-selected a span {
    border-top: 1px solid #89ce93;
    border-right: 1px solid #89ce93;
}

#generalsalesBox .ui-tabs-nav li a:hover span,
#generalsalesBox .ui-tabs-nav li a:focus span,
#generalsalesBox .ui-tabs-nav li a:active span {
    background-color: #64ac6e;
}

#generalsalesBox .ui-tabs-panel {
    border-top: 1px solid #89ce93;
}
/* スケジュール(カレンダー)　用カラー*/
#scheduleBox .ui-tabs-nav a span {
    background: #ffa0d0;
}

#scheduleBox .ui-tabs-nav .ui-tabs-selected a {
    color: #db4290;
}

#scheduleBox .ui-tabs-nav .ui-tabs-selected a span {
    border-top: 1px solid #ffa0d0;
    border-right: 1px solid #ffa0d0;
}

#scheduleBox .ui-tabs-nav li a:hover span,
#scheduleBox .ui-tabs-nav li a:focus span,
#scheduleBox .ui-tabs-nav li a:active span {
    background-color: #ff89c5;
}

#scheduleBox .ui-tabs-panel {
    border-top: 1px solid #ffa0d0;
}

#scheduleBox .continue {
    margin-bottom: 10px;
}

#scheduleBox .continue a {
    font-size: 130%;
    font-weight: bold;
    padding: 10px 30px;
    color: #fff;
    background: none repeat scroll 0 0 #ffa0d0;
}

@media screen and (max-width: 690px) {
    #scheduleBox .continue a {
        display: block;
        padding: 10px 0;
    }
}

#scheduleBox .continue a:hover {
    opacity: .80;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    -khtml-opacity: .80;
}

@media screen and (min-width: 480px) and (max-width: 690px) {
    .ui-tabs-nav li {
        float: left;
        min-width: 120px;
        margin: 0;
        /* be nice to Opera */
    }

    .ui-tabs-nav a {
        font-weight: bold;
        line-height: 1.2;
        line-height: 40px;
        /* prevent dotted border in Firefox */
        width: 120px;
        /* IE 6 treats width as min-width */
        min-width: 120px;
        height: 40px;
        /* IE 6 treats height as min-height */
        min-height: 40px;
        margin: 1px 0 0;
        /* position: relative makes opacity fail for disabled tab in IE */
        padding-left: 0;
        text-align: center;
        white-space: nowrap;
        text-decoration: none;
        color: #fff;
        /* required in IE 6 */
        outline: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    .ui-tabs-nav li {
        float: left;
        min-width: 25%;
        margin: 0;
        /* be nice to Opera */
    }

    .ui-tabs-nav li:last-child {
        float: left;
        min-width: 25%;
        margin: 0;
        /* be nice to Opera */
    }

    .ui-tabs-nav a {
        font-weight: bold;
        line-height: 1.2;
        line-height: 40px;
        /* prevent dotted border in Firefox */
        width: 100%;
        /* IE 6 treats width as min-width */
        min-width: 100%;
        height: 40px;
        /* IE 6 treats height as min-height */
        min-height: 40px;
        margin: 1px 0 0;
        /* position: relative makes opacity fail for disabled tab in IE */
        padding-left: 0;
        text-align: center;
        white-space: nowrap;
        text-decoration: none;
        color: #fff;
        /* required in IE 6 */
        outline: 0;
    }
}
/*****************
footer
******************/
#footer {
    display: block;
    margin: 20px auto 0;
    padding: 10px;
    color: #fff;
    background: #ff42a1;
}

#footer #footerInner {
    display: block;
    overflow: hidden;
    max-width: 970px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#footer #footerInner .footerLinks {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

#footer #footerInner .footerLinks li {
    line-height: 20px;
    float: left;
    margin-top: 0;
    margin-left: 0;
    padding: 0 16px 0 0;
}

#footer #footerInner a {
    font-size: 11px;
    line-height: 1px;
    text-decoration: underline;
    letter-spacing: .1em;
    color: #fff;
}

#footer #footerInner a:hover {
    text-decoration: none;
}

#footer #footerInner ul li:last-child {
    margin: 0;
    padding: 0;
    border-right: none;
}

#footer .copyright {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    display: block;
    margin: -5px 0 0;
    padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 699px) {
    #footer #footerInner .footerLinks li {
        line-height: 1.2;
        display: inline-block;
        float: none;
        padding: 0 2px 0 0;
    }

    #footer #footerInner a {
        font-size: 10px;
        line-height: 1px;
        text-align: center;
        text-decoration: underline;
        letter-spacing: .1em;
        color: #fff;
    }

    #footer .copyright {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        display: block;
        margin: 2px auto 0;
        padding: 0;
    }
}
/*******extBoxTable*****/
/**extBox**/
.extBoxTable {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
}

.extBoxTable h3 {
    font-size: 110% !important;
    font-weight: bold;
    margin: 25px 0 0!important;
    padding: 0 !important;
    letter-spacing: .2em;
    color: #444;
    border-left: none !important;
}

.extBoxTable h3.chapter {
    font-size: 120% !important;
    font-weight: bold;
    margin: 25px 0 0!important;
    padding: 0 !important;
    letter-spacing: .2em;
    color: #444;
    border-left: none !important;
}

.extBoxTable p.text {
    font-size: 14px!important;
    line-height: 1.4;
    padding: 20px 0 !important;
    letter-spacing: .1em;
    color: #666;
    border-bottom: #ccc dotted 1px;
}

.extBoxTable p.text span {
    font-size: 13px;
    line-height: 1.3;
    display: block;
    padding: 15px 0 0;
    letter-spacing: .1em;
    color: #b70003;
}

.extBoxTable p.text span a {
    color: #b70003;
}

.extBoxTable p.text2 {
    font-size: 14px!important;
    line-height: 1.4;
    display: block;
    width: 100%;
    padding: 20px 0 !important;
    text-align: right;
    letter-spacing: .1em;
    color: #666;
}

.extBoxTable .btnArea {
    display: inline-block;
    margin: 5% 0 0 0;
    padding: 0;
    *display: inline;
    *zoom: 1;
}

.extBoxTable .btnArea a {
    padding: 10px !important;
}

.extBoxTable ul {
    display: block;
}

.extBoxTable ul li {
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px;
    border-bottom: #ccc dotted 1px;
}

.extBoxTable ul li:last-child {
    padding: 0;
    border-bottom: none;
}

.extBoxTable ul li p {
    padding: 20px 0 0 !important;
}

.extBoxTable .side {
    display: block;
    width: 100%;
    margin: 20px 0 0;
}

.extBoxTable .side dl {
    display: block;
    overflow: hidden;
    padding: 0 0 5px;
    letter-spacing: .1em;
    text-overflow: ellipsis;
    color: #666;
}

.extBoxTable .side dl dt {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.extBoxTable .side dl dt:after {
    content: '　：';
}

.extBoxTable .side dl dd {
    display: inline-block;
    padding: 0;
    *display: inline;
    *zoom: 1;
}

.extBoxTable .side dl dd p {
    padding: 0 !important;
}

.extBoxTable .length {
    display: block;
    width: 100%;
    margin: 20px 0 0;
}

.extBoxTable .length dl {
    display: block;
    padding: 0 0 5px;
    letter-spacing: .1em;
    color: #666;
}

.extBoxTable .length dl dt {
    display: block;
    vertical-align: top;
}

.extBoxTable ol {
    padding: 20px 0 0;
}

.extBoxTable ol li {
    font-size: 14px;
    margin: 0 0 0 23px;
    padding: 0 0 10px 0;
    list-style-type: disc;
    letter-spacing: .1em;
    color: #666;
    border: none;
}

.extBoxTable ol li:last-child {
    padding: 0;
}

.extBoxTable ol li p {
    font-size: 13px;
    padding: 3px 0 0;
    letter-spacing: .1em;
    color: #666;
}

.extBoxTable ol li span {
    font-size: 13px;
    display: block;
    padding: 3px 0 0;
    letter-spacing: .1em;
    color: #b70003;
}
/*number*/
.extBoxTable ul.number ol li {
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
    letter-spacing: .1em;
    color: #666;
    border: none;
}
/*faq*/
.extBoxTable ul.faq h3 {
    font-size: 120% !important;
    font-weight: bold;
    line-height: 1!important;
    margin: 30px 0 0 0!important;
    padding: 0 0 0 10px!important;
    letter-spacing: .1em;
    color: #444;
    border-left: 4px solid #666!important;
}

.extBoxTable .faq dl {
    display: block;
    padding: 15px 0 0 0;
    letter-spacing: .1em;
    color: #666;
}

.extBoxTable .faq dl dt {
    display: block;
    padding: 15px 0 0;
    counter-increment: question;
}

.extBoxTable .faq dl dt:before {
    content: 'Q' counter(question) '. ';
}

.extBoxTable .faq dl dd {
    display: block;
    padding: 10px 0 10px 12px;
    color: #c21114;
    border-bottom: #ccc dotted 1px;
}

.extBoxTable .faq dl dd:last-child {
    border-bottom: none;
}

.extBoxTable .faq dl dd:before {
    content: 'A' '. ';
}

.extBoxTable .faq dl dt span,
.extBoxTable .faq dl dd span {
    font-size: 14px !important;
    color: #c21114;
}

.extBoxTable ul.faq table {
    margin: 15px 0 0 0;
    letter-spacing: .1em;
    border-right: 1px solid #ff42a1;
    border-bottom: 1px solid #ff42a1;
    border-left: 1px solid #ff42a1;
}

.extBoxTable ul.faq table th {
    margin: 0;
    padding: 10px 25px;
    letter-spacing: .2em;
    color: #fff;
    background: #ff42a1;
}

.extBoxTable ul.faq table td {
    padding: 0 10px;
    letter-spacing: .1em;
    color: #888;
    background-color: #fff;
}

.extBoxTable ul.faq table td a {
    display: block;
    margin: 0;
    padding: 20px 10px;
    vertical-align: top;
    color: #666;
    border-bottom: 1px dotted #ff42a1;
}

.extBoxTable ul.faq table td a:before {
    content: '▶ ';
    color: #ff42a1;
}

.extBoxTable ul.faq table tr:last-child td a {
    border-bottom: none;
}

.extBoxTable ul.faq table th:last-child,
.extBoxTable ul.faq table td:last-child {
    border-right: none;
}

.extBoxTable ul.faq table tr:last-child td {
    border-bottom: none;
}

.extBoxTable ul.faq table h4 {
    display: block;
    margin: 0;
    padding: 20px;
    vertical-align: top;
    color: #666;
}

.extBoxTable ul.faq table #info {
    display: block;
    padding: 0 20px 10px;
}

.extBoxTable ul.faq dd > ul {
    padding-bottom: 15px;
}

.extBoxTable ul.faq dd > ul li:first-child {
    font-weight: 700;
    color: #000;
}

.extBoxTable ul.faq dd > ul li {
    font-size: 14px;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.extBoxTable ul.faq dd > ul li.s {
    padding: 0 0 0 15px;
}

.extBoxTable ul.faq dd > ul li.d {
    padding: 0 0 0 25px;
}
/*security*/
.extBoxTable ul.security h3 {
    font-size: 120% !important;
    font-weight: bold;
    line-height: 1!important;
    margin: 30px 0 0 0!important;
    padding: 0!important;
    letter-spacing: .1em;
    color: #444;
}

.extBoxTable ul.security h3:before {
    content: '■ ';
}

.extBoxTable .security dl {
    display: block;
    padding: 0;
    letter-spacing: .1em;
    color: #666;
}

.extBoxTable .security dl dt {
    display: block;
    padding: 20px  0 0;
    color: #c21114;
}

.extBoxTable .security dl dd {
    display: block;
    padding: 0;
}
/*purchase*/
.extBoxTable ul.purchase h3 {
    font-size: 130% !important;
    font-weight: bold;
    line-height: 1!important;
    margin: 30px 0 0 0!important;
    padding: 0!important;
    letter-spacing: .2em!important;
    color: #444;
}

.extBoxTable ul.purchase li p {
    padding-left: 25px !important;
}

.extBoxTable ul.purchase ol li {
    font-size: 120% !important;
    padding-bottom: 25px;
}

.extBoxTable ul.purchase ol li p {
    font-size: 85% !important;
    display: block !important;
    padding: 10px 0 0 !important;
}

.extBoxTable ul.purchase li .length {
    display: block;
    width: 100%;
    margin: 20px 25px 0;
}

.extBoxTable ul.purchase li .length dl {
    display: block;
    padding: 0 0 5px;
    letter-spacing: .2em;
    color: #666;
}

.extBoxTable ul.purchase li .length dl dt {
    display: block;
    vertical-align: top;
}

.extBoxTable ul.purchase li p span {
    font-size: 13px;
    line-height: 1.3;
    display: block;
    padding: 15px 0 0;
    letter-spacing: .1em;
    color: #b70003;
}

.extBoxTable ul.purchase li p a {
    color: #b70003;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
    .extBoxTable h3 {
        font-size: 90% !important;
        padding: 10px 0 0 0;
        letter-spacing: .1em;
        border-left: none !important;
    }

    .extBoxTable ul.faq h3 {
        font-size: 90% !important;
        margin: 10px 0 0 0;
    }

    .extBoxTable h3.chapter {
        font-size: 90% !important;
        margin: 10px 0 0!important;
        letter-spacing: .1em;
        border-left: none !important;
    }

    .extBoxTable .btnArea a {
        font-size: 11px;
        padding: 5px !important;
    }

    .extBoxTable ul li p {
        font-size: 13px!important;
        line-height: 1.4!important;
        padding: 10px 0 0 !important;
    }

    .extBoxTable p.text {
        font-size: 13px!important;
        line-height: 1.4!important;
        padding: 10px 0 !important;
        letter-spacing: .1em;
        color: #666;
        border-bottom: #ccc dotted 1px;
    }

    .extBoxTable p.text2 {
        font-size: 11px!important;
        line-height: 1.4!important;
        display: block;
        width: 100%;
        padding: 10px 0 !important;
        text-align: right;
        letter-spacing: .1em;
        color: #666;
    }

    .extBoxTable ol {
        padding: 10px 0;
    }

    .extBoxTable ol li {
        font-size: 12px;
        margin: 0 0 0 18px;
        padding: 0 0 5px 0;
        list-style-type: disc;
        letter-spacing: 0;
        color: #666;
        border: none;
    }

    .extBoxTable ol li p {
        font-size: 11px;
        line-height: 1.2;
        padding: 3px 0 0;
        letter-spacing: .1em;
        color: #666;
    }

    .extBoxTable ul.number ol li {
        font-size: 12px;
    }

    .extBoxTable ol li {
        font-size: 12px;
    }

    .extBoxTable .faq dl {
        display: block;
        padding: 0 0 0 0;
        letter-spacing: .1em;
        color: #666;
    }

    .extBoxTable ul.faq table td a {
        font-size: 12px;
        padding: 10px;
    }

    .extBoxTable ul.security h3 {
        font-size: 90% !important;
        margin: 10px 0 0 0;
    }

    .extBoxTable .security dl dt {
        padding: 10px  0 0;
    }

    .extBoxTable dl dt,
    .extBoxTable dl dd {
        font-size: 13px!important;
        line-height: 1.3!important;
    }

    .extBoxTable ul.purchase h3 {
        font-size: 110% !important;
        margin: 10px 0 0 0;
    }

    .extBoxTable ul.purchase dl dt {
        font-size: 12px;
        display: iblock;
        width: 100%;
        vertical-align: top;
        letter-spacing: 0;
        *display: inline;
        *zoom: 1;
    }

    .extBoxTable ul.purchase dl dd {
        font-size: 12px;
        letter-spacing: 0;
    }

    .extBoxTable ul.purchase li {
        font-size: 85% !important;
    }

    .extBoxTable ul.purchase ol li p {
        font-size: 11px;
        line-height: 1.2;
        padding: 3px 0 0;
        letter-spacing: .1em;
        color: #666;
    }
}

@media screen and (min-width: 320px) and (max-width: 639px) {
    .extBoxTable .side {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    .extBoxTable .side dl {
        padding: 0 0 10px;
    }

    .extBoxTable .side dl dt {
        font-size: 12px;
        display: iblock;
        width: 100%;
        vertical-align: top;
        letter-spacing: 0;
        *display: inline;
        *zoom: 1;
    }

    .extBoxTable .side dl dd {
        font-size: 12px;
        letter-spacing: 0;
    }
}
/*****teaserBox****/
#teaserBox {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#teaserBox .titleArea {
    display: block;
    margin: 0 0 40px;
    padding: 0;
}

#teaserBox .dataArea {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

#teaserBox .dataArea a {
    text-decoration: underline;
}

#teaserBox .titleArea h2 {
    display: block;
    overflow: hidden;
    margin: 0 30px;
    padding: 0;
    white-space: nowrap;
    text-indent: 100%;
}
/*[if IE 8 ]*/
#teaserBox .titleArea h2 {
    background-size: 100% auto\0;
}

#teaserBox .titleArea .titleAreaImg {
    margin: 0 30px;
}

#teaserBox .titleArea .titleAreaImg img {
    width: 100%;
}

#teaserBox .dataArea h3 {
    font-size: 170%;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 0 0 25px;
    letter-spacing: 0;
    color: #666;
}

#teaserBox .dataArea .teaserArea {
    z-index: 3;
    margin: 0 auto;
    padding: 35px 30px;
    text-align: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
}

#teaserBox .dataArea .teaserArea p {
    font-size: 115%;
    line-height: 1.4;
    padding: 0 0 5px;
}

#teaserBox .dataArea .teaserDetailArea {
    display: block;
    margin: 0 auto;
    padding: 0 30px;
}

#teaserBox .dataArea .teaserDetail {
    z-index: 4;
    display: block;
    margin: 0;
    padding: 20px 0 0;
    text-align: left;
    background: #fff;
    background-size: 100% auto;
}

#teaserBox .dataArea .teaserDetail ul li {
    display: block;
    padding: 0 0 20px;
}

#teaserBox .dataArea .teaserDetail ul li p {
    font-size: 100%;
    line-height: 1.3;
    padding: 10px 0;
    letter-spacing: .1em;
    color: #888;
}

#teaserBox .dataArea .teaserDetail ul li img {
    width: 100%;
}

#teaserBox .dataArea .teaserDetail ul li a.btnlink span {
    display: none;
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    #teaserBox .dataArea .teaserDetail {
        padding: 10px 0;
    }

    #teaserBox .dataArea .teaserDetail ul li {
        display: block;
        padding: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    #teaserBox .titleArea {
        display: block;
        margin: 0 0 10px;
        padding: 0;
    }

    #teaserBox .titleArea .titleAreaImg {
        margin: 0 10px;
    }

    #teaserBox .dataArea h3 {
        font-size: 150%;
        margin: 0;
        padding: 0 0 10px;
    }

    #teaserBox .dataArea .teaserArea {
        margin: 0 auto;
        padding: 10px;
    }

    #teaserBox .dataArea .teaserDetail {
        display: block;
        margin: 0;
        padding: 10px 0 0;
    }

    #teaserBox .dataArea .teaserDetail ul li p {
        font-size: 90%;
    }

    #teaserBox .dataArea .teaserDetailArea {
        padding: 0 10px;
    }

    #teaserBox .dataArea .teaserDetail ul li {
        display: block;
        padding: 0 0 10px;
    }

    #teaserBox .dataArea .teaserDetail ul li p span {
        display: block;
    }

    #teaserBox .dataArea .teaserDetail ul li a.btnlink span {
        display: none;
    }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    #teaserBox .titleArea {
        display: block;
        margin: 0 0 10px;
        padding: 0;
    }

    #teaserBox .titleArea .titleAreaImg {
        margin: 0 10px;
    }

    #teaserBox .dataArea h3 {
        font-size: 100%;
        margin: 0;
        padding: 0 0 10px;
    }

    #teaserBox .dataArea .teaserArea {
        margin: 0 auto;
        padding: 10px;
    }

    #teaserBox .dataArea .teaserArea p {
        font-size: 90%;
    }

    #teaserBox .dataArea .teaserDetail {
        display: block;
        margin: 0;
        padding: 10px 0 0;
    }

    #teaserBox .dataArea .teaserDetailArea {
        padding: 0 10px;
    }

    #teaserBox .dataArea .teaserDetail ul li {
        display: block;
        padding: 0 0 10px;
    }

    #teaserBox .dataArea .teaserDetail ul li img {
        display: none;
    }

    #teaserBox .dataArea .teaserDetail ul li a.btnlink {
        display: block;
        padding: 5px 0;
        text-align: center;
        text-decoration: none;
        background: url(../img/btn_teaser_bk15.png);
    }

    #teaserBox .dataArea .teaserDetail ul li a.btnlink:hover {
        opacity: .8;
        filter: alpha(opacity=80);
        -ms-filter: 'alpha( opacity=80 )';
    }

    #teaserBox .dataArea .teaserDetail ul li a.btnlink span {
        line-height: 1.5;
        display: block;
        letter-spacing: .1em;
        color: #fff;
    }

    #teaserBox .dataArea .teaserDetail ul li p {
        font-size: 85%;
    }

    #teaserBox .dataArea .teaserDetail ul li p span {
        display: block;
    }
}
/*
    Created on : 2014/12/08, 13:38:42
    Author     : kumaki
*/
#contentsNotPlaceList {
    position: relative;
    z-index: 5;
    display: block;
    max-width: 980px;
    margin: 0 auto 0;
    padding: 30px;
    border: 0 solid #eee;
    background: none;
}

@media screen and (min-width: 320px) and (max-width: 769px) {
    #contentsNotPlaceList {
        position: relative;
        z-index: 5;
        display: block;
        max-width: 910px;
        margin: 0 auto 0;
        padding: 10px;
        border: 0 solid #eee;
        background: none;
    }
}

div#pagenation {
    position: relative;
    overflow: hidden;
}

div#pagenation ul {
    position: relative;
    left: 50%;
    float: left;
    list-style: none;
}

div#pagenation li {
    position: relative;
    left: -50%;
    float: left;
}

div#pagenation li.active a {
    color: #fff;
    border: solid 1px #666;
    background: #39f;
}

div#pagenation li a {
    display: block;
    margin: 0 3px;
    padding: 3px 7px;
    text-decoration: none;
    color: #666;
    border: 1px solid #cecece;
    background: #fff;
}

div#pagenation li a:hover {
    color: #fff;
    border: solid 1px #666;
    background: #39f;
}

#suggest {
    position: absolute;
    width: 200px;
    border: 1px solid #ccf;
    background-color: #fff;
}

#suggest div {
    display: block;
    overflow: hidden;
    width: 200px;
    padding-left: 2px;
    text-align: left;
    white-space: nowrap;
}

#suggest div.select {
    /* キー上下で選択した場合のスタイル */
    color: #fff;
    background-color: #36f;
}

#suggest div.over {
    /* マウスオーバ時のスタイル */
    background-color: #9cf;
}
/*
    Created on : 2014/12/05, 12:37:14
    Author     : kumaki
*/
.ie8 #headerInner #headTop h1.logo,
.ie9 #headerInner #headTop h1.logo {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 284px;
    height: 80px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-indent: -100%;
    background: url(../img/ntop/fany_ticket_logo.png) no-repeat;
    background-position: center;
    background-size: 100% auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #headerInner #headTop h1.logo {
        display: inline-block;
        float: left;
        overflow: hidden;
        width: 284px;
        height: 80px;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        text-indent: -100%;
        background: url(../img/ntop/fany_ticket_logo.png) no-repeat;
        background-position: center;
        background-size: 100% auto;
    }
}

.ie8 #contents .limine,
.ie9 #contents .limine,
.ie8 #contents .other,
.ie9 #contents .other,
.ie8 #contents .nanba,
.ie9 #contents .nanba,
.ie8 #contents .mugendai,
.ie9 #contents .mugendai,
.ie8 #contents .jinbocho,
.ie9 #contents .jinbocho,
.ie8 #contents .asakusa,
.ie9 #contents .asakusa,
.ie8 #contents .aeonmall,
.ie9 #contents .aeonmall,
.ie8 #contents .fiveup,
.ie9 #contents .fiveup,
.ie8 #contents .gion,
.ie9 #contents .gion,
.ie8 #contents .omiya,
.ie9 #contents .omiya,
.ie8 #contents .numazu,
.ie9 #contents .numazu,
.ie8 #contents .manzaigekijyo,
.ie9 #contents .manzaigekijyo,
.ie8 #contents .aryy,
.ie9 #contents .aryy {
    text-indent: -100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #contents .limine,
    #contents .other,
    #contents .nanba,
    #contents .mugendai,
    #contents .jinbocho,
    #contents .asakusa,
    #contents .aeonmall,
    #contents .fiveup,
    #contents .gion,
    #contents .omiya,
    #contents .numazu,
    #contents .manzaigekijyo,
    #contents .aryy {
        text-indent: -100%;
    }
}
/*ie8*/
.ie8 #lotterysalesBox #retrievalSearch ul li #keywords,
ie9 #lotterysalesBox #retrievalSearch ul li #keywords,
.ie8 #generalsalesBox #retrievalSearch ul li #keywords,
ie9 #generalsalesBox #retrievalSearch ul li #keywords {
    line-height: 1 !important;
    padding: 5px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ie8 #lotterysalesBox #retrievalSearch ul li #keywords,
    ie9 #lotterysalesBox #retrievalSearch ul li #keywords,
    .ie8 #generalsalesBox #retrievalSearch ul li #keywords,
    ie9 #generalsalesBox #retrievalSearch ul li #keywords {
        line-height: 1 !important;
        padding: 5px !important;
    }
}