/* =====================================================================
   ADIF JAPAN ASSET MANAGEMENT  ―  レトロ（90年代〜2000年代初頭風）テーマ
   記載内容は変更せず、デザインのみを懐かしい様式に再構成したスタイルシート
   ===================================================================== */

* { margin: 0; padding: 0; }

body {
	background-color: #008080;              /* Windows 95 デスクトップのティール */
	background-image:
		repeating-linear-gradient(0deg,  rgba(0,0,0,0.04) 0 1px, transparent 1px 3px),
		repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 3px);
	color: #000000;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;                     /* 旧IEセンタリング用 */
	padding: 12px 0 24px;
}

/* 全体を囲む固定幅コンテナ（往年の 780px レイアウト） */
#wrap {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	border: 3px ridge #c0c0c0;
}

a         { color: #0000ee; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover   { color: #ff0000; background-color: #ffffcc; }

img { border: 0; }

/* ------------------------------------------------------------------ */
/*  ヘッダー                                                          */
/* ------------------------------------------------------------------ */
#header {
	background-color: #000080;
	background-image: linear-gradient(90deg, #000080 0%, #1084d0 100%);
	color: #ffffff;
	border-bottom: 2px solid #808080;
}
#header table { width: 100%; border-collapse: collapse; }
#header td { padding: 8px 12px; vertical-align: middle; }
.logo-jp {
	font-family: "MS Gothic", "ＭＳ ゴシック", monospace;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 #000000;
}
.logo-en {
	font-size: 11px;
	color: #ffff99;
	letter-spacing: 1px;
}
.header-right {
	text-align: right;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 1.5;
}
.header-logo-img { height: 40px; vertical-align: middle; margin-right: 8px; background:#fff; padding:2px; }

/* マーキー（往年の電光掲示板風テロップ） */
.ticker {
	background-color: #000000;
	color: #00ff00;
	font-family: "MS Gothic", monospace;
	font-size: 12px;
	padding: 3px 0;
	border-bottom: 2px groove #c0c0c0;
	letter-spacing: 1px;
}

/* ------------------------------------------------------------------ */
/*  ナビゲーションバー                                                */
/* ------------------------------------------------------------------ */
#nav {
	background-color: #c0c0c0;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #808080;
	padding: 4px 6px;
	font-size: 12px;
}
#nav a, #nav span.here {
	display: inline-block;
	padding: 3px 10px;
	margin: 2px 1px;
	border: 2px outset #dfdfdf;
	background-color: #d4d0c8;
	color: #000080;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover { background-color: #e8e8e8; color: #ff0000; }
#nav span.here {
	border: 2px inset #dfdfdf;
	background-color: #a8a8a8;
	color: #000000;
}
#nav .navsep { color: #808080; }

/* ------------------------------------------------------------------ */
/*  本文                                                              */
/* ------------------------------------------------------------------ */
#main { padding: 16px 20px; background-color: #ffffff; }

/* パンくず的なページ見出し */
.pagetitle {
	background-color: #000080;
	color: #ffffff;
	font-family: "MS Gothic", monospace;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 14px;
	border: 2px outset #4040a0;
}
.pagetitle:before { content: "■ "; color: #ffff00; }

/* セクション見出し（■＋下線バー） */
h2.sec {
	font-size: 15px;
	font-weight: bold;
	color: #000080;
	margin: 22px 0 8px;
	padding: 3px 6px 3px 8px;
	border-left: 8px solid #ff6600;
	border-bottom: 2px solid #000080;
	background-color: #eef0f7;
	font-family: "MS Gothic", monospace;
}
h2.sec .en { color: #ff6600; font-size: 12px; margin-left: 6px; }

h3.sub {
	font-size: 13px;
	font-weight: bold;
	color: #a0330a;
	margin: 16px 0 4px;
	padding-left: 4px;
}
h3.sub:before { content: "▼ "; color: #ff6600; }

#main p { margin: 6px 0 10px; }
#main ul { margin: 6px 0 12px 26px; }
#main ul li { margin: 2px 0; }
.note { font-size: 12px; color: #444444; }
.center { text-align: center; }
.oshirase-end { text-align: right; margin: 10px 0; font-weight: bold; }

/* 罫線 */
hr.retro {
	height: 2px;
	border: 0;
	border-top: 2px groove #808080;
	margin: 14px 0;
}

/* 汎用テーブル（会社概要・お知らせなど） */
table.grid {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #000080;
	margin: 8px 0 14px;
	background-color: #ffffff;
}
table.grid th, table.grid td {
	border: 1px solid #8080a0;
	padding: 6px 8px;
	font-size: 13px;
	vertical-align: top;
	text-align: left;
}
table.grid th {
	background-color: #dfe3f2;
	color: #000080;
	white-space: nowrap;
	width: 150px;
	font-weight: bold;
}
/* お知らせ表 */
table.news { width: 100%; border-collapse: collapse; border: 2px solid #808080; margin: 6px 0 12px; }
table.news th {
	background-color: #000080; color: #ffffff; padding: 4px 8px;
	font-size: 12px; text-align: left;
}
table.news td { border-bottom: 1px dotted #808080; padding: 5px 8px; font-size: 12px; vertical-align: top; }
table.news td.date { white-space: nowrap; color: #006600; font-family: "MS Gothic", monospace; width: 90px; }
table.news tr:nth-child(even) td { background-color: #f2f2f2; }
.new-badge {
	color: #ffffff; background-color: #ff0000; font-size: 10px; font-weight: bold;
	padding: 0 4px; margin-left: 5px; border: 1px outset #ff6666;
}

/* ミッション等のボックス */
.box {
	border: 2px groove #c0c0c0;
	background-color: #f7f7f0;
	padding: 10px 12px;
	margin: 10px 0;
}
.box h3.sub { margin-top: 0; }

/* 役員写真つきプロフィール */
.exec { border: 2px ridge #c0c0c0; background:#fbfbf5; margin: 12px 0; padding: 10px; overflow: hidden; }
.exec .photo {
	float: left; width: 120px; margin-right: 14px; text-align: center;
}
.exec .photo img { width: 120px; border: 2px inset #c0c0c0; background:#fff; }
.exec .photo .noimg {
	display:block; width:116px; height:150px; line-height:150px; text-align:center;
	border:2px inset #c0c0c0; background:#e8e8e8; color:#808080; font-size:11px;
}
.exec .pos { color: #a0330a; font-weight: bold; font-size: 13px; }
.exec .name { font-family: "MS Gothic", monospace; font-size: 18px; font-weight: bold; color:#000080; margin: 2px 0 4px; letter-spacing:2px; }
.exec .edu { font-size: 12px; color: #333; margin-bottom: 4px; }
.exec .rireki-h { font-weight: bold; color:#000080; font-size:12px; margin-top:4px; }
.exec ul.rireki { margin: 2px 0 8px 20px; font-size: 12px; }
.exec p { clear: none; }
.clear { clear: both; }

/* 画像ギャラリー（AIX & Dubai） */
.gallery { margin: 8px 0 14px; text-align: center; }
.gallery img {
	border: 3px ridge #c0c0c0; background:#fff; padding: 3px; margin: 4px;
	max-width: 220px; vertical-align: top;
}
.figure { text-align:center; margin:10px 0; }
.figure img { border: 3px ridge #c0c0c0; background:#fff; padding:4px; max-width: 700px; }

/* お問い合わせフォーム */
table.form { width:100%; border-collapse:collapse; border:2px solid #000080; margin:10px 0; }
table.form th { background:#dfe3f2; color:#000080; text-align:left; padding:6px 8px; border:1px solid #8080a0; white-space:nowrap; width:170px; font-size:12px;}
table.form td { border:1px solid #8080a0; padding:6px 8px; font-size:12px; }
table.form input[type=text], table.form textarea, table.form select {
	font-family: inherit; font-size:12px; border:2px inset #c0c0c0; padding:2px; background:#fff;
}
table.form input.long { width:90%; }
table.form textarea { width:90%; height:80px; }
.req { color:#fff; background:#cc0000; font-size:10px; padding:0 4px; margin-left:6px; border:1px outset #ff6666; }
.btn {
	font-family:inherit; font-size:13px; font-weight:bold; padding:4px 18px;
	border:2px outset #dfdfdf; background:#d4d0c8; color:#000; cursor:pointer;
}
.btn:active { border-style:inset; }

/* 問い合わせ先の小箱（各方針ページ上部） */
.contactbox {
	float:right; width:230px; margin:0 0 12px 14px; border:2px groove #c0c0c0;
	background:#f7f7f0; padding:8px 10px; font-size:12px;
}
.contactbox .ttl { font-weight:bold; color:#000080; border-bottom:1px solid #808080; margin-bottom:4px; }

/* ------------------------------------------------------------------ */
/*  フッター                                                          */
/* ------------------------------------------------------------------ */
#footlinks {
	background-color: #c0c0c0;
	border-top: 2px solid #ffffff;
	padding: 8px 10px;
	font-size: 11px;
	text-align: center;
	line-height: 2;
}
#footlinks a { color:#000080; }
#footer {
	background-color: #000080;
	color: #ffffff;
	padding: 10px 12px;
	font-size: 11px;
	line-height: 1.7;
}
#footer .corp { font-weight: bold; font-size: 12px; }
#footer .copy { color:#ffff99; font-family:"MS Gothic",monospace; margin-top:4px; }

/* アクセスカウンター（往年の定番装飾） */
.counter-wrap { text-align:center; padding:8px 0; font-size:11px; color:#333; }
.counter {
	display:inline-block; background:#000; color:#00ff66; font-family:"MS Gothic",monospace;
	font-size:15px; letter-spacing:3px; padding:2px 8px; border:2px inset #444; margin:0 4px;
}
.updated { font-size:11px; color:#333; text-align:right; padding:4px 10px; }

/* ページ先頭へ戻る */
.pagetop { text-align:right; margin:12px 0 0; font-size:12px; }

/* 印刷・狭幅時のごく簡易な対応（当時風に固定幅は維持しつつ最低限） */