/* 見出しＣＳＳ */

/* 左・下ボーダー */
.border {
	position: relative;
	/*padding: .25em 0 .5em .75em;*/
  margin: .0em 0 .5em .0em;
  padding: .20em 0 .5em .75em;
	border-left: 6px solid #2b385d;
  font-size:1.3em;  /*追加ＣＳＳ*/
}
.border::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #2b385d;
}

/* 下ボーダー */
.border_btm {
	position: relative;
  margin: .20em 0 .7em .75em;
  padding: .20em 0 .1em .0em;
	border-bottom: 1px solid #2b385d;
}

.border_btm2 {
	position: relative;
  margin: .20em 0 .7em .0em;
  padding: .20em 0 .1em .0em;
	border-bottom: 1px solid #2b385d;
  font-size:1.3em;
}




/* 吹き出し */
.fukidashi{
    position:relative;
    margin:0 15px;
    padding:10px 20px;
    font:bold 24px/1.6 Arial, Helvetica, sans-serif;
    color:#333;
    border:#333 solid 3px;
    border-radius:18px;
    background:#fff;
    box-shadow:
        -7px -5px 0 0 #e8e8e8 inset,
        2px 3px 0 0 #000;
}

.fukidashi:before{
    content:" ";
    position:absolute;
    top:100%;
    left:14px;
    width:0;
    height:0;
    border-width:20px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#333;
}

.fukidashi:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#e8e8e8;
}

/*テープ */
.tape{
    /*width:1200px; 追加
    font-size:2.0em; */
    font-size:1.5em;
    position:relative;
    margin:20px 0 5px 0;
    /*margin:0 -1px;*/
    padding:10px;
    /*padding:35px;*/
    /*font:bold 30px/1.6 Arial, Helvetica, sans-serif;*/
    /*text-align:center;*/
    color:#333;
    /*color:#fff;*/
    background:#f0e800; /*黄色*/
    /*background:#00236f;*/
    /*-webkit-transform: rotate(-2deg) skew(-2deg);
    -moz-transform: rotate(-2deg) skew(-2deg);
    -o-transform: rotate(-2deg) skew(-2deg);
    -ms-transform: rotate(-2deg) skew(-2deg);
    transform: rotate(-2deg) skew(-2deg);*/
    -webkit-transform: rotate(-3deg) skew(-3deg);
    -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    -ms-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    text-shadow:1px 1px 0 rgba(255,255,255,1); 文字の影
    /*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),10px 0 0 0 #001968,-10px 0 0 0 #001968;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),30px 0 0 0 #f0e800,-30px 0 0 0 #f0e800;*/
}

.tape a{
    color:#333; 
}

.tape a:hover{
    color:#333; 
}

/* 切り取り線 */
.cutoff_line{
    position:relative;
    margin:20px 15px 20px 15px;
    /*padding:5px;*/
    padding:20px 15px 20px 15px;
    /*font:bold 24px/1.6 Arial, Helvetica, sans-serif;*/
    /*text-align:center;*/
    /*color:#655;*/
    border-top:1px dashed #aaa;
    border-bottom:1px dashed #aaa;
    background:#f5f5f5;
    /*background:#eee;
    text-shadow:1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;*/
}

/* かちかえし */
.kachikaeshi{
    border-left: 12px solid #203744;
    text-shadow: 1px 1px 3px #000;
    color: #203744;
    font-size: 18pt;
    padding: 10px;
    box-shadow: 0 5px 2px -2px #203744;
}

/* 角丸右（濃いグレーベタ） */
.kadomaru_r{
    color: #fff;
    font-size: 1.5em;
    width: 100%;
    border-radius: 0 30px 30px 0 / 0 30px 30px 0;
    /*box-shadow: 0 1px 10px 0 #69821b;*/
    /*text-shadow: 0 0 5px;padding: 10px;*/
    /*margin-left: 20px;*/
    padding: 7px 0px 7px 10px; /*追加*/
    background-color:#1e1e1e;
    /*background-image:-moz-linear-gradient(top, #1e1e1e, #6a6a6a);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#6a6a6a));
    background-image:-webkit-linear-gradient(top, #1e1e1e, #6a6a6a);
    background-image:-o-linear-gradient(top, #1e1e1e, #6a6a6a);
    background-image:linear-gradient(to bottom, #1e1e1e, #6a6a6a);
    background-repeat:repeat-x;*/
}

/* 角丸右（紺グラデ） */
.kadomaru_r2{
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    border-radius: 0 30px 30px 0 / 0 30px 30px 0;
    /*box-shadow: 0 1px 10px 0 #69821b;*/
    /*text-shadow: 0 0 5px;padding: 10px;*/
    /*margin-left: 20px;*/
    padding: 5px 0px 5px 7px; /*追加*/
    background-color:#081742;
    background-image:-moz-linear-gradient(top, #081742, #2b385d);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#081742), to(#2b385d));
    background-image:-webkit-linear-gradient(top, #081742, #2b385d);
    background-image:-o-linear-gradient(top, #081742, #2b385d);
    background-image:linear-gradient(to bottom, #081742, #2b385d);
    background-repeat:repeat-x;
}

/* リボン */
.ribbon{
    position:relative;
    margin:0 -10px;
    /*padding:5px;*/
    padding:13px;
    /*font:normal 28px/1.6 "Times New Roman", Times, serif;*/
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#ffe8e8;    /*薄いピンク*/
    /*background:#f99;  ピンク*/
      background:#4169e1;   /*青*/
    /*-webkit-transform: rotate(-3deg) skew(-3deg);
    -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);*/
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(           rgba(0, 0, 0, 0.0)),
            color-stop(0.08, rgba(255, 255, 255, 0.5)),
            color-stop(0.12, rgba(255, 255, 255, 0.5)),
            color-stop(0.12, rgba(0, 0, 0, 0.0)),
            color-stop(0.88, rgba(0, 0, 0, 0.0)),
            color-stop(0.88, rgba(255, 255, 255, 0.5)),
            color-stop(0.92, rgba(255, 255, 255, 0.5)),
            color-stop(0.92, rgba(0, 0, 0, 0.0)),
            to(             rgba(0, 0, 0, 0.0))
            );
    background-image: -moz-linear-gradient(top,
            transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%
            );
    background-image: -o-linear-gradient(top,
            transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%
            );
    background-image: linear-gradient(to bottom,
            transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%
            );
}

.ribbon:before{
    content:" ";
    position:absolute;
    top:-5px;
    left:0;
    width:0;
    height:0;
    border-width:0 0 5px 10px;
    border-style:solid;
    border-color:transparent;
    /*border-bottom-color:#c66; 上の折れ目：ピンク 
    border-bottom-color:#000c66;*/
}

.ribbon:after{
    content:" ";
    position:absolute;
    top:100%;
    right:0;
    width:0;
    height:0;
    border-width:5px 10px 0 0;
    border-style:solid;
    border-color:transparent;
    /*border-top-color:#c66;  下の折れ目：ピンク */
    border-top-color:#000c66;
}

.ribbon a{
    color:#fff; 
}

.ribbon a:hover{
    color:#fff; 
}

/* シンプル */
.simple{
    width:100%; /* 追加 */
    color: #656565;
    /* color: #111;*/
    font-size: 2em;
    font-weight: bold;
    font-family: "ＭＳ 明朝",serif; 
    margin: 2em 0px 1em 0;
    padding-left: 0.3em;
    /*border-bottom: 2px solid #B92A2C;
    border-bottom: 2px solid #00236f;
    box-shadow: 0 1px 0 #aaaaaa;
    -webkit-box-shadow: 0 1px 0 #aaaaaa;
    -moz-box-shadow: 0 1px 0 #aaaaaa; */
    text-shadow: #999999 0px 1px 1px;
}

/* 付箋 */
.fusen {
    /*width:70%;*/
    background:#eaf4fc;
    /*font-size:18pt;*/
    /*color:#164a84;*/
    -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #eaf4fc,15px 15px 1px -4px rgba(0,0,0,0.2);
    -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #eaf4fc,15px 15px 1px -4px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #eaf4fc,15px 15px 1px -4px rgba(0,0,0,0.2);
    /*padding:10px; */
    padding:15px;
}


/* 旗 */
.flag{
    position:relative;
    margin:10px 10px 20px 15px;
    padding:10px 15px 10px 10px;
    font:bold 22px/1.2 Arial, Helvetica, sans-serif;
    color:#fff;
    /*background:#c33;*/
}

.flag:before{
    content:"<";
    position:absolute;
    top:middle;
    left:-10px;
    width:0;
    height:0;
    font-size:25px;
    line-height:1.0;
    color:#c96;
}

.flag:after{
    content:" ";
    position:absolute;
    top:-2px;
    left:-10px;
    width:0;
    height:130%;
    border:#600 solid 2px;
    border-radius:2px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

/* 追加ＣＳＳ　旗の色 */
.iro-blue{
    background:#06c;
}
.iro-red{
    background:#c33;
}
.iro-yellow{
    background:#cc3;
}

.iro-gry{
    background:#1e1e1e;
}


/* アメリカンな(?)吹き出し */
.america{
    width: 100%; /*追加 */
    position:relative;
    padding:5px 20px;
    font:bold 28px/1.6 Arial, Helvetica, sans-serif;
    color:#333;
    background:#fff;
    /*text-shadow:
        1px 1px 0 #fff,
        2px 2px 0 #999;*/
    border-top:#333 solid 3px;
    border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
            from(           rgba(255, 255, 255, 0.0)),
            color-stop(0.4, rgba(255, 255, 255, 0.0)),
            color-stop(0.4, rgba(0, 0, 0, 0.1)),
            color-stop(0.6, rgba(0, 0, 0, 0.1)),
            color-stop(0.6, rgba(255, 255, 255, 0.0)),
            to(             rgba(255, 255, 255, 0.0))
            );
    background-image: -webkit-linear-gradient(top -45deg,
            transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
            );
    background-image: -moz-linear-gradient(top -45deg,
            transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
            );
    background-image: -o-linear-gradient(top -45deg,
            transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
            );
    background-image: linear-gradient(to bottom -45deg,
            transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
            );
    background-size:4px 4px;
}

.america:before{
    content:" ";
    position:absolute;
    top:100%;
    left:24px;
    width:0;
    height:0;
    border-width:12px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#333;
}

.america:after{
    content:" ";
    position:absolute;
    top:100%;
    left:28px;
    width:0;
    height:0;
    border-width:8px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#f0f0f0;
    z-index:1;
}


/* 付箋2 */
.fusen2{
    position:relative;
    /*margin:0 22px 0 10px;
    padding:14px 15px 0px 20px;*/
    margin:0 12px 20px 0;
    padding:15px;
    /*font:normal 24px/1.3 serif;
    color:#009;
    background:#ffc;
    box-shadow:
        12px 0 0 0 #ffc,
        0 12px 0 0 #ffc,
        1px 15px 4px -3px rgba(0,0,0,0.2);*/
    background:#eaf4fc;
    box-shadow:
        12px 0 0 0 #eaf4fc,
        0 12px 0 0 #eaf4fc,
        1px 15px 4px -3px rgba(0,0,0,0.2);
}

.fusen2:before{
    content:" ";
    position:absolute;
    top:100%;
    left:100%;
    width:0;
    height:0;
    border-width:12px 12px 0 0;
    border-style:solid;
    border-color:transparent;
    /*border-top-color:#cc9;*/
    border-top-color:#9cc;
}

/*.fusen2:after{
    content:" ";
    position:absolute;
    padding:0 20px;
    bottom:0;
    left:10px;
    width:120px;
    height:20px;
    background:rgba(255,182,182,0.4);
    -webkit-transform: rotate(-1deg); 
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}*/


/* メモ帳風　*/
.blockquote {
  background:#eaf4fc; 
  /*background:#fffbe6; クリーム色*/
  /* background: #eee url(http://www.webcreatorbox.com/sample/images/quote.gif) no-repeat 10px 10px ;*/
  padding: 15px;
  /*padding: 25px;*/
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;*/

  /*box-shadow: 5px 5px 10px #000;  ボックスシャドウ 
    -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;*/ 
}


.blockquote li {
  list-style-type : none;
  padding:5px 10px;
  border-bottom:1px solid #84b2e0;
}


/* ポストイット風 */
.gracias{
    position:relative;
    margin:10px 0 10px 0; /* 追加したCSS */
    /*margin:0 10px;*/
    padding:0 10px 0 55px;
    font:bold 1.2em/2.4em Arial, Helvetica, sans-serif;
    /*font:bold 22px/40px Arial, Helvetica, sans-serif;*/
    /*color:#666;*/
    background:#f3f3f3;
    z-index:1;
}

.gracias:before{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    border-right:#fff solid 2px;
    /*background:#f60; 一番濃い朱色 */
    background:#33CCCC;
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(            rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(              rgba(255, 255, 255, 0.6))
            );

    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,1
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}

.gracias:after{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
            from(            rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(              rgba(255, 255, 255, 0.6))
            );

    background-image: -webkit-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -moz-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -o-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: linear-gradient(to right,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}

/* キラキラ */
.kirakira{
    position:relative;
    margin:0 10px;
    padding:5px 10px 3px 55px;
    font-size:2.0em;
    /*font:bold 1.2em/2.4em Arial, Helvetica, sans-serif;
    font:bold 22px/40px Arial, Helvetica, sans-serif;
    color:#000;
    background:#f3f3f3;
    z-index:1;
    text-shadow: #999999 0px 1px 1px;*/
}

.kirakira:before{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    border-right:#fff solid 2px;
    background:#f60;/*一番濃い朱色 */
    /*background:#33CCCC;*/
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(            rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(              rgba(255, 255, 255, 0.6))
            );

    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,1
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}

.kirakira:after{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
            from(            rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(              rgba(255, 255, 255, 0.6))
            );

    background-image: -webkit-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -moz-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -o-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: linear-gradient(to right,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}