@charset "Shift_JIS";

/*================================================
reset
================================================*/

html {
    color: #4d4d4d;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

.body_reserve {
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

    h2.subTitle_l1 {
        font-size: 35px;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        color: #ef349d;
        line-height: normal;
    }

    h2.subTitle_l1s {
        font-size: 35px;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        color: #ef349d;
        line-height: normal;
    }

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, textarea, select {
    *font-size: 100%;
}

legend {
    color: #000;
}


/*================================================

module

================================================*/
body {
    background: url(../img/common/bg.gif);
    /*background-color: #f1fcff;*/
}

#header {
    width: 100%;
    height: 233px;
    background: url(../img/common/header_bg.gif) top center;
    overflow: hidden;
    margin: 0px 0 10px;
    position: relative;
}

#header_inner {
    width: 1000px;
    height: 197px;
    background: url(../img/common/header_title_bg.png);
    overflow: hidden;
    margin: 15px auto 0;
}

#header_inner_top {
    width: 1000px;
    height: 197px;
    background: url(../img/common/header_title_bg.png);
    overflow: hidden;
    margin: 15px 0 0 -500px;
    left: 50%;
    position: absolute;
    z-index: 100;
}

#header_inner h2 {
    width: 727px;
    height: 118px;
    margin: 45px auto;
}

#header_inner_top h2 {
    width: 727px;
    height: 118px;
    margin: 15px auto;
}

#header_nav {
    width: 100%;
    height: 63px;
    position: absolute;
    bottom: 15px;
}

#main {
    width: 936px;
    margin: 30px auto;
    overflow: hidden;
    line-height: 1.6em;
    border-collapse: collapse;
}

    #main p {
        font-size: 14px;
    }

        #main p span {
            color: #ef349d;
        }

#footerWrap {
    width: 100%;
    min-width: 936px;
    bottom: 0;
    left: 0;
}

#footer {
    border: #ff69b4 1px dotted;
    margin: 5px;
    overflow: hidden;
    color: #fff;
    font-size: 11px;
}

#footer_inner {
    background: #ff98cc;
    overflow: hidden;
}

#footer_inner_l {
    float: left;
}

#footer_inner_r {
    float: right;
    text-align: right;
}

#footer_inner_l ul {
    overflow: hidden;
}

#footer_inner_l li {
    width: 180px;
    border-right: 1px #fff dotted;
    float: left;
    text-align: center;
    overflow: hidden;
}

    #footer_inner_l li a {
        display: block;
        padding: 10px;
    }

        #footer_inner_l li a,
        #footer_inner_l li a:link,
        #footer_inner_l li a:active,
        #footer_inner_l li a:visited {
            color: #fff;
            text-decoration: none;
            background: #ff98cc;
        }

            #footer_inner_l li a:hover {
                color: #fff;
                text-decoration: none;
                background: #00b2d8;
            }

            #footer_inner_l li a img {
                margin: 0 5px 0 0;
            }

#footer_inner_r span {
    display: block;
    margin: 10px;
}

.t_r {
    text-align: right;
}

.fc1 {
    color: #ef349d;
}

.fc2 {
    color: #999;
}

.fs10 {
    font-size: 12px;
}

.subTitle_l {
    background: url(../img/common/subtitle_l_bg.gif) no-repeat;
    height: 34px;
    padding-top: 5px;
    padding-left: 20px;
    /*font-size: 20px;*/
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

    .subTitle_l img {
        margin: 7px 0 0 15px;
    }

.subTitle_l2 {
    background: url(../img/common/subTitle_l_bg2.gif) no-repeat;
    height: 34px;
    padding-top: 5px;
    padding-left: 20px;
    /*font-size: 20px;*/
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    margin-top: 40px;
}

    .subTitle_l2 img {
        margin: 7px 0 0 15px;
    }

.subTitle_s {
    background: url(../img/common/subtitle_s_bg.gif) no-repeat;
    height: 34px;
    padding-top: 5px;
    padding-left: 20px;
    /*font-size: 20px;*/
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

    .subTitle_s img {
        margin: 7px 0 0 15px;
    }

.subTitle_s2 {
    background: url(../img/common/subtitle_s_bg2.gif) no-repeat;
    height: 34px;
    padding-top: 5px;
    padding-left: 20px;
    /*font-size: 20px;*/
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

    .subTitle_s2 img {
        margin: 7px 0 0 15px;
    }

.textArea {
    border: #ff69b4 1px dotted;
    background: #fff;
    margin: 10px 0;
    padding: 5px 10px;
}

.mt10 {
    margin: 10px 0 0;
}

.mt20 {
    margin: 20px 0 0;
}

.mb20 {
    margin: 0 0 20px;
}

/*================================================

nav type1

================================================*/

#nav {
    width: 936px;
    /*height: 127px;*/
    margin: 25px auto;
    overflow: hidden;
}

#nav_l {
    width: 730px;
    float: left;
}

#nav_r {
    width: 200px;
    float: right;
}

#nav_l_inner {
    width: 936px;
    overflow: hidden;
}

#nav_l_inner_l {
    float: left;
}

#nav_l_inner_r {
    width: 630px;
    height: 124px;
    float: left;
    margin: 0 0 0 4px;
    background: #ffb5d3 url(../img/common/charaani_logo.gif) 550px 3px no-repeat;
    border: #ff69b4 1px dotted;
    overflow: hidden;
}

    #nav_l_inner_r h1 {
        margin: 15px;
    }

    #nav_l_inner_r ul {
        display: block;
    }

    #nav_l_inner_r li {
        width: 125px;
        float: left;
        border-right: #fff 1px dotted;
    }

    #nav_l_inner_r .r_line {
        /*width: 251px;*/
        border-right: #ff69b4 1px solid;
    }

    #nav_l_inner_r li a {
        display: block;
        height: 50px;
        padding: 12px 10px 8px;
        font-size: 12px;
        text-align: center;
    }

        #nav_l_inner_r li a,
        #nav_l_inner_r li a:link,
        #nav_l_inner_r li a:visited,
        #nav_l_inner_r li a:active {
            color: #fff;
            text-decoration: none;
            background: #ff69b4;
        }

            #nav_l_inner_r li a:hover {
                color: #fff;
                text-decoration: none;
                background: #00b2d8;
            }

    /*
#nav_l_inner_r li.r_line a {
display: block;
height: 50px;
padding: 12px 10px 8px;
font-size: 12px;
text-align: center;
}

#nav_l_inner_r li.r_line a,
#nav_l_inner_r li.r_line a:link,
#nav_l_inner_r li.r_line a:visited,
#nav_l_inner_r li.r_line a:active {
color: #fff;
text-decoration: none;
background: #ff69b4;
}
*/

    #nav_l_inner_r li.r_line a:hover {
        /*border-right: #00b2d8 3px solid;
		width: 231px;*/
        border-right: #00b2d8 1px solid;
        width: 105px;
        color: #fff;
        text-decoration: none;
        background: #00b2d8;
    }

    #nav_l_inner_r .active {
        /*width: 105px;*/
        height: 50px;
        display: block;
        padding: 12px 10px 8px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background: #00b2d8;
    }

#nav_r ul li {
    margin: 0 0 10px;
}

    #nav_r ul li a {
        display: block;
        height: 36px;
        padding: 10px 15px;
        font-size: 12px;
        border: #ff69b4 1px dotted;
        text-align: left;
    }

        #nav_r ul li a,
        #nav_r ul li a:link,
        #nav_r ul li a:visited,
        #nav_r ul li a:active {
            color: #fff;
            text-decoration: none;
            background: #92da00;
        }

            #nav_r ul li a:hover {
                color: #fff;
                text-decoration: none;
                background: #a9de3e;
            }

            #nav_r ul li a span {
                background: url(../img/common/arrow.gif) 0px 6px no-repeat;
                padding: 2px 0 0 15px;
                display: block;
                line-height: 1.5em;
            }


/*デザイン会社対応*/

h1 img {
    width: 100%;
}

/* line 112, ../sass/main.scss */
div#nav div#inner #ulGuest, div#nav div#inner #ulMember {
    letter-spacing: -.4em;
    /*background-color: #ff98cc;*/
}
    /* line 115, ../sass/main.scss */
    div#nav div#inner #ulGuest li,
    div#nav div#inner #ulMember li {
        letter-spacing: normal;
        display: inline-block;
        width: 20%;
        /*padding: 10px 10px;*/
        border-right: #ffffff 1px dotted;
        border-top: #ffffff 1px dotted;
        box-sizing: border-box;
    }
        /* line 122, ../sass/main.scss */
        /*div#nav div#inner #ulGuest li:nth-child(even),
div#nav div#inner #ulMember li:nth-child(even) {
border-left: #ffffff 1px dotted;
}*/
        /* line 125, ../sass/main.scss */
        div#nav div#inner #ulGuest li a,
        div#nav div#inner #ulMember li a {
            font-size: 14px;
            text-decoration: none;
            color: #ffffff;
        }

/* line 129, ../sass/main.scss */
div#nav div#inner ul li a img {
    display: inline-block;
    margin-right: 5px;
    width: 9px;
    height: 9px;
}


/*================================================

nav type1

================================================*/


#inner {
    background: #ffb5d3 url(../img/common/charaani_logo.gif) 550px 3px no-repeat;
    border: #ff69b4 1px dotted;
    overflow: hidden;
}

    #inner li a {
        display: block;
        padding: 12px 10px 8px;
        font-size: 12px;
        text-align: center;
    }

        #inner li a,
        #inner li a:link,
        #inner li a:visited,
        #inner li a:active {
            color: #fff;
            text-decoration: none;
            background: #ff69b4;
        }

            #inner li a:hover {
                color: #fff;
                text-decoration: none;
                background: #088ee6;
            }

    #inner li.r_line a:hover {
        /*border-right: #00b2d8 3px solid;
width: 231px;*/
        border-right: #ff98cc 1px solid;
        /*width: 105px;*/
        color: #fff;
        text-decoration: none;
        background: #088ee6;
    }

    #inner .active {
        /*width: 105px;
display: block;
padding: 12px 10px 8px;
font-size: 12px;
text-align: center;
color: #fff;
text-decoration: none;*/
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        padding: 11px 10px 8px;
        text-align: center;
        background: #088ee6;
    }

        #inner .active img {
            display: inline-block;
            margin-right: 5px;
        }


/*================================================
#link_btn
================================================*/
/* line 515, ../sass/main.scss */
#link_btn {
    margin: 0 auto 30px;
    width: 936px;
}
    /* line 519, ../sass/main.scss */
    #link_btn ul li {
        display: block;
        padding: 10px 20px;
        border-bottom: #ffffff 1px dotted;
        display: inline-block;
        background-color: #a9de3e;
        width: 45%;
    }

        #link_btn ul li:hover {
            display: block;
            padding: 10px 20px;
            border-bottom: #ffffff 1px dotted;
            display: inline-block;
            background-color: #bde567;
            width: 45%;
        }
        /* line 523, ../sass/main.scss */
        #link_btn ul li a {
            font-size: 14px;
            text-decoration: none;
            color: #ffffff;
        }
            /* line 527, ../sass/main.scss */
            #link_btn ul li a img {
                display: inline-block;
                margin-right: 5px;
            }


/*================================================

nav type2

================================================*/

#nav2 {
    width: 936px;
    margin: 25px auto;
    overflow: hidden;
}

#nav2_l {
    float: left;
}

#nav2_r {
    width: 840px;
    height: 124px;
    float: right;
    margin: 0 0 0 4px;
    background: #ffb5d3 url(../img/common/charaani_logo.gif) 760px 3px no-repeat;
    border: #ff69b4 1px dotted;
    overflow: hidden;
}

    #nav2_r h1 {
        margin: 15px;
    }

    #nav2_r ul {
        display: block;
    }

    #nav2_r li {
        width: 167px;
        float: left;
        border-right: #fff 1px dotted;
    }

    #nav2_r .r_line {
        border-right: #ff69b4 1px solid;
    }

    #nav2_r li a {
        display: block;
        height: 50px;
        padding: 12px 10px 8px;
        font-size: 12px;
        text-align: center;
    }

        #nav2_r li a,
        #nav2_r li a:link,
        #nav2_r li a:visited,
        #nav2_r li a:active {
            color: #fff;
            text-decoration: none;
            background: #ff69b4;
        }

            #nav2_r li a:hover {
                color: #fff;
                text-decoration: none;
                background: #00b2d8;
            }

    #nav2_r li.r_line a:hover {
        border-right: #00b2d8 1px solid;
        width: 147px;
        color: #fff;
        text-decoration: none;
        background: #00b2d8;
    }

    #nav2_r .active {
        width: 147px;
        height: 50px;
        display: block;
        padding: 12px 10px 8px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background: #00b2d8;
    }


/*================================================

nav type3

================================================*/

#nav3 {
    width: 936px;
    margin: 25px auto;
    overflow: hidden;
}

#nav3_l {
    float: left;
}

#nav3_r {
    width: 840px;
    height: 124px;
    float: right;
    margin: 0 0 0 4px;
    background: #ffb5d3 url(../img/common/charaani_logo.gif) 760px 3px no-repeat;
    border: #ff69b4 1px dotted;
    overflow: hidden;
}

    #nav3_r h1 {
        margin: 15px;
    }

    #nav3_r div {
        display: block;
        overflow: hidden;
        background: #ff69b4;
        width: 840px;
        height: 39px;
    }

        #nav3_r div p {
            color: #fff;
            margin: 8px 15px;
            font-size: 18px;
        }


/*------------------------------------------------
header_nav
------------------------------------------------*/

#header_nav {
    background: url(../img/common/header_nav_bg.png);
}

#header_nav_inner {
    width: 772px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    margin: 0 0 0 -386px;
    left: 50%;
    z-index: 150;
}

    #header_nav_inner ul {
        display: block;
        overflow: hidden;
    }

    #header_nav_inner li {
        width: 150px;
        margin: 0 4px 0 0;
        float: left;
        overflow: hidden;
    }

#header_nav_inner1,
#header_nav_inner2,
#header_nav_inner3,
#header_nav_inner4,
#header_nav_inner5 {
    width: 150px;
    height: 28px;
    display: block;
}

    #header_nav_inner1 span,
    #header_nav_inner2 span,
    #header_nav_inner3 span,
    #header_nav_inner4 span,
    #header_nav_inner5 span {
        display: none;
    }

    #header_nav_inner1,
    #header_nav_inner1:link,
    #header_nav_inner1:visited,
    #header_nav_inner1:active {
        background: url(../img/top/n1.gif) no-repeat;
    }

    #header_nav_inner2,
    #header_nav_inner2:link,
    #header_nav_inner2:visited,
    #header_nav_inner2:active {
        background: url(../img/top/n2.gif) no-repeat;
    }

    #header_nav_inner3,
    #header_nav_inner3:link,
    #header_nav_inner3:visited,
    #header_nav_inner3:active {
        background: url(../img/top/n3.gif) no-repeat;
    }

    #header_nav_inner4,
    #header_nav_inner4:link,
    #header_nav_inner4:visited,
    #header_nav_inner4:active {
        background: url(../img/top/n4.gif) no-repeat;
    }

    #header_nav_inner5,
    #header_nav_inner5:link,
    #header_nav_inner5:visited,
    #header_nav_inner5:active {
        background: url(../img/top/n5.gif) no-repeat;
    }

    #header_nav_inner1:hover {
        background: url(../img/top/n1_on.gif) no-repeat;
    }

    #header_nav_inner2:hover {
        background: url(../img/top/n2_on.gif) no-repeat;
    }

    #header_nav_inner3:hover {
        background: url(../img/top/n3_on.gif) no-repeat;
    }

    #header_nav_inner4:hover {
        background: url(../img/top/n4_on.gif) no-repeat;
    }

    #header_nav_inner5:hover {
        background: url(../img/top/n5_on.gif) no-repeat;
    }




/*------------------------------------------------
form
------------------------------------------------*/

.iw50 {
    width: 50px;
}

.iw100 {
    width: 100px;
}

.iw150 {
    width: 150px;
}

.iw200 {
    width: 200px;
}

.iw360 {
    width: 360px;
}

.iw500 {
    width: 500px;
}


/*------------------------------------------------
table
------------------------------------------------*/

.table_name {
    overflow: hidden;
    margin: 10px 0 0;
}

.table_name_l {
    width: 190px;
    float: left;
}

.table_name_r {
    width: 465px;
    float: left;
}

.address {
    width: 673px;
    position: relative;
}

.address_inner {
    position: absolute;
    top: 0;
    right: 150px;
}

.address select {
    margin: 15px 0;
}


/*------------------------------------------------
top_btn
------------------------------------------------*/

.top_btn a {
    display: block;
    width: 260px;
    height: 55px;
    margin: 40px auto;
    background: url(../img/common/top_btn.gif) no-repeat;
}

    .top_btn a:hover {
        background: url(../img/common/top_btn_on.gif) no-repeat;
    }

    .top_btn a span {
        display: none;
    }

.top_btn2 {
    text-align: center;
}

/*------------------------------------------------
backSmall_btn
------------------------------------------------*/

.backSmall_btn a {
    margin: 40px 0;
    background: url(../img/common/backSmall_btn_btn.gif);
    width: 75px;
    height: 25px;
    display: block;
}

    .backSmall_btn a:hover {
        background: url(../img/common/backSmall_btn_on.gif);
    }

    .backSmall_btn a span {
        display: none;
    }


/*------------------------------------------------
news
------------------------------------------------*/

#topNews {
    width: 936px;
    margin: 0px auto 20px auto;
    border: 1px solid #000;
    background: #fff;
}

    #topNews h3 {
        width: 914px;
        margin: 1px auto;
        background: #000;
        color: #fff;
        padding: 5px 10px;
    }

    #topNews h4 {
        margin: 10px;
        font-size: 12px;
        line-height: 1.6em;
        font-weight: bold;
    }

    #topNews p {
        margin: 10px;
        font-size: 12px;
        line-height: 1.6em;
    }

    #topNews a {
        color: #ef349d;
    }

    #topNews .bar {
        height: 1px;
        border-bottom: 1px solid #000;
    }


/*------------------------------------------------
main
------------------------------------------------*/

.main_btn01,
.main_btn02,
.main_btn03,
.main_btn04,
.main_btn05,
.main_btn06,
.main_btn07,
.main_btn08,
.main_btn09,
.main_btn10 {
    /*margin: 0 auto 40px;
	width: 403px;*/
    margin: 0 auto 20px;
    width: 100%;
    height: 95px;
}

    .main_btn01 a span,
    .main_btn02 a span,
    .main_btn03 a span,
    .main_btn04 a span,
    .main_btn05 a span,
    .main_btn06 a span,
    .main_btn07 a span,
    .main_btn08 a span,
    .main_btn09 a span,
    .main_btn10 a span {
        display: none;
    }

    /*
#liHall01a .main_btn01 a
,#liHall01b .main_btn01 a {
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_1.png) no-repeat;
background-size: cover;
}


#liHall02a .main_btn02 a
,#liHall02b .main_btn02 a {
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_2.png) no-repeat;
background-size: cover;
}

#liHall03a .main_btn03 a
,#liHall03b .main_btn03 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_3.png) no-repeat;
background-size: cover;
}

#liHall04a .main_btn04 a
,#liHall04b .main_btn04 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_4.png) no-repeat;
background-size: cover;
}

#liHall05a .main_btn05 a
,#liHall05b .main_btn05 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_5.png) no-repeat;
background-size: cover;
}

#liHall06a .main_btn06 a
,#liHall06b .main_btn06 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_6.png) no-repeat;
background-size: cover;
}

#liHall07a .main_btn07 a
,#liHall07b .main_btn07 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_7.png) no-repeat;
background-size: cover;
}

#liHall08a .main_btn08 a
,#liHall08b .main_btn08 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_8.png) no-repeat;
background-size: cover;
}

#liHall09a .main_btn09 a
,#liHall09b .main_btn09 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_9.png) no-repeat;
background-size: cover;
}


#liHall10a .main_btn10 a
,#liHall10b .main_btn10 a{
display: block;
width: 100%;
height: 95px;
margin: 10px auto 40px;
background: url(../images/hall/title_hall_10.png) no-repeat;
background-size: cover;
}

*/


    .main_btn01 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_01_off.gif?ver=201711) no-repeat;
    }

        .main_btn01 a:hover {
            background: url(../images/hall/title_hall_01_on.gif?ver=201711) no-repeat;
        }

    .main_btn02 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_02_off.gif?ver=201711) no-repeat;
    }

        .main_btn02 a:hover {
            background: url(../images/hall/title_hall_02_on.gif?ver=201711) no-repeat;
        }

    .main_btn03 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_03_off.gif) no-repeat;
    }

        .main_btn03 a:hover {
            background: url(../images/hall/title_hall_03_on.gif) no-repeat;
        }

    .main_btn04 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_04_off.gif) no-repeat;
    }

        .main_btn04 a:hover {
            background: url(../images/hall/title_hall_04_on.gif) no-repeat;
        }

    .main_btn05 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_05_off.gif) no-repeat;
    }

        .main_btn05 a:hover {
            background: url(../images/hall/title_hall_05_on.gif) no-repeat;
        }

    .main_btn06 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_06_off.gif) no-repeat;
    }

        .main_btn06 a:hover {
            background: url(../images/hall/title_hall_06_on.gif) no-repeat;
        }

    .main_btn07 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_07_off.gif) no-repeat;
    }

        .main_btn07 a:hover {
            background: url(../images/hall/title_hall_07_on.gif) no-repeat;
        }

    .main_btn08 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_08_off.gif) no-repeat;
    }

        .main_btn08 a:hover {
            background: url(../images/hall/title_hall_08_on.gif) no-repeat;
        }

    .main_btn09 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_09_off.gif) no-repeat;
    }

        .main_btn09 a:hover {
            background: url(../images/hall/title_hall_09_on.gif) no-repeat;
        }

    .main_btn10 a {
        display: block;
        width: 403px;
        height: 95px;
        margin: 10px auto 40px;
        background: url(../images/hall/title_hall_10_off.gif) no-repeat;
    }

        .main_btn10 a:hover {
            background: url(../images/hall/title_hall_10_on.gif) no-repeat;
        }

#mainTopContents1 {
    width: 936px;
    height: 357px;
    margin: 10px auto;
    position: relative;
    background: url(../img/top/topImg.gif) no-repeat;
    overflow: hidden;
}

#mainTopContents1_1 .title,
#mainTopContents1_2 .title,
#mainTopContents1_3 .title,
#mainTopContents1_4 .title {
    color: #fff;
    width: 200px;
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 18px;
}

#mainTopContents1_1 .text,
#mainTopContents1_2 .text,
#mainTopContents1_3 .text,
#mainTopContents1_4 .text {
    width: 200px;
    position: absolute;
    top: 245px;
    left: 15px;
    line-height: 18px;
}

#mainTopContents1_2 .title,
#mainTopContents1_2 .text {
    left: 253px;
}

#mainTopContents1_3 .title,
#mainTopContents1_3 .text {
    left: 488px;
}

#mainTopContents1_4 .title,
#mainTopContents1_4 .text {
    left: 725px;
}

    #mainTopContents1_2 .text span,
    #mainTopContents1_3 .text span,
    #mainTopContents1_4 .text span {
        font-size: 10px;
        color: #4d4d4d;
    }

#mainTopContents1_bottom {
    overflow: hidden;
    font-size: 12px;
    line-height: 1.6em;
    margin: 5px 0 40px;
}

#mainTopContents1_bottom_l {
    width: 48%;
    float: left;
}

#mainTopContents1_bottom_r {
    width: 48%;
    float: right;
}

#mainTopContents2 {
    margin: 10px 0 40px;
    overflow: hidden;
}

#mainTopContents2_l {
    width: 250px;
    float: left;
}

    #mainTopContents2_l h3 {
        font-size: 16px;
        color: #ef349d;
    }

#mainTopContents2_r {
    width: 670px;
    float: right;
    font-size: 14px;
}

    #mainTopContents2_r h3 {
        margin: 2px 0 0;
    }

        #mainTopContents2_r h3 span {
            color: #fff;
            background: #00b2d8;
            border: #ff69b4 1px dotted;
            border-bottom: #00b2d8 1px solid;
            margin: 0;
            padding: 5px;
        }

    #mainTopContents2_r .mainTopContents2_r_inner {
        border: #ff69b4 1px dotted;
        padding: 10px;
        background: #fff;
        margin: 0 0 10px;
    }

        #mainTopContents2_r .mainTopContents2_r_inner span {
            /* font-size: 10px;*/
            font-size: 12px;
            line-height: 1.6em;
            display: block;
            margin: 0 0 0 16px;
            color: #666666;
        }


        #mainTopContents2_r .mainTopContents2_r_inner a,
        #mainTopContents2_r .mainTopContents2_r_inner a:link,
        #mainTopContents2_r .mainTopContents2_r_inner a:visited,
        #mainTopContents2_r .mainTopContents2_r_inner a:active {
            color: #ef349d;
            text-decoration: underline;
        }

            #mainTopContents2_r .mainTopContents2_r_inner a:hover {
                color: #ef349d;
                text-decoration: none;
            }

#mainTopContents3 {
    overflow: hidden;
}

#mainTopContents3_l {
    width: 448px;
    float: left;
    /*border-right: #ff69b4 1px dotted;
	padding: 0 20px 0 0 ;*/
}

#mainTopContents3_r {
    width: 448px;
    float: right;
    border-left: #ff69b4 1px dotted;
    padding: 0 0 0 20px;
}

#mainTopContents3_l h3 {
    margin: 10px 0 0;
}

#mainTopContents3_l .bg_g span {
    color: #fff;
    background: #cacaca;
    border: #b4b4b4 1px dotted;
    border-bottom: none;
    margin: 0;
    padding: 5px;
}

.mainTopContents3_l_inner {
    background: #fff;
    margin: 0 0 20px;
}

#mainTopContents3_l .gg {
    border: #b4b4b4 1px dotted;
    color: #999999;
    padding: 10px;
}

#mainTopContents3_l .gg2 {
    border-left: #b4b4b4 1px dotted;
    border-right: #b4b4b4 1px dotted;
    border-bottom: #b4b4b4 1px dotted;
    color: #999999;
    padding: 10px;
}

#mainTopContents3_l .bg_c span {
    color: #fff;
    background: #00b2d8;
    border: #ff69b4 1px dotted;
    border-bottom: none;
    margin: 0;
    padding: 5px;
}

#mainTopContents3_l .gg .fcg,
#mainTopContents3_l .gg2 .fcg {
    color: #999999;
    font-size: 12px;
}

#mainTopContents3_l .gc {
    border: #ff69b4 1px dotted;
    color: #ef349d;
    padding: 10px 10px 5px 10px;
    font-size: 16px;
}

#mainTopContents3_l .gc2 {
    border-left: #ff69b4 1px dotted;
    border-right: #ff69b4 1px dotted;
    border-bottom: #ff69b4 1px dotted;
    color: #4d4d4d;
    padding: 10px;
    font-size: 14px;
}

#mainTopContents3_l .gc .fcc {
    font-size: 12px;
}

#mainTopContents3_l .gc2 .fcc {
    color: #4d4d4d;
    font-size: 12px;
}


#mainTopContents3_r h3 {
    color: #ef349d;
    font-size: 16px;
    margin: 10px 0 0;
}

#mainTopContents3_r .mainTopContents3_r_inner h3 span {
    background: none repeat scroll 0 0 #00b2d8;
    border: 1px dotted #ff69b4;
    border-bottom: none;
    color: #fff;
    margin: 0;
    padding: 5px 10px;
}

#mainTopContents3_r .mainTopContents3_r_inner dl {
    border-top: #ff69b4 1px dotted;
    border-left: #ff69b4 1px dotted;
    display: block;
    overflow: hidden;
    width: 448px;
    font-size: 14px;
}

#mainTopContents3_r .mainTopContents3_r_inner dt {
    width: 78px;
    color: #ef349d;
}

#mainTopContents3_r .mainTopContents3_r_inner dd {
    width: 326px;
}

#mainTopContents3_r .mainTopContents3_r_inner dt,
#mainTopContents3_r .mainTopContents3_r_inner dd {
    padding: 5px 10px;
    border-bottom: #ff69b4 1px dotted;
    border-right: #ff69b4 1px dotted;
    display: block;
    float: left;
    background: #fff;
}

#mainTopContents3_r .mainTopContents3_r_inner p {
    font-size: 12px;
    line-height: 1.6em;
    margin: 5px 0 15px;
}

#mainTopContents3_r .mainTopContents3_r_inner2 {
    margin-bottom: 20px;
}

    #mainTopContents3_r .mainTopContents3_r_inner2 h3 span {
        background: none repeat scroll 0 0 #00b2d8;
        border: 1px dotted #ff69b4;
        border-bottom: none;
        color: #fff;
        margin: 0;
        padding: 5px 10px;
    }

    #mainTopContents3_r .mainTopContents3_r_inner2 .title {
        border: 1px dotted #ff69b4;
        color: #ef349d;
        margin: 0;
        padding: 5px 10px;
        background: #fff;
    }

    #mainTopContents3_r .mainTopContents3_r_inner2 p.title {
        padding-top: 15px;
        font-size: 15px;
    }

    #mainTopContents3_r .mainTopContents3_r_inner2 .text {
        border: 1px dotted #ff69b4;
        border-top: none;
        margin: 0;
        padding: 5px 10px;
        background: #fff;
        font-size: 12px;
    }

    #mainTopContents3_r .mainTopContents3_r_inner2 .text2 {
        font-size: 12px;
        line-height: 1.6em;
        margin: 5px 0;
    }

    /* 20120703add */
    #mainTopContents3_r .mainTopContents3_r_inner2 .text3 {
        border: 1px dotted #ff69b4;
        margin: 15px 0;
        padding: 5px 10px;
        background: #fff;
        font-size: 12px;
    }
        /* 20120703add */


        #mainTopContents3_r .mainTopContents3_r_inner2 .text a,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text a:link,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text a:active,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text a:visited,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text3 a,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text3 a:link,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text3 a:active,
        #mainTopContents3_r .mainTopContents3_r_inner2 .text3 a:visited {
            color: #ef349d;
        }

            #mainTopContents3_r .mainTopContents3_r_inner2 .text a:hover,
            #mainTopContents3_r .mainTopContents3_r_inner2 .text3 a:hover {
                color: #ef349d;
                text-decoration: none;
            }

#mainTopContents4 {
    margin: 40px 0 60px;
    overflow: hidden;
}

#mainTopContents4_l {
    width: 520px;
    min-height: 175px;
    float: left;
    border: 1px solid #ff0084;
    background: #fff;
}

    #mainTopContents4_l h3 {
        width: 498px;
        margin: 1px auto;
        background: #ff0084;
        color: #fff;
        padding: 5px 10px;
    }

    #mainTopContents4_l p {
        margin: 10px;
        font-size: 12px;
        line-height: 1.6em;
    }

#mainTopContents4_r {
    width: 395px;
    min-height: 175px;
    float: right;
    border: 1px dotted #ff69b4;
    background: #fff;
    text-align: center;
}

    #mainTopContents4_r img {
        width: 268px;
        margin: 0 auto;
    }

    #mainTopContents4_r .text1 {
        text-align: center;
        margin: 10px 0 0;
    }

        #mainTopContents4_r .text1 span {
            font-size: 26px;
            color: #4d4d4d;
        }

    #mainTopContents4_r .text2 {
        font-size: 10px;
        text-align: left;
        margin: 5px 0 5px 30px;
        line-height: 2em;
    }


/*================================================
#akb_bnr
================================================*/
/* line 424, ../sass/main.scss */
#akb_bnr {
    margin: 40px 20px 0;
    text-align: center;
}

    #akb_bnr #akb_bnr1,
    #akb_bnr #akb_bnr2,
    #akb_bnr #akb_bnr3 {
        display: inline-block;
    }
        /* line 426, ../sass/main.scss */
        #akb_bnr #akb_bnr1 a, #akb_bnr #akb_bnr2 a, #akb_bnr #akb_bnr3 a {
            display: inline-block;
            /*margin: 0px 0px 0px 0px;*/
            width: 303px;
            /*height: 0;*/
            padding-top: 46px;
        }
        /* line 436, ../sass/main.scss */
        #akb_bnr #akb_bnr1 span,
        #akb_bnr #akb_bnr2 span,
        #akb_bnr #akb_bnr3 span {
            display: none;
        }
    /* line 440, ../sass/main.scss */
    #akb_bnr #akb_bnr1 {
        margin: 0;
        background-image: url(../img/top/akb_bnr1.gif);
    }
    /* line 444, ../sass/main.scss */
    #akb_bnr #akb_bnr2 {
        background-image: url(../img/top/akb_bnr2.gif);
    }
    /* line 447, ../sass/main.scss */
    #akb_bnr #akb_bnr3 {
        background-image: url(../img/top/akb_bnr3.gif);
    }

    #akb_bnr #akb_bnr1:hover {
        margin: 0;
        background-image: url(../img/top/akb_bnr1_on.gif);
    }
    /* line 444, ../sass/main.scss */
    #akb_bnr #akb_bnr2:hover {
        background-image: url(../img/top/akb_bnr2_on.gif);
    }
    /* line 447, ../sass/main.scss */
    #akb_bnr #akb_bnr3:hover {
        background-image: url(../img/top/akb_bnr3_on.gif);
    }

/*------------------------------------------------
login
------------------------------------------------*/

#login {
    width: 936px;
    overflow: hidden;
    margin: 30px 0;
}

#login_l {
    width: 448px;
    float: left;
    border-right: #ff69b4 1px dotted;
    padding: 0 20px 0 0;
}

#login_l .login_aks{padding:20px;border-radius:8px;background:#f2f2f2;margin:30px 0px 30px 0px;}

#login_r,
#login_r2{
    width: 448px;
    float: right;
}

#login_r2{
    margin-top:10px;
}

#login_r3{
    width: 448px;
    display:inline-block;
    margin-left:10px;
    
}

#login p {
    margin: 5px 0;
}

#login_btn {
    width: 260px;
    height: 55px;
    margin: 0 auto;
}

#login_btn2,
#login_btn2_2 {
    overflow: hidden;
}

#login_btn3 {
    overflow: hidden;
    text-align: center;
    padding-top: 120px;
}

#login_btn4 {
    width: 400px;
    height: 55px;
    margin: 0 auto;
}

#login_btn4 input{
    float:left;
    margin-right:15px;
}

#login_btn2_l {
    width: 213px;
    height: 55px;
    float: left;
}

#login_btn2_r {
    width: 213px;
    height: 55px;
    float: right;
}





#login_l_inner table {
    width: 100%;
    margin: 10px 0 40px;
    font-size: 12px;
    font-size: 14px;
}

    #login_l_inner table td {
        padding: 15px;
        border: 1px #ff69b4 dotted;
    }

    #login_l_inner table .title {
        width: 130px;
        background: #00b2d8;
        color: #fff;
    }

    #login_l_inner table .text {
        background: #fff;
    }

        #login_l_inner table .text a,
        #login_l_inner table a:link,
        #login_l_inner table a:active,
        #login_l_inner table a:visited {
            color: #ef349d;
            text-decoration: underline;
        }

    #login_l_inner table a:hover {
        color: #ef349d;
        text-decoration: none;
    }

#btnLogin, #btnNewMember {
    width: 180px;
}

 #btnAKBGIDLogin {
    width: 400px;
}


/*------------------------------------------------
reserve
------------------------------------------------*/
#btnBackSel,
#ibtnConfirm,
#btnBackApply,
#ibtnConfirm,
#btnApply,
#btnBackGuest {
    width: 180px;
}

#btnDisp {
    width: 130px;
}

form {
    /*margin: 30px 0;*/
    margin: 0;
}

.inputImg1 {
    margin-left: 10px;
    vertical-align: middle;
}

.reserve_table {
    width: 100%;
    margin: 10px 0 40px;
    font-size: 12px;
    border-collapse: collapse;
    background-color: #fff;
}

    .reserve_table .even {
        background: #fff;
    }

    .reserve_table .odd {
        background: #eaf9ff;
    }

    .reserve_table td {
        width: 33%;
        border: 1px #ff69b4 dotted;
        overflow: hidden;
    }

        .reserve_table td .f_l {
            float: left;
            padding: 5px 10px;
        }

        .reserve_table td .f_r {
            float: right;
            border-left: #ff69b4 1px dotted;
            padding: 5px 10px;
            text-align: center;
            width: 60px;
        }

        .reserve_table td .fc1 {
            color: #666666;
            width: 200px;
            min-height: 50px;
        }

        .reserve_table td .f_r .fc1 {
            color: red;
        }
/*売切れ時の文字色*/

#btn_bottom {
    width: 560px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

/*2018/05/14 追加*/
#btn_bottomAks {
    width: 560px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#btn_bottom_none {
    width: 560px;
    height: 95px;
    position: absolute;
    top: 0;
    left: 0;
}

.inputImg2 {
    width: 260px;
    margin: 0 40px 0 0;
    float: left;
}

.inputImg3 {
    width: 260px;
    float: left;
}

.inputImg4 {
    width: 260px;
    margin: 0 auto;
    display: block;
}

.inputImg6 {
    width: 180px;
    margin: 0 auto;
}

/*2018/05/15 ADD*/
.inputImg7 {
    width: 260px;
    margin:10px 0 0 auto;
    display:block;
}

/*------------------------------------------------
reserve2
------------------------------------------------*/

.reserve_table2 {
    width: 100%;
    margin: 10px 0 40px;
    font-size: 12px;
    border-collapse: collapse;
    font-size: 14px;
}

    .reserve_table2 td {
        border: 1px #ff69b4 dotted;
        overflow: hidden;
        padding: 15px;
    }

.reserve2_tbl_title {
    width: 200px;
    background: #00b2d8;
    color: #fff;
}

.reserve2_tbl_text {
    background: #fff;
}

.reserve_table3 {
    width: 100%;
    margin: 10px 0 40px;
    font-size: 12px;
    border-collapse: collapse;
    font-size: 14px;
}


    .reserve_table3 th {
        border: 1px #ff69b4 dotted;
        overflow: hidden;
        padding: 5px 10px;
    }

    .reserve_table3 td {
        border: 1px #ff69b4 dotted;
        overflow: hidden;
        padding: 5px 10px;
    }

    .reserve_table3 .reserve_table3_title {
        background: #00b2d8;
        color: #fff;
    }

    .reserve_table3 .reserve_table3_text {
        background: #fff;
    }

    .reserve_table3 tr .itemName {
        width: 480px;
    }

    .reserve_table3 .reserve_table3_totalText {
        background: #eaf9ff;
    }


/*------------------------------------------------
reserve3
------------------------------------------------*/

#reserve3Contents {
    border: 1px #ff69b4 dotted;
    background: #fff;
    padding: 15px;
    margin: 10px 0 40px;
}

    #reserve3Contents a,
    #reserve3Contents a:link,
    #reserve3Contents a:active,
    #reserve3Contents a:visited {
        color: #ef349d;
        text-decoration: underline;
    }

        #reserve3Contents a:hover {
            color: #ef349d;
            text-decoration: none;
        }

.reserve3Error {
    border: 1px #ff69b4 dotted;
    background: #fff;
    padding: 15px;
    margin: 10px 0 40px;
    color: #ff0000;
}

    .reserve3Error a,
    .reserve3Error a:link,
    .reserve3Error a:active,
    .reserve3Error a:visited {
        color: #ef349d;
        text-decoration: underline;
    }

        .reserve3Error a:hover {
            color: #ef349d;
            text-decoration: none;
        }

/*------------------------------------------------
faq
------------------------------------------------*/

#faq {
    width: 936px;
}

#faq_q {
    overflow: hidden;
    margin: 20px 0 40px;
}

    #faq_q a {
        line-height: 2em;
    }

        #faq_q a,
        #faq_q a:link,
        #faq_q a:active,
        #faq_q a:visited {
            color: #ef349d;
            text-decoration: underline;
        }

            #faq_q a:hover {
                color: #ef349d;
                text-decoration: none;
            }

#faq_a h3 span {
    background: #00b2d8;
    border: 1px dotted #ff69b4;
    border-bottom: none;
    color: #fff;
    margin: 0;
    padding: 5px 20px;
}

#faq_a img {
    vertical-align: middle;
}

#faq_a .q_inner {
    border: 1px #ff69b4 dotted;
    margin: 0 0 20px;
    background: #fff;
    padding-top: 10px;
    overflow: hidden;
}

#faq_a .title {
    border-bottom: 1px #ff69b4 dotted;
    color: #ef349d;
}

#faq_a .title,
#faq_a .text {
    padding: 5px 10px;
}

#faq_a .q_inner ul {
    padding: 5px 10px;
}

#faq_a .q_inner li {
    font-size: 13px;
}

    #faq_a .q_inner li a,
    #faq_a .q_inner li a:link,
    #faq_a .q_inner li a:active,
    #faq_a .q_inner li a:visited {
        color: #ef349d;
        text-decoration: underline;
    }


/*------------------------------------------------
history
------------------------------------------------*/

#btnCancel {
    width: 180px;
}

/*#btnCancel_back {
width: 120px;

}*/

.history_table {
    width: 936px;
    margin: 10px auto 30px;
}

    .history_table .name {
        color: #ef349d;
    }

    .history_table span {
        color: #ef349d;
    }

    .history_table tr {
        background: #fff;
    }

    .history_table .title {
        background: #00b2d8;
        color: #fff;
    }

    .history_table td, .history_table th {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
    }

        .history_table td .fc1 {
            color: #ef349d;
        }

        .history_table td .fc2 {
            color: #999;
        }

        /*
.history_table td a {
background: url(../img/common/check_btn.gif);
width: 90px;
height: 25px;
display: block;
margin-right: -7px;
}

.history_table td a:hover {
background: url(../img/common/check_btn_on.gif);
}
*/

        .history_table td a span {
            display: none;
        }

    .history_table .btn {
        background: url(../img/common/check_btn.gif);
        width: 90px;
        height: 25px;
        display: block;
        margin-right: -7px;
    }

        .history_table .btn:hover {
            background: url(../img/common/check_btn_on.gif);
        }

    .history_table .t_r {
        text-align: right;
    }

    .history_table .total {
        background: #eaf9ff;
    }

.history_table2 {
    width: 936px;
    margin: 30px auto;
}

    .history_table2 tr {
        background: #fff;
    }

    .history_table2 .title {
        background: #00b2d8;
        color: #fff;
    }

    .history_table2 td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
    }

    .history_table2 .btn {
        width: 180px;
    }

    .history_table2 a {
        background: url(../img/history/cancel_btn.gif);
        width: 160px;
        height: 25px;
        display: block;
    }

    .history_table2 td a:hover {
        background: url(../img/history/cancel_btn_on.gif);
    }

    .history_table2 td a span {
        display: none;
    }

.history_table3 {
    width: 936px;
    margin: 10px auto 30px;
}

    .history_table3 td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .history_table3 .title {
        width: 150px;
        background: #00b2d8;
        color: #fff;
    }

/*------------------------------------------------
info
------------------------------------------------*/

#info {
    width: 934px;
    min-height: 175px;
    border: 1px solid #ff0084;
    background: #fff;
    margin: 30px 0 0;
}

    #info h3 {
        width: 912px;
        margin: 1px auto;
        background: #ff0084;
        color: #fff;
        padding: 5px 10px;
    }

    #info p {
        margin: 15px;
    }

.infoTextArea {
    margin: 10px 0 20px;
}

    .infoTextArea h3 span {
        background: #00b2d8;
        border: 1px dotted #ff69b4;
        border-bottom: none;
        color: #fff;
        margin: 0;
        padding: 5px 20px;
		font-size: 14px;
    }

    .infoTextArea img {
        vertical-align: middle;
    }

    .infoTextArea .text {
        border: 1px #ff69b4 dotted;
        background: #fff;
        color: #ef349d;
        padding-top: 12px;
        overflow: hidden;
    }

        .infoTextArea .text h4 {
            color: #4d4d4d;
            margin: 5px 10px 0;
        }

        .infoTextArea .text ul {
            padding: 5px 10px;
        }

        .infoTextArea .text li {
            list-style: disc;
            color: #4d4d4d;
            font-size: 14px;
            margin: 0 0 0 20px;
        }

        .infoTextArea .text p {
            color: #4d4d4d;
            padding: 5px 10px;
        }

    .infoTextArea span {
        color: #ef349d;
    }

    .infoTextArea .text_inner {
        background: #eaf9ff;
        color: #4d4d4d;
        font-size: 14px;
        padding: 5px 10px;
        margin: 10px;
    }

        .infoTextArea .text_inner span {
            font-weight: bold;
            color: #4d4d4d;
        }

    .infoTextArea .text_l {
        width: 620px;
        float: left;
    }

    .infoTextArea .text_r {
        width: 310px;
        float: left;
    }

    .infoTextArea a,
    .infoTextArea a:link,
    .infoTextArea a:active,
    .infoTextArea a:visited {
        color: #ef349d;
        text-decoration: underline;
    }

        .infoTextArea a:hover {
            color: #ef349d;
            text-decoration: none;
        }

.bt_n {
    border-top: none;
}

.inputImg5 {
    width: 403px;
    height: 95px;
    margin: 0 auto;
    display: block;
}

.chk {
    padding-left: 50px;
}

/*------------------------------------------------
inquiry
------------------------------------------------*/

#inquiry {
    margin: 0 0 20px;
    overflow: hidden;
}

#inquiry_l {
    width: 520px;
    min-height: 175px;
    float: left;
}

    #inquiry_l h3 {
        width: 498px;
        margin: 1px auto;
        background: #ff0084;
        color: #fff;
        padding: 5px 10px;
    }

    #inquiry_l p {
        margin: 10px;
        font-size: 14px;
        line-height: 1.6em;
    }

        #inquiry_l p a,
        #inquiry_l p a:link,
        #inquiry_l p a:active,
        #inquiry_l p a:visited {
            color: #ef349d;
            text-decoration: underline;
        }

            #inquiry_l p a:hover {
                color: #ef349d;
                text-decoration: none;
            }

#inquiry_r {
    width: 395px;
    min-height: 175px;
    float: right;
    border: 1px dotted #ff69b4;
    background: #fff;
    text-align: center;
}

    #inquiry_r img {
        width: 268px;
        margin: 0 auto;
    }

    #inquiry_r .text1 {
        text-align: center;
        margin: 10px 0 0;
    }

        #inquiry_r .text1 span {
            font-size: 26px;
            color: #4d4d4d;
        }

    #inquiry_r .text2 {
        font-size: 10px;
        text-align: left;
        margin: 5px 0 5px 30px;
        line-height: 2em;
    }

#tQuestion {
    width: 650px;
}

/*------------------------------------------------
member_rule
------------------------------------------------*/
#member_rule {
    height: 400px;
    overflow: auto;
    background: #fff;
    border: #999 solid 1px;
    margin: 10px auto 40px;
    padding: 15px;
}

    #member_rule h3 {
        margin: 20px 0 0;
    }

    #member_rule ul {
        padding: 0;
    }

    #member_rule li {
        list-style: disc;
        color: #4d4d4d;
        font-size: 14px;
        margin: 0 0 0 20px;
    }

#btnReg_back {
    width: 180px;
}
/*------------------------------------------------
purchase
------------------------------------------------*/
/*#iBack{

width:120px;
}*/
.purchase_table {
    width: 936px;
    margin: 10px auto;
}

    .purchase_table span {
        color: #ef349d;
    }

    .purchase_table th,
    .purchase_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .purchase_table .title {
        background: #00b2d8;
        color: #fff;
        /*width: 245px;*/
    }

    .purchase_table .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .purchase_table .text {
        color: #ef349d;
    }

    .purchase_table .TitleNum {
        background: #00b2d8;
        color: #fff;
        text-align: right;
        width: 40px;
    }

    .purchase_table .num {
        text-align: right;
        width: 40px;
    }

.purchase_table1 {
    width: 936px;
    margin: 10px auto;
}

    .purchase_table1 span {
        color: #ef349d;
    }

    .purchase_table1 th,
    .purchase_table1 td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .purchase_table1 .title {
        background: #00b2d8;
        color: #fff;
        /*width: 245px;*/
    }

    .purchase_table1 .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .purchase_table1 .text {
        color: #ef349d;
    }

    .purchase_table1 .TitleNum {
        background: #00b2d8;
        color: #fff;
        text-align: right;
        width: 40px;
    }

    .purchase_table1 .num {
        text-align: right;
        width: 40px;
    }


.parchase {
    overflow: hidden;
}

.parchase_l {
    width: 200px;
    float: left;
}

.parchase_r {
    width: 90px;
    float: right;
}

.parchase_r_num {
    vertical-align: top;
    float: left;
    display: block;
    width: 30px;
    margin: 0 5px;
    text-align: center;
}

.parchase_r_l {
    width: 25px;
    height: 25px;
    background: url(../img/purchase/a_l.gif);
    display: block;
    float: left;
}

    .parchase_r_l:hover {
        background: url(../img/purchase/a_l_on.gif);
    }

.parchase_r_r {
    width: 25px;
    height: 25px;
    background: url(../img/purchase/a_r.gif);
    display: block;
    float: left;
}

    .parchase_r_r:hover {
        background: url(../img/purchase/a_r_on.gif);
    }

    .parchase_r_l span,
    .parchase_r_r span {
        display: none;
    }

.purchase_table_footer {
    width: 936px;
    overflow: hidden;
    margin: 0 0 40px;
}

.purchase_table_footer_l_wait,
.purchase_table_footer_l_done,
.purchase_table_footer_l_cancel {
    background: #fff;
    width: 245px;
    float: left;
    text-align: center;
    padding: 10px 0;
    font-size: 26px;
}

.purchase_table_footer_l_wait {
    border: 3px #a9de3e solid;
    color: #a9de3e;
}

.purchase_table_footer_l_done {
    border: 3px #ff69b4 solid;
    color: #ef349d;
}

.purchase_table_footer_l_cancel {
    border: 3px #ff69b4 solid;
    color: #ffffff;
    background-color: #FF99CC;
}

.purchase_table_footer_r {
    width: 90px;
    height: 25px;
    float: right;
}

    .purchase_table_footer_r a {
        width: 90px;
        height: 25px;
        display: block;
        overflow: hidden;
        background: url(../img/common/check_btn.gif);
    }

        .purchase_table_footer_r a:hover {
            background: url(../img/common/check_btn_on.gif);
        }

        .purchase_table_footer_l a span,
        .purchase_table_footer_r a span {
            display: none;
        }

.purchase_table2_r {
    width: 936px;
    overflow: hidden;
}

.purchase_table2 {
    width: 360px;
    margin: 10px 0;
    float: right;
}

    .purchase_table2 th,
    .purchase_table2 td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .purchase_table2 .title {
        background: #00b2d8;
        color: #fff;
        width: 245px;
    }

    .purchase_table2 .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .purchase_table2 .text {
        color: #ef349d;
    }

    .purchase_table2 .text2 {
        background: #eaf9ff;
    }

    .purchase_table2 .t_r {
        text-align: right;
    }

.purchase_table2_r {
    width: 936px;
    overflow: hidden;
}

.purchase_table3 {
    width: 936px;
    margin: 10px 0;
}

    .purchase_table3 th,
    .purchase_table3 td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .purchase_table3 .title {
        background: #00b2d8;
        color: #fff;
    }

    .purchase_table3 .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .purchase_table3 .text {
        color: #ef349d;
    }

    .purchase_table3 .text2 {
        background: #eaf9ff;
    }

    .purchase_table3 .t_r {
        text-align: right;
    }

/* 20120507 */
.purchase_btn_bottom {
    width: 1000px;
    margin: 50px auto 0 auto;
    overflow: hidden;
    position: relative;
}

.purchase_btn_bottom_none {
    width: 635px;
    height: 95px;
    position: absolute;
    top: 0;
    left: 0;
}

.purchase_inputImg2 {
    width: 75px;
    margin: 30px 230px 0 0;
    float: left;
}

.purchase_inputImg3 {
    width: 335px;
    float: left;
}

.purchase_inputImg4 {
    width: 260px;
    margin: 0 auto;
    display: block;
}

.purchase_inputImg5 {
    width: 335px;
    float: right;
}

.purchase_btn_text {
    width: 100%;
    text-align: center;
    color: #ef349d;
    font-size: 12px;
    padding: 5px auto;
}


.payment_notice_radio {
    padding: 3px 8px;
}

.payment_notice_border {
    display: block;
    height: 0;
    border-bottom: 1px #ff69b4 dotted;
    margin: 10px 0;
}

.payment_notice {
    padding: 5px 10px;
    margin: 5px;
}

    .payment_notice a,
    .payment_notice a:link,
    .payment_notice a:active,
    .payment_notice a:visited {
        font-size: 12px;
        color: #ef349d;
        text-decoration: underline;
    }

        .payment_notice a:hover {
            color: #ef349d;
            text-decoration: none;
        }

.payment_table {
    width: 750px;
    margin: 10px auto 20px 50px;
}

    .payment_table th,
    .payment_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .payment_table .title {
        background: #00b2d8;
        color: #fff;
        width: 250px;
    }

    .payment_table .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .payment_table .text {
        color: #ef349d;
    }

    .payment_table .text2 {
        background: #eaf9ff;
    }

    .payment_table .t_r {
        text-align: right;
    }

#imgBtnNext, #imgBtnOrder {
    width: 350px;
}

/*------------------------------------------------
statement -- 20120409 add by chara-ani-u
------------------------------------------------*/
.statement {
    text-align: left;
    padding: 0px 45px 1px;
    width: 936px;
    margin: 15px auto;
    overflow: hidden;
    font-size: 18px;
    color: #ff69b3;
}

    .statement a, .statement a:link, .statement a:visited, .statement a:active {
        color: #ef349d;
        text-decoration: underline;
    }

        .statement a:hover {
            color: #00b2d8;
            text-decoration: underline;
        }

/*------------------------------------------------
ErroroMessage -- 20120411 add by rs-k.s
------------------------------------------------*/

.errorMess02 {
    margin: 5px 0 10px;
}

    .errorMess02 p {
        color: #ff0000;
        font-size: 120%;
    }

    .errorMess02 span {
        color: #ff0000;
    }

    .errorMess02 ul {
        margin: 0 0 0 10px;
        list-style-type: none;
    }

        .errorMess02 ul li {
            margin: 5px 0 0;
            color: #ff0000;
        }

.TextInput_err {
    background-color: #FFE0F0;
}

/*------------------------------------------------
secession_request
------------------------------------------------*/

.secession_request_table {
    width: 936px;
    margin: 10px auto;
}

    .secession_request_table span {
        color: #ef349d;
    }

    .secession_request_table th,
    .secession_request_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .secession_request_table .title {
        background: #00b2d8;
        color: #fff;
        width: 150px;
    }

    .secession_request_table .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .secession_request_table .text {
        color: #ef349d;
    }

/*------------------------------------------------
id_request
------------------------------------------------*/

#bRequest {
    width: 180px;
}

.id_request_table {
    width: 936px;
    margin: 10px auto;
}

    .id_request_table span {
        color: #ef349d;
    }

    .id_request_table th,
    .id_request_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .id_request_table .title {
        background: #00b2d8;
        color: #fff;
        width: 150px;
    }

    .id_request_table .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .id_request_table .text {
        color: #ef349d;
    }

/*------------------------------------------------
pass_request
------------------------------------------------*/

.pass_reques #bRequest {
    width: 180px;
}

.pass_request_table {
    width: 936px;
    margin: 10px auto;
}

    .pass_request_table span {
        color: #ef349d;
    }

    .pass_request_table th,
    .pass_request_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .pass_request_table .title {
        background: #00b2d8;
        color: #fff;
        width: 150px;
    }

    .pass_request_table .title2 {
        background: #00b2d8;
        color: #fff;
    }

    .pass_request_table .text {
        color: #ef349d;
    }

/*------------------------------------------------
Photo -- 20120412 add by rs-k.s
------------------------------------------------*/

.otherHistInfo {
    margin: 0 0 25px;
}

    .otherHistInfo h3 {
        margin: 0 0 17px;
        background: url(../../images/others/title-bg02.png) no-repeat;
        padding: 5px 0px 0px 8px;
        margin-left: 15px;
        color: #FFF;
        font-weight: bold;
        font-size: small;
        height: 20px;
    }

    .otherHistInfo table {
        margin: 0 80px;
    }

        .otherHistInfo table tr th {
            width: 120px;
        }

    .otherHistInfo p.btnPhoto {
        text-align: center;
    }

.btnPhoto {
    text-align: center;
}

.btnPhoto {
    padding: 3px 20px 3px 20px;
    border: 2px solid #666;
}

/*------------------------------------------------
howto
------------------------------------------------*/

.howto_wrap {
    width: 850px;
    margin: 10px auto 25px auto;
    font-size: 10px;
    color: #4d4d4d;
}

    .howto_wrap ul {
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
    }

    .howto_wrap li {
        width: 380px;
        float: left;
        /*color: #ef349d;*/
        margin: 3px;
        padding: 15px 10px 5px 10px;
        /*background: #fff; border: 1px dotted #ff69b4;*/
        /*height: 150px;*/
        height: 160px;
    }

        .howto_wrap li h3 {
        }

    .howto_wrap .text {
        height: 120px;
    }

    .howto_wrap li img {
        margin: 0px 0px;
    }

    .howto_wrap a,
    .howto_wrap a:link,
    .howto_wrap a:active,
    .howto_wrap a:visited {
        font-size: 14px;
        color: #ef349d;
        text-decoration: underline;
    }

        .howto_wrap a:hover {
            color: #00b2d8;
            text-decoration: none;
        }

/*------------------------------------------------
flow
------------------------------------------------*/


.flow_table {
    width: 780px;
    margin: 10px 20px;
}

    .flow_table th,
    .flow_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .flow_table .title {
        background: #00b2d8;
        color: #fff;
        width: 315px;
    }

    .flow_table .title2 {
        background: #00b2d8;
        color: #fff;
        width: 180px;
    }

    .flow_table .text {
        color: #ef349d;
    }

    .flow_table .text2 {
        background: #eaf9ff;
    }

.flow {
    padding: 15px;
    color: #4e4e4e;
}

.flow_htp, .flow_htp a {
    font-size: 12px;
}

/*------------------------------------------------
changeDevice
------------------------------------------------*/

.rwd {
    text-align: center;
    padding: 10px 10px;
}

/*------------------------------------------------
Virtual Window
------------------------------------------------*/
.ch_parts_virtualWindow01 {
    width: 100%;
    max-width:700px;
    margin:auto;
}

	.ch_parts_virtualWindow01 .ch_virtualWindow {
		position: relative;
		padding: 10px;
		background: url(../img/common/bg.gif) top center;
		zoom: 1;
	}

/* 【必須】モーダルポップアップで表示されるオーバーレイ
　　最低限left,top,positionを正しく設定しないとIE6で表示不具合を起こします */
.ui-widget-overlay {
    left:0;
    position:absolute;
    top:0;
    /*2018/03/15 DELETE*/
    background:#aaaaaa;opacity: .30;filter:Alpha(Opacity=30);
}

/*2015/05/15 ADD*/
/*------------------------------------------------
member_reg
------------------------------------------------*/
#IDPWtitle
{
    margin-top:25px !important;
}

#Explain 
{
    float:left;
    margin-top:10px;
}

/*2018/08/03 ADD*/
/*------------------------------------------------
illustration
------------------------------------------------*/

.illustration {
    width: 100%;
    text-align: center;
}
.illustration img {
    width: 90%;
    margin: 10px auto;
    border: 1px solid #a9a0a2;
}

.spDevice {
    display: none;
}

/*------------------------------------------------
wallpaper
------------------------------------------------*/

#wallpaperBlock {
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
}

#wallpaperBlock div {
    display: inline-block;
    width: 22%;
    margin: 10px 5px;
    text-align: center;
    vertical-align: top;
}

#wallpaperBlock div img {
    width: 100%;
}

#wallpaperBlock div a {
    display: block;
    padding-top: 5px;
    font-size: 13px;
}