/* CSS Document */

body {
  background-color: rgba(246,247,250,1.00);
  padding-top: 0px;
}

/* メニュー設定 */
.navbar-inner {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top,rgba(241,250,255,0.40),rgba(241,250,255,0.40));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(241,250,255,0.40)),to(rgba(241,250,255,0.40)));
  background-image: -webkit-linear-gradient(top,rgba(241,250,255,0.40),rgba(241,250,255,0.40));
  background-image: -o-linear-gradient(top,rgba(241,250,255,0.40),rgba(241,250,255,0.40));
  background-image: linear-gradient(to bottom,rgba(241,250,255,0.40),rgba(241,250,255,0.40));
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  box-shadow: 0 1px 4px rgba(0,0,0,0.065);
}


/* メインメニュー設定 */


/*Fix navbar dropdown collapsed on mobile devices*/
.dropdown-backdrop {
    position: static;
}

#mainmenu .menunav {
	padding-right: 20px;
	padding-left: 20px;
	background-color: rgba(80,148,206,1.00);
	background-image: -moz-linear-gradient(top,rgba(80,148,206,0.90),rgba(80,148,206,1.00));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(80,148,206,0.90)),to(rgba(80,148,206,1.00)));
	background-image: -webkit-linear-gradient(top,rgba(80,148,206,0.90),rgba(80,148,206,1.00));
	background-image: -o-linear-gradient(top,rgba(80,148,206,0.90),rgba(80,148,206,1.00));
	background-image: linear-gradient(to bottom,rgba(80,148,206,0.90),rgba(80,148,206,1.00));
	background-repeat: repeat-x;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	
}


#mainmenu  .btn-navbar {
  margin-top: 12px;
	background-color: rgba(70,138,196,1.00);
	background-image: -moz-linear-gradient(top,rgba(70,138,196,1.00),rgba(70,138,196,1.00));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(70,138,196,1.00)),to(rgba(70,138,196,1.00)));
	background-image: -webkit-linear-gradient(top,rgba(70,138,196,1.00),rgba(70,138,196,1.00));
	background-image: -o-linear-gradient(top,rgba(70,138,196,1.00),rgba(70,138,196,1.00));
	background-image: linear-gradient(to bottom,rgba(70,138,196,1.00),rgba(70,138,196,1.00));
}



.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
	background-color: rgba(70,138,196,1.00);
}



.breadcrumb>.active {
  color: #777;
}
.muted {
  color: #777;
}



#mainmenu a{
  color: rgb(255, 255, 255);
  text-shadow:#36586A 0px -1px 0px;
}

#mainmenu .brand{
 margin-top:6px;	
 font-size:26px;	
}

#mainmenu .dropdown-toggle{
 font-size:17px;
 padding-top:0px;
 padding-bottom:0px;
 height:60px;
 line-height:60px;
}




#mainmenu .nav li.dropdown.open>.dropdown-toggle, #mainmenu .nav li.dropdown.active>.dropdown-toggle, #mainmenu .nav li.dropdown.open.active>.dropdown-toggle {
  background-color: #0079BE;
}



.img_txt{
  margin-top:5px;margin-bottom:10px;font-weight:bold;
}

#download_div .nomargin{
 margin-left:0px;
}



.thumbnaillist{
	height:200px;
	padding: 10px 0 10px 0;
	
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-origin: padding-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 95%;
  
  margin-top:30px;
  margin-bottom:0px;
}


.nothumb {
  font-size: 5em;
}

.nothumbspan{
    position: relative;
    top: 50%;
    margin-top: -4em;
}




.thumbdiv{
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%);
}


.nothumbname{
margin-top:15px;	
font-weight:bold;
}

.thumbnameimage{
max-height:180px;	
}

.thumbnametxt{
margin-top:8px;	
font-weight:bold;
}


#fileuploaddiv .thumblink:hover, #fileuploaddiv .thumblink:focus {
  text-decoration: none;
}


.form-actions{
margin-bottom:0px;	
background-color:#fefefe;
}

.form-horizontal .formactionmodal{
padding-left:40px;	
}

.modal .form-horizontal{
margin-bottom:0px;	
}

.modal .form-horizontal .control-label{
width:140px;	
}


.redhelp{
color:rgba(249,0,4,1.00);
margin-top:10px
}


.inputtitle{
width:500px;
}

.inputkeyward{
width:500px;
}

.welltext{
	background:rgba(255,255,255,1.00);
	margin:15px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.titletxt{
  color: #777;
  text-shadow: 0 1px 0 #fff;
  font-weight:bold;
  
}



.jqte {
  background-color: #fff;
  border: 1px solid #eee;
}


#fileuploaddiv{
padding-left:20px;
padding-right:20px;	
}

.draginfo{
background:#fafaff;
margin-left:20px;
margin-right:20px;	
}

#fileuploaddiv td{
	vertical-align:middle;
}

#fileuploaddiv p{
	margin:0px;
}


.thumedit{
max-height:80px;	
}


.modal.fade {
  top: -100%;
  -webkit-transition: opacity 0s linear;
     -moz-transition: opacity 0s linear;
       -o-transition: opacity 0s linear;
          transition: opacity 0s linear;
}

.modal.fade.in {
}

.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.01;
	filter: alpha(opacity=1);
	background-color: #000;
}

.modal-header{
background:#E2EFFC;	
padding:10px 10px 10px 20px
}

.modal-footer{
background:#fefefe;	
}

.preview{
margin-left:30px;
}


/*  color: rgb(255, 255, 255);
  text-shadow: #36586A 0px -1px 0px;*/
  .mt5px{
	  margin-top:5px;
  }
  .mt10px{
margin-top:10px;
  }
  
 .mt20px{
margin-top:20px;
 }
 
 .mt30px{
margin-top:40px;
 }

.ml10px{
margin-left:10px;
}
  .ml20px{
margin-left:20px;
  }

 .mr10px{
margin-right:10px;
 }
 
 .mr30px{
margin-right:30px;
 }
 
 .mr50px{
margin-right:50px;
 }
 
 .mb20px{
 margin-bottom:20px;
 }
 
 
 .fa-2 {
  font-size: 2em;
}
.fa-3 {
  font-size: 4em;
}
.fa-4 {
  font-size: 7em;
}
 .fa-5 {
  font-size: 12em;
}
 .fa-6 {
  font-size: 20em;
}
 
 

/** Side Bar **/
#submenu {
   width: 100%;
   max-width:100%;
}

.calenderdiv{
margin-top:0px;
}

.sidemargin{
margin-right:30px;
}

 
.boardinfo{
margin-top:13px;
margin-right:30px;	
}



/* カレンダー */

/* 外部イベント */
.event_lightred{
background-color:#996699;
}


.event_lightblue{
	background-color:#0099FF;
}


.event_blue{
     background-color: #3366CC;
}



        #external-events {
            float: left;
            width: 95%;
            padding: 0 10px;
            border: 1px solid #ccc;
            background: #eee;
            text-align: left;
			margin-top:90px;
			margin-bottom: 30px;
            }
            
        #external-events h4 {
            font-size: 16px;
            margin-top: 0;
            padding-top: 1em;
            }
            
        .external-event { /* try to mimick the look of a real event */
            margin: 10px 0;
            padding: 2px 4px;
            color: #fff;
            font-size: .85em;
            cursor: pointer;
            z-index: 99999999;
            }
            
        #external-events p {
            margin: 1.5em 0;
            font-size: 11px;
            color: #666;
            }
            
        #external-events p input {
            margin: 0;
            vertical-align: middle;
            }



/* 要素を超える文字数は...で省略 */
.month_calendar .fc-event-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height:20px;
}


#calendarmini {
    font-size: 12px;
}
#calendarmini .fc-header-title h2 {
    font-size: .9em;
    white-space: normal !important;
}
#calendarmini .fc-view-month .fc-event {
    font-size: 0;
    overflow: hidden;
    height: 4px;
}
#calendarmini .fc-view-agendaWeek .fc-event-vert {
    font-size: 0;
    overflow: hidden;
    width: 2px !important;
}
#calendarmini .fc-agenda-axis {
    width: 20px !important;
    font-size: .7em;
}



.narrow_table th, .narrow_table td{
	padding:3px;
}


.margin-select{
margin-top:4px;	
}

.chzn-container-single .chzn-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 3px 0 3px 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: #fff;
  background-clip: padding-box;
  box-shadow: 0 0 1px #fff inset,0 1px 1px rgba(0,0,0,.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  
  
}


select {
  position: relative;
  display: block;
  padding: 3px 0 3px 8px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: #fff;
  background-clip: padding-box;
  box-shadow: 0 0 1px #fff inset,0 1px 1px rgba(0,0,0,.1);
  color: #444;
  text-decoration: none;	
  white-space: nowrap;
  line-height: 24px;
  
  
}

.schedule_tables{
	padding-left:20px;
	padding-right:20px;
}

.sche_title{
	width:30%;
}

.sche_name{
	width:30%;
}

.sche_detail{
	width:40%;
}


.scheblock{
margin-top:0;
}


.schenav{
margin-bottom:0;
}

.date_head{
margin-bottom:0;
}

.date_hr{
margin-top:8px;	
}



#calendar{
margin-top:40px;
margin-bottom:40px;
}


/* button div */
#buttons {
  padding-top: 50px;
  text-align: center;
}

/* start da css for da buttons */
.coolbtn {
  border-radius: 5px;
  padding: 7px 15px;
  font-size: 14px;
  text-decoration: none;
  margin: 5px;
  color: #fff;
  position: relative;
  display: inline-block;
  
  border: 0px outset buttonface;
  
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  font-weight:bolder;
}

.coolbtn:hover, coolbtn:focus {
  color: #fff;
  text-decoration: none;
}

.coolbtn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.nomal {
  color: #666;
  text-shadow: 0 -1px 0 rgba(255,255,255,0.25);;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0px 2px 0px 0px #cccccc;
}

.nomal:hover {
  color: #666;
  background-color: #f1f1f1;
}

.blue {
  background-color: #55acee;
  box-shadow: 0px 2px 0px 0px #3C93D5;
}

.blue:hover {
  background-color: #6FC6FF;
}

.green {
  background-color: #2ecc71;
  box-shadow: 0px 2px 0px 0px #15B358;
}

.green:hover {
  background-color: #48E68B;
}

.red {
  background-color: #e74c3c;
  box-shadow: 0px 2px 0px 0px #CE3323;
}

.red:hover {
  background-color: #FF6656;
}

.purple {
  background-color: #9b59b6;
  box-shadow: 0px 2px 0px 0px #82409D;
}

.purple:hover {
  background-color: #B573D0;
}

.orange {
  background-color: #e67e22;
  box-shadow: 0px 2px 0px 0px #CD6509;
}

.orange:hover {
  background-color: #FF983C;
}

.yellow {
  background-color: #f1c40f;
  box-shadow: 0px 2px 0px 0px #D8AB00;
}

.yellow:hover {
  background-color: #FFDE29;
}





/* RESPONSIVE CSS
-------------------------------------------------- */
 
@media(max-width:767px) {
.container-fluid{
 margin-left:0px;
 margin-right:0px;
}

#mainmenu .dropdown-menu>li>a {
 color: rgb(255, 255, 255);
 text-shadow:#36586A 0px -1px 0px;
}

#external-events{
display:none;
}

}




@media (min-width: 768px) {
.container-fluid{
margin-left:30px;
margin-right:30px;
}
#mainmenu .dropdown-menu>li>a {
  color: rgb(255, 255, 255);
  text-shadow:#36586A 0px -1px 0px;
}


}


@media (min-width: 992px) {
.container-fluid{
margin-left:40px;
margin-right:40px;
}
#mainmenu .dropdown-menu>li>a {
  color: #333;
  text-shadow:none;
}


}

@media(min-width:1200px) {
.container-fluid{
margin-left:40px;
margin-right:40px;
}
#mainmenu .dropdown-menu>li>a {
  color: #333;
  text-shadow:none;
}


}