@charset "utf-8";
@import url("./smart_variable.css");

/* Color Pattern Style : smart  */
/* -------------------------------------------------------------------------------------------------------- */
/* all                                                                                                      */
/* -------------------------------------------------------------------------------------------------------- */
/* リンク定義 ============================= */
a:link
{
	color: #0065ce;
	text-decoration: none;
}
a:visited
{
	color: #0065ce;
	text-decoration: none;
}
a:hover
{
	color: #0065ce;
	text-decoration: none;
}
a:active
{
	color: #0065ce;
	text-decoration: underline;
}
#nav li a:link
{
	color: #333333;
	text-decoration: none;
}
#nav li a:visited
{
	color: #333333;
	text-decoration: none;
}
#nav li a:hover
{
	color: #118377;
	text-decoration: none;
}
#nav li a:active
{
	color: #118377;
	text-decoration: none;
}
.waku a:link
{
	color: #0000FF;
	text-decoration: none;
}
.waku a:visited
{
	color: #0000FF;
	text-decoration: none;
}
.waku a:hover
{
	color: #0000FF;
	text-decoration: underline;
}
.waku a:active
{
	color: #0000FF;
	text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------- */
/* header                                                                                                   */
/* -------------------------------------------------------------------------------------------------------- */
#header span.loginName
{
	background: url(../../../Images/v2/color/standard/icn_avatar.png) no-repeat 0 0;
	color: #118377;
}
/* -------------------------------------------------------------------------------------------------------- */
/* nav                                                                                                      */
/* -------------------------------------------------------------------------------------------------------- */
#nav ul li a
{
	background: url(../../../Images/v2/color/standard/icn_arw01.png) no-repeat 3px 16px;
}
#nav ul li li a
{
	background: url(../../../Images/v2/color/standard/icn_arw02.png) no-repeat 8px center;
}
#nav ul li li a:hover
{
	background-color: #D0DDDD;
}
/* -------------------------------------------------------------------------------------------------------- */
/* mainmenu                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */
body.mainMenu #contents ul.menu li
{
	background: url(../../../Images/v2/color/standard/bg_mainmenu.png) no-repeat left top;
}
/* -------------------------------------------------------------------------------------------------------- */
/* title                                                                                                    */
/* -------------------------------------------------------------------------------------------------------- */
#title
{
	background-color: var(--smart-white-ter);
}
/* -------------------------------------------------------------------------------------------------------- */
/* subTitle                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */
#subTitle h3
{
	color: #118377;
}
/* -------------------------------------------------------------------------------------------------------- */
/* contents                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */
a.pageTop
{
	background: url(../../../Images/v2/color/smart/btn_pagetop.png) no-repeat left top;
}
#contents .subTitle01
{
	border-top: var(--smart-title-border) 2px solid;
}
#contents .subTitle03
{
	border-bottom: var(--smart-title-border) 2px solid;
	color: #990033;
}
#contents .subTitle04
{
	border-top: var(--smart-title-border) 2px solid;
	border-bottom: var(--smart-title-border) 2px solid;
}
#contents .subTitle05
{
	border-top: var(--smart-title-border) 1px solid;
}
#contents .subTitle06
{
	border-top: var(--smart-title-border) 2px solid;
}
#contents .subTitle07
{
	border-top: var(--smart-title-border) 2px solid;
	border-bottom: var(--smart-title-border) 2px solid;
}
tr.BorderTopBottom > th, tr.BorderTopBottom > td, td.BorderTopBottom
{
	border-top: var(--smart-primary) 2px solid;
	border-bottom: var(--smart-primary) 2px solid;
}
.StatusNm
{
	border-top: #118377 2px solid;
	border-bottom: #118377 2px solid;
	padding: 5px 0px 5px 0px;
	width: 120px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	display: inline-block;
}
#contents .section span.attached em
{
	color: #118377;
}
/* コンテンツブロック 上部区切り線 ------------------------------- */
#contents .section.line
{
	border-top: #118377 2px solid;
	padding-top: 15px;
}
#contents .icn_default25
{
	border: 0px;
	width: 25px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_default, #contents .icn_default45
{
	border: 0px;
	width: 45px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
.ui-dialog-buttonpane .icn_default60, #contents .icn_default60
{
	border: 0px;
	width: 60px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_default80
{
	border: 0px;
	width: 80px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_default120
{
	border: 0px;
	width: 120px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_default180
{
	border: 0px;
	width: 180px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_default240
{
	border: 0px;
	width: 240px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_default320
{
	border: 0px;
	width: 320px;
	height: 18px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .icn_delete
{
	border: 0px;
	width: 45px;
	height: 18px;
	background: url(../../../Images/v2/color/standard/icn_delete.png) left top no-repeat;
	color: white;
}
#contents .btn_default130_l
{
	border: 0px;
	width: 130px;
	height: 47px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .btn_default80
{
	border: 0px;
	width: 80px;
	height: 27px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em;
}
#contents .btn_default, #contents .btn_default110
{
	border: 0px;
	width: 110px;
	height: 27px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em
}
#contents .btn_default130
{
	border: 0px;
	width: 130px;
	height: 27px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em
}
#contents .btn_default180
{
	border: 0px;
	width: 180px;
	height: 27px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em
}
#contents .btn_default240
{
	border: 0px;
	width: 240px;
	height: 27px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em
}
#contents .btn_default360
{
	border: 0px;
	width: 360px;
	height: 27px;
	background: var(--smart-primary);
	color: white;
	border-radius: .375em
}
/* -------------------------------------------------------------------------------------------------------- */
/* メニュートップ                                                                                           */
/* -------------------------------------------------------------------------------------------------------- */
body.menuTop #contents #menuTop dl
{
	background: #E7F2F1;
}
#menuTop dl a:link
{
	color: #118377;
	text-decoration: none;
}
#menuTop dl a:visited
{
	color: #118377;
	text-decoration: none;
}
#menuTop dl a:hover
{
	color: #118377;
	text-decoration: underline;
}
#menuTop dl a:active
{
	color: #118377;
	text-decoration: underline;
}
/* -------------------------------------------------------------------------------------------------------- */
/* Web履修申請                                                                                              */
/* -------------------------------------------------------------------------------------------------------- */
body.rishu td.rishu-tbl-select-cell td.dg-half-line, body.rishu td.dg-select-cell td.dg-half-line
{
	background-color: #999999 !important;
}
/* -------------------------------------------------------------------------------------------------------- */
/* Web出身校訪問                                                                                              */
/* -------------------------------------------------------------------------------------------------------- */
body.gkb #contents .subTitle02
{
	border-top: #118377 2px solid;
}
/* -------------------------------------------------------------------------------------------------------- */
/* 学生カルテ                                                                                               */
/* -------------------------------------------------------------------------------------------------------- */
.chartRelated ul li a
{
	background: url(../../../Images/v2/color/standard/icn_arw05.png) no-repeat 5px 4px;
}
/* -------------------------------------------------------------------------------------------------------- */
/* テーブル                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */
.tbl-item td
{
	background: var(--smart-white-bis);
}
div.grid
{
	border-color: #999999;
	border-color: var(--smart-grey-lighter);
	border-collapse: collapse;
}
table, table td, table th
{
	border-color: var(--smart-table-border);
	border-collapse: collapse;
}
/* 見出し標準 */
table th, table.nestParent table th
{
	background: var(--smart-table-header) !important;
}
table .tbl-head td, table .tbl-head, table th
{
	background: var(--smart-table-header);
}
/* 見出し濃色 */
.dark .tbl-head td, .dark .tbl-head, .dark td.tbl-head, .dark th
{
	background: var(--smart-table-header) !important;
	border-color: var(--smart-table-border);
}
body.rishu table.timeTable .tbl-head td, body.rishu table.timeTable .tbl-head, body.rishu table.timeTable td.tbl-head
{
	background: #E7F2F1;
}
body.rishu table.timeTable .dark .tbl-head td, body.rishu table.timeTable .dark .tbl-head, body.rishu table.timeTable .dark td.tbl-head
{
	background: #9BDED6 !important;
}
/* 総取得単位数 */
.soutanisu
{
	background: #b7d6b4;
}
div.backpanel
{
	background: #f8fbfb;
	margin-bottom: 1.5em;
}
div.backpanel > table > tbody > tr > td
{
	background: #f8fbfb;
}
table.backpanel > tbody > tr > td
{
	background: #f8fbfb;
}
table.backpanel > tbody > tr > td.tbl-head
{
	background: #E7F2F1;
}
table.backpanel > tbody > tr > td.tbl-head.dark
{
	background: #9BDED6;
}
#top .header-text
{
	font: bold 24px "Century Schoolbook" , Georgia, Times, serif;
	color: #333;
	line-height: 90%;
	margin: .2em 0 .4em 0;
	letter-spacing: -2px;
}
.waku
{
	background: #b7d6b4;
}
.waku .group-base-main
{
	padding: 0px;
}
/* -------------------------------------------------------------------------------------------------------- */
/* タブメニュー                                                                                             */
/* -------------------------------------------------------------------------------------------------------- */
#tabs ul li a
{
	background: url(../../../Images/v2/color/standard/bg_tabs.png) no-repeat left bottom;
}
#tabs ul li a.active, #tabs ul li a.selected
{
	background: url(../../../Images/v2/color/standard/bg_tabs_selected.png) no-repeat left bottom;
}
#tabs ul li a:hover
{
	background: url(../../../Images/v2/color/standard/bg_tabs_selected.png) no-repeat left bottom;
}


/* -------------------------------------------------------------------------------------------------------- */
/* common.css override                                                                                             */
/* -------------------------------------------------------------------------------------------------------- */

body {
  font-family: var(--smart-font);
}

* html body {
  font-family: var(--smart-font);
}

#title h2 {
  color: var(--smart-black);
  padding: 0 0 0 0;
}

input,textarea,select {
  font-family: var(--smart-font);
}

* html input,* html textarea,* html select,* html table {
  font-family: var(--smart-font);
}

#contents .searchBox {
  background-color: var(--smart-searchbox);
}

/* -------------------------------------------------------------------------------------------------------- */
/* smart extend
/* -------------------------------------------------------------------------------------------------------- */
input[type="text"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="email"], 
input[type="password"], 
input[type="datetime"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime-local"], 
input[type="number"], 
select, table select,
textarea {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: .375em;
    border-width: 1px;
    border-style: solid;
    color: #363636;
    padding-bottom: calc(.375em - 1px);
    padding-left: calc(.625em - 1px);
    padding-right: calc(.625em - 1px);
    padding-top: calc(.375em - 1px);
}


input[type="text"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="time"]:focus, 
input[type="datetime-local"]:focus, 
input[type="number"]:focus, 
select:focus,
textarea:focus {
    outline: none;
    border-color: #8e8c84;
    box-shadow: 0 0 0 0.125em rgb(142 140 132 / 25%);
}

input[type="button"], input[type="submit"], input[type="reset"], button {
	-webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .375em;
    box-shadow: none;    
   padding: 0;
}

input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
}

/* -------------------------------------------------------------------------------------------------------- */
/* jquery-ui smart extend
/* -------------------------------------------------------------------------------------------------------- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none !important;
	background-color: var(--smart-primary) !important;
	border-color: var(--smart-primary) !important;
}