カラーコードとurlを指定するだけでCSSが作れます！

/* 作成者:YOU */




/* 全体背景色(画像の場合下のソース) */
body{background:#(カラーコード)}

/* 全体の文字色 */
body{color:#(文字色)}

/* 全体背景画像(略) */
body{background-image:url(URL);}

/* お話説明欄の設定 */
div#desc{background-color:#(背景色);color:#(文字色);border:(px) (線の種類) (線の色);}

/* お話説明欄の設定2(上しか使わない場合消してください) */
div#desc{background-image:url();}

/* お話説明欄をスクロール */
div#desc{background-image:url(画像URL,(なしでもok,その場合は()だけ));
background-repeat:no-repeat;background-size:(サイズ);background-position:(画像の位置);text-shadow:1px 1px 2px #FFFFFF,-1px -1px 2px #FFFFFF,-1px 1px 2px #FFFFFF,1px -1px 2px #FFFFFF;height:500px;overflow:auto;}@media screen and (max-width:600px){div#desc{height:345px;}}

/* 画像の位置→
center center　→真ん中
bottom right　→右下

サイズ→
右下に置かない場合は❰cover❱、右下に置くときは25emぐらいが良いかと。 */

/* お話選択の設定1 */
form#dr{background-color:#(背景色) !important;color:#(文字色) !important;border:(px) (線の種類) #(線の色) !important;}

/* お話設定の設定2 */
form#dr a:link{color:#(お話選択肢の文字色) !important;}
form#dr{background-image:url(画像URL) !important}

/* タイトル */
h1.utitle a{color:#(文字色) !important;text-shadow: (影の設定) !important}
/* 白い文字にお好きな影の色をつけたい場合,上のを使う場合消してください↓ */
h1.utitle a{color:#FFFFFF !important;text-shadow:1px 1px 2px #(影),-1px -1px 2px #(影),-1px 1px 2px #(影),1px -1px 2px #(影)}

/* ピックアップの下の線 */
#navigation h2{border-bottom:(px) (線の種類) (線の色) !important}

/* コメント欄の設定 */
.commentform{background-color:#(背景色) !important;color:#(文字色) !important;}

/* ○○○関連の設定 */
.block_head{background-color:#(背景色) !important;color:#(文字色) !important;}

/* 次のお話に移るところ */
.p_next span{background-color:#(背景色) !important;color:#(文字色) !important}

/* ページタイトルの設定 */
.result h3{background-color:#(背景色) !important;color:#(文字色) !important;border;(px) (線の種類) (線の色) !important}

/* ボタンの設定 */
input[type=submit]{background-color:#(背景色);color:#(文字色);border:(px) (線の種類) (線の色);border-radius:(削るpx)}

/* ボタンの設定2 */
input[type=submit]{background-image:url(画像URL);text-shadow: (影の設定);}
/* text-shadowはいじらなくてもokです */

/* テキスト欄の設定 */
input[type=text]{background-color:#(背景色);color:#(文字色);border-radius:(削るpx);}

/* リンクの設定 */
a:link{color:#(通常のリンクの文字色);}

a:visited{color:#(行ったことのあるリンクの文字色) !important;}

a:hover{background-color:#(カーソルが上にきたときの背景色);color:#(カーソルが上にきたときの文字色);}

/* 横のメニュー設定(人気の作品があるところ) */
#navigation{background-color:#(全体の背景色) !important;color:#(メニュー全体の文字色) !important;}#navigation h2{background-color:#(ピックアップなどの欄の背景色) !important;}



/* カーソルが上にきたときの下の線を消す(消さなくていい場合はこの設定を消してください) */
a:hover,a:active{text-decoration:none;}

/* カーソルを十字にする(そうでない場合は消してください) */
*{cursor:crosshair;}textarea,input[type=text]{cursor:auto;}

/* 影 */

/* タイトルに影 */
h1.utitle a{text-shadow:(影の設定) !important}

/* タイトルの文字色 */
h1.utitle a{color:#(文字色) !important;}

/* タイトルの一文字だけ大きくする */
h1.utitle a:first-letter{color:#(文字色) !important; font-size: 125%; margin: 0.1em; padding: 0.08em 0.2em; box-sizing: border-box; display: inline-block; }

/* 評価の変え方(☆のところ) */
.unit-rating{background:url(URL);background-size:auto 30px;}
/* お好きなURL */

.unit-rating li.current-rating{background:url(URL);background-size:auto 30px;}
/* 3番目と同じURL */

.unit-rating li a:hover{background:url(URL);background-size:auto 30px;}
/* 2番目と同じ1URL */






/*fin.*/