/*========================================================================================
  全般的なスタイル
========================================================================================*/
body {
	/* SOMPOはフレームワーク画面も使うので、フレームワークの文字色もSOMPO文字色に合わせる */
	color: #333;
}

/* SOMPOは入力項目の多い画面がたくさんあるので、余白すこし狭めました。*/
input,
textarea,
select,
.imitate-input {
	padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

/* 2018/08/27 アイコンとの余白を2em⇒1.5emに変更 */
.fa-fw {
	width: 1.5em;
}

/* トップメニューの背景色 */
.st-content-inner {
	background-color: #f1f4f4;
}

/*========================================================================================
  ヘッダ
========================================================================================*/
#header {
	border-bottom: solid 1px #f3f2f2;
	background-color: #fff;
}

/* ロゴは左詰めで表示する */
.logo {
	width: auto;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

/* サービス名表記はしない */
.logo h1 {
	display: none;
}

/* サービス名を表記しないので、ロゴ位置調整 */  
.logo a {
	display: inline-block;
	margin: 4px 8px;
	vertical-align: middle;
	color: #666;
}

/* Mobile以下のサイズ */
@media (max-width:480px) {
	.logo a {
		margin: 4px;
	}
}

/* サービス名を表記しないので、ロゴ位置調整 */
.logo img {
	vertical-align: middle;
}

/* ヘッダーの左右アイコンメニューは220px固定からautoへ */
.nav-menu {
	width: auto;
}

/*========================================================================================
 フッタ
========================================================================================*/
#footer {
	border-top: solid 1px #f3f2f2;
	background-color: #fff;
}

/*========================================================================================
  メール送信画面の項目タイトル
========================================================================================*/
.new_ixcaption {
	border-left: 20px solid #4a75b0;
}

.designTable th {
	border-left: 10px solid #4a75b0;
}


/*========================================================================================
  一覧のセル改行設定
========================================================================================*/
.ufad-datagrid td, #requestList td {
	white-space: normal;
}
/*========================================================================================
 Powered by SakuSaku.
========================================================================================*/
/* フッター画像をより小さく修正 */
.frameworkimg img {
	height: 12px;
}