/*--------------------------------------------------------------------------------------------------*/
/* Business Card Direct SytleSheet Revised by Kumata on 2014/11/21 */
/*--------------------------------------------------------------------------------------------------*/

/* ブラウザのディフォルトCSSのリセット */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ユニバーサルスタイル */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ボディ要素スタイル */
body {
	margin:50px 0 0px 0;
	padding:0px;  
	height:100%;
	background-color:#F5F5DC;
	background-repeat:repeat-y;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

.bodyCls {
	
}

/* フォーム */
form {
	display:inline-block;
}

/* ログアウトフォーム */
form#logoutForm {
	display:block;
}

/* ヘッダーコンテナー */
.headerontainer {
	z-index:10;
	position: fixed !important;  
	position: absolute;  
	top: 0;  
	left: 0;  
	width:100%;
	min-width:800px;
	height:50px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	border-bottom:1px solid #244666;
	background-image: -moz-linear-gradient(top, #e0f0ff, #708cc3);
	background-image: -ms-linear-gradient(top, #e0f0ff, #708cc3);
	background-image: -o-linear-gradient(top, #e0f0ff, #708cc3);
	background-image: -webkit-linear-gradient(top, #e0f0ff, #708cc3);
	background-image: linear-gradient(top, #e0f0ff, #708cc3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0f0ff', endColorstr='#708cc3',GradientType=0);
}

/* タイトルコンテナー（左寄せ） */
.titleContainer {
	width:470px;
	height:50px;
	float:left;
}

/* ログイン／ログアウトコンテナー（右寄せ） */
.logInOutContainer {
	display:inline-block;
	float:right;
	margin-top:20px;
	margin-right:20px;
	font-size:14px;
	color:#483D8B;
	text-align:right;
}

/* ログインフォーム */
#loginForm {
	display:inline-block;
}

/* ID/PW入力フィールド */
.ldField, .pwField {
	width:80px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
}

/* ボタン共通 */
button, input[type="submit"] {
	display:inline-block;
	padding:0 10px;
	font-size:12px;
	line-height:18px;
	vertical-align:text-bottom;
  	color:white;
	text-align:center;
	text-decoration:none;
	text-shadow:0 -1px rgba(0, 0, 0, 0.4);
	background-clip:padding-box;
	border:1px solid;
	border-radius:2px;
	cursor:pointer;
	-webkit-box-shadow:inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow:inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* ログイン／アウトボタン --------------------------------------------------------------------------*/
button#loginBt, button#logoutBt {
	background:#1097e6;
	border-color:#0d78b6 #0d78b6 #0b689e;
	background-image:-webkit-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
	background-image:-moz-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
	background-image:-o-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
	background-image:linear-gradient(to bottom, #25a5f0, #1097e6 66%, #0f8ad3);
}

button#loginBt:hover, button#logoutBt:hover {
	border-color:#094c73 #084e76 #074162;
}

button#loginBt:active, button#logoutBt:active {
	border-color:#094c73 #084e76 #074162;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.2);
}

/* フォームボタン ----------------------------------------------------------------------------------*/
button.formBt, input[type="submit"] {
	background: #8c96a4;
	border-color: #8c8f9a #78828b #6e6e6e;
	background-image: -webkit-linear-gradient(top, #a9b5c4, #848d9b 90%);
	background-image: -moz-linear-gradient(top, #a9b5c4, #848d9b 90%);
	background-image: -o-linear-gradient(top, #a9b5c4, #848d9b 90%);
	background-image: linear-gradient(to bottom, #a9b5c4, #848d9b 90%);
}

button.formBt:hover, input[type="submit"]:hover {
	border-color:#53555b #474d52 #383737;
}

button.formBt:active, input[type="submit"]:active {
	border-color:#53555b #474d52 #383737;
	-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3);
}

/* トップページ情報コンテナー ----------------------------------------------------------------------*/
.topPageInfoContainer {
	width:640px;
	margin-top:120px;
	margin-left:180px;
	margin-right:0px;
	margin-bottom:0px;
	font-size:16px;
	line-height:24px;
}

/* メインコンテナー --------------------------------------------------------------------------------*/
.mainContainer {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	/* margin:0 auto; ←センター揃えの場合*/
	/*border:1px solid #FF0000;*/
}

/* メニューコンテナー ------------------------------------------------------------------------------*/
.menuContainer {
	z-index:8;
	position: fixed !important;  
	position: absolute;  
	left: 0;  
	width:160px;
	height:100%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top: 20px;
	background-color:#B0C4DE;
	border-right:1px #244666 solid;
}

/* メニュー項目 ------------------------------------------------------------------------------------*/
.menuItemContainer {
	display:none;
}

.menuItem {
	width:144px;
	display: block;
	margin-left:8px;
	margin-top:0px;
	margin-bottom:6px;
	margin-right:0px;
	font-size:14px;
	line-height:14px;
	color:#0560BB;
	text-align:right;
	text-decoration:none;
}

a.menuItem:hover {
	color:#eff4f9;
}

a.menuItem:active {
	color:#043a6f;
}

.menuItemHr {
	height:1px;
	border:none;
	border-top:1px #244666 solid;
	border-bottom:1px #D0E4FE solid;
}

/* コンテンツコンテナ ------------------------------------------------------------------------------*/
.contentContainer {
	position: absolute;
	top: 70px;
	left: 180px;
	min-width:600px;
}
 
/* サブタイトル ------------------------------------------------------------------------------------*/
.subTitle {
	width:100%;
	height:28px;
	padding:6px 0px 0px 0px;
	margin-bottom:20px;
	border-top:1px #244666 solid;
	border-left:1px #244666 solid;
	border-right:1px #244666 solid;
	border-bottom:1px #244666 solid;
	font-weight: bold;
	font-size: 14pt;
	text-indent: 10px;
	color:#FFFFFF;
	border-radius: 4px;
	background-color:#B0C4DE;
}

/* データ入力フォームコンテナ ----------------------------------------------------------------------*/
#frontSideFormContainer, #backSideFormContainer {
	position:relative;
	margin-top:-1.5px;
	z-index:2;
}

/* 印刷面タブ --------------------------------------------------------------------------------------*/
.printSideTab {
	display:inline-block;
	width:100px;
	height:24px;
	padding:5px 0px 0px 0px;
	border-top:1px #244666 solid;
	border-left:1px #244666 solid;
	border-right:1px #244666 solid;
	border-bottom:0px #244666 solid;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	text-align:center;
	background-color:#87CEEB;
	font-size:14px;
	font-weight: bold;
}

/* テーブル（共通） --------------------------------------------------------------------------------*/
table th {
	border:1px #244666 solid;
	padding:6px;
	font-weight:normal;
	vertical-align:top;
	background-color:#B0C4DE;
}

table td {
	border:1px #244666 solid;
	padding:6px;
	font-weight:normal;
	vertical-align:top;
	background-color:#F0F8FF;
}

/* 左側ヘッダー2列テーブル -------------------------------------------------------------------------*/
table.leftSideHeaderTable {
	width:570px;
	border-collapse:collapse;
}

table.leftSideHeaderTable th {
	width:140px;
	text-align:left;
}

table.leftSideHeaderTable td {
	text-align:left;
}

/* 左側ヘッダー2列テーブル（名刺検索画面専用） -----------------------------------------------------*/
table.searchCardTable {
	width:600px;
	border-collapse:collapse;
}

table.searchCardTable th {
	width:170px;
	text-align:left;
}

table.searchCardTable td {
	text-align:left;
}

/* 左側ヘッダー2列テーブル（オーダー情報画面専用） -------------------------------------------------*/
table.orderInfoTable {
	width:600px;
	border-collapse:collapse;
}

table.orderInfoTable th {
	width:170px;
	text-align:left;
}

table.orderInfoTable td {
	text-align:left;
}

/* 上側ヘッダーテーブル ----------------------------------------------------------------------------*/
table.topSideHeaderTable {
	width:610px;/*この幅は検索結果テーブル用なので、別のテーブルは「crad_order.cssで定義し直す」*/
	border-collapse:collapse;
}

table.topSideHeaderTable th {
	hgight20px;
	text-align:center;
}

table.topSideHeaderTable td {
	hgight20px;
	text-align:center;
}

/* 検索結果テーブル列幅定義 ------------------------------------------------------------------------*/
table#searchResultTable {
	width:720px;
}

table#searchResultTable th.th_1 {width:150px;}
table#searchResultTable th.th_2 {width:140px;}
table#searchResultTable th.th_3 {width:210px;}
table#searchResultTable th.th_4 {width:110px;}
table#searchResultTable th.th_5 {width:110px;}

/* 外字リストテーブル ------------------------------------------------------------------------------*/
table.gaijiListTable td {
	width:66px;
	text-align:center;
}

table.gaijiListTable td input {
	width:60px;
	text-align:center;
	border:0px;
}

/* プレビューコンテナ ------------------------------------------------------------------------------*/
#frontSidePreviewContainer, #backSidePreviewContainer {
	position:relative;
	margin-top:-1.5px;
	z-index:2;
}

/* プレビューイメージ ------------------------------------------------------------------------------*/
.previewImage {
	width:500px;
	height:302px;
	border:1px #244666 solid;
}

/* 名刺タイプサンプルコンテナ ----------------------------------------------------------------------*/
.cardTypeContainer {
	margin-top:10px;
}

/* 名刺タイプアイテムコンテナ ----------------------------------------------------------------------*/
.cardTypeItemContainer {
	display:inline-block;
	width:300px;
}

/* 名刺タイプサンプルコンテナ ----------------------------------------------------------------------*/
.cardTypeSample {
	display:inline-block;
	width:300px;
	height:182px;
	border:1px #244666 solid;
}

/* 部署名・タイトルリストメンテナンスコンテナ ------------------------------------------------------*/
.titleListMaintenanceTitle {
	width:570px;
	height:20px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	border-top:1px #244666 solid;
	border-left:1px #244666 solid;
	border-right:1px #244666 solid;
	border-bottom:1px #244666 solid;
	font-weight: bold;
	font-size: 14pt;
	text-indent: 10px;
	background-color:#B0C4DE;
}

/* 部署名・タイトルリストメンテナンスコンテナ ------------------------------------------------------*/
.titleListMaintenanceContainer {
	margin-top:5px;
	display:inline-block;
	width:280px;
}

/* タブ共通 ----------------------------------------------------------------------------------------*/
.tab {
	display:inline-block;
	width:100px;
	height:24px;
	padding:5px 0px 0px 0px;
	border-top:1px #244666 solid;
	border-left:1px #244666 solid;
	border-right:1px #244666 solid;
	border-bottom:0px #244666 solid;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.tabSelected {
	position:relative;
	z-index:3;
	background-color:#B0C4DE;
	border-bottom:0px #244666 solid;
	-moz-box-shadow: 3px -1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px -1px 3px rgba(0,0,0,0.4);
	-o-box-shadow: 3px -1px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px -1px 3px rgba(0,0,0,0.4);
	box-shadow: 3px -1px 3px rgba(0,0,0,0.4);
	cursor:default;
}

.tabDeselected {
	position:relative;
	z-index:1;
	border-bottom:0px #244666 solid;
	color:#244666;
	text-decoration:none;
	background-color:#e9f1fb;
	cursor:pointer;
}

.tabDeselected:hover {
	border-color:#1196e3 #1196e3 #0f88cf;
}

.tabDeselected:active {
	border-color:#0b689e #0d78b6 #0d78b6;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.2);
}

/* テーブルページナビゲーション --------------------------------------------------------------------*/
.tablePageNaviContainer {
	/*position:relative;*/
	/*z-index:2*/
	width:100%;
	height:26px;
	/*margin-top:-1.5px;*/
	/*padding:0px 4px;*/
	/*border-top:1px #244666 solid;*/
	/*border-left:1px #244666 solid;*/
	/*border-right:1px #244666 solid;*/
	/*border-bottom:0px #244666 solid;*/
	/*background-color:#B0C4DE;*/
}

/* テーブルオプションボタンコンテナ ----------------------------------------------------------------*/
.tableOptionBtContainer {
	/*position:relative;*/
	/*z-index:2*/
	width:100%;
	height:26px;
	/*margin-top:-1.5px;*/
	padding:0px 4px;
	border-top:1px #244666 solid;
	border-left:1px #244666 solid;
	border-right:1px #244666 solid;
	border-bottom:0px #244666 solid;
	background-color:#B0C4DE;
}

.tablePageNaviBt, .tableOptionBt, .showGaijiCodeListBt {
	padding:0px 2px;
	font-size:10px;
	line-height:14px;
	background: #8c96a4;
	border-color: #8c8f9a #78828b #6e6e6e;
	background-image: -webkit-linear-gradient(top, #a9b5c4, #848d9b 90%);
	background-image: -moz-linear-gradient(top, #a9b5c4, #848d9b 90%);
	background-image: -o-linear-gradient(top, #a9b5c4, #848d9b 90%);
	background-image: linear-gradient(to bottom, #a9b5c4, #848d9b 90%);
	/*float:right;*/
}

.showGaijiCodeListBt {
	margin-bottom:4px;
}

.tablePageNaviBt, .tableOptionBt, .showGaijiCodeListBt {
	padding:0px 8px;
	border-radius:8px;
}

.tablePageNaviBt:hover, .tableOptionBt:hover, .showGaijiCodeListBt:hover {
	border-color:#53555b #474d52 #383737;
}

.tablePageNaviBt:active, .tableOptionBt:active, .showGaijiCodeListBt:active {
	border-color:#53555b #474d52 #383737;
	-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3);
}

.tablePageNaviNum {
	/*display:inline-block;*/
	/*padding:0px 2px;*/
	font-size:14px;
	vertical-align:bottom;
	/*float:right;*/
}

/* テキスト ----------------------------------------------------------------------------------------*/
.textNormal_14 {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}

.textNormal_12 {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}

/* パラグラフ間スペース ----------------------------------------------------------------------------*/

.marginTop05 {margin-top: 5px;}
.marginTop10 {margin-top: 10px;}
.marginTop20 {margin-top: 20px;}
.marginBottom05 {margin-bottom: 5px;}
.marginBottom10 {margin-bottom: 10px;}
.marginBottom20 {margin-bottom: 20px;}

/* カラー ------------------------------------------------------------------------------------------*/
.colorRed {color: #FF0000;}

/* ダイアログ --------------------------------------------------------------------------------------*/
#dialogContainer {
	display:none;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
}

/* 印刷用PDFリンク ---------------------------------------------------------------------------------*/
#showPrintPdf {
	display:none;
}

/* 一括登録ボタン ----------------------------------------------------------------------------------*/
#batchOrderFormContainer {
	/*display:none;*/
}