@charset "utf-8";

/* アプリケーション表示領域に関するスタイルシート */

/* ----- タイトル表示領域 --------------------------------------------------- */

.titleArea {
	background:			#808080;
	height:				50px;
	width:				100%;
	border-bottom:		double #FFFFFF 4px;
}

.titleArea .title {
	color:				#FFFFFF;
	font-size:			20px;
	font-weight:		bold;
	padding:			12px 0 0 50px;
	letter-spacing:		0.1em;
	float:				left;
}

/* ----- アプリケーションボディ --------------------------------------------- */

#applicationBody {
	min-width:			1000px;
	margin-left:		256px;
	margin-top:			-73px;
	padding:			0px;
}

#applicationBody.noDivision {
	margin-top:			-39px !important;
}


#applicationBody h1 {
	color:				#333333;
	background-color: 	#f5f5f5;
	font-size:			18px;
	font-weight:		normal;
	text-indent:		0.5em;
	height:				27px;
	line-height:		27px;
/*	border-bottom:		1px solid #70B2E4; */
	border-bottom:		2px solid #d5d5d5;
	margin:				0px;
	padding-top:		77px;
	padding-left:		40px;
}

#applicationBody.noDivision h1 {
	margin-top:			-39px !important;
	padding-top:		43px !important;
	padding-left:		40px;
}

.tableSpacer {
	width:				100%;
	height:				20px;
}


/* ----- アプリケーションボディ / 開く・閉じる制御 -------------------------- */

//#applicationBody .menuControl {
//	padding-top:		77px;
//}

#applicationBody.noDivision .menuControl {
	margin-top:			39px !important;
}

.menuControl {
	position:			absolute;
	width:				40px;
	height:				33px;
	cursor:				pointer;
	display:			block;
	margin:				0px;
}

.menuControl.close {
	background:			url(../../images/icon/menu_close.png) no-repeat left top;
	background-size:	40px 33px;
	margin-top:         73px;
}

.menuControl.open {
	background:			url(../../images/icon/menu_open.png) no-repeat left top;
	background-size:	40px 33px;
	margin-top:         73px;
}

/* ----- 検索領域 ----------------------------------------------------------- */

#search {
	width:				300px;
	height:				100%;
	overflow-y:			auto;
	float:				left;
}

#search h2 {
	position:			relative;
	background-color:	#f5f5f5;
	border-bottom: 		2px solid #d5d5d5;
	color:				#333333;
	vertical-align:		middle;
	text-align:			center;
	font-size:			14px;
	font-weight:		normal;
	width:				100%;
	height:				27px;
	line-height:		27px;
	margin:				0px;
	display:			inline-block;
	z-index:			1;
}

#search h3 {
	font-size:			14px;
	font-weight:		normal;
	margin:				12px 0px 3px;
}

#search .searchPanel {
/*	background-color:	#F1F7FC; */
	position:			relative;
	background-color:	#f5f5f5;
	min-height:			100%;
	margin-top:			-27px;
	padding:			0px 10px 0px 10px;
	overflow-x:			hidden;
}

#search .searchPanel:before {
	height:				27px;
	content:			'';
	display:			block;
}

#search .searchPanel h3 {
	height:				20px;
	margin:				10px 0px;
}

#search .searchPanel h3:before {
	color:				#71B3E5;
	content:			"\30fb";
}

/* ----- 検索領域 / フォーム部品 -------------------------------------------- */

#search select {
	width:				260px;
}

#search input[type="text"] {
	background-color:	#FFFFFF;
	font-size:			13px;
	width:				232px;
	padding:			4px 1em 3px;
	margin:				0px;
	border:				1px solid #808080;
}

/* ----- 検索領域 / 開く・閉じる制御 ---------------------------------------- */

.contentsControl {
	position:			relative;
	width:				40px;
	height:				27px;
	cursor:				pointer;
	display:			block;
	margin:				0px 0px -27px;
}

.contentsControl.close {
	background:			url(../../images/icon/arrow_close.png) no-repeat left top;
	background-size:	40px 27px;
}

.contentsControl.open {
	background:			url(../../images/icon/arrow_open.png) no-repeat left top;
	background-size:	40px 27px;
}


/* ----- コンテンツ表示領域 ------------------------------------------------- */

#contents {
	height:				100%;
	overflow-y:			auto;
	border-left:		2px solid #d5d5d5;
	background-color:	#f5f5f5;
}

#contents h2 {
/*	background-color:	#9BC9EC; */
	background-color:	#ffffff;
	border-bottom:		2px solid #d5d5d5;
	color:				#333333;
	vertical-align:		middle;
	text-align:			center;
	font-size:			14px;
	font-weight:		normal;
	width:				100%;
	height:				27px;
	line-height:		27px;
	margin:				0px;
	display:			inline-block;
}

#contents h3 {
	font-size:			14px;
	font-weight:		normal;
	margin:				12px 0px 3px;
}

#contents .contentsPanel {
	background-color:	#f5f5f5;
	margin-top:			-27px;
	padding:			0px 15px 0px 15px;
}

#contents .contentsPanel:before {
	height:				27px;
	content:			'';
	display:			block;
}

#contents .contentsPanel:after {
	height:				90px;
	content:			'';
	display:			block;
}

#contents .contentsPanel h3 {
	color:				#333333;
	height:				20px;
	margin:				10px 0px;
}

#contents .contentsPanel h3:before {
	color:				#71B3E5;
	content:			"\30fb";
}

/* ----- コンテンツ表示領域 / アクション部品配置領域 ------------------------ */

#contents .contentsPanel .actionContainer {
	width:				100%;
	height:				30px;
	margin-top:			20px;
	float:				left;
}

#contents .contentsPanel .lbl_view {
	height:				30px;
	line-height:		30px;
	margin:				0 10px 0 0px;
	display:			inline-block;
}

#contents .contentsPanel .lbl_count {
	font-size:			12px;
	font-weight:		normal;
	height:				18px;
	line-height:		18px;
	margin:				16px 10px 0 0px;
	float:				left;
}

#contents .contentsPanel .sel_count {
	width:				80px;
}

#contents .contentsPanel .sel_Client {
	width:				300px;
}

#contents .contentsPanel .sel_sort {
	width:				400px;
}

.contentsPanel textarea {
	color:				#333333;
	font-size:			13px;
	font-weight:		normal;
	width:				663px;
	line-height:		14px;
	border:				1px solid #000000;
	resize:				none;
}


/* ----- コンテンツ表示領域 / ページ ---------------------------------------- */

.paging {
	margin:				16px 0px 6px;
	float:				right;
}

.paging li {
	color:				#6D6F71;
	list-style:			none;
	font-size:			12px;
	text-align:			center;
	height:				18px;
	width:				18px;
	border:				1px solid #BFBFBF;
	margin-left:		6px;
	cursor:				pointer;
	float:				left;
}

.paging li.selected {
	background-color:	#808080;
	color:				#FFFFFF;
}

/* ----- アップロード情報表示領域 ------------------------------------------- */

.uploadPanel {
	background-color:	#FFFFFF;
	width:				690px;
	margin-top:			0px;
	padding:			20px 15px 0px 150px;
}

.uploadPanel:before {
	height:				27px;
	content:			'';
	display:			block;
}

.uploadPanel h3 {
	color:				#333333;
	font-size:			14px;
	font-weight:		normal;
	width:				210px;
	margin-bottom:		20px;
	display:			inline-block;
}

.uploadPanel select {
	width:				450px;
}

.uploadPanel input[type=text] {
	width:				450px;
}

.uploadPanel .buttonContainer {
	text-align:			right;
	margin:				0px 25px 10px;
}

.uploadPanel .blockContainer {
	display:			inline-block;
}

.uploadPanel .blockContainer .styledCheckbox {
	float:				left;
}

.uploadPanel .blockContainer label {
	margin-left:		10px;
}

/* ----- ダウンロード情報表示領域 ------------------------------------------- */

.downloadPanel {
	background-color:	#FFFFFF;
	width:				690px;
	margin-top:			0px;
	padding:			20px 15px 0px 150px;
}

.downloadPanel:before {
	height:				15px;
	content:			'';
	display:			block;
}

.downloadPanel h3 {
	color:				#333333;
	font-size:			14px;
	font-weight:		normal;
	width:				210px;
	vertical-align:		top;
	margin-top:			5px;
	margin-bottom:		20px;
	display:			inline-block;
}

.downloadPanel h3.nospace {
	color:				#333333;
	font-size:			14px;
	font-weight:		normal;
	width:				210px;
	vertical-align:		top;
	margin-top:			0px;
	margin-bottom:		0px;
	display:			inline-block;
}

.downloadPanel select {
	width:				450px;
}

.downloadPanel input[type=text] {
	width:				450px;
}

.downloadPanel .buttonContainer {
	text-align:			right;
	margin:				0px 25px 10px;
}

.downloadPanel .blockContainer {
	display:			inline-block;
}

.downloadPanel .blockContainer .styledCheckbox {
	float:				left;
}

.downloadPanel .blockContainer label {
	margin-left:		10px;
}

.downloadPanel textarea {
	color:				#333333;
	font-size:			13px;
	font-weight:		normal;
	width:				663px;
	line-height:		14px;
	border:				1px solid #71B3E5;
	resize:				none;
}


/* ----- ワークフロー情報表示領域 ------------------------------------------- */

.workflowPanel {
	background-color:	#FFFFFF;
	margin-top:			0px;
	padding:			10px 15px 10px 15px;
	overflow:			scroll;
	height:				100%;
}

.workflowPanel:before {
	height:				27px;
	content:			'';
	display:			block;
}

.workflowPanel h3 {
	color:				#333333;
	font-size:			14px;
	font-weight:		normal;
	width:				210px;
	vertical-align:		top;
	margin-top:			5px;
	margin-bottom:		20px;
	display:			inline-block;
}

.workflowPanel h3.nospace {
	color:				#333333;
	font-size:			14px;
	font-weight:		normal;
	width:				210px;
	vertical-align:		top;
	margin-top:			0px;
	margin-bottom:		0px;
	display:			inline-block;
}

.workflowPanel select {
	width:				450px;
}

.workflowPanel input[type=text] {
	width:				450px;
}

.workflowPanel .buttonContainer {
	text-align:			right;
	margin:				0px 25px 10px;
}

.workflowPanel .blockContainer {
	display:			inline-block;
}

.workflowPanel .blockContainer .styledCheckbox {
	float:				left;
}

.workflowPanel .blockContainer label {
	margin-left:		10px;
}

/* ----- メッセージ表示領域 ------------------------------------------------- */

.messagePanel {
	background-color:	#FFFFFF;
	width:				690px;
	margin-top:			0px;
	padding:			0px 15px 0px 150px;
}

.messagePanel:before {
	height:				27px;
	content:			'';
	display:			block;
}

.messagePanel h3 {
	color:				#003B77;
	font-size:			16px;
	font-weight:		normal;
	margin-bottom:		0px;
}

.messagePanel textarea {
	color:				#333333;
	font-size:			13px;
	font-weight:		normal;
	width:				663px;
	line-height:		14px;
	border:				1px solid #71B3E5;
	resize:				none;
}