@charset "utf-8";
* {
margin: 0;
padding: 0;
}
html {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (min-width: 992px) {
html {
min-width: 1080px;
}
}
body {
position: relative;
color: #333;
font-size: 1.3em;
padding-top: 80px;
}
a,
a:hover,
a:focus {
color: #001966;
}
li {
list-style: none;
}
.none {
display: none;
}
.body-content {
padding-top: 30px;
}
@media (min-width: 992px) {
.container {
padding-left: 0;
padding-right: 0;
}
.col-md-4 {
padding-left: 20px;
}
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select{
}

/* Set padding to display errors that occur during databinding */
.padding-error {
    padding-top: 20px;
}

/* 検索結果テーブルの装飾 
.footable tbody tr {
    cursor: pointer;
}
    */
.grayout_row {
    color:darkgray;
}

/*==========================================
 h1～h6　各タイトル
===========================================*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-size: 1.0em;
margin: 0;
padding: 0;
}
h1, .h1 {
font-size: 22px;
}
h2, .h2 {
font-size: 16px;
}
h3, .h3 {
font-size: 15px;
}
.title {
border-bottom: #DDDDDD 1px solid;
background: no-repeat 13px 4px;
background-size: 15px;
padding: 4px 32px 8px;
margin-bottom: 15px;
}
.subTitle {
background: no-repeat 16px 2px;
background-size: 10px;
padding: 0 10px 0 32px;
margin-bottom: 13px;
}
#myCalendar {
 	margin-top: 40px;
}

/*==========================================
 ナビゲーション
===========================================*/
nav .container {
position: relative;
}
.navbar-toggle {
background-size: contain;
}
.navbar-nav > li a {
background-repeat: no-repeat;
color: #333333;
}
.navbar-nav > li.home a {
background-size: 17px 18px;
}
.navbar-nav > li.news a,
.navbar-nav > li.kyukohoko a,
.navbar-nav > li.timetable a {
background-size: 18px 18px;
}
.navbar-nav > li.external a {
background-size: 28px 17px;
}
.navbar-nav > li.logoff a {
background-image: url(../images/icn_logoff.png);
background-size: 14px 17px;
}
.navbar-nav .dropdown-toggle em {
background: no-repeat right 7px;
background-size: 8px 6px;
padding-right: 15px;
}
.navbar-nav ul.dropdown-menu li a {
background-image: none!important;
}
@media (min-width: 992px) {
.navbar-nav > li a {
background-color: #F5F5F5;
background-position: center 13px;
}
.navbar-nav > li.current a {
background-color: #FFFFFF;
}
.navbar-nav > li.current li a {
background-color: #F5F5F5;
}
.navbar-nav > li a:hover,
.navbar-nav > li a:focus,
.navbar-nav > li a:active {
color: #333333!important;
background-color: #FFFFFF!important;
}
.navbar-nav > li.home {
width: 60px;
}
.navbar-nav > li.logoff {
position: absolute;
top: 19px;
right: 0;
width: 150px;
margin-right: 20px;
}
.navbar-nav > li.logoff a {
display: block;
height: auto;
background-color: transparent;
background-position: 0 1px;
text-align: right;
color: #001A66;
padding: 0 3px 0 25px;
}
.navbar-nav > li.logoff a:hover,
.navbar-nav > li.logoff a:focus,
.navbar-nav > li.logoff a:active {
background-color: transparent!important;
}
}
nav span.profile {
position: absolute;
bottom: 0;
right: 0;
background: transparent no-repeat 0 0;
background-size: 11px 18px;
padding: 0 3px 6px 23px;
}
nav span.profile a {
color: #333333;
}
@media (max-width: 991px) {
.navbar-nav {
margin: 0 0 9.75px;
}
.navbar-nav > li {
border-bottom: #FFFFFF 1px solid;
}
.navbar-nav > li:last-child {
border-bottom: none;
}
.navbar-nav > li a {
display: block;
background-position: 14px 11px;
line-height: 21px;
padding: 10px 0 9px 54px;
}
.navbar-nav > li.external a {
background-position: 10px 11px;
}
.navbar-nav > li.logoff a {
background-position: 17px 11px;
text-decoration: none;
}
.dropdown-menu > li {
border-top: #FFFFFF 1px solid;
background: #DDDDDD;
padding-left: 30px;
}
nav span.profile {
top: 33px;
left: 15px;
}
}

/*==========================================
 ログイン
===========================================*/
h1 {
float: left;
background: no-repeat 0 0;
background-size: 20px;
font-weight: normal;
padding-left: 30px;
margin-top: 30px;
margin-left: 15px;
}
#menu-logo {
float: right;
width: 206px;
height: 42px;
background-image: url(../images/anshin-logo.png);
background-size: contain;
margin-top: 16px;
margin-right: 10px
}
#menu-logo em {
visibility: hidden;
}
@media screen and (max-width: 640px) {
#menu-logo {
display: none;
}
}

.clearTag{
clear:both;
} 
/* PCはfloatで配置 */
@media (min-width: 992px) {
#login #loginForm,
#login .qr {
width: 340px;
float: right;
}
#login .supplement {
width: 340px;
float: right;
}
#login .urgency,
#login .topimage {
width: 720px;
float: left;
}
}
#login section {
padding: 0;
}
#login #loginForm {
padding: 28px 0 35px;
}
#login #loginForm .control-label {
background: no-repeat 4px 2px;
background-size: 13px;
font-weight: bold;
padding-left: 23px;
}
#login #loginForm .form-group {
width: 90%;
margin: 0 auto;
}
@media screen and (min-width: 480px) {
#login #loginForm .form-group {
width: 300px;
}
}
#login #loginForm .form-control {
max-width: 100%;
border-radius: 0;
margin-bottom: 18px;
}
#login #loginForm .btn {
display: block;
background-image: url(../images/icn_login.png);
background-repeat:  no-repeat;
background-position: 245px 9px;
background-size: 9px 16px;
padding: 8px 10px 8px 0;
margin: 22px auto 0;
}
#login .field-validation-error {
display: block;
margin: -10px 0 15px 5px;
}
#login .qr {
min-height: 130px;
position: relative;
padding: 19px;
}
#login .qr h2 {
background: no-repeat 0 0;
background-size: 13px;
padding-left: 20px;
font-size: 1.0em;
margin-bottom: 10px;
}
#login .qr p {
width: 190px;
line-height: 1.7;
}
#login .qr span {
position: absolute;
top: 15px;
right: 20px;
}
#login .supplement {
background: #FFF2E2;
line-height: 1.7;
padding: 24px 19px;
}

/* remodal内 */
.remodal .news-detail h2 {
margin-bottom: 8px;
}
.remodal .news-detail .news-detail-date,
.remodal .news-detail .news-detail-category {
text-align: right;
padding: 0 20px 8px;
}
.remodal .news-detail .news-detail-category span {
background: no-repeat 0 4px;
background-size: 10px;
padding: 0 0 0 16px;
}
.remodal .news-detail .news-detail-naiyo {
width: 96%;
border: #CCCCCC 1px solid;
background: #F9F9F9;
line-height: 2;
padding: 15px 12px;
margin: 18px auto 28px;
word-break: break-all!important;
word-wrap: break-word!important;
overflow-wrap: break-word!important;
}
.remodal .news-detail-naiyo.haveAttachment {
border: none;
border-top: #DDDDDD 1px solid;
border-bottom: #DDDDDD 1px solid;
background: none;
margin-bottom: 15px;
}
.remodal .news-detail .button-panel {
text-align: center;
margin: 0;
}
.remodal .attachments {    /*#news-detailと同じ*/
padding: 0 34px 30px;
}
.remodal  .attachments .subTitle {
display: block;
background: no-repeat 1px center;
background-size: 10px;
padding: 0 0 0 17px;
margin-bottom: 8px;
}

/*==========================================
 基本パネル
===========================================*/

section {
background-color: #EBEBEB;
padding-top: 12px;
padding-bottom: 30px;
margin-bottom: 15px;
}
section.thin {
background-color: #EBEBEB;
padding-top: 12px;
padding-bottom: 0px;
margin-bottom: 15px;
}
section p.left {
margin-left: 16px;
}

/* 年度表記など */
ul.timeList {
text-align: center;
margin-bottom: 25px;
}
ul.timeList li {
display: inline-block;
border-right: #333333 1px solid;
font-size: 15px;
}
ul.timeList li:first-child {
border-left: #333333 1px solid;
}
ul.timeList li a {
display: block;
padding: 0 16px;
}
@media screen and (max-width: 479px) {
ul.timeList li {
display: block;
border: none!important;
}
}

/* ページ内リンク */
ul.pageLink li {
display: inline-block;
font-size: 15px;
}
ul.pageLink li a {
display: block;
background: url(../images/icn_pagelink.png) no-repeat right 6px;
background-size: 16px 8px;
padding: 0 26px 0 5px;
margin-left: 28px;
}

section .mat {
border: #DDDDDD 1px solid;
background: #F9F9F9;
}

/* サイドパネル */
.col-md-4 section {
padding: 16px 13px 30px;
}
.col-md-4 section h2 {
margin: 0 -13px;
}
.col-md-4 section h2 {
margin-bottom: 14px;
}
.col-md-4 section .mat {
padding: 12px 16px 15px 15px;
margin-bottom: 12px;
}
.col-md-4 section .mat h3 {
font-size: 13px;
margin-bottom: 8px;
}
.col-md-4 section ul.checkList {
overflow: hidden;
margin-bottom: -10px;
}
.col-md-4 section ul.checkList li {
float: left;
padding-right: 15px;
margin-bottom: 5px;
}
.col-md-4 section .btn {
display: block;
margin: 0 auto;
}
@media (min-width: 992px) {
.col-md-4 section {
padding-bottom: 20px;
}
.col-md-4 section ul.checkList li:nth-child(odd) {
min-width: 165px;
}
.col-md-4 section p {
margin-left: 18px;
}
}

/* remodal内 */
.remodal section {
padding: 0 0 20px;
margin-bottom: 0;
}
.remodal .remodalEnd {
text-align: center;
padding: 40px 0;
}
.remodal h3 {
margin-bottom: 10px;
}
.remodal .results {
color: #FF0000;
padding: 0 10px 0 32px;
}
.remodal table + h3 {
margin-top: 20px;
}
.remodal select {
display: block;
width: 96%;
border: #CCCCCC 1px solid;
padding: 2px 0;
margin: 0 auto;
}
.remodal select option {
padding: 0 20px;
}
.remodal .button-panel {
text-align: center;
margin: 0;
}
.shinseiBase {
padding: 0 10px 0 32px;
}
.remodal.slim p.shinseiBase {
line-height: 1.7;
margin-bottom: 0;
}


/*==========================================
 基本テーブル
===========================================*/

table th {
font-weight: normal;
font-size: 1em!important;
}
table .lft {
text-align: left;
}
table .rgt {
text-align: right;
}
table .mid {
text-align: center;
padding-left: 0!important;
padding-right: 0!important;
}
table .W50 {
width: 50px;
/*white-space: nowrap;*/
}
table.general {
width: 96%;
background-color: #F9F9F9;
margin: 0 auto;
}
table.general thead tr {
background-color: #F5F5F5;
}
table.general tbody tr:nth-child(even) {
background-color: #F0F0F0;
}
table.general th,
table.general td {
border: #CCCCCC 1px solid;
padding: 6px 5px 3px 10px;
}
table.general th{
text-align: center;
padding-left: 0;
padding-right: 0;
}
table.general thead tr th.del-head,     /* 削除チェックボックス列 */
table.list thead tr th.del-head {
    width:40px;
}
table.general img {
vertical-align: top!important;
}

table.list {
width: 96%;
margin: 0 auto;
}
table.list th {
border: #CCCCCC 1px solid;
background-color: #F5F5F5;
font-size: 15px;
text-align: center;
padding: 4px 0;
}
table.list td {
padding: 4px 5px;
}
table.list tbody tr {
border-bottom: #DDDDDD 1px solid;
}

table tfoot,
table tfoot td {
background-color: #EBEBEB!important;
}
table tfoot td {
border: #EBEBEB 1px solid!important;
padding: 10px 0 0!important;
}

/*==========================================
 トップページ
===========================================*/

@media (min-width: 992px) {
#topPage {
width: 940px;
margin: 0 auto;
}
}

/*==========================================
 カレンダー
===========================================*/

#calendar {
padding: 0 40px 30px 31px;
}
@media screen and (max-width: 479px) {
#calendar {
padding: 0 8px 30px;
}
}

.calendarCondition {
    float: left;
    padding: 0 20px 10px;
}

/*==========================================
 お知らせセクション
===========================================*/

section.list {
border: #CCCCCC 1px solid;
background-color: #DDDDDD;
padding: 0;
}
section.list h2 {
font-size: 15px;
text-align: center;
line-height: 1.4;
padding: 10px 0;
}
section.list ul {
background-color: #FFFFFF;
padding: 0 10px;
}
section.list ul li {
padding: 8px 2px;
background: url(../images/line_list.png) repeat-x left bottom;
}
section.list ul li:last-child {
background: none!important;
}
section.list p {
margin-bottom: 0;
}
@media (min-width: 768px) {
section.list {
display: table;
width: 100%;
}
section.list:before,
section.list:after {
content: none;
}
section.list h2 {
display: table-cell;
width: 140px;
font-size: 13px;
}
section.list h2 span:before {
content: "\A";
white-space: pre;
}
section.list ul {
display: table-cell;
}
section.list ul li {
padding: 9px 2px 7px;
}
section.list ul li span.date {
float: left;
}
section.list ul li p {
margin-left: 117px;
}
section.list ul li span.noData {
padding: 0;
}
section.list ul li span.kikan {
float: left;
}
section.list ul li p.renraku {
margin: 0;
}
section.list ul li p a.renrakuCategoryu {
margin: 0 8px 0 15px;
}
section.list ul li p span.kyoinMidoku {
background: url('../images/icn_kyoinMidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
section.list ul li p span.kyoinKidoku {
background: url('../images/icn_kyoinKidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
section.list ul li p span.henshinMidoku {
background: url('../images/icn_henshinMidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
section.list ul li p span.torikeshi {
background: url('../images/icn_torikeshi.png') no-repeat 0 center;
width: 55px;
height: 24px;
padding: 0 27px 0 27px;
}
}

/* 緊急のお知らせ */
section.list.urgency {
border: #E594A6 1px solid;
background-color: #E594A6;
}
section.list.urgency a,
section.list.urgency a:hover,
section.list.urgency a:focus {
color: #D8647E;
}
section.list.urgency h2 {
color: #FFFFFF;
vertical-align: middle;
}
section.list.urgency ul {
background-color: #F6F6F6;
}
section.list.urgency ul li {
background: url(../images/line_urgency.png) repeat-x left bottom;
}

/* お知らせ */
section.news p.kyukou {
background: url(../images/icn_kyukou_hokou.png) no-repeat 0 0;
background-size: 50px 16px;
padding-left: 57px;
}
section.news p.kyoshitsu {
background: url(../images/icn_henkou.png) no-repeat 0 0;
background-size: 50px 16px;
padding-left: 57px;
}
section.news p.yobidashi {
background: url(../images/icn_yobidashi.png) no-repeat 0 0;
background-size: 50px 16px;
padding-left: 57px;
}
section.news span.newArrival {
background: url(../images/icn_new.png) no-repeat 0 center;
background-size: 50px 15px;
padding-left: 50px;
margin-left: 7px;
}


/* リンク */
section.my-link {
margin-bottom: -1px;
}
section.my-link ul li p {
background: no-repeat 3px center;
background-size: 8px 7px;
padding-left: 20px;
margin-left: 0;
}

/* 新着かつ、未読のものにつけるか */
section.news article p.new:after {
    content:"New!!";
    color: red;
    font-style:italic;
    margin-left: 5px;
}

/*==========================================
 お知らせ一覧
===========================================*/

table th.news-date-head {
width: 124px;
}
table th.news-datetime-head {
width: 170px;
}
table th.news-category-head {
width: 100px;
}
table th.news-status-head {
width: 80px;
}

#tblNewsList span.kyukou {
background: url(../images/icn_kyukou_hokou.png) no-repeat 0 0;
background-size: 50px 16px;
padding-left: 57px;
}
#tblNewsList span.kyoshitsu {
background: url(../images/icn_henkou.png) no-repeat 0 0;
background-size: 50px 16px;
padding-left: 57px;
}
#tblNewsList span.yobidashi {
background: url(../images/icn_yobidashi.png) no-repeat 0 0;
background-size: 50px 16px;
padding-left: 57px;
}

section.newsList span.newArrival {
background: url(../images/icn_new.png) no-repeat 0 center;
background-size: 50px 15px;
padding-left: 50px;
margin-left: 7px;
}

@media (min-width: 992px) {
#newsHaishin {
width: 720px;
margin: 0 auto;
}
}
#newsHaishin section {
margin-bottom: 0;
}
#newsHaishin .mat {
width: 96%;
margin: 0 auto;
}
#newsHaishin a.news-create {
display: block;
background: url(../images/icn_newscreate.png) no-repeat 28px 11px;
background-size: 27px 28px;
padding: 18px 66px 16px;
}
td a.unsent-news-title {
display: block;
background: url(../images/icn_edit.png) no-repeat 0 0;
background-size: 20px 22px;
padding: 3px 0 3px 25px;
}

/*==========================================
 お知らせ詳細
===========================================*/

section.news-detail h3 {
margin-bottom: 10px;
}
section.news-detail .news-title,
section.news-detail .news-naiyo {
display: block;
width: 96%;
margin: 0 auto 25px;
}
section.news-detail .news-naiyo {
margin-bottom: 0;
}
textarea.news-naiyo{
resize: vertical;
}
@media (min-width: 992px) {
#news-detail {
width: 720px;
margin: 0 auto;
}
}
#news-detail h2 {
margin-bottom: 8px;
}
#news-detail .news-detail-date,
#news-detail .news-detail-category {
text-align: right;
padding: 0 20px 8px;
}
#news-detail .news-detail-category span {
background: no-repeat 0 4px;
background-size: 10px;
padding: 0 0 0 16px;
}
#news-detail .news-detail-naiyo {
width: 96%;
border: #CCCCCC 1px solid;
background: #F9F9F9;
line-height: 2;
padding: 15px 12px;
margin: 8px auto 28px;
word-break: break-all!important;
word-wrap: break-word!important;
overflow-wrap: break-word!important;
}
#news-detail .news-detail-naiyo.haveAttachment {
border: none;
border-top: #DDDDDD 1px solid;
border-bottom: #DDDDDD 1px solid;
background: none;
margin-bottom: 15px;
}
#news-detail .button-panel {
text-align: center;
margin: 0;
}
#news-detail .attachments {
padding: 0 34px 30px;
}
#news-detail .attachments .subTitle {
display: block;
background: no-repeat 1px center;
background-size: 10px;
padding: 0 0 0 17px;
margin-bottom: 8px;
}
ul.fileList li {
line-height: 1.7;
}
ul.fileList li a {
background: url(../images/icn_attachment.png) no-repeat 0 center;
background-size: 17px 14px;
padding-left: 27px;
}


/*==========================================
 お知らせ配信 (作成)
===========================================*/

#news-form .col-md-8 section {
padding-bottom: 20px;
margin-bottom: 0;
}

/* ユーザー区分選択 */
dl.userTarget {
padding: 0 15px 0 32px;
overflow: hidden;
}
dl.userTarget dt {
float: left;
padding: 5px 14px 0 0;
}
@media screen and (max-width: 479px) {
dl.userTarget dt {
float: none;
padding-bottom: 10px;
}
}
dl.userTarget dd input {
display: none;
}
dl.userTarget dd label {
display: block;
float: left;
width: 50px;
border-radius: 3px;
color: #FFFFFF;
font-size: 13px;
text-align: center;
line-height: 1;
padding: 6px 0;
margin: 0 10px 5px 0;
cursor: pointer;
}
dl.userTarget dd label.gakusei {
background-color: #006DD9;
}
dl.userTarget dd label.gakusei-80 {
    width: 80px;
background-color: #006DD9;
}
dl.userTarget dd label.kyoin {
background-color: #001040;
}
dl.userTarget dd label.syokuin {
background-color: #204000;
}
dl.userTarget dd label.group {
    width: 80px;
background-color: #CA5D4B;
}
dl.userTarget input[type="radio"]:checked + label,
dl.userTarget dd label:hover,
dl.userTarget dd label:focus,
dl.userTarget dd label:active {
opacity: 0.75;
}
/* 配信先カラム幅 */
#ftbl-destinationList .del-head {
width: 6%;
}
#ftbl-destinationList .gakuseki-head {
width: 12%;
}
#ftbl-destinationList .name-head {
width: 17%;
}
#ftbl-destinationList .gakunen-head {
width: 8%;
}
#ftbl-destinationList .kubun-head {
width: 8%;
}
#ftbl-destinationList .midoku-head {
width: 8%;
}

ul.btnList {
width: 92%;
margin: 0 auto 20px;
overflow: hidden;
}
ul.btnList li {
float: left;
margin: 6px;
}
ul.btnList li.rgt {
float: right;
}

.col-md-4 .haishin-setting h3 {
background-repeat: no-repeat;
background-position: 0 0;
background-size: 18px 19px;
padding: 3px 0 0 23px;
margin: 16px 0 7px;
}
.col-md-4 .haishin-setting ul {
padding-top: 3px;
overflow: hidden;
}
.col-md-4 .haishin-setting ul li {
float: left;
margin: 0 15px 0 18px;
}
.col-md-4 .haishin-setting span.select {
width: 130px;
}
.col-md-4 .haishin-setting input[type=date],
.col-md-4 .haishin-setting input[type=time] {
margin-bottom: 8px;
}
.col-md-4 .haishin-setting ul#filelist li {
margin: 0;
}
.col-md-4 .haishin-setting .fileUpload {
width: 280px;
}
.col-md-4 .haishin-setting .fileUpload .fileTxt {
width: 200px;
}
.col-md-4 .haishin-setting .fileUpload .upload {
font-size: 280px;
}
.col-md-4 .haishin-setting span.text-info {
display: block;
color: #FF4C4C;
font-size: 12px;
line-height: 1.7;
padding: 0 24px 10px;
}

/* 条件検索 */
.remodal .shokuinSearch dl {
margin-bottom: -15px;
overflow: hidden;
}
.remodal .shokuinSearch dl dt {
font-size: 15px;
font-weight: bold;
line-height: 1;
}
.remodal .shokuinSearch dl dd {
line-height: 1.1;
margin-left: 30px;
margin-bottom: 15px;
}
.remodal .shokuinSearch dl dd label.Check {
margin-right: 20px;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.remodal .shokuinSearch dl dt {
clear: both;
float: left;
width: 110px;
}
.remodal .shokuinSearch dl dt.haveTxtbox {
margin-top: 10px;
}
.remodal .shokuinSearch.shokuin dl dt.haveTxtbox,
.remodal .shokuinSearch.shokuin dl dt.haveChkbox {
width: 128px;
}
.remodal .shokuinSearch dl dt.noFloat {
float: none;
margin-bottom: 8px;
}
.remodal .shokuinSearch dl dt,
.remodal .shokuinSearch dl dd {
margin-bottom: 20px;
margin-left: 0;
}
}

/*==========================================
 プロフィール
===========================================*/
table.profileRelation thead th.del-head{
    width:40px;
}
table.profileRelation thead th.order-head{
    width:50px;
}
table.profileRelation thead th.midashi-head{
    width:60px;
}


table.profileMylink thead th.del-head{
    width:40px;
}
table.profileMylink thead th.order-head{
    width:50px;
}
table.profileMylink thead th.midashi-head{
    width:60px;
}
div.user-link-err {
    margin: 5px;
}

#profileSetting label.alert-danger,
.profileMylink span.alert-danger {
color: #FF4D4D;
background: none;
}
#profileSetting label.alert-danger {
padding: 5px 0;
}
.profileMylink input[type=text] {
padding: 9px 8px 8px;
}
.profileMylink span.linkPart {
display: inline-block;
width: 64px;
padding-left: 8px;
}
.profileMylink td div {
margin: 5px 0;
}
.profileMylink .mid input[type=text] {
width: 30px;
padding: 9px 3px 8px;
}
.profileRelation input[type=text] {
padding: 9px 8px 8px;
}
.profileRelation span.linkPart {
display: inline-block;
width: 64px;
padding-left: 8px;
}
.profileRelation td div {
margin: 5px 0;
}
.profileRelation .mid input[type=text] {
width: 30px;
padding: 9px 3px 8px;
}

#profileSetting dl.config dd span {
display: block;
width: 98%;
word-break: break-all!important;
word-wrap: break-word!important;
overflow-wrap: break-word!important;
}
@media (min-width: 768px) {
#profileSetting dl.config dd span {
width: 520px;
}
}

@media (min-width: 992px) {
#profileSetting {
width: 720px;
margin: 0 auto;
}
}
#profileSetting section {
padding-top: 20px;
}
#profileSetting section h2 {
margin-top: -8px;
}
#profileSetting dl,
#profileSetting ul {
width: 90%;
margin: 0 auto;
}
#profileSetting dl.config,
#profileSetting ul.config {
margin-bottom: 10px;
overflow: hidden;
}
#profileSetting dl dd,
#profileSetting dl dt {
margin-bottom: 8px;
}
span.profileBtn {
display: block;
width: 120px;
margin: 15px auto 0;
}
#profileSetting table.list {
margin: 35px auto 20px;
}
#profileSetting table.list td {
word-break: break-all!important;
word-wrap: break-word!important;
overflow-wrap: break-word!important;
}
@media (min-width: 768px) {
#profileSetting dl {
width: 573px;
margin: 0;
}
#profileSetting dl dt {
clear: both;
float: left;
width: 211px;
margin-top: 10px;
margin-left: 31px;
}
#profileSetting #mail-setting dl dt {
margin-top: 1px;
}
#profileSetting dl.profileMylink dt {
width: 54px;
}
#profileSetting dl.profileRelation dt {
width: 54px;
}
#profileSetting ul {
width: auto;
margin-bottom: -5px;
}
#profileSetting ul li {
padding-left: 32px;
margin-bottom: 10px;
}
span.profileBtn {
float: right;
margin-top: -44px;
margin-right: 26px;
}
#profileSetting #mail-setting span.profileBtn {
margin-top: -56px;
}
#profileSetting dl {
width: 90%;
}
#profileSetting label.alert-danger {
display: block;
margin: 5px 0 0 44px;
}
#pass-setting dl {
width: 100%;
}
#pass-setting span.profileBtn,
#addLink-setting span.profileBtn {
margin-top: 10px;
}
.profileMylink span.alert-danger {
margin-left: 70px;
}
}

/*==========================================
 検索結果
===========================================*/
/*table#ftbl-gakusei td, 
table#ftbl-kyoin td{
    white-space: nowrap;
    text-align:left;
}*/

/*==========================================
 休講補講等-共通
===========================================*/
textarea.khe-textarea
{
    resize: vertical;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  ::i-block-chrome, textarea.khe-textarea
  {
    color: #000000;
  }
}

.toggleChangeBtn
{
    margin-bottom:5px;
}

/* 一覧上でのカーソル表示を変更 */
table#tblKyukoList tbody tr,
table#tblHokoList tbody tr,
table#tblKyoshitsuChangeList tbody tr,
table#tblMiShoninList tbody tr,
table#tblShoninZumiList tbody tr,
table#ftbl-kyuko tbody tr,
table#ftbl-hokoOfKyuko tbody tr,
table#ftbl-Hoko tbody tr,
table#ftbl-kyoshitsuChange tbody tr
{
    cursor: default;
}

@media screen and (max-width: 673px)
{
    table#tblKyukoList tbody tr,
    table#tblHokoList tbody tr,
    table#tblKyoshitsuChangeList tbody tr
    {
        cursor: pointer;
    }
}

/* リンク部分はカーソルをポインター表示に変更 */
table#tblMiShoninList a.miShoninDetail:hover,
table#tblShoninZumiList a.ShoninZumiDetail:hover,
table#ftbl-kyuko a.kyukoTaishoDetail:hover,
table#ftbl-hokoOfKyuko a.hokoOfKyukoTaishoDetail:hover,
table#ftbl-Hoko a.hokoTaishoDetail:hover,
table#ftbl-kyoshitsuChange a.kyoshitsuChangeTaishoDetail:hover
{
    cursor:pointer;
}

/*==========================================
 休講補講等一覧
===========================================*/
/* センタリング */
table .yobi-head,
table .jigen-head,
table .kyoinNm-head,
table .kyoshitsuNm-head,
table .kyoshitsuNmOld-head,
table .kyoshitsuNmNew-head
{
    text-align: center;
    padding-left: 0!important;
    padding-right: 0!important;
}

@media screen and (min-width: 674px) {
    table .date-head
    {
        text-align: center;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .dispOnlyPhone {
        display: none; 
    }
    table#tblKyukoList tbody tr,
    table#tblHokoList tbody tr,
    table#tblKyoshitsuChangeList tbody tr
    {
        cursor: default;
    }
}
@media screen and (max-width: 673px) {
    table .date-head
    {
        text-align: left;
        padding-left: 5px!important;
    }

    #tblKyukoList tbody tr:nth-child(4n-1),
    #tblHokoList tbody tr:nth-child(4n-1),
    #tblKyoshitsuChangeList tbody tr:nth-child(4n-1)
    {
        background-color: #F0F0F0;
    }

    #tblKyukoList .footable-row-detail-name,
    #tblHokoList .footable-row-detail-name,
    #tblKyoshitsuChangeList .footable-row-detail-name
    {
        width: 70px;
    }
    .dispOnlyPhone {
        display: block;
    }
}

/* 休講補講等一覧の各カラム幅 */
/* 日付 */
#tblKyukoList .date-head,
#tblHokoList .date-head,
#tblKyoshitsuChangeList .date-head
{
    width: 110px;
}

/* 曜日・時限 */
#tblKyukoList .yobi-head,
#tblKyukoList .jigen-head,
#tblHokoList .yobi-head,
#tblHokoList .jigen-head,
#tblKyoshitsuChangeList .yobi-head,
#tblKyoshitsuChangeList .jigen-head
{
    width: 35px;
}

/* 教室変更の備考 */
#tblKyoshitsuChangeList .biko-head
{
    width: 120px;
}

/* 教室変更後を着色 */
#tblKyoshitsuChangeList td.kyoshitsuNmNew-head
{
    color: #FF0000;
}

/* 取消ボタン、詳細ボタン */
.requestCancel,
.requestDetail
{
    display: block;
    width: 50px;
    border: none;
    font-size: 15px;
    line-height: 1;
    background-color: #CCCCCC;
    text-align: center;
    padding: 4px 0 2px;
    margin: -2px auto 0;
}

.noData
{
    padding: 10px 30px;
}

/*==========================================
 休講補講等一覧（申請済み）
===========================================*/

h3.shinseiDetailTextPosition
{
    padding-left:10em;
    text-indent:-8em;
    word-wrap: break-word;
}
h3.remodalText,
h4.remodalText
{
    padding-left:1em;
    text-indent:0em;
}

/* センタリング */
.khe-list-check,
.khe-list-yobi,
.khe-list-jigen,
.khe-list-kyukoCnt,
.khe-list-hokoCnt
{
    text-align: center;
    padding-left: 0!important;
    padding-right: 0!important;
}

#tblMiShoninList tbody tr:nth-child(4n-1),
#tblShoninZumiList tbody tr:nth-child(4n-1)
{
    background-color: #F0F0F0;
}

#tblMiShoninList .footable-row-detail-name,
#tblShoninZumiList .footable-row-detail-name
{
    width: 70px;
}

@media screen and (min-width: 674px)
{
    .khe-list-date
    {
        text-align: center;
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
@media screen and (max-width: 673px)
{
    .khe-list-date
    {
        text-align: left;
        padding-left: 5px!important;
        padding-right: 0!important;
    }
}


/* 未承認申請一覧と承認済み申請一覧のカラム幅 */
/* 日付 */
#tblMiShoninList .khe-list-date,
#tblShoninZumiList .khe-list-date
{
    width: 135px;
    text-align: left;
    padding-left: 5px!important;
    padding-right: 0!important;
}
/* 時限 */
#tblMiShoninList .khe-list-jigen,
#tblShoninZumiList .khe-list-jigen
{
    width: 35px;
}
/* 申請種類 */
#tblMiShoninList .khe-list-shinseiKind,
#tblShoninZumiList .khe-list-shinseiKind
{
    width: 100px;
}
/* ボタン */
#tblMiShoninList .khe-list-btn-2words
{
    width: 70px;
}

/* 承認処理結果 */
#tblShoninZumiList .khe-list-result
{
    width: 190px;
}

/*==========================================
 休講補講等申請
===========================================*/
section.kyukoHokoEtcShinsei .mat
{
    width: 96%;
    margin: 0 auto;
}
section.kyukoHokoEtcShinsei a.shinsei-create
{
    display: block;
    background: url(../images/icn_newscreate.png) no-repeat 28px 11px;
    background-size: 27px 28px;
    padding: 18px 66px 16px;
}

/*==========================================
 休講補講等申請―新規作成
===========================================*/

/* 表示切替ボタン */
ul.shinseiChange
{
    margin-bottom: 5px;
}
ul.shinseiChange li
{
    display: inline; /*横並びになるよう修正*/
    margin-bottom: 12px;
}

@media screen and (min-width: 1024px)
{
    ul.shinseiChange .btn
    {
        width: 33%; /*横並びにするために％変更*/
        padding: 8px 12px 5px;
        font-size: 16px;
    }
}
@media screen and (max-width: 1023px)
{
    ul.shinseiChange .btn
    {
        width: 100%; /*縦並びにするために％変更*/
        padding: 8px 12px 5px;
        margin-bottom: 1px;
        font-size: 16px;
    }
}

/* 対象期間・受持ち講義選択 */
dl.selection
{
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
dl.selection dt
{
    clear: both;
    float: left;
    width: 84px;
    padding-top: 10px;
}
dl.selection dd
{
    float: left;
    margin-right: 28px;
    margin-bottom: 8px;
}
dl.selection dd .btn
{
    margin: 0!important;
}

.kyukoHokoEtcShinsei section
{
    padding-bottom: 0;
}
.kyukoHokoEtcShinsei h3
{
    margin-bottom: 10px;
}
.kyukoHokoEtcShinsei table
{
    margin-bottom: 18px;
}
.kyukoHokoEtcShinsei .btn
{
    margin: 3px 0 15px 15px;
}
.kyukoHokoEtcShinsei p.atn
{
    color: #FF0000;
    font-size: 17px;
    margin: 30px 0 15px 15px;
}

@media screen and (max-width: 479px)
{
    dl.selection input[type=date]
    {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 1025px)
{
    .notDispKyukoShinki
    {
        display: none; 
    }
    table#tblKyukoList tbody tr,
    table#tblHokoList tbody tr,
    table#tblKyoshitsuChangeList tbody tr
    {
        cursor: default;
    }
}
@media screen and (max-width: 1024px)
{
    .notDispKyukoShinki
    {
        display: block; 
    }

    #ftbl-kyuko tbody tr:nth-child(4n-1),
    #ftbl-hokoOfKyuko tbody tr:nth-child(4n-1),
    #ftbl-Hoko tbody tr:nth-child(4n-1),
    #ftbl-kyoshitsuChange tbody tr:nth-child(4n-1)
    {
        background-color: #F0F0F0;
    }

    #ftbl-kyuko .footable-row-detail-name,
    #ftbl-hokoOfKyuko .footable-row-detail-name,
    #ftbl-kyoshitsuChange .footable-row-detail-name
    {
        width: 100px;
    }
    #ftbl-Hoko .footable-row-detail-name
    {
        width: 150px;
    }
}

/*==========================================
 休講補講等申請―新規作成―休講申請
===========================================*/
/* 休講対象一覧カラム幅 */
#ftbl-kyuko .khe-list-check
{
    width: 40px;
}
#ftbl-kyuko .khe-list-date
{
    width: 115px;
}
#ftbl-kyuko .khe-list-yobi,
#ftbl-kyuko .khe-list-jigen
{
    width: 35px;
}
#ftbl-kyuko .khe-list-kyukoCnt
{
    width: 170px;
}

/* 同時申請の補講対象一覧カラム幅 */
#ftbl-hokoOfKyuko .khe-list-check
{
    width: 70px;
}
#ftbl-hokoOfKyuko .khe-list-yobi,
#ftbl-hokoOfKyuko .khe-list-jigen
{
    width: 35px;
}
#ftbl-hokoOfKyuko .khe-list-kogiNm
{
    width: 300px;
}
#ftbl-hokoOfKyuko .khe-list-kyukoCnt
{
    width: 150px;
}

@media screen and (min-width: 1025px)
{
    .notDispKyukoShinki
    {
        display: none; 
    }
    table#ftbl-kyuko tbody tr,
    table#ftbl-hokoOfKyuko tbody tr
    {
        cursor: default;
    }
}
@media screen and (max-width: 1024px)
{
    .notDispKyukoShinki
    {
        display: block; 
    }
}

/*==========================================
 休講補講等申請―新規作成―補講申請
===========================================*/
/* 補講対象一覧カラム幅 */
#ftbl-Hoko .khe-list-check
{
    width: 70px;
}
#ftbl-Hoko .khe-list-yobi,
#ftbl-Hoko .khe-list-jigen
{
    width: 35px;
}
#ftbl-Hoko .khe-list-kyukoCnt
{
    width: 70px;
}
#ftbl-Hoko .khe-list-hokoCnt
{
    width: 120px;
}
#ftbl-Hoko .khe-list-hokoKibo
{
    width: auto;
}

@media screen and (min-width: 1025px)
{
    .notDispHokoShinki
    {
        display: none; 
    }
    table#ftbl-Hoko tbody tr
    {
        cursor: default;
    }
}
@media screen and (max-width: 1024px)
{
    .notDispHokoShinki
    {
        display: block; 
    }
}

/*==========================================
 休講補講等申請―新規作成―補講日程
===========================================*/

/*==========================================
 休講補講等申請―新規作成―教室変更申請
===========================================*/
.kyuko-taisho-kikan span.select
{
    width: 300px;
}
@media screen and (max-width: 479px)
{
    .kyuko-taisho-kikan dd
    {
        width: 100%;
    }
    .kyuko-taisho-kikan span.select
    {
        width: 100%;
    }
}

/* 教室変更対象一覧カラム幅 */
#ftbl-kyoshitsuChange .khe-list-check
{
    width: 40px;
}

#ftbl-kyoshitsuChange .khe-list-date
{
    width: 115px;
}
#ftbl-inputcheck-kc .khe-list-date
{
    width: 120px;
}
#ftbl-kyoshitsuChange .khe-list-yobi,
#ftbl-kyoshitsuChange .khe-list-jigen
{
    width: 35px;
}

@media screen and (min-width: 1025px)
{
    .notDispKyoshitsuChangeShinki
    {
        display: none; 
    }
    table#ftbl-kyoshitsuChange tbody tr
    {
        cursor: default;
    }
}
@media screen and (max-width: 1024px)
{
    .notDispKyoshitsuChangeShinki
    {
        display: block; 
    }
}

/*==========================================
 休講補講等申請―新規作成―入力確認画面
===========================================*/
/* 各一覧のカラム幅 */

/* 休講申請の日付 */
#ftbl-inputcheck-kk .khe-list-date
{
    width: 125px;
}

/* 各一覧の曜日・時限 */
#ftbl-inputcheck-kk .khe-list-yobi,
#ftbl-inputcheck-kk .khe-list-jigen,
#ftbl-inputcheck-hkofkk .khe-list-yobi,
#ftbl-inputcheck-hkofkk .khe-list-jigen,
#ftbl-inputcheck-hk .khe-list-yobi,
#ftbl-inputcheck-hk .khe-list-jigen,
#ftbl-inputcheck-kc .khe-list-yobi,
#ftbl-inputcheck-kc .khe-list-jigen
{
    width: 35px;
}

/* 各一覧の文字はみ出し処理 */
#ftbl-inputcheck-kk tr,
#ftbl-inputcheck-kk td,
#ftbl-inputcheck-hkofkk tr,
#ftbl-inputcheck-hkofkk td,
#ftbl-inputcheck-hk tr,
#ftbl-inputcheck-hk td,
#ftbl-inputcheck-kc tr,
#ftbl-inputcheck-kc td
{
    word-break: break-all!important;
    word-wrap: break-word!important;
    overflow-wrap: break-word!important;
}

/*==========================================
 時間割
===========================================*/

table.shuchuKogiList {
table-layout: fixed;
width: 96%;
background-color: #FFFFFF;
margin: 0 auto;
}
table.shuchuKogiList th,
table.shuchuKogiList td {
border: #CCCCCC 1px solid;
padding: 8px;
word-break: break-all!important;
word-wrap: break-word!important;
overflow-wrap: break-word!important;
}
table.shuchuKogiList th {
background-color: #F5F5F5;
text-align: center;
}

div.timetable {
overflow: hidden;
}
div.timetable div {
float: left;
width: 95px;
margin-left: -1px;
}
div.timetable #times {
width: 35px;
background: #F5F5F5;
margin-left: 13px;
}
div.timetable #times ol li {
position: relative;
background: #F5F5F5;
}
div.timetable #times ol li span {
position: absolute;
top: 50%;
margin-top: -13px;
margin-left: 8px;
}
div.timetable h3 {
border: #CCCCCC 1px solid;
border-bottom: none;
background: #F5F5F5;
font-size: 13px;
font-weight: normal;
text-align: center;
padding: 2px 0;
}
div.timetable ol {
border-bottom: #CCCCCC 1px solid;
}
div.timetable ol li {
min-height: 70px;
border: #CCCCCC 1px solid;
border-bottom: none;
background: #FFFFFF;
line-height: 1.4;
padding: 5px;
}
/* 隔週講義の分離罫線 */
li.time-cell hr{
    margin:2px; 
    padding:2px;
     
}

li.time-cell {
    word-break: break-all!important;
    word-wrap: break-word!important;
    overflow-wrap: break-word!important;
}

/* 土曜 */
div.timetable #Y6 h3 {
color: #5479A5;
}
/* 日曜 */
div.timetable #Y7 h3 {
color: #CA5D4B;
}



@media (max-width: 991px) {
div.timetable div {
width: 90px;
}
}


@media screen and (max-width: 767px) {
div.timetable {
width: 92%;
margin: 0 auto;
}
div.timetable div {
float: none;
width: auto;
margin-left: 0;
}
div.timetable #times {
display: none;
}
div.timetable ol {
border-bottom: none;
counter-reset: num;
}
div.timetable #Y7 ol {
border-bottom: #CCCCCC 1px solid;
}
div.timetable ol li {
position: relative;
min-height: 30px;
padding: 6px 10px 3px 35px;
overflow: hidden;
}
div.timetable ol li:before {
position: absolute;
left: 0;
top: 0;
display: block;
border-right: #CCCCCC 1px solid;
content: attr(data-cp-jigennum);
width: 28px;
height: 100%;
background: #F5F5F5;
text-align: center;
padding-top: 6px;
}

div.timetable .nodataexists {
    display: none;
}

}




/*==========================================
 複数セレクト
===========================================*/
.multiselect {
padding-top: 5px;
margin: 0 15px;
height: 14em;
border: solid 1px silver;
overflow: auto;
}
.multiselect div {
text-align: left;
padding: 5px 0 0 10px;
}
.multiselect-on {
color: #ffffff;
background-color: #3399FF;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer {
clear: both;
background: url(../images/bg_foot.png) repeat-x left bottom;
height: 150px;
color: #FFFFFF;
margin-top: 120px;
}
footer div p {
margin-top: 48px;
font-size: 1.0em;
}
span.pageTop {
position: absolute;
bottom: 20px;
right: 20px!important;
}
span.pageTop a {
display: block;
outline: none;
}
span.pageTop .btn {
min-width: auto;
padding: 9px 18px 10px 17px;
}
@media (min-width: 992px) {
span.pageTop {
right: 8%!important;
}
}

/*==========================================
 button
===========================================*/
.button-panel-right{
    text-align:right;
    margin-right:10px;
}

.button-panel{    
    margin-top: 10px;
    margin-left:10px;
}
.button {
	display: inline-block;
	width: 100px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
    text-decoration:none;
    border-radius: 5px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button, .button:focus {
	background-color: #333;
	color: #fff;    
    text-decoration:none;
}
.button:hover {
	background-color: #a1b91d;
    color:#000000;
    text-decoration:none;
}
.button-warn:hover {
	background-color: #fa582c;
    color:#000000;
    text-decoration:none;
}

/*html #tooltip {
position: absolute;
}*/
/*#tooltip {
position: fixed;
opacity: 1;
z-index: 100;
color: #333333;
font-size: 13px;
background-color:#FFFFFF;
padding : 3px;
margin : 10px;
}*/

.btn {
min-width: 120px;
color: #FFFFFF;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 2px;
}
.btn.medium {
width: 200px;
}
.btn.small {
min-width: 60px;
}
.btn.square {
border-radius: 0;
}
.btn.gray {
background-color: #666666!important;
}
.btn.gray:hover,
.btn.gray:focus,
.btn.gray:active {
background-color: #888888!important;
}
.btn.lightgray {
background-color: #888888!important;
}
.btn.lightgray-wide {
background-color: #888888!important;
width: 250px;
}
.btn.lightgray:hover,
.btn.lightgray:focus,
.btn.lightgray:active {
background-color: #CCCCCC!important;
}
.deleteBtn {
width: 20px;
height: 20px;
border: #707070 1px solid;
background-color: #FFFFFF;
color: #707070;
margin-bottom: 2px;
}
/* remodal内ボタン */
.remodal .btn {
text-align: center;
margin: 12px 5px 0;
}

.remodal .bottomSpace {
margin: 0px 5px 30px;
}

/*==========================================
 フォームパーツ
===========================================*/
img.icon {
    width:15px;
}

input,
textarea {
background-color: #FFFFFF;
}
input[disabled],
textarea[disabled]{
background-color: #F5F5F5;
}
.readonly-text{
background-color: #DFEFFF!important;
}
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=time] {
width: 98%;
border: #CCCCCC 1px solid;
padding: 9px 8px 8px;
}
@media screen and (min-width: 480px) {
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=time] {
width: 280px;
}
}
table input[type=text] {
width: 98%;
padding: 2px;
}
input[type=date],
input[type=time] {
width: 150px;
}
input[readonly] {
    background-color: transparent;
    border: none;
}
textarea[readonly] {
    background-color: transparent;
    border: solid 1px;
}

/* add */
.file {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: .5em 3em;
  background-color: #CCCCCC;
  border-radius: 4px;
  margin: 0 24px;
}

.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.delete {
padding: 0 24px 15px;
overflow: hidden;
}
.delete a {
float: left;
}
.delete span.upload {
display: block;
margin: 2px 0 0 24px;
}
/* end */

@media screen and (max-width: 479px) {
input[type=date],
input[type=time] {
width: 120px;
}
}
@media (min-width: 768px) {
input.medium {
width: 400px;
}
}
/* Chromeのスピンボタン */
@media screen and (-webkit-min-device-pixel-ratio:0) { /* For Chrome */
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week] {
padding: 0!important;
}
input[type=date]::-webkit-inner-spin-button,
input[type=datetime]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=week]::-webkit-inner-spin-button {
margin-top: 10px;
}
.renrakuNyuryoku input[type=date]::-webkit-calendar-picker-indicator {
display: none;
}
.renrakuNyuryoku input[type=date]::-webkit-inner-spin-button {
display: none;
}
}
.Radio,
.Check {
display: inline-block;
margin: 0;
}
/* ラジオボタンとチェックボックス装丁／CSS3非対応ブラウザ除外 */
@media (min-width: 1px) {
input[type=radio],
input[type=checkbox] {
display: none;
width: 20px;
height: 20px;
}
.checkbox {
display: inline-block!important;
}
input[type=radio]:checked + .Radio:before,
input[type=checkbox]:checked + .Check:before {
opacity: 1;
}
.Radio,
.Check {
position: relative;
box-sizing: border-box;
vertical-align: middle;
padding: 0 0 0 21px;
cursor: pointer;
z-index:1;
}
.Radio:hover:after,
.Check:hover:after {
border-color: #666666;
}
.Radio:after,
.Check:after {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 13px;
height: 13px;
background-color: #FFFFFF;
content: '';
z-index:10;
}
.Radio:after {
border: 1px solid #666666;
border-radius: 50%;
margin-top: -7px;
}
.Check:after {
border: 1px solid #707070;
margin-top: -7px;
}
.Radio:before,
.Check:before {
display: block;
position: absolute;
top: 50%;
left: 4px;
width: 5px;
height: 5px;
margin-top: -3px;
content: '';
opacity: 0;
z-index:100;
}
.Radio:before {
background-color: #333333;
border-radius: 50%;
}
.Check:before {
left: 3px;
width: 12px;
height: 6px;
margin-top: -6px;
border-left: 2px solid #333333;
border-bottom: 2px solid #333333;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
span.select {
display: block;
border: #CCCCCC 1px solid;
background: #FFFFFF url(../images/icn_select.png) no-repeat center right;
vertical-align: middle;
overflow: hidden;
}
span.select > select {
width: 150%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: none transparent;
display: block;
}
span.select select {
padding: 8px 22px 7px 8px;
}
option:hover {
background-color: #DDDDDD;
}
textarea {
display: block;
width: 96%;
border: #CCCCCC 1px solid;
padding: 10px 10px 9px;
margin: 0 auto;
}
.fileUpload {
position: relative;
width: 360px;
height: 39px;
overflow: hidden;
}
.fileUpload input[readonly] {
background-color: #FFFFFF;
border: #CCCCCC 1px solid;
}
.fileUpload .fileBtn {
position: absolute;
top: 4px;
right: 0;
display: block;
width: 75px;
height: 30px;
font-size: 15px;
letter-spacing: 2px;
background-color: #CCCCCC;
border: none;
overflow: hidden;
z-index: 1;
}
.fileUpload .fileBtn.ov {
color: #FFFFFF;
background-color: #666666;
}
.fileUpload .upload {
position: absolute;
top: 0;
right: 0;
z-index: 99;
width: 100%;
height: 100%;
font-size: 360px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}
@media screen and (max-width: 479px) {
.fileUpload {
width: 98%!important;
}
.fileUpload .fileTxt {
width: 65%!important;
}
.fileUpload .upload {
font-size: 98%!important;
}
}

/*==========================================
 Media Queries
===========================================*/

@media only screen and (max-width: 767px) {
    .nofloat {
        float: none;
        padding: 10px 15px;
    }
}

/*==========================================
 clear
===========================================*/

section:before,
section:after,
.cf:before,
.cf:after {
content:"";
display:table;
}
section:after,
.cf:after {
clear:both;
}
section,
.cf {
zoom:1;
}


/* 201602 アズシステム追記 */
.navbar-nav > li.shukketsu a,
.navbar-nav > li.seiseki a,
.navbar-nav > li.renraku a {
background-size: 18px 18px;
}
#login #loginForm {
padding: 20px 0
}
#login #loginForm .loginType {
width: 90%;
margin: 0 auto
}
#login #loginForm .loginType {
color: #0059B2;
font-size: 14px;
font-weight: bold;
padding-bottom: 15px;
}
#login #loginForm #id-auth {
margin-bottom: 40px;
}
#login #loginForm .reissue {
font-size: 12px;
text-align: center;
padding-top: 12px;
}
#login #loginForm .reissue a {
text-decoration: underline
}
#login #loginForm .reissue a:hover,
#login #loginForm .reissue a:focus {
text-decoration: none
}
@media screen and (min-width:480px) {
#login #loginForm .loginType {
width: 300px
}
}
#login #loginForm .btn {
width: 260px;
font-size: 0.9em;
}
.remodal .news-detail .news-detail-category span {
display: inline-block;
}
#news-detail .news-detail-category span {
display: inline-block;
}
#mailSetting dl.resist {
padding-top: 10px;
}
#sendError section {
background-color: #DFEFFF;
}
#sendError section p {
width: 90%;
line-height: 1.7;
margin: 5px auto 15px;
}
#sendError .button-panel,
#unsuspend .button-panel {
text-align: center;
}
#unsuspend p.status {
color: #003366;
font-size: 20px;
font-weight: bold;
width: 90%;
margin: 25px auto 5px;
}
#unsuspend span.text-danger {
display: block;
width: 90%;
margin: 0 auto 30px;
}
#unsuspend a.btn.square {
margin-bottom: 20px;
}
.remodal .unsuspend-detail {
width: 90%;
margin: 0 auto;
}
.remodal .unsuspend-detail span {
display: inline-block;
width: 110px;
}
.remodal .unsuspend-detail .user-link-err {
margin: 8px 0 3px;
}
.remodal .unsuspend-detail .user-link-err label {
padding: 0 7px;
}
#seiseki h2 {
margin-bottom: 25px;
}
#seiseki .button-panel-right {
width: 96%;
margin: 25px auto 0;
}
#seiseki .select {
display: inline-block;
width: 220px;
margin-right: 2px;
}
@media screen and (max-width: 479px) {
#seiseki .button-panel-right {
text-align: center;
}
#seiseki .select {
margin-bottom: 20px;
}
.userChildrenSection .footable.breakpoint > tbody > tr > td > span.footable-toggle {
float: left;
padding: 0 0 0 5px;
}
.userChildrenSection .footable.breakpoint > tbody > tr > td {
clear: both;
}
}
#verifyCode .text-danger {
display: block;
width: 90%;
margin: 0 auto;
}
#verifyCode .form-group {
width: 90%;
margin: 20px auto;
}
#verifyCode .form-group * {
display: inline-block;
}
#verifyCode .form-group label {
margin-right: 35px;
}
#verifyCode .button-panel {
text-align: center;
}
#verifyCode .button-panel .btn {
margin: 12px 5px 0;
}
.remodal .profile-detail {
width: 90%;
margin: 0 auto;
}
.remodal .profile-detail span {
display: inline-block;
width: 110px;
}
.remodal .profile-detail input {
width: 55%;
margin-bottom: 8px;
}
@media(min-width:768px) {
.remodal .unsuspend-detail input[type=text],
.remodal .unsuspend-detail input[type=email],
.remodal .unsuspend-detail input[type=date] {
width: 380px;
}
#unsuspend a.btn.square {
padding-left: 100px;
padding-right: 100px;
}
}
@media(min-width:992px) {
#mailSetting,
#sendError,
#Shukketsu,
#unsuspend,
#seiseki,
#timetable,
#verifyCodeDiv {
width: 720px;
margin: 0 auto
}
}
#mailSetting dl {
width: 90%;
margin: 0 auto
}
#mailSetting span.text-danger {
display: block;
margin-top: 12px;
}
@media(min-width:768px) {
#mailSetting dl {
width: 573px;
margin: 0
}
#mailSetting dl dt {
clear: both;
float: left;
width: 211px;
margin-top: 10px;
margin-left: 31px
}
#mailSetting dl.regist dt {
width: 115px
}
#mailSetting span.text-danger {
width: 90%;
margin: 12px auto 0;
}
#mailSetting span.profileBtn {
margin-top: -56px
}
}
@media screen and (min-width: 480px) {
.ShukketsuPanel .btn-group {
width: 100%;
padding: 0;
margin: 0 0 7px;
}
.ShukketsuPanel .btn.selectBtn {
display: none;
}
.ShukketsuPanel .dropdown-menu {
position: relative;
top: 0;
left: 0;
display: block;
float: none;
min-width: 96%;
margin: 0 auto 7px;
font-size: 1em;
background: none;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 96%;
padding: 0;
text-align: center;
overflow: hidden;
}
.ShukketsuPanel .dropdown-menu>li {
float: left;
width: 50px;
margin: 0 0 5px -1px;
border: 0;
background: none;
padding-left: 0;
}
.ShukketsuPanel .dropdown-menu>li>a {
padding: 0;
clear: none;
white-space: nowrap;
height: 35px;
line-height: 35px;
border: #CCCCCC 1px solid;
background-color: #F5F5F5;
}
.ShukketsuPanel .dropdown-menu>li:first-child {
width: 90px;
margin: 0 12px 0 0;
}
.ShukketsuPanel .dropdown-menu>li:first-child>a {
background-color: #EBC995;
}
.ShukketsuPanel .dropdown-menu>li>a:hover,
.ShukketsuPanel .dropdown-menu>li>a:focus {
background-color: #D8932B;
color: #FFFFFF;
}
.ShukketsuPanel .dropdown-menu>.active>a,
.ShukketsuPanel .dropdown-menu>.active>a:hover,
.ShukketsuPanel .dropdown-menu>.active>a:focus {
background-color: #D8932B!important;
color: #FFFFFF;
}
.ShukketsuPanel .dropdown-menu>.disabled>a,
.ShukketsuPanel .dropdown-menu>.disabled>a:hover,
.ShukketsuPanel .dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: #AAAAAA;
background-image: none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
color: #333333;
}
}
@media screen and (max-width: 479px) {
.ShukketsuPanel .btn-group {
margin-bottom: 15px;
}
.ShukketsuPanel .btn.selectBtn {
width: 170px;
height: 38px;
line-height: 38px;
border: #CCCCCC 1px solid;
border-radius: 0;
background: #fff url(../images/icn_select.png) no-repeat center right;
color: #333333;
font-weight: normal;
text-align: left;
padding: 0 7px;
margin-left: 60px;
}
.ShukketsuPanel .btn.selectBtn:hover,
.ShukketsuPanel .btn.selectBtn:focus {
background: #fff url(../images/icn_select.png) no-repeat center right;
}
.ShukketsuPanel ul.dropdown-menu {
border-radius: 0;
margin-left: 60px;
}
.ShukketsuPanel .dropdown-menu>li {
border-top: none;
background: #fff;
padding-left: 0;
}
.ShukketsuPanel .dropdown-menu>li>a {
padding: 2px 5px;
font-size: 0.9em;
}
.ShukketsuPanel .dropdown-menu>li>a:hover,
.ShukketsuPanel .dropdown-menu>li>a:focus {
background-color: #4894FE;
color: #fff;
}
.ShukketsuPanel .dropdown-menu>.active>a,
.ShukketsuPanel .dropdown-menu>.active>a:hover,
.ShukketsuPanel .dropdown-menu>.active>a:focus {
background-color: #4894FE;
color: #fff;
}
.ShukketsuPanel .dropdown-menu>.disabled>a,
.ShukketsuPanel .dropdown-menu>.disabled>a:hover,
.ShukketsuPanel .dropdown-menu>.disabled>a:focus {
display: none;
}
}

.ShukketsuPanel .detailBtn {
width: 50px;
min-width: 50px;
height: 38px;
line-height: 38px;
border: #CCCCCC 1px solid;
/*
    background: #fff url(../images/icn_select.png) no-repeat center right;
    */
color: #333333;
font-weight: normal;
padding: 0 0px;
margin-left: 60px;

display: block;
margin: 0px auto 0;

}

.ShukketsuPanel .KessekiLevelRed {
    background-color: #ff0000;
    color: #ffffff;
}

.ShukketsuPanel .KessekiLevelYellow {
    background-color: #ffff00;
}

.ShukketsuPanel .KessekiAtsukaiMessage {
    margin-left: 12px;
}



#ShukketsuDetailForm .detailShusseki {
    color: #000000;
}

#ShukketsuDetailForm .detailNotShusseki {
    color: #ff0000;
}


#relationAddForm .unsuspend-detail.p {
width: 90%;
}


.imeon { ime-mode:active }
.imeoff { ime-mode:inactive }


.kaikinIcon {
background: url(../images/icn_kaikin.png) no-repeat center;
background-size: 25px 25px;
}

.divShukketsuKaikin {
    align-content:center;
    margin-bottom: 10px;
}
table.kaikinTable {
    width: 130px;
}

.kaikinBody {
    width: 65px;
}
/*==========================================
 保護者連絡 連絡履歴
===========================================*/
.RenrakuRirekiPanel .renrakuRirekiTitle {
text-align: right;
width: 96%;
}
.RenrakuRirekiPanel .flt-lft {
float: left;
}
.RenrakuRirekiPanel .mgn-btm {
margin-bottom:10px;
}
.renrakuCheckList {
margin-left:20px;
margin-bottom:10px;
}
.RenrakuRirekiPanel tr.header {
height: 40px;
}
.RenrakuRirekiPanel img.openImg {
background: url('../images/icn_open.png') no-repeat 0 center;
width: 25px;
height: 25px;
padding: 16px;
}
.RenrakuRirekiPanel img.closeImg {
background: url('../images/icn_close.png') no-repeat 0 center;
width: 25px;
height: 25px;
padding: 16px;
}
.RenrakuRirekiPanel .kyoinMidoku {
background: url('../images/icn_kyoinMidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
.RenrakuRirekiPanel .kyoinKidoku {
background: url('../images/icn_kyoinKidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
.RenrakuRirekiPanel .henshinMidoku {
background: url('../images/icn_henshinMidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
.RenrakuRirekiPanel .henshinKidoku {
background: url('../images/icn_henshinKidoku.png') no-repeat 0 center;
width: 65px;
height: 24px;
padding: 0 33px 0 33px;
}
.RenrakuRirekiPanel .torikeshi {
background: url('../images/icn_torikeshi.png') no-repeat 0 center;
width: 55px;
height: 24px;
padding: 0 27px 0 27px;
}
.RenrakuRirekiPanel .bold {
font-weight: bold;
font-size: 1.1em;
}
#tblRenrakuRireki .torikesisen {
text-decoration: line-through;
}
#tblRenrakuRireki .button-panel{    
    margin-top: 0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
}
#tblRenrakuRireki .btn {
min-width: 40px;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 2px;
}
img.left_image {
    background: url('../images/icn_hogosha.png') no-repeat 0 center;
    width: 30px;
    height: 30px;
    float: left;
}
img.right_image {
    background: url('../images/icn_gakko.png') no-repeat 0 center;
    width: 30px;
    height: 30px;
    float: right;
}
.msgPart{
     margin:0;
     padding: 0;
     background-color: #c8c8c8;
}
.question_box,
.answer_box{
     width:95%;
}
.question_box{float: right;}
.answer_box{float: left;}
p.name02,
p.name{
     font-size: 14px;
     margin:0;
}
p.name02{
    text-align: right;
}
.arrow_answer,
.arrow_question {
     position: relative;
     display: inline-block;
     padding: 3%;
     width: 88%;
     font-size: 13px;
     margin-left:3%;
     margin-top: 3px;
     margin-bottom: 25px;
     color: #000;
     border-radius: 10px;
}
.arrow_question {
     background: #fff;
}
.arrow_answer {
     background: #c4ffff;
}
.arrow_answer:before,
.arrow_question:before {
     content: "";
     position: absolute;
     top: 0px;
     margin-left: 0;
     display: block;
     width: 30px;
     height: 30px;
     z-index: -1;
}
.arrow_question:before {
     left: -10px;
     background: #fff;
     border-radius: 0px 30px;
}
.arrow_answer:before{
     right: -10px;
     background: #85e249;
     border-radius: 30px 0;
}
.arrow_answer:after,
.arrow_question:after {
     content: "";
     position: absolute;
     top: -10px;
     margin-left: 0px;
     display: block;
     width: 25px;
     height: 25px;
     background: none repeat scroll 0% 0% #6f92c0;
     z-index: -1;
}
.arrow_question:after {
     left: -12px;
     transform: rotate(10deg);
     border-radius: 0px 30px;
}
.arrow_answer:after {
     right: -12px;
     border-radius: 30px 0px;
     transform: rotate(20deg);
}
/*==========================================
 保護者連絡 取消ボタンダイアログ
===========================================*/
.torikeshiMode {
margin-left: 10%;
}
/*==========================================
 保護者連絡 新規投稿
===========================================*/
.col-md-12 {
padding-left: 20px;
}
.col-md-12 section {
padding: 16px 13px 30px;
}
.col-md-12 section h2 {
margin: 0 -13px;
margin-bottom: 14px;
}
.col-md-12 section p {
margin-left: 18px;
}
#renraku-form .col-md-12 section {
padding-bottom: 20px;
margin-bottom: 0;
}
.renrakuNyuryoku h3 {
background-repeat: no-repeat;
background-position: 0 0;
background-size: 18px 19px;
padding: 3px 0 0 23px;
margin: 16px 0 7px;
}
.renrakuNyuryoku .subTitle {
background-position: 5px 5px;
background-size: 10px;
}
.renrakuNyuryoku span.select {
width: 200px;
}
.renrakuNyuryoku textarea.sendMessage{
resize: vertical;
}
.renrakuNyuryoku ul.btnList {
margin: 20px auto 0;
}
.renrakuNyuryoku .text-info {
margin-left: 18px;
}