/******
**
** このファイルで左のメニューの部分を定義．
** 
****************************************************************************************/

/*** サイドメニューの幅を 180px に設定し本文を固定  ***/
#contents {margin: 10px 10px 10px 180px;}


/*** 全体の色や大きさの設定  ***/
#side_all   {color: #303030; background-color: white; border: 1px solid gray; font-size: 12px; width: 160px; height: 200px; margin: 10px;}

/*** ヘッダー部の設定  ***/
#side_head {border-bottom: 1px solid gray; height: 18px;}

#side_body {padding: 0px 3px;}
.tf1 span,
.tf2 span,
.tf3 span,
.tf1active span {font-size: 50%; vertical-align: middle;}
//.tf2active span {font-size: 50%; vertical-align: middle;}

/*** 罫線の設定 ****/
.tf1  {border-bottom: 1px solid silver; cursor: hand; line-height: 23px;}
.tf2  {padding-left: 15px;}
.tf3  {padding-left: 30px; padding-right: 30px;}
.tf1active        {border-bottom: 1px solid silver; cursor: hand; line-height: 23px;}
.tf1active .tf2 a {width: 120px; line-height: 18px;}
.tf2active .tf3 a {width: 120px; line-height: 20px;}

/*** 動作時の色の設定  ***/
//.side_up   #tside_head {background-color: red;}
//.side_down #side_head {background-color: yellow;}
.side_stop #side_head {background-color: #303030;} // グレー

/*** フッター部の設定（未使用）  ***/
//#side_foot {position: absolute; bottom: 0px; color: silver; font-size: 90%; text-align: center; width: 100%; height: 10px;}