@charset "shift_jis";

/* リンク部分の装飾 */
a{text-decoration:none;}
a:link{color:#3f3f3f;}
a:visited{color:#9f9f9f;}
a:hover{color:#669933;text-decoration:underline;}
a:active{color:#c0c0c0;}

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

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

/* 全体のサイズ。（widthを極端に変えると表示が崩れる場合があります） */
.page {position:relative;width:90%;}

/* ページ左側の指定。#を消さないでください。（数値を極端に変えると表示が崩れる場合があります） */
#left { position:absolute;top:0;left:0;padding-bottom:60px;width:65%;}

/* ページ右側の指定。#を消さないでください。（数値を極端に変えると表示が崩れる場合があります） */
#titles { position:absolute;top:80;left:65%;width:35%;}

/* 質問・お題タイトル部分。（widthを極端に変えると表示が崩れる場合があります） */
.title{width:120%;border:#5f5f5f 3px; border-style: solid double double solid;padding:0px 0px 3px 8px;padding:3px;text-align:center; font-size:large; font-family:serif;}

/* 質問部分。文字色を変えるにはcolorの数値を変えてください。（widthを極端に変えると表示が崩れる場合があります） */
.ques{width:90%;color:#669933;padding-top:20px;}

/* 回答部分。（widthを極端に変えると表示が崩れる場合があります） */
.ans{width:90%;padding-left:10px;line-height:140%;}

/* 質問配布サイトの著作権部分。（widthを極端に変えると表示が崩れる場合があります） */
.copy{width:90%;margin-top:30px;border:#5f5f5f 1px solid;padding:3px;text-align:center;}

/* 「このページのTOPへ」と「最初のページへ」の部分。（widthを極端に変えると表示が崩れる場合があります） */
.guide{width:90%;margin-top:20px;text-align:right;}

/* 右側の質問・お題一覧部分。linksのwidthは各項目の平均的な長さに合わせて調整してください。 */
.links{width:170px;border:#5f5f5f 1px solid;padding:15px;text-align:center;}

/* 一覧部分の質問・お題ひとつずつの位置指定。質問・お題どうしの行間の高さを調整するにはpadding-bottomの値を変えてください。*/
.works{text-align:right;}

/* 作品紹介記事部分 */
.idxguide{width:90%;color:gray;border-bottom:1px silver solid;padding-left:10px;border-left:1px silver solid;margin-bottom:30px;margin-left:25px;padding:5px;}

.rank{font-style:italic;}
.chara{width:90%;margin:5 0;padding:5 10;border:3px double silver;font-size:small;}
.chara1{width:90%;margin:5 0;padding:5 10;border:1px solid silver;font-size:small;}
.interview{padding:15px;border:1px dashed silver;}
	
/* A Moveable Feast(http://twedgi.net/feast/) */