/*
author: Boostraptheme
author URL: https://boostraptheme.com
License: Creative Commons Attribution 4.0 Unported
License URL: https://creativecommons.org/licenses/by/4.0/
*/ 

/*====================================================
                       Portraits
======================================================*/

/*====================================================
                       Content
======================================================*/
#content {
  margin: 10px 10px;
/*
  font-size: 12px !important;
*/
}


#content p {
  margin: 10px 10px;
/*
  font-size: 12px !important;
*/
}

/*====================================================
                       Header
======================================================*/
#content h1 {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  margin: 20px 10px !important;
  padding: 10px 20px !important;
  background: -moz-linear-gradient(top,#0099CC 0%,#006699) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699)) !important;
  border: 1px solid #dddddd !important;
  border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
}


#content h2{
  font-size: 20px !important;
  font-weight: bold !important;
  color: #333333 !important;
  margin: 15px 5px 15px 5px !important; 
  padding: 8px 15px !important;
  border-left: 10px solid #006699 !important;
  border-top: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
  background-color: #F2F2F2 !important;
/*  background-color: #ffffff !important; */
}



#content h3 {
  font-size: 20px !important;
  color: #333333 !important;
  margin: 10px 10px 10px 10px !important;
  padding: 8px 15px !important;
  border: 1px solid #cccccc !important;
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
/* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%) !important;
/* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%) !important;
/* Opera */ 
  background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%) !important;
/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #cccccc)) !important;
/* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%) !important;
/* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%) !important;
}

#content h4 {
  margin: 10px 10px 10px 15px !important;
  padding:8px 20px;
  border-color:#6AA2DB;
  border-width:1px 1px 1px 7px;
  border-style:solid;
  background:#EEF6FF;
  font-size:18px;
}

#content h5 {
  margin: 10px 10px 10px 20px !important;
  padding: 8px 15px 3px 15px !important;
  padding:4px 5px;
  border-color:rgba(129,194,250,1.0);
  border-width:0 0 8px 0;
  border-style:solid;
  font-size:18px;
}

#content h6 {
  margin: 10px 10px 10px 25px !important;
  padding:8px 15px;
  border-color:#6AA2DB;
  border-width:1px 1px 1px 1px;
  border-style:solid;
  background:#EEF6FF;
  font-size:18px;
}


/*====================================================
                       DepartList
======================================================*/

#content #departlist .school-head {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #333333 !important;
  margin: 15px 10px 5px 10px !important;
  width: 98%;
  padding: 8px 15px !important;
  border-left: 10px solid #006699 !important;
  border-top: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
//  background-color: #F2F2F2 !important;
}

#content #departlist table {
  margin: 5px 30px 10px 30px !important;
  padding: 0px 10px !important;
  width: 95%;
}
#content #departlist th, #content #departlist td {
  margin: 10px 0px;
  padding: 3px 10px !important;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

#content #departlist thead th {
  font-weight: bold;
  background: #e0f2f7;
  text-align: center;
  vertical-align: middle;
}

#content #departlist tbody tr th {
  font-weight: normal;
  background: #e0f2f7 !important;
  text-align: left !important;
  vertical-align: top !important;
  width: 15%;
}


#content #departlist .table-striped tbody tr {
  background: #ffffff;
 }

#content #departlist .table-striped tbody tr:nth-child(even) {
  background: #f2f2f2;
 }


/*====================================================
                       学科詳細
======================================================*/


#content .departdetail {
  margin: 5px 30px 10px 30px !important;
  padding: 0px 10px !important;
  width: 95% !important;
}
#content .departdetail th, #content .departdetail td {
  margin: 10px 0px;
  padding: 3px 10px !important;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

#content .departdetail thead th {
  font-weight: normal;
  background: #e0f2f7;
  text-align: center;
  vertical-align: middle;
}

#content .departdetail tbody tr th {
  font-weight: normal;
  background: #e0f2f7 !important;
  text-align: left;
  vertical-align: top !important;
  width: 20%;
}


#content .departdetail .table-striped tbody tr {
  background: #ffffff;
 }

#content .departdetail .table-striped tbody tr:nth-child(even) {
  background: #f2f2f2;
 }



#content .departcomp thead th {
  font-weight: normal;
  background: #e0f2f7;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}

#content .departcomp tbody tr th {
  font-weight: normal;
  background: #e0f2f7 !important;
  text-align: left;
  vertical-align: top !important;
  width: 200px;
  word-break: break-all;
}


#content .departcomp tbody tr td {
  font-weight: normal;
  background: #ffffff !important;
  text-align: left;
  vertical-align: top !important;
  width: 300px;
  word-break: break-all;
}


#content .tablefixed {
  table-layout: fixed;
 }


#content .textleft {
  text-align: left !important;
}


#content .textcenter {
  text-align: center !important;
}


#content .textright {
  text-align: right !important;
}







/*====================================================
                       Table
======================================================*/

#content table {
  margin: 10px 0px !important;
  padding: 0px 10px !important;
  width: auto;;
}
#content th, #content td {
  margin: 10px 0px;
  padding: 0px 10px !important;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

#content thead th {
  font-weight: bold;
  background: #e0f2f7;
  text-align: center;
  vertical-align: middle;
}

#content tbody tr th {
  font-weight: bold;
  background: #e0f2f7 !important;
  text-align: left !important;
  vertical-align: top !important;
}


#content .table-striped tbody tr {
  background: #ffffff;
 }

#content .table-striped tbody tr:nth-child(even) {
  background: #f2f2f2;
 }


/*====================================================
                       List
======================================================*/

#content ul {
  padding: 0px 10px 0px 10px;
  margin: 0px 10px 15px 10px;

}

#content ul li {
  font-size:14px;
  margin: 0px 10px;

}

#content table ul {
  padding: 0px 10px 0px 10px;
  margin: 0px 10px 15px 0px;

}

#content table ul li {
  font-size:14px;
  margin: 0px 10px;

}

#content ol {
  padding: 0px 10px 0px 10px;
  margin: 0px 10px 15px 10px;

}

#content ol li {
  font-size:14px;
  margin: 0px 10px;

}

#content table ol {
  padding: 0px 10px 0px 10px;
  margin: 0px 10px 15px 0px;

}

#content table ol li {
  font-size:14px;
  margin: 0px 10px;

}


/*====================================================
                       囲み枠
======================================================*/

.box1 {
  margin: 20px 10px;
  padding: 10px;
  background-color: #fff; /* 背景色 */
  border: 1px solid #ccc; /* 枠線 */
}

/*====================================================
                       ボタン
======================================================*/


/*====================================================
   入力用インデント
 =====================================================*/
.indent1 {
  display: inline-block;
  vertical-align: top;
  width: 1em;
}

.indent2 {
  display: inline-block;
  vertical-align: top;
  width: 2em;
}

.indent3 {
  display: inline-block;
  vertical-align: top;
  width: 3em;
}

.indent4 {
  display: inline-block;
  vertical-align: top;
  width: 4em;
}

.indent5 {
  display: inline-block;
  vertical-align: top;
  width: 5em;
}

.indent6 {
  display: inline-block;
  vertical-align: top;
  width: 6em;
}

.indent7 {
  display: inline-block;
  vertical-align: top;
  width: 7em;
}

.indent8 {
  display: inline-block;
  vertical-align: top;
  width: 8em;
}

.indent9 {
  display: inline-block;
  vertical-align: top;
  width: 9em;
}

.indent10 {
  display: inline-block;
  vertical-align: top;
  width: 10em;
}

.indent11 {
  display: inline-block;
  vertical-align: top;
  width: 11em;
}

.indent12 {
  display: inline-block;
  vertical-align: top;
  width: 12em;
}

.indent13 {
  display: inline-block;
  vertical-align: top;
  width: 13em;
}

.indent14 {
  display: inline-block;
  vertical-align: top;
  width: 14em;
}

.indent15 {
  display: inline-block;
  vertical-align: top;
  width: 15em;
}

.indent16 {
  display: inline-block;
  vertical-align: top;
  width: 16em;
}

.indent17 {
  display: inline-block;
  vertical-align: top;
  width: 17em;
}

.indent18 {
  display: inline-block;
  vertical-align: top;
  width: 18em;
}

.indent19 {
  display: inline-block;
  vertical-align: top;
  width: 19em;
}

.indent20 {
  display: inline-block;
  vertical-align: top;
  width: 20em;
}

.indent21 {
  display: inline-block;
  vertical-align: top;
  width: 21em;
}

.indent22 {
  display: inline-block;
  vertical-align: top;
  width: 22em;
}

.indent23 {
  display: inline-block;
  vertical-align: top;
  width: 23em;
}

.indent24 {
  display: inline-block;
  vertical-align: top;
  width: 24em;
}

.indent25 {
  display: inline-block;
  vertical-align: top;
  width: 25em;
}

.indent26 {
  display: inline-block;
  vertical-align: top;
  width: 26em;
}

.indent27 {
  display: inline-block;
  vertical-align: top;
  width: 27em;
}

.indent28 {
  display: inline-block;
  vertical-align: top;
  width: 28em;
}

.indent29 {
  display: inline-block;
  vertical-align: top;
  width: 29em;
}

.indent30 {
  display: inline-block;
  vertical-align: top;
  width: 30em;
}

/*====================================================
   入力フォーム
 =====================================================*/
input, textarea {
  padding: 1px 3px;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}


/*================================================
 *  メッセージ
 ================================================*/
.error {
  font-weight:bold;
  color:#ff0000;
}

.success {
  font-weight:bold;
  color:#0000ff;
}

/*================================================
 *  位置合わせ
 ================================================*/
.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  text-left: left;
}

/*================================================
 *  インライン要素扱い
 ================================================*/
.inline {
  display: inline-block;
}


/*================================================
 *  サイドバートップ項目
 ================================================*/
.side-top {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

.side-top li { display: inline; }

.side-top li a {
  padding: 5px 10px;
  width: 100%;
  display: block;
  background: #4169e1;
  color: #ffffff;
  font-size:20px;
  text-decoration: none;
  border: 2px outset #c9c9c9;
}

.side-top li a:hover {
  color: #e0ffff;
  text-decoration: underline;
  border: 2px inset #cccccc;
}

/*================================================
 *  ローカルナビゲーション
 ================================================*/
.local-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

.local-navi li { display: inline; }

.local-navi li a {
  padding: 5px 10px;
  width: 100%;
  display: block;
  text-decoration: none;
  border: 2px outset #c9c9c9;
}

.local-navi li a:hover {
  color: #ff0000;
  text-decoration: underline;
  border: 2px inset #cccccc;
}


/*================================================
 *  検索結果表示情報切り換え
 ================================================*/
.switch-nav {
  list-style: none;
  overflow: hidden;
}

.switch-nav li {
  float: left;
  border: 1px solid #dddddd;
//  border-right: 1px solid #dddddd;
}

.switch-nav li a {
  display: block;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
}

.switch-nav li a:hover {
    background: #eeeeee;
}

.switch-nav li a.active {
    background: #eeeeee;
}