@charset "utf-8";


a{cursor:crosshair;}
body{cursor:crosshair;}


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

/* 背景色とスクロールバー、ページ四辺のスペース。デフォルトでスクロールバーの見た目が変わるのはIEのみです。 */
body  { 
background-color:#ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #666666;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff
;margin:3% 5% 5% 10%;
}

/* スクロールバーの設定（Chrome,Safari用） */
body::-webkit-scrollbar
{
    width: 12px;
}
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /*余白シャドウ*/
    border-radius: 10px;
}
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background: rgba(159,188,196,0.8); /*スクロールバー色*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /*シャドウ*/
}

/* ページ全体のフォント */
body,div{ color:#404040; font-size:90%; font-family:Verdana,sans-serif, "ＭＳ Ｐゴシック",Osaka;}

/* index.htmlとkiji.html共通のページ上のアンカー部分 */
.anc{width:80%;text-align:right;}

/* index.htmlのシリーズタイトル枠線部分 */
.idx1{width:80%;margin-top:40px;border-bottom:1px #404040 solid;position:relative;}

/* index.htmlのシリーズタイトル部分です。シリーズタイトルの長さに合わせて適宜調節してください。また、background-colorは必ず指定してください（ここでは白にしてあります）。文字サイズによってはデザインが崩れる場合があります。 */
.idx2{width:25%;font-size:100%;border:1px #404040 solid;position:absolute;display:inline;top:-15px;left:0%;background-color:#ffffff;padding:5px;text-align:center;}

/* index.htmlの作品タイトルと作品紹介部分 */
.titles1{padding-top:20px;padding-left:10px;}
.titles2{padding-left:10px;}
.info{width:75%;padding:5px 0 15px 20px;line-height:140%;}

/* kiji.htmlの作品タイトル枠線全体の指定 */
.title1{ width:80%;margin-top:40px;border-top:1px #404040 solid;position:relative;}

/* kiji.htmlの作品タイトル部分です。タイトルの長さに合わせて適宜調節してください。また、background-colorは必ず指定してください（ここでは白にしてあります）。文字サイズによってはデザインが崩れる場合があります。 */
.title2{width:140px;font-size:100%;border:none; position:absolute;display:inline;top:-7px;left:0%;background-color:#ffffff;}

/* kiji.htmlの◆の指定 */
.f1{color:#707070;}
.f2{color:#a0a0a0;}
.f3{color:#c0c0c0;padding-right:5px;}

/* kiji.htmlの記事部分の指定 */
.kiji{width:80%;padding-top:30px;padding-bottom:30px;line-height:150%;}

/* kiji.htmlの日付の枠線全体の指定 */
.date1{ width:80%;border-top:1px #404040 solid;position:relative;}

/* kiji.htmlの日付部分です。日付の長さに合わせて適宜調節してください。また、background-colorは必ず指定してください（ここでは白にしてあります）。文字サイズによってはデザインが崩れる場合があります。
ボーダーの右端部分が日付に重なる場合は、rightの値をマイナスに指定してみてください。 */
.date2{font-size:100%;color:#404040;width:150px;border:none; position:absolute;display:inline;top:-9px;right:0%;background-color:#ffffff;text-align:right;}

/* kiji.htmlのページ下のアンカー部分 */
.guide1{padding-top:40px;}
.guide2{padding-right:30px;}

/* index.htmlとkiji.html共通の著作権表示部分 */
.guide3{padding-top:10%;text-align:right;}

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