@charset "utf-8";
body{
    font: 1rem "Trebuchet MS", sans-serif;
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    height:100%;
    padding-top:80px;
    margin:0;
}

ul{
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

ul a{
    background-color: #ededed !important;
}

ul.faq a{
    font-size: 0.8em;
    font-weight: normal;
    color: #000000 !important;
}

ul.faq span{
    color: #010077;
    font-weight: bold;
    text-decoration: underline;
}

p.faq a{
    display: block;
    width: 100%;
    color: #000000 !important;
    text-decoration: none;
}

p.faq span{
    color: #010077;
    font-weight: bold;
    text-decoration: underline;
}

p{
    margin: 0;
}

div[data-role="header"]{
    width: 100%;
    min-height: 40px;
    /* boxレイアウトの指定 */
    display: box;
    display: -webkit-box;
    display: -moz-box;

    /* 配置したボックスを左右中央寄せにする */
    box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
}

div[data-role="header"] > div:first-child{
    box-lines:multiple;
    box-flex: 2;
    -webkit-box-flex: 2;
    -moz-box-flex:2;
    position:absolute;
}

div[data-role="header"] > div:last-child{
    text-align: right;
    overflow-x: visible;
    margin: 0 0.7em 0 0;
    box-lines:multiple;
    box-flex: 1;
    -webkit-box-flex:1;
    -moz-box-flex:1;
}

div[data-role="header"] > div:last-child a{
    font-size: 0.7em;
}

div[data-role="header"] h1:first-child {
    text-align: left;
    margin: 0.5em 0 0 0.5em;
    font-size: 1.2em;
    white-space: nowrap;
}

div[data-role="header"] > div:first-child p {
    text-align: left;
    margin: 0 0 0 0.7em;
    font-size: 0.8em;
    white-space: nowrap;
}
div[data-role="header"] > div:last-child p {
    font-size: 0.7em;
    font-weight: normal;
    overflow-x: visible;
}

div[data-role="header"] > div:last-child p:last-child {
    white-space: nowrap;
}

div[data-role="content"]{
    padding: 0.5em;
}

/* サブヘッダ　ここから */

.sub_header{
    margin: -0.5em -1em 0.5em -1em;
    padding: 0.5em 1em;
    font-weight: bold;
    text-shadow: none;
    background-color: #f2f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
    background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
}

/* サブヘッダ　ここまで */

/* 文字装飾　ここから */
.bold{
    font-weight: bold;
}
/* 文字装飾　ここまで */

/* お知らせ、新着情報カテゴリ表示　ここから */

.category_important,
.category_summary,
.category_notice,
.category_other{
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 0.1em 0.8em;
    margin: 0 0.2em 0 0.2em;
    font-size: 0.8em;
    font-weight: normal;
    text-shadow: none;
    display: inline;
}

.category_important{
    border: 1px solid #dc143c;
    background-color: #dc143c;
    color: #ffffff;
    padding: 0.1em 0.4em;
}

.category_summary{
    border: 1px solid #1e9c53;
    background-color: #ffffff;
    color: #1e9c53;
}

.category_notice{
    border: 1px solid #9932cc;
    background-color: #ffffff;
    color: #9932cc;
}

.category_other{
    border: 1px solid #696969;
    background-color: #ffffff;
    color: #696969;
    padding: 0.1em 0.39em;
}

/* お知らせ、新着情報カテゴリ表示　ここまで */

/* リストの折り返し表示指定　ここから */
.display_all li,
.display_all a{
    white-space: normal !important;
    overflow: auto;
}

.display_all a{
    line-height: 1.5em;
}
/* リストの折り返し表示指定　ここまで */

/* ナビゲーションバー　ここから */
.navigation{
    width: 100%;
    overflow: hidden;
    display: table;
    text-align: center;
    padding: 0.2em 0;
}
.navigation *{
    display: inline;
    font-size: 0.9em;
    margin-top: 0;
    margin-bottom: 0;
}
.navigation > div{
    display: table-cell;
    vertical-align: middle;
}

.navigation > .left{
    float: left;
    margin-left: 0;
}

.navigation > .right{
    float: right;
    margin-right: 0;
}
/* ナビゲーションバー　ここまで */

/* ログイン画面用 ここから*/

div[data-role="header"].login_header > div:first-child{
    width: 99%;
    box-lines:multiple;
}
div[data-role="header"].login_header > div:last-child{
    width: 1%;
    overflow: hidden;
}

/* ログイン画面用 ここまで*/

/* トップ画面用 ここから*/

.topicon{
    font-size: 3rem;
    margin: 5px;
    padding: 0.2em;
    width: 40%;
    min-width: 5rem;
    height: 8rem;
    box-shadow: 0 -5px 0 0 #484848 inset;
}
.topicon span.two_words{
    line-height: 8rem;
}

.margin_minus{
    margin: 0 -0.5em;
}
/* トップ画面用 ここまで*/

/* 詳細画面用 ここから*/
.title{
    margin: 0.2em 0;
    padding-left: 2.7em;
    text-indent: -2.7em;
}
.title span:first-child{
    font-weight: bold;
    margin-right: 0.2em;
}

.detail_area{
    padding: 0.5em;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
}
/* 詳細画面用 ここまで*/

/* 全体利用する配置のクラス ここまで*/
.left_inline{ text-align: left; }
.center_inline{ text-align: center; }
.right_inline{ text-align: right; }
/* 全体利用する配置のクラス ここから*/

/* 全体利用するmarginのクラス ここから*/

.mgn_narrow{ margin:5px; }
.mgn_top_narrow{ margin-top:5px; }
.mgn_bottom_narrow{ margin-bottom:5px; }
.mgn_left_narrow{ margin-left:5px; }
.mgn_right_narrow{ margin-right:5px; }
.mgn_tb_narrow{ margin-top:5px; margin-bottom:5px; }
.mgn_lr_narrow{ margin-left:5px; margin-right:5px; }
.mgn_wide{ margin:10px; }
.mgn_top_wide{ margin-top:10px; }
.mgn_bottom_wide{ margin-bottom:10px; }
.mgn_left_wide{ margin-left:10px; }
.mgn_right_wide{ margin-right:10px; }
.mgn_tb_wide{ margin-top:10px; margin-bottom:10px;}
.mgn_lr_wide{ margin-left:10px; margin-right:10px; }
/* 全体利用するmarginのクラス ここまで*/

/* 全体利用するpaddingのクラス ここから*/

.pad_narrow{ padding:5px; }
.pad_top_narrow{ padding-top:5px; }
.pad_bottom_narrow{ padding-bottom:5px; }
.pad_left_narrow{ padding-left:5px; }
.pad_right_narrow{ padding-right:5px; }
.pad_tb_narrow{ padding-top:5px; padding-bottom:5px; }
.pad_lr_narrow{ padding-left:5px; padding-right:5px; }
.pad_wide{ padding:10px; }
.pad_top_wide{ padding-top:10px; }
.pad_bottom_wide{ padding-bottom:10px; }
.pad_left_wide{ padding-left:10px; }
.pad_right_wide{ padding-right:10px; }
.pad_tb_wide{ padding-top:10px; padding-bottom:10px;}
.pad_lr_wide{ padding-left:10px; padding-right:10px; }

/* 全体利用するpaddingのクラス ここまで*/

/* Wiki */
div.wiki {
    display: inline;
}
div.wiki>p {
    display: inline;
}
.display_all div.wiki>p {
    display: inline;
    overflow: auto;
    white-space: normal !important;
}
/** wikiで使用するタグのスタイルを上書き */
.ui-listview > li p {
    font-size: inherit;
    font-weight: inherit;
    display: initial;
    margin: initial;
    text-overflow: initial;
    overflow: initial;
}

/** ローディング */
.loading-background {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1500;
    background: black;
    opacity: 0.7;
    margin-top: -80px;
}
div.loading {
    position:absolute;
    left:45%;
    top:45%;
    z-index:1010;
}

div.contents-area {
    display: none;
}