@charset "utf-8";

/*-----------------------------------------
ヘッダー
-------------------------------------------*/
header{
	background: #ADADAD;/*-----５システム[カラー:グレー]*/
}

.log-in-btn:hover{
    background-color:rgba(130,130,130,0.5);/*----５システム[カラー:グレー]＃828282*/
}


/*--------------------------------------
左メニュー
----------------------------------------*/
nav { 
    background-color: #D8D8D8;/*-----５システム[カラー:グレー]*/
}


/*--------------------------------------
個人情報
----------------------------------------*/

.person-info{
	background-color:#8C8C8C;/*-----５システム[カラー:グレー]*/
}



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

.menu{
	color: #222222;/*----------------５システム[カラー:グレー]濃グレー　文字*/
}

.menu a{
	color: #222222;/*----------------５システム[カラー:グレー]濃グレー　文字*/
}

.menu ul li.header:hover, 
.menu ul li.header:hover a {/*hover時のliカラー*/
	background-color:rgba(166,166,166,1.00);/*----５システム[カラー:グレー]#a6a6a6*/
}

.menu ul li.header.open,
.menu ul li.header.open a {/*open時のliカラー*/
	background-color: rgba(166,166,166,0.6);/*----５システム[カラー:グレー]#a6a6a6*/
	color: #222222;/*----------------５システム濃グレー　文字*/
}



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


.menu ul li.header span::after {/*fontawesome　背景:白の場合の矢印*/
	color:#868686 ;/*----５システム[カラー:グレー]*/
}

.menu ul li.header.open span::after {/*fontawesome .open時の矢印*/
	color: #868686;/*----５システム[カラー:グレー]*/
}

.menu ul li.header .open:hover > span::after {/*liの.openで　hoverの場合：矢印 のカラー*/
	color: #868686;/*----５システム[カラー:グレー]*/
}


/*インナー設定*/

.menu ul .accordion_inner > li{/*第二下層のインナーliカラー*/	
	background-color: rgba(166,166,166,0.1);/*----５システム[カラー:グレー]#a6a6a6*/
}

.menu ul .accordion_inner > .accordion_inner > li a{/*第三下層のliのカラー*/
	background-color: rgba(166,166,166,0.2);/*----５システム[カラー:グレー]#a6a6a6*/
}



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


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

.ta1 th{
	background-color:#dddddd;/*--５システム[カラー:グレー]*/
}



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

.ta2 th{
	background-color:#dddddd;/*--５システム[カラー:グレー]*/
}



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

.ta3 th{
	background-color:#dddddd;/*--５システム[カラー:グレー]*/
}



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

.table-btn-01{
    background-color: #ADADAD;/*---５システム[カラー:グレー]*/
}

.table-btn-01:hover, .table-btn-01 a:hover{
    background-color:rgba(130,130,130,0.8);/*--５システム[カラー:グレー]#828282*/
}

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

.radio:checked + .radio-icon:before {
  color:#8C8C8C;/*----------------------５システム[カラー:グレー]*/
}

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

.checkbox:checked + .checkbox-icon:before {
   color:#8C8C8C;/*----------------------５システム[カラー:グレー]*/
}


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

.submit-btn-01 {
	background : #adadad;/*----------------５システム[カラー:グレー]*/ 
	border: 2px solid #ADADAD;/*-----------５システム[カラー:グレー]*/
}

.submit-btn-01:hover {
	color : #222222; /*---------------------------各カラー*/ 
    background :#B4B4B4;/*------------各カラー*/ 
	border: 2px solid #B4B4B4;/*--------各カラー*/
}


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

.submit-btn-02 {
	color :  #8c8c8c;/*--------------------５システム[カラー:グレー]*/ 
	border: 2px solid #adadad;/*-----------５システム[カラー:グレー]*/
}

.submit-btn-02:hover {
	background :#b4b4b4;/*------------------------各カラー*/     
    color : #222222;/*-----------------------------各カラー*/ 
	border: 2px solid #b4b4b4;/*---------------------各カラー*/ 
}