/********************/
/*** フォント指定 ***/
/********************/

@font-face {
    font-family: 'NitalagoRuikaSeikyo-09';
    src: url(./font/NitalagoRuikaSeikyo-09.ttf);
}

@font-face {
    font-family: 'GenJyuuGothicL-Medium';
    src: url(./font/GenJyuuGothicL-Medium.ttf);
}

/*** ドロップシャドウ ***/
.shadow-black {
    text-shadow: 1px 1px 1px rgba(63,63,63,0.4);
}

.shadow-blue {
    text-shadow: 1px 1px 1px rgba(63,63,128,0.4);
}

/*** アラート文字 ***/
.alert {
    color:#ff0000;
}

/*** 装飾 ***/
/* 文字を太くする */
.strong {
    font-weight:bold;
}

/* より大きく */
.larger {
    font-size:larger;
}

/* より小さく */
.smaller {
    font-size:smaller;
}

/* 下線 */
.underline {
    text-decoration-line:underline;
}

/* 点線 */
.dottedline {
    text-decoration:dotted;
}

/* 破線 */
.dashedline {
    text-decoration:dashed;
}

/*** 文字の色を変更する ***/
/* 赤 */
.red {
    color:red;
}
/* オレンジ */
.orange {
    color:orange;
}
/* 黄色 */
.yellow {
    color:yellow;
}
/* 黄緑 */
.lightgreen {
    color:lightgreen;
}
/* 緑 */
.green {
    color:green;
}
/* 水色 */
.lightblue {
    color:lightblue;
}
/* 青 */
.blue {
    color:blue;
}
/* 紫 */
.purple {
    color:purple;
}
/* ピンク */
.pink {
    color:pink;
}
/* 黒 */
.black {
    color:black;
}
/* 白 */
.white {
    color:white;
}
/* 茶 */
.brown {
    color:brown;
}
/* 灰 */
.gray {
    color:gray;
}

/*** 蛍光マーカー風 ***/
/* ピンク */
.marker-pink {
background: linear-gradient(transparent 60%, #ff99cc 0%);
}

/* 紫 */
.marker-purple {
background: linear-gradient(transparent 60%, #cc99ff 0%);
}

/* オレンジ */
.marker-orange {
background: linear-gradient(transparent 60%, #ffa500 0%);
}

/* 黄 */
.marker-yellow {
background: linear-gradient(transparent 60%, #ffff00 0%);
}

/* 黄緑 */
.marker-green {
background: linear-gradient(transparent 60%, #5bed3b 0%);
}

/* 水色 */
.marker-blue {
background: linear-gradient(transparent 60%, #99ccff 0%);
}

/*** 配置 ***/
/* 左寄せ */
.alignleft {
    text-align:left;
}

/* 中央揃え */
.aligncenter {
    text-align:center;
}

/* 右寄せ */
.alignright {
    text-align:right;
}

/* インデントをnつ右に */
.indent1 {
    padding-left:16px;
    padding-right:0px;
}

.indent2 {
    padding-left:32px;
    padding-right:16px;
}

.indent3 {
    padding-left:48px;
    padding-right:32px;
}

.indent4 {
    padding-left:64px;
    padding-right:48px;
}