@charset "UTF-8";

/***********************************************************************************
  初期設定
***********************************************************************************/

a {
	transition: color 0.1s linear;
}

a:hover {
	color: #000000;
}

/***********************************************************************************
  共通
***********************************************************************************/

.icon {
	transition: opacity 0.1s linear;
}

/***********************************************************************************
  フォーム
***********************************************************************************/

input[type=submit],
input[type=reset],
input[type=button] {
	transition: background-color 0.1s linear;
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	background-color: #333333;
}

/***********************************************************************************
  ヘッダー
***********************************************************************************/

#c_header .help,
#c_header .go_top {
	transition: background-color 0.1s linear;
}

#c_header .help:hover,
#c_header .go_top:hover {
	background-color: #111111;
}

#header .switch .display_type a,
#header .switch .font_size a {
	transition: color 0.1s linear, background-color 0.1s linear;
}

#header .switch .display_type a:hover,
#header .switch .font_size a:hover {
	color: #000000;
	background-color: #ffffff;
}

#menu ul li a {
	transition: color 0.1s linear, background-color 0.1s linear;
}

#menu ul li a:hover {
	color: #000000;
	background-color: #ffffff;
}

/***********************************************************************************
  フッター
***********************************************************************************/

#footer .link a:hover {
	color: #000000;
}

/***********************************************************************************
  メイン
***********************************************************************************/

#main .title .sort a,
#main .title .add,
#main .title .delete {
	transition: color 0.1s linear, background-color 0.1s linear;
}

#main .title .sort a:hover,
#main .title .add:hover,
#main .title .delete:hover {
	color: #000000;
	background-color: #ffffff;
}

#main .back a {
	transition: background-color 0.1s linear;
}

#main .back a:hover {
	background-color: #333333;
}

/***********************************************************************************
  サイド
***********************************************************************************/

.side .list li a {
	transition: color 0.1s linear, background-color 0.1s linear;
}

.side .list li a:hover {
	background-color: #eeeeee;
}

/***********************************************************************************
  リスト
***********************************************************************************/

#main .list .link .site .site_title:hover {
	color: #000000;
}

#main .list .link .icon:hover {
	opacity: 0.8;
}

/***********************************************************************************
  リスト（画像あり）
***********************************************************************************/

#main .list .disp_i .link .image {
	transition: border-color 0.1s linear;
}

#main .list .disp_i .link .image:hover {
	border-color: #000000;
}

/***********************************************************************************
  ページネーション
***********************************************************************************/

#pagination a {
	transition: background-color 0.1s linear;
}

#pagination a:hover {
	background-color: #333333;
}