/*-- 全体設定 --*/
html, body {
    font-size : 18px ;
    color : #333 ;
    height : 100% ;
}
body {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
/*--------------------
* ヘッダー
--------------------*/
#header {
    width : 100% ;
//    background-color : #3c9 ;
    background-color : #EB6DA0 ;
    position: relative;
}
#header #header_title {
    font-size : 1.1em ;
    text-align : center ;
    color : #fff ;
    padding: 5px 0 0;
}
#header.disp_table {
    width : 100% ;
    display: table;
}
#header.disp_table .disp_table_cell {
    display : table-cell ;
    vertical-align: middle;
}
#header.disp_table .disp_table_cell img {
    max-width : 100% ;
}
#header #header_menu {
    position: absolute;
    top : 0 ;
    right : 0 ;
    width : 100% ;
    background-color : #fff ;
    height : 100vh ;
}
#header #header_menu ul {
    margin : 0 ;
    padding : 0 ;
    list-style: none;
}
#header #header_menu ul li {
    height : 40px ;
    line-height : 40px ;
    border-bottom : 2px dashed #ccc ;
    padding : 0 10px ;
}

/*--------------------
* フッター
--------------------*/
#footer {
    width : 100% ;
    background-color : #ccc ;
    position: absolute ;
    bottom: 0 ;
    height: 30px ;
}
#footer #footer_contents {
    width : 100% ;
    text-align : center ;
}
#footer p {
    margin : 0 ;
}
#footer #footer_contents span {
    font-size : 0.9em ;
    line-height : 25px ;
}
.footer_space_box {
    height : 30px ;
}



/*--------------------
* メインコンテンツ
--------------------*/
#main {
    margin : 10px 0 0 ;
    padding : 0 2% ;
}
.disp-table {
    display : table ;
    width : 100% ;
}
.disp-table-cell {
    display : table-cell ;
}
.left_box {
    display : table-cell ;
    vertical-align : top ;
    width : 80% ;
}
.right_box {
    display : table-cell ;
    vertical-align : top ;
    width : 20% ;
}
.bottom_box {
    position : fixed ;
    bottom : 20px ;
    width : 96% ;
    padding : 0 2% ;
    background-color : #eee ;
}
.section {
    width : 96% ;
    padding : 10px 2% ;
}