@charset "shift_jis";

/* リンク部分の装飾 */
a{text-decoration:none;}
a:link{color:#ffffff;}
a:visited{color:#FFFF99;}
a:active{color:#c0c0c0;}
a:hover{color:#000000;text-decoration:underline;}

/* ページ全体の背景色、フォントの指定 */
body,div{background-color:#808080; color:#ffffff; font-size:90%;font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;}

/* 左右全体のサイズ  */
.page{position:relative;width:80%;}

/* 左右の段組み指定  */
#indx {position:absolute;top:30px;left:40px;width:30px;font-size:100%;}
#right {position:absolute;top:30px;left:90px;width:80%;font-size:100%;}

/* 左右の記事部分共通の指定  */
.log{width:100%;font-size:100%;}

/* 左側の見出し部分。background-color が下の■の色と対応しています。適当にお好きな色に変えてくださいね  */
.lt1{width:30px;height:30px;font-size:100%;background-color:#a8c7a8;border:1px #404040 solid;;margin-top:20px;}
.lt2{width:30px;height:30px;font-size:100%;background-color:#a8c7c4;border:1px #404040 solid;margin-top:20px;}
.lt3{width:30px;height:30px;font-size:100%;background-color:#a8b7c7;border:1px #404040 solid;margin-top:20px;}
.lt4{width:30px;height:30px;font-size:100%;background-color:#c7b5a8;border:1px #404040 solid;margin-top:20px;}
.lt5{width:30px;height:30px;font-size:100%;background-color:#c7c7a8;border:1px #404040 solid;margin-top:20px;}
.lt6{width:30px;height:30px;font-size:100%;background-color:#F5F5DC;border:1px #404040 solid;margin-top:20px;}
.lt7{width:30px;height:30px;font-size:100%;background-color:#FFE4E1;border:1px #404040 solid;margin-top:20px;}
.lt8{width:30px;height:30px;font-size:100%;background-color:#B0E0E6;border:1px #404040 solid;margin-top:20px;}
.lt9{width:30px;height:30px;font-size:100%;background-color:#D8BFD8;border:1px #404040 solid;margin-top:20px;}
.lt10{width:30px;height:30px;font-size:100%;background-color:#F0E68C;border:1px #404040 solid;margin-top:20px;}
.lt11{width:30px;height:30px;font-size:100%;background-color:#9999FF;border:1px #404040 solid;margin-top:20px;}
.lt12{width:30px;height:30px;font-size:100%;background-color:#FF9933;border:1px #404040 solid;margin-top:20px;}
.lt13{width:30px;height:30px;font-size:100%;background-color:#CCFFCC;border:1px #404040 solid;margin-top:20px;}
.lt14{width:30px;height:30px;font-size:100%;background-color:#CC6666;border:1px #404040 solid;margin-top:20px;}
.lt15{width:30px;height:30px;font-size:100%;background-color:#FFE4E1;border:1px #404040 solid;margin-top:20px;}
.lt16{width:30px;height:30px;font-size:100%;background-color:#FFE4C4;border:1px #404040 solid;margin-top:20px;}
.lt17{width:30px;height:30px;font-size:100%;background-color:#DEB887;border:1px #404040 solid;margin-top:20px;}
.lt19{width:30px;height:30px;font-size:100%;background-color:#6B8E23;border:1px #404040 solid;margin-top:20px;}
.lt20{width:30px;height:30px;font-size:100%;background-color:#FFF8DC;border:1px #404040 solid;margin-top:20px;}
.lt21{width:30px;height:30px;font-size:100%;background-color:#a8c7a8;border:1px #404040 solid;;margin-top:20px;}
.lt22{width:30px;height:30px;font-size:100%;background-color:#a8c7c4;border:1px #404040 solid;margin-top:20px;}
.lt23{width:30px;height:30px;font-size:100%;background-color:#a8b7c7;border:1px #404040 solid;margin-top:20px;}

/* 左側の見出し部分TOP用  */
.lt0{width:30px;height:30px;font-size:100%;background-color:#ffffff;border:1px #404040 solid;margin-top:20px;}

/* space.pngにリンクがはられた時の枠線を消す */
img{border:none;}

/* 右側の枠線部分 */
.rightbox{width:100%;font-size:100%;margin-bottom:60px;border:1px #404040 solid;padding:20px 20px 20px 30px;}

/* index.htmlのタイトル部分  */
.maintitle{width:100%;font-size:140%;margin-bottom:20px;}

/* index.htmlの右側記事部分  */
.idxkiji{width:100%;margin-bottom:30px;font-size:100%;line-height:150%;}

/* 作品タイトル部分の■の色。上の .lt に対応しています。適当に変えてくださいね */
.f1{color:#a8c7a8;}
.f2{color:#a8c7c4;}
.f3{color:#a8b7c7;}
.f4{color:#c7b5a8;}
.f5{color:#c7c7a8;}
.f6{color:#F5F5DC;}
.f7{color:#FFE4E1;}
.f8{color:#B0E0E6;}
.f9{color:#D8BFD8;}
.f10{color:#F0E68C;}
.f11{color:#9999FF;}
.f12{color:#FF9933;}
.f13{color:#CCFFCC;}
.f14{color:#CC6666;}
.f15{color:#FFE4E1;}
.f16{color:#FFE4C4;}
.f17{color:#DEB887;}
.f19{color:#6B8E23;}
.f20{color:#FFF8DC;}
.f21{color:#a8c7a8;}
.f22{color:#a8c7c4;}
.f23{color:#a8b7c7;}

/* index.htmlの■で始まる作品タイトル部分 */
.pagetitle{width:100%;font-size:100%;padding-bottom:6px;}

/* その下の紹介文部分 */
.guide{width:100%;font-size:100%;padding-bottom:20px;padding-left:10px;line-height:150%;}

/* 01.html〜05.htmlの作品タイトル部分  */
.title{width:100%;font-size:110%;margin-bottom:20px;text-align:center;}

/* 01.html〜05.htmlの記事部分。行の高さとパディング値は罫線画像のサイズに合わせてありますので、数値を変えますと罫線と文章がずれる場合があります。粗いほうの罫線に変えるにはline1をline2に書き換えてください  */
.kiji{width:100%;font-size:100%;line-height:20px;background-image:url(./line1.gif);padding-top:20px;}

/* 01.html〜05.htmlの後書き部分  */
.ps1{width:70%;font-size:100%;margin-top:40px;border-bottom:1px #909090 dotted;padding-bottom:3px;}
.ps2{width:70%;font-size:100%;padding-top:6px;line-height:150%;}

/* 高さ調節用。heightは適当な数値にしてくださいませ */
.spce{width:100%;height:200px;}

/* HOME部分  */
.rightfooter{width:100%;font-size:100%;padding-top:30px;text-align:center;}

/* 当方の著作権表示部分  */
.amf{width:100%;margin-bottom:60px;font-size:100%;}

/* A Moveable Feast(http://twedgi.net/feast/) */