@charset "utf-8";

@import url("app_commons.css");

/*  組立メーカー側アプリケーション画面のテーマカラー
------------------------------------------------------------*/
.header_wrapper{
	background: radial-gradient(circle farthest-side, #fff, #2e8b57 30%, #2e8b57 20%, #2e8b57);
	background-size: 6px 6px;
}

/* 画面ヘッダのリンク */
.header_left_area a,
.header_right_area a
{
	color:white;
}


.header_left_area a:hover,
.header_left_area a:active,
.header_right_area a:hover,
.header_right_area a:active
{
	color:#ccc;
}


/* ナビの色 */
.navi .navi_item a:hover,
.navi .navi_item a:focus,
.navi .navi_item a.isActive{
	background: white;
	color: #2e8b57;
}

.navi .navi_item a{
	color: #fff;
	padding: 1.5em 0;
	background: linear-gradient(to bottom, #2e8b57 50%, #2e8b57 100%);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 1px 1px 2px #fff inset;
}

/*  管理画面のボタンの色
------------------------------------------------------------*/
.login_button{
	background-color: rgb(0, 120, 231);
}

.search_button{
	background: #5a7be0;
}

.resist_button{
	background: #ff9900;
}

.update_button{
	background: #ff9900;
}
.delete_button{
	background: #cc0000;
}

.confirm_button{
	background: #82d527;
}

.duplicate_button{
	background: #82d527;
}

.back_button{
	background: #e6e6e6;
}

.detail_button{
	
}

.csv_download_button{
	background: #5a7be0;
}

a.back_button{
	color: #333;
}


/* 詳細ボタンの色 */
table.list a.list_detail_button {
	background: #e6e6e6;
	color: #333;
}
table.list a.list_detail_button:hover,
table.list a.list_detail_button:focus{
	background: #444;
	color: #fff;
}

/* メニュー */
.navi_wrapper{
	background: radial-gradient(circle farthest-side, #fff, #2e8b57 30%, #2e8b57 20%, #2e8b57);
	background-size: 6px 6px;
}

/* テーブルヘッダの色 */
.list_area table th{
	background: #555;
	color: white;
	padding: 10px 2px;
}




/* トップメニュー
------------------------------------------------------------*/
.top_menu {
	text-align: center;
}

.top_menu .top_menu_item{
	margin: 1em;
}

.top_menu .top_menu_item a{
	display: block;
	padding-top: 40px;
	padding-right: 15px;
	padding-left: 40px;
	padding-bottom: 40px;
	color: #333;
	border-radius: 4px;
	background: #f6f6f6;
	box-shadow: 0 5px 0 #e5e5e5;
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}
.top_menu .top_menu_item a:hover {
	background: #444;
	box-shadow: 0 5px 0 #222;
	color: #fff;
}