@charset "utf-8";

/*-----------------------------------------
ヘッダー
-------------------------------------------*/
header{
	background:#40bfc1;/*----１申請者、動物実験責任者審[カラー:グリーン]#40bfc1*/
}

.log-in-btn:hover{
    background-color:rgba(0,119,120,0.5);/*----１申請者、動物実験責任者審[カラー:グリーン＃007778*/
}


/*--------------------------------------
左メニュー
----------------------------------------*/
nav { 
    background-color: #d4e1e4;/*1----申請者、動物実験責任者審[カラー:グリーン]*/
}



/*----個人情報1----申請者、動物実験責任者審[カラー:グリーン#1d919b]----*/

.person-info{
	background-color:#36aeb9;/*----１申請者、動物実験責任者審[カラー:グリーン]*/
}



/*-----アコーディオンメニュー----------*/

.menu{
	color: #01757f;/*----------------1--濃黒グリーン文字*/
}

.menu a{
	color: #01757f;/*----------------1--濃黒グリーン文字*/
}

.menu ul li.header:hover, 
.menu ul li.header:hover a {/*hover時のliカラー*/
	background-color: rgba(94,202,209,1.0);/*----------------1--02グリーン#5ecad1*/
}

.menu ul li.header.open,
.menu ul li.header.open a {/*open時のliカラー*/
	background-color: rgba(94,202,209,0.6);/*----------------1--02グリーン#5ecad1*/
	color: #01757f;/*----------------1--濃黒グリーン文字*/
}



/*---矢印 設定---*/


.menu ul li.header span::after {/*fontawesome　背景:白の場合の矢印*/
	color:#36aeb9;/*----１申請者、動物実験責任者審[カラー:グリーン]*/
}

.menu ul li.header.open span::after {/*fontawesome .open時の矢印*/
	color:#36aeb9;/*----１申請者、動物実験責任者審[カラー:グリーン]*/
}

.menu ul li.header .open:hover > span::after {/*liの.openで　hoverの場合：矢印 のカラー*/
	color:#36aeb9;/*----１申請者、動物実験責任者審[カラー:グリーン]*/
}


/*インナー設定*/

.menu ul .accordion_inner > li{/*第二下層のインナーliカラー*/	
	background-color: rgba(94,202,209,0.1);/*----------------1--02グリーン#5ecad1*/
}

.menu ul .accordion_inner > .accordion_inner > li a{/*第三下層のliのカラー*/
	background-color: rgba(94,202,209,0.2);/*----------------1--02グリーン#5ecad1*/
}



/*------------------------------------------
テーブル
--------------------------------------------*/


/*テーブル1----thがヨコ並び
-----------------------------------------------------*/

.ta1 th{
	background-color: #dbe8eb;/*申請者、動物実験責任者審[カラー:グリーン]*/
}



/*テーブル２----thがタテ並び
-----------------------------------------------------*/

.ta2 th{
	background-color: #dbe8eb;/*申請者、動物実験責任者審[カラー:グリーン]*/
}



/*テーブル３----thがヨコ並び（th項目が多い場合）
-----------------------------------------------------*/

.ta3 th{
	background-color: #dbe8eb;/*申請者、動物実験責任者審[カラー:グリーン]*/
}



/* -----------------------------------------------------------
	テーブル表のボタン
----------------------------------------------------------- */

.table-btn-01{
	background:#40bfc1;/*----１申請者、動物実験責任者審[カラー:グリーン]#40bfc1*/
}

.table-btn-01:hover, .table-btn-01 a:hover{
    background-color:rgba(0,119,120,0.8);/*グリーン＃007778*/
}

/*-----------------------------------------
フォーム＿radio
-----------------------------------------*/

.radio:checked + .radio-icon:before {
  color:#36aeb9;/*----------------------１[カラー:グリーン]*/
}

/*-----------------------------------------
フォーム＿checkbox 
-----------------------------------------*/

.checkbox:checked + .checkbox-icon:before {
  color:#36aeb9;/*------------------------１[カラー:グリーン]*/
}


/*-----------------------------------------
フォーム＿submitボタン＿０１
-----------------------------------------*/

.submit-btn-01 {
	background : #40bfc1;/*----------------------各カラー*/ 
	border: 2px solid #40bfc1;/*------------------各カラー*/
}
.submit-btn-01:hover {
	color : #01757f; /*---------------------------各カラー*/ 
    background :#8AD6D7;/*------------各カラー*/ 
	border: 2px solid #8AD6D7;/*--------各カラー*/
}


/*-----------------------------------------
フォーム＿submitボタン＿０２
-----------------------------------------*/
.submit-btn-02 {	
	color : #36aeb9;/*------------------------各カラー*/     
	border: 2px solid #40bfc1;/*----------------各カラー*/
}

.submit-btn-02:hover {
	background :#8AD6D7;/*------------------------各カラー*/     
    color : #01757f;/*-----------------------------各カラー*/ 
	border: 2px solid #8AD6D7;/*---------------------各カラー*/ 
}