@charset 'utf-8';

:root{
    position: relative;
    background-color: #f1f1f1;
    font-size: 16px;
}
body{
    font-size: 1rem;
    max-width: 960px;
    margin: 0 auto;
}
header{
    background-color: #333;
    border-bottom: 1px solid #666;
    padding: 0.5rem 1rem 1rem;
}
section{ line-height: 1.4;}
a:hover{ text-decoration: underline;}
a.noU:hover{ text-decoration: none;}
th{ text-align: left;}
#Container{
    background-color: #000;
    background: -moz-linear-gradient(top center,
                                    #555 0%,
                                    #000 80%,
                                    #000 100%);
    background: -webkit-gradient(linear, center top, center bottom,
                                from(#555),
                                color-stop(0.8, #000),
                                to(#000));
    background: linear-gradient(top center,
                                #555 0%,
                                #000 80%,
                                #000 100%);
    border-radius: 3px;
    padding: 0 0 1rem;
    color: #ccc;
}
#Main{
    position: relative;
    padding: 0 3rem;
}
#GlobalFooter{
    color: #7b7b7b;
    font-size: 0.76rem;
    padding: 0.8rem 0;
    text-align: center;
}
#Portrait{
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

ol.noOl,
ul.noUl{
    list-style: none;
}

.txt_info{
    color: #7b7b7b;
    font-size: 0.76rem;
}
.info_sign{
    padding-left: 1.25em;
    text-indent: -1.25em;
}
.info_sign:before{
    content: '※';
    margin-right: 0.25em;
}
.txt_orange{ /*丹色*/color: #e45e32;}
.txt_purple{ /*梅紫*/color: #aa4c8f;}
.txt_def{ color: #ccc;}
.txt_small{ font-size: 0.8em;}
.txt_xsmall{ font-size: 0.5em;}
.ta_right{ text-align: right;}
.ta_bottom{ text-align: bottom;}
.cmn_sec01{
    margin: 2rem 0;
    border: 0 dotted #ccc;
}
.cmn_sec01.bdr01_top{
    padding-top: 2rem;
}
.cmn_box01{
    background-color :#2a2c2b;
    border: 1px solid #373938;
    border-radius: 5px;
    padding: 0.5em 1em;
}
.cmn_link01:hover:after{
    content: ' >>';
}
.width06{ width: 60%;}
.width10{ width: 100%;}
.bdr01_top{ border-top-width: 1px;}
.inBl{ display: inline-block;}
.mr1{ margin-right: 1rem;}
.mr2{ margin-right: 2rem;}
.mr3{ margin-right: 3rem;}
.mb1{ margin-bottom: 1rem;}
.mb3{ margin-bottom: 3rem;}
.ml1{ margin-left: 1rem;}
.ml3{ margin-left: 3rem;}
.posRel{ position: relative;}

.sec_flex{
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    word-wrap: break-word;
}
.sec_header{
    -webkit-flex: none;
            flex: none;
    margin-right: 1rem;
    width: 5em;
}
.sec_body{
    -webkit-flex: 1;
            flex: 1;
}
.cmn_table01{
    border: 1px solid #999;
    border-width: 1px 0 0 1px;
}
.cmn_table01 th,
.cmn_table01 td{
    border: 1px solid #999;
    border-width: 0 1px 1px 0;
    padding: 0.25em 0.5em;
}
.item_card{
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    word-wrap: break-word;
}
.card_thumb{
    -webkit-flex: none;
            flex: none;
    margin-right: 1rem;
}
.card_thumb img{
    border-radius: 10%;
    max-width: 8em;
}
.card_body{
    -webkit-flex: 1;
            flex: 1;
    margin-top: 1em;
    margin-left: 3em;
}
.box_circle{
    border-radius: 50%;
    position: relative;
    background-color: #006e54; /*萌葱色*/
    background: -moz-linear-gradient(top center,
                                    #006e54 0%,
                                    #003514 100%);
    background: -webkit-gradient(linear, center top, center bottom,
                                from(#006e54),
                                to(#003514));
    background: linear-gradient(top center,
                                #006e54 0%,
                                #003514 100%);
}
.box_inner_c{
    text-align: center;
    position: relative;
    top: 35%;
    padding-left: 0.25em;
}