<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<!-- If you delete this meta tag, Half Life 3 will never be released. -->
<meta name="viewport" content="width=device-width">

<meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp">
<title>Photoshopの操作は体で覚える!</title>

<style type="text/css">
/* ------------------------------------- 
GLOBAL 
------------------------------------- */
* { 
margin:0;
padding:0;
}
* { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

img { 
max-width: 100%; 
}
.collapse {
margin:0;
padding:0;
}
body {
-webkit-font-smoothing:antialiased; 
-webkit-text-size-adjust:none; 
width: 100%!important; 
height: 100%;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-color: none;
}
/* ------------------------------------- 
ELEMENTS 
------------------------------------- */
a { color: #2BA6CB;}

.btn {
text-decoration:none;
color: #FFF;
background-color: #666;
padding:10px 16px;
font-weight:bold;
margin-right:10px;
text-align:center;
cursor:pointer;
display: inline-block;
}
.btn.bg_red{
 background-color:#e83929;
}
.btn.bg_blue{
 background-color:#00afcc;
border-bottom: 2px solid #ffffff;
}
p.callout {
padding:15px;
/*background-color:#ECF8FF;*/
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
}
.callout a {
font-weight:bold;
color: #2BA6CB;
}

table.social {
/* padding:15px; */
background-color: #ebebeb;

}
.social .soc-btn {
padding: 3px 7px;
font-size:12px;
margin-bottom:10px;
text-decoration:none;
color: #FFF;font-weight:bold;
display:block;
text-align:center;
}
a.fb { background-color: #3B5998!important; }
a.tw { background-color: #1daced!important; }
a.gp { background-color: #DB4A39!important; }
a.ms { background-color: #000!important; }

.sidebar .soc-btn { 
display:block;
width:100%;
}

/* ------------------------------------- 
HEADER 
------------------------------------- */
table.head-wrap { width: 100%;}

.header.container table td.logo { padding: 0 20px 0 0; }
.header.container table td.label { padding: 15px; padding-left:0px;}

/* ------------------------------------- 
BODY 
------------------------------------- */
table.body-wrap { width: 100%;}


/* ------------------------------------- 
FOOTER 
------------------------------------- */
table.footer-wrap { width: 100%;clear:both!important;
}
.footer-wrap .container td.content  p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
.footer-wrap .container td.content p {
font-size:10px;
font-weight: bold;

}

/* ------------------------------------- 
TYPOGRAPHY 
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1 { font-weight:200; font-size: 44px;}
h2 { font-weight:bold; font-size: 22px; line-height: 1.5;}
h3 { font-weight:bold; font-size: 20px; line-height: 1.5;}
h4 { font-weight:600; font-size: 16px; line-height: 1.5;}
h5 { font-weight:900; font-size: 14px;}
h6 { font-weight:900; font-size: 12px; text-transform: uppercase; color:#444;}

h3.seminarTtl{
background-color: #ffffff;
color: #474a4d;
border-left: 6px solid #b5b5ae;
border-bottom: 1px solid #cccccc;
padding: 5px 15px;

}
h3.seminarTtl span{
color: #e83929;}
.collapse { margin:0!important;}

p, ul { 
margin-bottom: 10px; 
font-weight: normal; 
font-size:14px; 
line-height:1.6;
}
p.lead { font-size:17px; }
p.last { margin-bottom:0px;}

ul li {
margin-left:5px;
list-style-position: inside;
}

/* ------------------------------------- 
SIDEBAR 
------------------------------------- */
ul.sidebar {
background:#f7f6f5;
display:block;
list-style-type: none;
}
ul.sidebar li { display: block; margin:0;}
ul.sidebar li a {
text-decoration:none;
color: #000000;
padding:10px 16px;
/* font-weight:bold; */
margin-right:10px;
/* text-align:center; */
cursor:pointer;
border-bottom: 1px solid #777777;
border-top: 1px solid #FFFFFF;
display:block;
margin:0;
}
ul.sidebar li a.last { border-bottom-width:0px;}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}



/* --------------------------------------------------- 
RESPONSIVENESS
Nuke it from orbit. It's the only way to be sure. 
------------------------------------------------------ */

/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display:block!important;
max-width:600px!important;
margin:0 auto!important; /* makes it centered */
clear:both!important;
}

/* This should also be a block element, so that it will fill 100% of the .container */
.content {
padding:15px;
max-width:600px;
margin:0 auto;
display:block; 
}
.content.border_b{
border-bottom: 1px dotted #cccccc;
}
/* Let's make sure tables in the content area are 100% wide */
.content table { width: 100%; }


/* Odds and ends */
.column {
width: 300px;
float:left;
}
.column tr td { padding: 15px; }
.column-wrap { 
padding:0!important; 
margin:0 auto; 
max-width:600px!important;
}
.column table { width:100%;}
.social .column {
width: 280px;
min-width: 279px;
float:left;
}

/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear { display: block; clear: both; }


/* ------------------------------------------- 
PHONE
For clients that support media queries.
Nothing fancy. 
-------------------------------------------- */
@media only screen and (max-width: 600px) {

a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}

div[class="column"] { width: auto!important; float:none!important;}

table.social div[class="column"] {
width:auto!important;
}

}
</style>
</head>
 
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<!------------------------------------ 
---- HEADER --------------------------
------------------------------------->
<table class="head-wrap" bgcolor="#ffffff" style="border-bottom:1px solid #dfdfdf;">
<tr>
<td></td>
<td class="header container">

<div class="content">
<table bgcolor="#ffffff" class="">
<tr>
<td align="right"><a href="https://k.d.combzmail.jp/t/t3bf/g09kx5u0asw91o4b0u68z"  target="_blank">画像が表示されない時</a></td>
  </tr>

</table>
</div>

</td>
<td></td>
</tr>
</table>

<table class="head-wrap" bgcolor="#f6f6f6">
<tr>
<td></td>
<td class="header container" bgcolor="#ffffff">

<div class="content">
<table bgcolor="#ffffff" class="">
<tr>
<td class="logo"><a href="https://k.d.combzmail.jp/t/t3bf/g09ky5u0asw91o4b0u7Ue" target="_blank"><img src="http://www.webtant-seminar.jp/html-mail/base/img/logo.jpg" alt="サポタント株式会社" border="0"></a></td>
<td align="right">
  <a href="https://k.d.combzmail.jp/t/t3bf/g09kz5u0asw91o4b0ufVv" target="_blank"><img src="http://www.webtant-seminar.jp/html-mail/base/img/mg_markebasics.png" alt="webマーケティング入門" border="0"></a></td>
</tr>
</table>
</div>

</td>
<td></td>
</tr>
</table>

<!------------------------------------ 
---- BODY ----------------------------
------------------------------------->
<table class="body-wrap" bgcolor="#f6f6f6">
<tr>
<td></td>
<td class="container" bgcolor="#FFFFFF">

<!-- content -->
<div class="content">  
  <table>
                <tr>
                  <td height="242"><!-- A Real Hero (and a real human being) -->
                      <p><a href="https://k.d.combzmail.jp/t/t3bf/g09k05u0asw91o4b1ujeg" target="_blank"><img src="http://www.webtant-seminar.jp/html-mail/base/img/mg_ps1.jpg" alt="photoshopの操作は体で覚える" border="0"></a></p>
                      <!-- /hero -->
                      <h2>Photoshopの操作は体で覚える!</h2>
                      <p class="lead">web制作者には切っても切り離せない画像制作ソフトの雄、Photoshop。高機能すぎて手におえない・・!という方も多いのでは?本を買ってイチから勉強しようと思っても相当な時間を要します。でもweb上のバナー制作や商品写真の補正程度の操作であればPhotoshopを端から端まで使い切る必要はありません! web制作現場で必要最低限な操作を講師と一緒に実習しながら習得する「ワークショップ(東京)」や、具体的に今作りたいバナー素材を持込んで仕上げながらわからないところを随時講師に質問できる「よろず相談(大阪)」を活用すれば、本で覚えず体で覚えられますよ</p>
                      <!--<a href="https://k.d.combzmail.jp/t/t3bf/g09k15u0asw91o4b1ukzB" target="_blank" class="btn bg_red">詳細・お申込みはこちら &raquo;</a>
     -->
      詳細・お申込み<br>
      <a href="https://k.d.combzmail.jp/t/t3bf/g09k25u0asw91o4b1uCBq" target="_blank" class="btn bg_red">大阪のよろず相談はこちら &raquo;</a> <a href="https://k.d.combzmail.jp/t/t3bf/g09k35u0asw91o4b1uNms" target="_blank" class="btn bg_red">東京のワークショップはこちら &raquo;</a>
      <!-- Callout Panel 
<p class="callout">
 <a href="#">詳細・お申込みはこちら &raquo;</a>
</p>/Callout Panel -->
                  </td>
                </tr>
              </table>
</div>

<!-- content -->
  <div class="content border_b">
<h3 class="seminarTtl">セミナー人気ランキング</h3>

        <table bgcolor="">
                  <tr>
                    <td class="small" width="10%" align="center" style="vertical-align: top;"><img src="http://www.webtant-seminar.jp/html-mail/base/img/icon_html5_s.gif" alt="SEO" border="0"></td>
                    <td style="padding-left:10px;"><h4> HTML5 マークアップ入門セミナー 
                      <!-- <small>This is a note.</small>-->
                      </h4>
                        <p class="">大きくルールが変更された「5」の仕様をしっかり理解。マークアップの失敗をなくす!</p>
                        <a href="https://k.d.combzmail.jp/t/t3bf/g09k45u0asw91o4b1uH1O" target="_blank" class="btn bg_blue">東京:10月14日(土) &raquo;</a><a href="https://k.d.combzmail.jp/t/t3bf/g09k55u0asw91o4b1uGIU" target="_blank" class="btn bg_blue">大阪:10月14日(土) &raquo;</a></td>
                  </tr>
                </table>
  </div>
<!-- /content -->

<!-- content -->
<div class="content border_b">
<table bgcolor="">
<tr>
<td class="small" width="10%" align="center" style="vertical-align: top;"><img src="http://www.webtant-seminar.jp/html-mail/base/img/sider_icon_d.gif" alt="ppc" border="0"></td>
  <td style="padding-left:10px;">
  <h4>
バナーデザイン企画セミナー
  <!-- <small>This is a note.</small>--></h4>
<p class="">デザイナーにムっとされないバナーの修正指示方法も!</p>
    <a href="https://k.d.combzmail.jp/t/t3bf/g09k65u0asw91o4b1un8h" target="_blank" class="btn bg_blue">東京:10月28日(土) &raquo;</a><!--<a href="https://k.d.combzmail.jp/t/t3bf/g09k75u0asw91o4b1uZ41" target="_blank" class="btn bg_blue">大阪:9月21日(木) &raquo;</a>-->
  </td>
</tr>
</table>
</div><!-- /content -->

<!-- content -->
<div class="content border_b">
<table bgcolor="">
<tr>
<td class="small" width="10%" align="center" style="vertical-align: top;"><img src="http://www.webtant-seminar.jp/html-mail/base/img/icon_css3_s.gif" alt="css"></td>
  <td style="padding-left:10px;">
<h4>
CSS3入門セミナー<!-- <small>This is a note.</small>--></h4>
<p class="">ボタンの角を丸くしたり、文字周りの装飾くらいじゃもう制作ソフトなんて使わない!</p>
    <a href="https://k.d.combzmail.jp/t/t3bf/g09k85u0asw91o4b1uPY6" target="_blank" class="btn bg_blue">東京:10月14日(土) &raquo;</a><a href="https://k.d.combzmail.jp/t/t3bf/g09k95u0asw91o4b1u1Mu" target="_blank" class="btn bg_blue">大阪:10月14日(土) &raquo;</a> 
  </td>
</tr>
</table>
</div><!-- /content -->

<!-- content -->
<div class="content border_b">
<table bgcolor="">
<tr>
<td class="small" width="10%" align="center" style="vertical-align: top;"><img src="http://www.webtant-seminar.jp/html-mail/base/img/sider_icon_ana.gif" alt="アナリティクス"></td>
<td style="padding-left:10px;">
<h4>
Googleアナリティクス(入門)セミナー<!-- <small>This is a note.</small>--></h4>
<p class="">外注に丸投げしていてレポート画面を見てもさっぱりわからない方へ</p>
<a href="https://k.d.combzmail.jp/t/t3bf/g09ka5u0asw91o4b1uiDw" target="_blank" class="btn bg_blue">東京:10月20日(金) &raquo;</a><a href="https://k.d.combzmail.jp/t/t3bf/g09kb5u0asw91o4b1uraA" target="_blank" class="btn bg_blue">大阪:10月18日(水) &raquo;</a>
</td>
</tr>
</table>
</div><!-- /content -->

<!-- content -->
<div class="content">
<table bgcolor="">
<tr>
<td class="small" width="10%" align="center" style="vertical-align: top;"><img src="http://www.webtant-seminar.jp/html-mail/base/img/sider_icon_seo.gif" alt="サイト制作基礎"></td>
  <td style="padding-left:10px;">
<h4>
Googleサーチコンソール活用セミナー 
  <!-- <small>This is a note.</small>--></h4>
<p class="">Googleさんと唯一つながっている窓口ツールを使いこなす!</p>
    <a href="https://k.d.combzmail.jp/t/t3bf/g09kc5u0asw91o4b1uiXU" target="_blank" class="btn bg_blue">東京:10月13日(金) &raquo;</a><a href="https://k.d.combzmail.jp/t/t3bf/g09kd5u0asw91o4b1uaQ4" target="_blank" class="btn bg_blue">大阪:10月11日(水) &raquo;</a>
  </td>
</tr>
</table>


<p class="callout">
 <a href="https://k.d.combzmail.jp/t/t3bf/g09ke5u0asw91o4b1ulNZ" target="_blank">全てのセミナー情報はこちら &raquo;</a>
</p>
</div><!-- /content -->
<!-- COLUMN WRAP -->
<div class="content">
<h3 class="seminarTtl">最先端webコラム</h3>
<table>
<tr>
<td>

<ul class="sidebar">
<li><a href="https://k.d.combzmail.jp/t/t3bf/g09kf5u0asw91o4b1ulav" target="_blank">2017/9/28 【アメリカ発web業界トレンドコラム】<br>
共有経済 &raquo;</a></li>
<li><a href="https://k.d.combzmail.jp/t/t3bf/g09kg5u0asw91o4b1uKeq" target="_blank">2017/9/22 【コーディング】<br>
【初心者向け】CSSがうまく表示されない時のチェック項目(1) &raquo;</a></li>
<li><a href="https://k.d.combzmail.jp/t/t3bf/g09kh5u0asw91o4b1uwsN" target="_blank">2017/9/21 【アメリカ発web業界トレンドコラム】<br>
音声テクノロジー &raquo;</a></li>
<li><a href="https://k.d.combzmail.jp/t/t3bf/g09ki5u0asw91o4b1urqj" target="_blank">2017/9/15 【コーディング】<br>
これは使える!今時のCSS &raquo;</a></li>
</ul>

  </td>
</tr>
</table>

<p class="callout">
 <a href="https://k.d.combzmail.jp/t/t3bf/g09kj5u0asw91o4b1u1u7" target="_blank">全てのコラムはこちら &raquo;</a>
</p>

</div><!-- /COLUMN WRAP -->


<!-- content -->
<div class="content">
<table bgcolor="">
<tr>
<td>

<!-- social & contact -->
<table bgcolor="" class="social" width="100%">
<tr>
<td>

<!--- column 1 -->
<div class="column">
<table bgcolor="" cellpadding="" align="left">
<tr>
<td>

<h5 class="">お知らせ</h5>
<p>サポタントでは、Facebookページ、Twitterアカウントから最新のセミナー情報や、担当者必見のweb系リサーチ結果などを配信しています。</p>
<p class=""><a href="https://k.d.combzmail.jp/t/t3bf/g09kk5u0asw91o4b1ui7Q" target="_blank" class="soc-btn fb">Facebook</a> <a href="https://k.d.combzmail.jp/t/t3bf/g09kl5u0asw91o4b1uYWc" target="_blank" class="soc-btn tw">Twitter</a></p>


</td>
</tr>
</table><!-- /column 1 -->
</div>

<!--- column 2 -->
<div class="column">
<table bgcolor="" cellpadding="" align="left">
<tr>
<td>
<h5 class="">発行&amp;運営 サポタント株式会社</h5>
<p>
<strong><a href="https://k.d.combzmail.jp/t/t3bf/g09km5u0asw91o4b1uCf1" target="_blank">http://www.supotant.com/</a></strong>
<strong><a href="https://k.d.combzmail.jp/t/t3bf/g09kn5u0asw91o4b1uGZ6" target="_blank">http://www.staffhaken.com/</a></strong>
<strong><a href="https://k.d.combzmail.jp/t/t3bf/g09ko5u0asw91o4b1utGa" target="_blank">https://webtant.net/</a></strong>
<strong><a href="https://k.d.combzmail.jp/t/t3bf/g09kp5u0asw91o4b1uUnU" target="_blank">http://www.webtant-seminar.jp/</a></strong></p>
                
</td>
</tr>
</table><!-- /column 2 -->
</div>

<div class="clear"></div>

</td>
</tr>
</table><!-- /social & contact -->


</td>
</tr>
</table>
</div><!-- /content -->

<div class="content">
<table>
<tr>
<td>
<p style="font-size:11px;">●アドレス変更・配信停止はこちらからできます。<br>
<a href="https://k.d.combzmail.jp/t/t3bf/g09kq5u0asw91o4b1ut4i" target="_blank">http://www.webtant-seminar.jp/mailmagazine.html</a><br>
●全文・一部文書を転載される場合は次の条件をお守りください。<br>
サイトURLと署名行を併記<br>
●このメールアドレスは配信専用アドレスです。ご返信はいただいけません。</p>
                
</td>
</tr>
</table>
  </div>
</td>
<td></td>
</tr>
</table>


</body>
</html>