
body > header {
    background: #f5f5f5;
    padding: 15px 0 10px 15px;    
}

body > footer {
    min-height: 400px;
    background: #09acec;
    margin-top: 100px;
    padding: 50px 20px;
    text-align: center;
	color:#fff;
	box-sizing: border-box;
}

body > footer.footer-lecturers{
	background:#65bf66;
}


h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

.cont20{  width: 20px !important; }
.cont40{  width: 40px !important; }
.cont60{  width: 60px !important; }
.cont80{  width: 80px !important; }
.cont100{ width: 100px !important; }
.cont120{ width: 120px !important; }
.cont140{ width: 140px !important; }
.cont160{ width: 160px !important; }
.cont180{ width: 180px !important; }
.cont200{ width: 200px !important; }
.cont220{ width: 220px !important; }
.cont240{ width: 240px !important; }
.cont260{ width: 260px !important; }
.cont280{ width: 280px !important; }
.cont300{ width: 300px !important; }
.cont320{ width: 320px !important; }
.cont340{ width: 340px !important; }
.cont360{ width: 360px !important; }
.cont380{ width: 380px !important; }
.cont400{ width: 400px !important; }
.cont420{ width: 420px !important; }
.cont440{ width: 440px !important; }
.cont460{ width: 460px !important; }
.cont480{ width: 480px !important; }
.cont500{ width: 500px !important; }
.cont520{ width: 520px !important; }
.cont540{ width: 540px !important; }
.cont560{ width: 560px !important; }
.cont580{ width: 580px !important; }

.mb10{ margin-bottom: 10px; }

.bold{ font-weight: bold; }

.inline-block{display:inline-block;}

.align-left{text-align:left}
.align-middle{text-align:center}
.align-right{text-align:right}
.align-top{vertical-align:top}
.align-middle{vertical-align:middle}
.align-bottom{vertical-align:bottom}

input[type="number"].notspin {
  -moz-appearance:textfield;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type="number"].notspin::-webkit-outer-spin-button,
    input[type="number"].notspin::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="number"].notspin::-webkit-outer-spin-button,
    input[type="number"].notspin::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
}

#main-container {
    margin-top: 25px
}

#main-container table.table{
    font-size:0.85em
}

#main-container table.table .btn{
	margin-top:2px;
	margin-bottom:2px;
}

.navbar{
    margin-bottom: 0
}

.container-fluid .navbar{
	background:#004fa3;
}

.navbar-nav > li > span.txt{
    color: #fff;
    display: inline-block;
    line-height: 20px;    
    padding: 15px
}

.navbar-nav > li > a{
	color:#fff;
	text-decoration:none
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover{
	color:#004fa3;
	text-decoration:none
}

.navbar .nav > li >a:focus,
.navbar .nav > li >a:hover{
	background-color:#b9d7ee
}

.navbar #bs-example-navbar-collapse-1 .nav > li >a:focus,
.navbar #bs-example-navbar-collapse-1 .nav > li >a:hover{
	color:#fff;
	background-color:#003f83
}




.navbar-nav > li > a:focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}

.breadcrumb > li + li::before {
    content: ' > ' !important;
}

.error-message {
    font-weight: bold;
    color: #ff0000;
    line-height: 3em;
}

h2.page-header{
    margin: 10px 0 20px;
    display: none;
}

h2.visible-header{
    margin: 30px 0 20px;
    display: block;
}

.paging span.current {
    display: inline-block;
    border: #167ac6 1px solid;
    padding: 10px;
    margin-right: 1px;    
    background: #167ac6;
    color: #fff;
}

.paging span.disabled {
    display: inline-block;
    border: #ccc 1px solid;
    padding: 10px;
    background: #fff;
    color: #ccc;
    margin-right: 1px;
}

.paging span a {
    display: inline-block;
    border: #167ac6 1px solid;
    padding: 10px;
    background: #fff;
    margin-right: 2px;
}

.paging span a:hover {
    background: #ceeefb;
    text-decoration: none;
}

.form-inline .input {
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: 0.5px #ccc dotted;
}

#search-field .form-inline .input{
    padding: 0;
    border-bottom: 0;
}

.form-inline .required > label:after,
.form-inline .required legend:after {
    color: #e32;
    content: '*';
    display: inline;
    font-size: 1.4em;
}

.form-inline .radio legend{
    border: 0;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42857;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
    max-width: 100%;
    width: 170px;
    /*    padding-top: 3px;*/
}

.form-inline .radio label{
    padding: 0;
    margin: 0;
    padding-right: 15px;
}

.form-inline .checkbox {
    padding: 15px 0 15px 200px;
}

.form-inline .checkbox.before-label{
    padding: 10px 0 10px 0;
}

.form-inline .checkbox label{
    /*    font-weight: 700;*/
    vertical-align: middle;
}

.form-inline .checkbox.before-label label{
    font-weight: 700;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    width: 170px;
}

.form-inline .text label, 
.form-inline .date label, 
.form-inline .time label, 
.form-inline .datetime label, 
.form-inline .select label, 
.form-inline .tel label, 
.form-inline .email label, 
.form-inline .textarea label, 
.form-inline .password label, 
.form-inline .number label, 
.form-inline .file label {
    margin-left:10px;
    margin-right:10px;
    width: 170px;
}

#search-field .form-inline .text label, 
#search-field .form-inline .date label, 
#search-field .form-inline .time label, 
#search-field .form-inline .datetime label, 
#search-field .form-inline .select label, 
#search-field .form-inline .tel label, 
#search-field .form-inline .email label, 
#search-field .form-inline .textarea label, 
#search-field .form-inline .password label, 
#search-field .form-inline .number label, 
#search-field .form-inline .file label {
    width: auto;
}

.form-inline input[type="text"], 
.form-inline input[type="tel"], 
.form-inline input[type="email"], 
.form-inline input[type="password"], 
.form-inline input[type="number"], 
.form-inline textarea.form-control {
    width: 60%;
}

#search-field .form-inline input[type="text"], 
#search-field .form-inline input[type="tel"], 
#search-field .form-inline input[type="email"], 
#search-field .form-inline input[type="password"], 
#search-field .form-inline input[type="number"], 
#search-field .form-inline textarea.form-control   {
    width: auto;
}

.form-inline input[type="file"]{
    display: inline;
}

.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"]{
    padding: 0;
    margin: 0;
    margin-right: 7px;
}

.form-inline .select div.form-control {
    border: none;
    box-shadow: none;
}

.form-inline .select div.form-control label{
    width: auto;
    font-weight: normal;
}

.form-inline .image {
    background: #f5f5f5;
    margin-bottom: 10px;
}

.form-inline .image img{
    width: 200px;
    margin-top: 20px;
    margin-left: 200px;
}

.form-inline .image2 {
    background: #f5f5f5;
    margin-bottom: 10px;
}

.form-inline .image2 img{
    width: 200px;
    margin-top: 20px;
    margin-left: 200px;
    margin-bottom: 20px;
}

.form-inline .lecturer-profile{
    height: 6em;
}

.search-form .input label{
    display: block;
    padding: 10px;
    background-color: #d9edf7;
    color: #31708f;
}

#search-field .input label{
    display: inline;
    padding: 0;
    background-color: transparent;
}

.lecture-schedule input[type="text"] {
    width: 100% !important;
}
.lecture-schedule input[type="text"].default-width,
.lecture-schedule textarea.default-width {
    width: 60% !important;
}
.lecture-schedule input[type="text"].lecturer-name,
.lecture-schedule input[type="text"].lecturer_select {
    width: 80% !important;
}

.lecture-schedule textarea {
    width: 100% !important;
    height: 5em;
}

.lecture-schedule label {
    width: 60px;
    font-weight: normal;
}

.lecture-schedule table {
    margin-bottom: 0;
}

.lecture-schedule table td {
    white-space: nowrap;
}

.lecture-schedule table td:nth-child(1) {
    width: 70px;
}

.lecture-schedule table td:nth-child(7) {
    width: 145px;
}

input.lecturer-name,
input.lecturer_select {
    margin-bottom: 5px;
}

/*ボタンの配置*/

.relative {
 position: relative;
 width: auto;
 height: 1px;
 margin: 1px;
}

.absolute {
 position: absolute;
 bottom:5px;
 right: 13px;
}


.panel-body br  {
	display:none;
}

.panel-body form  {
	margin-top:10px;
}

.panel-body .col-xs-2 {
    padding-left: 0;
}

/* ログイン画面  #format-login */

#format-login {
	background:url(../../img/bg_01.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

#format-login #main-container.container-fluid {
	margin: 70px auto 50px auto;
	padding: 20px;
	width:360px;
	box-sizing: border-box;
	background:#fff;
	border-radius:4px
}

#format-login h2 {
	background:url(../../img/logo.svg) center top no-repeat;
	margin: 0 auto;
	padding: 48px 0 10px 0;
	font-size:1.1em;
}

#format-login .well {
	margin: 10px auto 0 auto;
	padding: 0;
	background:none;
	text-align:center;
}

#format-login .form-inline .input:last-child {
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: none;
}

th div a.asc:after {
    content: "";
    border-color: transparent transparent #47669e transparent;
    border-style: solid;
    border-width: 0 3px 5px 3px;
    height: 0;
    margin-left: 6px;
    margin-top: 6px;
    position: absolute;
    width: 0;
}
th div a.desc:after {
    content: "";
    border-color: #47669e transparent transparent transparent;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    height: 0;
    margin-left: 6px;
    margin-top: 6px;
    position: absolute;
    width: 0;
}

div.inline-block-parent div {
    display: inline-block;
}
span.page-limit select {
    padding: 8px 10px 12px;
    vertical-align: middle;
}
