/**************************************************
* デフォルトスタイル
***************************************************/
html {
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    font-style: normal;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h3 {
    display: none;
}

div.clear {
    clear: both;
}

/**************************************************
* 全体レイアウト
***************************************************/
body {
    font-size: 90%;
}

div#droparea{
    background-color: #F1E9DF;
}

div#haikei{
    width: 1030px;
    margin: auto;
    padding-bottom: 40px;
    background-color: #FFFFFF;
}

div#wrapper {
    width: 950px;
    padding-top: 10px;
    margin-right: auto;
    margin-left: auto;
    font-family: "メイリオ", Arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/**************************************************
* ヘッダー
***************************************************/

div#header {
    height: 140px;
}

div#ElemTitle {
    height: 0 !important;
}

div#header h1 {
    font-weight: bold;
    font-size: 180%;
    padding: 5px;
}

/**************************************************
* コンテンツ全体
***************************************************/
div#content {
    width: 950px;
    margin: 66px auto 0px auto;
    padding: 10px 0px 0px;
    padding-bottom: 20px;
    background: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=68&angoFolderKey=hKY2UzPhFPsL98OR%2f6u5Ww%3d%3d&angoFileKey=axh5hDZINsvj1cMaoNBLkw%3d%3d) top center repeat;
    display: inline-block;
}

div#bgborder {
    background: url(../images/headerbg_b01-3.gif) top center no-repeat;
    width: 950px;
    height: 6px;
    overflow: hidden;
}	

/**************************************************
* メイン
***************************************************/
div#mainLeft {
    width: 660px;
    float: left;
}

div#mainRight {
    width: 640px;
    float: right;
}

div#main {
    width: 100%;
    float: right;
}

    div#main .cname {
        position: relative;
    }

        div#main .cname h2 {
            font-size: 0px;
            font-weight: bold;
            color: #2F4920;
            position: relative;
            top: 7px;
            left: 28px;
            position: absolute;
            top: -28px;
            left: 170px;
        }

            div#main .cname h2 a {
                color: #2F4920;
                text-decoration: none;
            }

    div#main .cwaku {
        width: 596px;
        margin: 0 auto 10px auto;
        background-color: #ffffff;
        padding-bottom: 5px;
    }

        div#main .cwaku a {
            background: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=68&angoFolderKey=hKY2UzPhFPsL98OR%2f6u5Ww%3d%3d&angoFileKey=3ND8mPzSFj%2bIPwqbSgv0H%2bpNx%2b78bgrK) no-repeat;
            background-position: 0% 40%;
            padding-left: 20px;
            text-decoration: underline;
            color: #3E0200;
        }

        /*div#main .cwaku a:hover{
            text-decoration:underline;
        }*/

        div#main .cwaku ul {
            line-height: 150%;
            list-style-type: none;
            margin-left: 15px;
            padding-top: 5px;
            font-size: 90%;
        }

        div#main .cwaku li {
            padding-top: 10px;
        }

    div#main .cwakurad1 {
        display: none;
    }

    div#main .cwakurad2 {
        display: none;
    }

    div#main .topFreeArea {
        width: 600px;
        overflow: hidden;
        margin: 0 auto 10px auto;
    }

/*グローバルナビゲーション*/
div#navigation_area {
    max-width: 1000px;
    margin: auto;
    display: inline-block;
    background-color: #3E0200;
    width: 100%;
    position: relative;
    top: -2px;
}

ul.navigation_menu {
    padding: 0;
    list-style: none;
    width: 100%;
}

    ul.navigation_menu li {
        position: relative;
        text-align: center;
        float: left;
    }

        ul.navigation_menu li a {
            padding: 24px 0px 22px;
            text-transform: uppercase;
            display: block;
            font-size: 1.2em;
            color: #ffffff;
            text-decoration: none;

            box-shadow: 0 0 40px 40px #3E0200 inset, 0 0 0 0 #ffffff;
            transition: all 150ms ease-in-out;
        }

        ul.navigation_menu li a:hover{
            box-shadow: 0 0 10px 0 #ffffff inset, 0 0 10px 4px #3E0200;
        }

        ul.navigation_menu li.slash {
            padding: 24px 0px 22px;
            text-transform: uppercase;
            display: block;
            font-size: 1.2em;
            color: #ffffff;
        }

/*メインイメージ*/
div.main_image{
    padding-top: 27px;
}

div.main_image img {
    width: 100%;
}

/*市民シアターについて*/
div.space {
    padding: 5px;
    display: block;
}

div.theater_setsumei {
    margin: 10px;
    line-height: 2em;
    color: #3E0200;
}

div.border {
    border-bottom: 1px dotted #3E0200;
    margin: 20px 0px;
}

/*お問い合わせ*/
div.main_title_area {
    margin-bottom: 10px;
}

div.main_title_setsumei {
    float: right;
    color: #3E0200;
    margin-top: 5px;
}

div.toiawase_area {
    display: table;
    width: 100%;
    color: #3E0200;
}

div.toiawasesaki1 {
    background-color: #ffffff;
    width: 45%;
    padding: 10px;
    float: left;
    text-align: center;
}

div.toiawasesaki2 {
    background-color: #ffffff;
    width: 45%;
    padding: 10px;
    float: right;
    text-align: center;
}

div.toiawasesaki_name {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 2px solid;
    padding: 10px 0px;
}

div.toiawasesaki_number1 {
    height: 72px;
}

div.tel1 {
    padding: 10px 0px;
}

div.fax {
    padding-bottom: 10px;
}

div.toiawasesaki_number2 {
    height: 72px;
}

div.tel2 {
    padding: 30px 0px;
}

/*上映会場　フリーページ*/
div#profileHeader {
    margin: 10px auto;
    width: 100%;
}

div#profileTitle p.name{
    font-size: 1.2em;
    font-weight: bold;
}

div#profileMiddle{
    word-break: break-all;
}

div#main .kaijyoSetsumei_left {
    float: left;
    width: 360px;
}
    
div.pitem {
    border-bottom: solid 1px #AAAAAA;
    font-size: 80%;
    line-height: 170%;
}
    
div.pitem div.p-left {
    width: 85px;
    float: left;
    padding: 8px 5px;
    color: #4F4F4F;
    font-weight: bold;
}

div.pitem div.p-right {
    width: 250px;
    float: left;
    padding: 8px 5px;
}

div#main .kaijyoSetsumei_right {
    float: right;
    width: 210px;
    margin: 10px;
}

div#main .kaijyoSetsumei_right img{
    width:100%;
}

div#profileFooter {
    margin: 20px auto 0;
    width: 100%;
}

/**************************************************
* サイドバー
***************************************************/
div#sidebar {
    /*width:295px;*/
    padding-top: 6px;
    margin: 0px;
    float: left;
}

    div#sidebar .cname {
        display: none;
    }

        div#sidebar .cname h2 {
            background: url(../images/sub_c01-3.gif) top left no-repeat;
            background-color: #DBEDCA;
            font-size: 16px;
            font-weight: bold;
            color: #2E3D24;
            padding: 7px 0 8px 23px;
            margin: 0 10px;
        }

            div#sidebar .cname h2 a {
                color: #2E3D24;
                text-decoration: none;
            }

        div#sidebar .cname h3 {
            background-color: #F9E9AA;
            font-size: 13px;
            font-weight: bold;
            color: #603213;
            padding: 4px;
            margin: 10px 10px 0 10px;
        }

    div#sidebar .cwaku {
        width: 259px;
        margin: 0 auto;
        background-color: #ffffff;
    }

        div#sidebar .cwaku ul {
            line-height: 150%;
            list-style-type: none;
            margin-left: 15px;
            padding-top: 8px;
            font-size: 90%;
        }

        div#sidebar .cwaku a {
            background: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=68&angoFolderKey=hKY2UzPhFPsL98OR%2f6u5Ww%3d%3d&angoFileKey=%2bQfFgTEF%2fu6GhBFDiucc3bI%2biqSAA5jAmXBM6pkAe4Y%3d) top left no-repeat;
            background-position: 0% 40%;
            padding-left: 12px;
            text-decoration: underline;
            color: #3E0200;
        }

        /*div#sidebar .cwaku a:hover{
            text-decoration:underline;
        }*/


    div#sidebar .topFreeArea {
        width: 259px;
        overflow: hidden;
        margin: 0 auto 15px auto;
    }

/*映画リクエスト*/
div#request {
    width: 259px;
    margin: 20px auto;
    background-color: #ffffff;
}

div.title_area {
    text-align: center;
}

    div.title_area img {
        width: 95%;
        margin-top: 5px;
    }

div.content_area {
    padding: 10px 20px;
    color: #3E0200;
    display: inline-block;
    font-weight: bold;
}

div#request_setsumei {
    margin-bottom: 10px;
    line-height: 1.5em;
}

div#request_button a {
    text-decoration: none;
    color: #3E0200;
    display: block;
}

ul#form {
    border: 2px solid #DFDFDF;
    border-radius: 20px;
    padding: 10px 30px;
    margin-bottom: 10px;
    list-style: none;
}

ul#form:hover{
    border:2px solid #3E0200;
}

li.button_icon {
    float: left;
    margin-right: 10px;
}

li.button_icon img{
    margin-top:5px;
}

ul#download {
    border: 2px solid #DFDFDF;
    border-radius: 20px;
    padding: 10px 30px;
    margin-bottom: 5px;
    list-style: none;
}

ul#download:hover{
    border:2px solid #3E0200;
}

/*入場料*/
div#admission {
    width: 259px;
    margin: 20px auto;
    background-color: #ffffff;
}

ul.admission_bunrui {
    list-style: none;
    display: inline-block;
    width: 100%;
}

li.bunrui {
    float: left;
}

li.price {
    float: right;
}

/*上映スケジュール*/
div#calendar {
    width: 259px;
    margin: 20px auto 0px;
    background-color: #ffffff;
}

div.CalendarT table td {
    text-align: center;
}

div.CalendarT table th{
    text-align:center;
}

/*上映会場　サイド*/
div#place {
    width: 259px;
    margin: 20px auto 20px;
    background-color: #ffffff;
    position: relative;
}

div.place_image {
    text-align: center;
}

    div.place_image img {
        width:85%;
        margin: 15px 0px;
    }

div.icon_attention {
    display: inline-block;
    position: absolute;
    top: 0;
}

div.place_setsumei {
    color: #FC5247;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

span.eigeki {
    font-size: 1.2em;
}

/**************************************************
* フッター
***************************************************/

div#footer{
 clear:both;
 width:952px;
 text-align:center;
 margin:0 auto;
 padding-top:2px;
 font-family: "メイリオ", Arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}


/**************************************************
* タブレット、スマートフォン用
***************************************************/
@media screen and (max-width: 768px){
    /*コンテンツ全体*/
    div#haikei {
        width: auto;
        margin: auto;
        padding-bottom: 0;
    }

    div#droparea div#content{
        margin: 190px auto 0px auto;
        padding: 0px 0px 0px;
    }

    /*タイトル*/
    #titlebar{
        width:100%;
    }

    /*メイン*/
    div#main{
        padding-top:0 !important;
    }

        div#main .cname {
            height: auto !important;
            background: none !important;
            border-bottom: none !important;
            margin:0 !important;
            padding:0 !important;
        }

            div#main .cname h2 {
                width: inherit !important;
                left: 45% !important;
                top: -92px !important;
            }

    div#droparea div#main .topFreeArea{
        width:100% !important;
        background:url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=68&angoFolderKey=hKY2UzPhFPsL98OR%2f6u5Ww%3d%3d&angoFileKey=axh5hDZINsvj1cMaoNBLkw%3d%3d) top center repeat !important;
    }

    /*グローバルナビゲーション*/
    div#navigation_area{
        top:0px;
    }

    ul.navigation_menu {
        padding: 5px 0px;
    }

    ul.navigation_menu li{
        width:auto !important;
        float:none;
    }

    ul.navigation_menu li a{
        padding: 3px;
    }

    ul.navigation_menu li.slash{
        display:none;
    }

    /*メインイメージ*/
    div.main_image{
        text-align:center;
    }

    /*市民シアターについて*/
    div.main_title_area {
        margin: 0px 5px 10px 5px;
    }

    /*お知らせ*/
    div.main_title_area-2 {
        margin: 0px 5px 10px 5px;
    }

    div.main_title_setsumei{
        line-height:2em;
        margin:10px;
    }

    div#main .topicpath{
        margin:10px auto !important;
    }

    /*お問い合わせ*/
    div.toiawasesaki1 {
        width: auto;
        margin: 0px 5px 10px;
        float:none;
    }

    div.toiawasesaki2{
        width: auto;
        margin: 0px 5px 15px;
        float:none;
    }

    /*サイドバー*/
    div#sidebar{
        padding-bottom: 15px;
        background: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=68&angoFolderKey=hKY2UzPhFPsL98OR%2f6u5Ww%3d%3d&angoFileKey=axh5hDZINsvj1cMaoNBLkw%3d%3d) top center repeat !important;
    }

    /*映画リクエスト*/
    div#request {
        width: auto;
        margin: 0px 5px 20px;
    }

    ul#form {
        padding: 10px 30px !important;
        margin-bottom: 10px !important;
    }

    ul#download {
        padding: 10px 30px !important;
        margin-bottom: 10px !important;
    }

    div#droparea div#sidebar ul li{
        background:none !important;
        border:none !important;
    }

    div#droparea div#sidebar ul li img {
        position: initial !important;
        top: 0 !important;
        left: 0 !important;
    }

    /*入場料*/
    div#admission {
        width: auto;
        margin: 0px 5px 20px;
    }

    ul.admission_bunrui{
        width:100% !important;
    }

    /*上映スケジュール*/
    div#calendar {
        width: auto;
        margin: 0px 5px;
    }

    /*上映会場　サイド*/
    div#place {
        width: auto;
        margin: 0px 5px;
    }

    div.place_image img {
        width: 90%;
    }

    /*上映会場　フリーページ*/
    div#main .kaijyoSetsumei_left {
        width:100%;
        float:none;
    }

    div.pitem {
        font-size: 100%;
        line-height: 100%;
    }

        div.pitem div.p-left {
            width: 100%;
            padding: 8px 5px 5px;
        }

        div.pitem div.p-right {
            width: auto;
            padding: 5px;
        }

    div#main .kaijyoSetsumei_right {
        float: none;
        width: 100%;
        margin: 15px auto;
        display: table;
    }

    div#profileFooter iframe{
        width:100%!important;
        height:300px!important;
    }
}