<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" charset="utf-8">
<title>koeki MAILのemail操作</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../jdmain.css">
<script type="text/javascript" src="../jdinit.js"></script>
<style>
kbd{
color: blue;
}
p{
font-size: 1.1rem;
margin-bottom: 10px;
}
.program{color: White; background-color: black; font-size:20px; margin-bottom: 1em; }
th{
text-align: center;
font-weight: bold;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
}
td{
text-align: left;
padding: 20px;
}
.red{
color: rgb(255, 70, 70);
font-size: 1.6rem;
}
.mail-command{
color: blue;
}
.orengi{
position: relative;
background: linear-gradient(transparent 40%, #ffd5af 40%);
}
.explain{
font-size: 1.3rem;
padding-top: 10px;
padding-bottom: 30px;
margin: 0 auto;
line-height: 1.7;
font-size: 1.2rem;
}
h3{
font-size: 1.4rem;
color: orange;
margin-bottom: 30px;
margin-top: 30px;
}
.icon{
margin-left: 40px;
margin-top: 30px;
margin-bottom: 30px;
}
.black{
background-color: black;
color: white;
}
.csv-inner-li{
padding: 5px;
font-size: 1.2rem;
list-style: none;
text-align: center;
}
.csv-li{
list-style: decimal;
text-align: left;
font-size: 1.2rem;
}
.explain-list{
color: #000;
}
.explain-list:hover{
color: blue;
}
.comment{
color: greenyellow;
}
.blue{
color: rgb(0, 255, 255);
}
.program{color: White; background-color: black; font-size:20px; margin-bottom: 1em; }
.mail-list{
text-align: start;
list-style: decimal;
margin-left: 40px;
font-weight: bold;
}
@media screen and (max-width: 746px){
p{
font-size: 0.8rem;
}
.red{
font-size: 1.1rem;
}
.explain{
font-size: 1.0rem;
padding-bottom: 30px;
}
h3{
font-size: 1.2rem;
margin-bottom: 20px;
margin-top: 20px;
}
.icon{
margin-top: 20px;
margin-bottom: 20px;
}
li{
padding: 4px;
font-size: 1.0rem;
}
.mail-list{
font-size: 1.0rem;
}
th{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
font-size: 0.8rem;
}
td{
padding: 15px;
font-size: 0.8rem;
}
.program{font-size: 1.0rem; margin-bottom: 1em; }
.section-title::before{
background-image: none;
vertical-align: baseline;
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: rgb(255, 153, 0);
}
.section-title::after{
display: none;
}
.csv-li{
font-size: 0.8rem;
}
}
</style>
</head>
<body>
<header id="header">この部分は header.html に置き換わる</header>
<div class="wrapper">
<section id="mail-recive">
<h1 class="section-title">くわしいメイルの受信操作</h1>
<p class="explain">ここではくわしいメイルの受信操作を紹介します。</p>
<p class="explain"><span class="orengi">ログインすると新着メイルが(もしあれば)中央部分に表示される。</span></p>
<img src="../info/koeki-mail-file/rainloop-mainmenu.jpg" alt="メインメニュー">
<p class="explain"><span class="orengi">メイル作成などの操作中に新たにメイルが届いたかの確認はゆびわ型の「リスト更新」ボタンでできる。</span></p>
<img src="../info/koeki-mail-file/rainloop-list-update.png" alt="アップデート">
<h3>メイルのアーカイブへの移動方法</h3>
<p class="explain">読み終わって用が済んだものは<kbd> z </kbd>を押してどんどん <span class="red"> アーカイブ </span>フォルダに移していくと良い。</p>
<p class="explain"><span class="orengi">koeki MAILと書いてある新しいメイルが届いて、読み終わったら</span></p>
<img src="../info/koeki-mail-file/rainloop-receve1.png" alt="メイル受け取り">
<p class="explain"><span class="orengi">読み終わったメイルを開いたままキーボードから<kbd> z </kbd>を押す。そうすると、読み終わったメイルが左側にあるアーカイブフォルダに移動する。</span></p>
<img src="../info/koeki-mail-file/rainloop-receve2.png" alt="メイル受け取り">
<p style="color: green; font-size: 1.5rem; font-weight: bold;text-align: center;margin-top: 40px;">受信トレイがメイルでいっぱいになって読みたいメイルが迷子になってしまうのを防ごう！</p>
</section>
</div>
<footer id="footer">この部分は footer.html に置き換わる</footer>
</body>
</html>
ItoRino