<link rel="stylesheet" type="text/css" href="slick.css">

<link rel="stylesheet" type="text/css" href="slick-theme.css">

<script type="text/javascript" src="jquery.min.js"  ></script>

<script type="text/javascript" src="slick.min.js"></script>

 

<script>

$("document").ready(function(){

  $('.mypattern').slick({

    autoplay: true,

    autoplaySpeed: 2500,

    speed: 800,

    dots: true,

    arrows: false,

    centerMode: true,

    centerPadding: '10%'

  });

}); 

</script>

 

<style>

  * {

    margin: 0;

    padding: 0;

  }

  .slider {

    width: 90%;

    margin: 0 auto 80px;

  }

  .slick-slide img {

    width: 100%;

    height: auto;

  }

  .mypattern{

    width: 100%;

  }

  .mypattern .slick-slide{

    margin: 5px;

  }

</style>

 

<div class="content">

  <div class="slider mypattern">

    <div><a href="#"><img src="画像URL"></a></div>

    <div><a href="#"><img src="画像URL"></a></div>

    <div><a href="#"><img src="画像URL"></a></div>

    <div><a href="#"><img src="画像URL"></a></div>

    <div><a href="#"><img src="画像URL"></a></div>

    <div><a href="#"><img src="画像URL"></a></div>

    <div><a href="#"><img src="画像URL"></a></div>

  </div>

</div>

日本語のように空白文字で区切らない言語はtext-align(-last)だけだと均等にならない。

text-justify:inter-ideographをつける必要がある。

text-justifyはIEが独自での採用したもので、inter-ideograph を指定すれば日本語・中国語・韓国語の文字間隔を調整して両端揃えにしてくれるそうです。

スウォッチパネル（パレット）にて特色のカラーを選択し、スウォッチパネルのメニューから「スウォッチオプション」を選択します。

スウォッチオプションの画面が開いたら、カラータイプが「特色」になっていることを確認します。この「特色」と書いてある部分をクリックします。

カラータイプを「プロセスカラー」に変更します。

カラータイプの下にある「グローバル」のチェックも外します。