@charset "UTF-8";
/*************************************
POTI-board用スキン「Limited_C」専用 スタイルシート。
　　by.みねぷう

・スタイルシートに著作権を主張するつもりはないので，適当に扱って下さい。
・以下の色しか使ってないので，一括置換で色替えするのがラクでしょう。

　　●現在の配色●
#ffffff = 背景色
#5f5f5f = テキストの色とか
#8FB3C9 = メインカラー
#C4C4C4 = サブカラー
#6866D0 = 注意を引きたい色
#ffffff = 記事背景色

　　●色選択を許可する場合の各色●
#8FB3C9 = C01
#93ABC3 = C02
#9A9EB8 = C03
#A395AF = C04
#B28296 = C05
#BD6D6F = C06
*************************************/


/*************************************/
/* ブラウザのデフォ値を補整（特にさわる必要はないです。） */
body,td,th,caption,div,p,blockquote,address,ul,ol,dl{
	font-size : 12px;
	font-weight: normal;
	font-style : normal;
	color : #5f5f5f;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}
div,p,blockquote,ul,ol,dl{
	line-height : 140%;
}
body,p,blockquote,address,ul,ol,dl,h1,h2,h3,h4,form,input,textarea{
	padding : 0px;
	margin : 0px;
}
em,strong,b,big,h1,h2,h3,h4{
	font-weight : bold;
	font-style: normal;
}
small{
	font-size : 10px;
}
hr{
	display : none;
}
form{
	display : inline;
}
table{
	border-collapse: collapse;
	border-spacing: 0px;
	border : 0px solid none;
	empty-cells : show;
}
th,td{
	vertical-align: middle;
	padding : 0px;
	line-height : 125%;
}
img, a img{
	border : 1px #5f5f5f none;
}

/*************************************/
/* 全般的な設定 （さわる場合はここから）*/
body{
	padding : 20px 15px;
	background-color : transparent;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#5f5f5f;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#5f5f5f;
	scrollbar-arrow-color:#5f5f5f;
	text-align :center;
}
/* リンク色 */
a{
	color : #5f5f5f;
	text-decoration : none;
}
a:hover{
	color : #ffffff;
	background-color : #6866D0;
}

/* 欧字書体 */
em, strong, b, big, address,
div.navi, div.paintform, div.writeform th, div.paintform th, div.catalog th,
div.pskip, div.resbutton a, span.number, div.foot{
	font-family : 'Arial', 'Tahoma', 'Trebuchet MS', 'Geneva', 'Helvetica', 'Verdana', sans-serif;
}
div.navi a, div.paintform, div.writeform th, div.paintform th,
div.pskip a, div.resbutton a, span.number{
	font-weight : bold;
}

/* 小見出し */
h2{
	font-size : 14px;
	text-align : center;
	width : 98%;
	margin : 0px 0px 30px;
	margin-left : auto;
	margin-right : auto;
	padding : 3px;
	background-color : #C4C4C4;
}
h3{
	font-size : 12px;
	color : #5f5f5f;
	margin : 30px 0px 12px;
}

/* フォーム部品の飾り */
input.button, input.button_s{
	width : 98px;
	height : 18px;
	font-size : 12px;
	color : #5f5f5f;
	background-color : transparent;
	border : #5f5f5f 1px outset;
}
input.button_s{
	width : 36px;
	padding : 0px;
}
select,option{
	font-size : 12px;
	color : #5f5f5f;
	background-color : transparent;
	border : #5f5f5f 1px inset;
}
.textarea{
	font-size : 12px;
	color : #5f5f5f;
	background-color: #ffffff;
	border : #5f5f5f 1px inset;
}
select.textarea,
option.textarea,
input.textarea{
	height : 18px;
}
/*************************************/
/* 上部のコメント関連 */
div.come{
	padding : 5px;
	text-align : left;
	margin-top : 10px;
	width : 60%;
	margin-left : auto;
	margin-right : auto;
}

/*************************************/
/* 上部のナビゲーション関連 */
div.navi{
	text-align : center;
	width : 98%;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 2px 2px 0px 2px;
	background-color : #5f5f5f;
}
div.navi#usepaint{
	padding-bottom : 0px;
}
div.navi a{
	font-size : 14px;
	padding : 0px 4px;
	color : #ffffff;
}
div.navi a:hover{
	color : #6866D0;
	background-color : #5f5f5f;
}

/*************************************/
/* 各スレッド外枠 */
table.thread{
	clear : both;
	width : 98%;
	margin : 20px auto 30px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	background-color : #ffffff;
	border : 1px #5f5f5f solid;
}
table.thread td{
	padding : 8px 12px;
}

/* 親記事タイトル */
div.subject{
	color : #ffffff;
	font-size : 13px;
	font-weight : bold;
	margin : -8px -12px 12px -12px;
	padding : 0px 2px 0px 2px;
	background-color : #5f5f5f;
}
div.subject span.number{
	color : #ffffff;
	font-size : 12px;
	margin : -3px 12px -1px -3px;
	padding : 2px 12px;
}

/* 画像部分 */
p.imagedisp{
	float : left;
	margin-right : 12px;
	text-align : center;
}
p.imagedisp#nline{
	float : none;
	margin-right : 0px;
}
div.ko p.imagedisp{
	padding-left : 24px;
}
p.imagedisp img{
	margin-bottom : -3px;
	padding : 3px;
	background-color : #ffffff;
/*	border : 1px solid #C4C4C4;*/
}
p.imagedisp a{
	color : #C4C4C4;
}

/* 記入者情報部分 */
p.userinfo{
	color : #5f5f5f;
	margin : 0px 0px 6px;
	line-height : 12px;
}
p.userinfo em{
	color : #C4C4C4;
}

/* レス記入者情報部分 */
div.ko{
	padding-top : 8px;
	border-top : 1px #C4C4C4 dashed;
}

/* メッセージ部分 */
p.comment{
	margin : 0px;
	padding : 0px 8px 8px 24px;
	word-break : break-all;
	white-space : normal;
	color : #8FB3C9;
}
p.comment a{
	text-decoration : underline;
}
p.comment a:hover{
	color : #ffffff;
}

/* ＞が付いた時の色変更 */
/* p.comment fontはver1.31b以前用 */
p.comment font,
p.comment span.re{
	font-style : italic;
}

/* 画像貼りレスと文字レスの調整 */
div.dammy{
	clear : both;
}


/*************************************/
/* 改ページ部分 */
/* div.pskip bはver1.31b以前用 */
div.pskip{
	width : 98%;
	margin : 10px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	border-top : 1px #C4C4C4 solid;
	padding-top : 8px;
	word-break : break-all;
}
div.pskip b,
div.pskip em{
	color : #C4C4C4;
}
div.pskip b,
div.pskip em,
div.pskip a{
	padding : 0px 3px;
}


/*************************************/
/* フッター部分 */
div.foot{
	margin-top : 100px;
	text-align : center;
}
div.mente{
	padding : 10px;
}
address{
	font-size : 10px;
	line-height : 10px;
	margin-top : -10px;
}
address a{
	font-size : 11px;
}

/*************************************/
/* 投稿フォーム関連 */

/* 画像・文章新規投稿フォーム */
div.writeform{
	text-align : center;
	margin-top : 30px;
	margin-bottom : 30px;
}
div.writeform table{
	margin-left : auto;
	margin-right : auto;
}
div.writeform td,
div.writeform th{
	white-space : nowrap;
	padding : 1px;
}
div.writeform td{
	text-align : left;
}
div.writeform th{
	text-align : right;
}
div.writeform th, div.resform em{
	color : #C4C4C4;
}
span.alert{
	color : #6866D0;
	font-weight : normal;
}

/* レスフォーム部分 */
div.resform{
	clear : both;
	text-align : center;
	margin-top : -25px;
	padding-bottom : 20px;
}
div.resform table{
	margin-left : auto;
	margin-right : auto;
}
div.resform td{
	padding : 1px;
	text-align : center;
	white-space : nowrap;
}

/* レスのボタン */
div.resbutton{
	text-align : right;
}
div.resbutton a{
	color : #C4C4C4;
}
div.resbutton a:hover{
	color : #ffffff;
}

/* アップロードされている画像 */
div.postedimage{
	text-align : center;
	margin-top : 30px;
	margin-bottom : 30px;
}
div.postedimage table{
	margin-left : auto;
	margin-right : auto;
}
div.postedimage td, div.postedimage th{
	white-space : nowrap;
	text-align : center;
}
div.postedimage th{
	color : #6866D0;
}

/* 投稿フォーム下の注意書き */
div.help{
	padding : 10px;
	text-align : left;
	margin-top : 20px;
	width : 60%;
	margin-left : auto;
	margin-right : auto;
}

/*************************************/
/* 画像投稿フォーム・アプレット部分あたり */

div.paintform{
	width : 98%;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	padding : 3px 3px 1px;
}
div.paintform#withnavi{
	background-color : #C4C4C4;
}

/* パレット部分 */
td.palette{
	padding-left : 20px;
	vertical-align : top;
	text-align : left;
}
td.palette div{
	margin-bottom : 24px;
}
td.palette p{
	line-height : 12px;
	font-size : 10px;
}

td.newpaint{
	text-align : center;
	padding-top : 30px;
}
td.newpaint input.button{
	width : 200px;
}
/* お絵描きアプレットのヘルプ */
div.siihelp{
	padding : 10px;
	text-align : left;
	margin : 30px 10%;
}
div.siihelp h3{
	color : #6866D0;
}
div.siihelp dt{
	margin-left : 24px;
	font-weight : bold;
}
div.siihelp dd{
	margin-left : 36px;
}
div.siihelp li{
	margin-left : 36px;
}


/*************************************/
/* 削除一覧テーブル */
div.del{
	text-align : center;
	margin-top : 30px;
	margin-bottom : 30px;
}
div.del table{
	margin-left : auto;
	margin-right : auto;
}
div.del th{
	color : #ffffff;
	background-color : #5f5f5f;
	padding : 4px 8px;
	text-align : center;
}
div.del td{
	padding : 4px;
}
div.del td.num{
	text-align : center;
}
div.del th, div.del td{
	border : #5f5f5f 1px solid;
}

/*************************************/
/* カタログ表示 */
div.catalog{
	text-align : center;
}
div.catalog table{
	margin-bottom : 20px;
	margin-left : auto;
	margin-right : auto;
}
div.catalog td,
div.catalog th{
	text-align : center;
	border : 1px #5f5f5f solid;
	empty-cells : hide;
}
div.catalog td{
	background-color : #ffffff;
	font-size : 10px;
	padding : 8px;
	border-top-style : none;
}
div.catalog th{
	color : #ffffff;
	background-color : #C4C4C4;
	font-size : 12px;
	font-weight : bold;
	padding : 2px;
	border-bottom-style : none;
}
div.catalog td p.text{
	width : 100px;
	height : 100px;
}
div.catalog td.noimg,
div.catalog th.noimg{
	border-style : none;
	background-color : transparent;
}



/*************************************/
/*************************************/
/* 文字色選択による色変更 */

span#C01, option#C01,
table.thread#C01 div.oya p.comment,
table.thread#C01 div.oya p.comment a:link,
div.ko#C01 p.comment,
div.ko#C01 p.comment a:link{
	color : #8FB3C9;
}
span#C02, option#C02,
table.thread#C02 div.oya p.comment,
table.thread#C02 div.oya p.comment a:link,
div.ko#C02 p.comment,
div.ko#C02 p.comment a:link{
	color : #93ABC3;
}
span#C03, option#C03,
table.thread#C03 div.oya p.comment,
table.thread#C03 div.oya p.comment a:link,
div.ko#C03 p.comment,
div.ko#C03 p.comment a:link{
	color : #9A9EB8;
}
span#C04, option#C04,
table.thread#C04 div.oya p.comment,
table.thread#C04 div.oya p.comment a:link,
div.ko#C04 p.comment,
div.ko#C04 p.comment a:link{
	color : #A395AF;
}
span#C05, option#C05,
table.thread#C05 div.oya p.comment,
table.thread#C05 div.oya p.comment a:link,
div.ko#C05 p.comment,
div.ko#C05 p.comment a:link{
	color : #B28296;
}
span#C06, option#C06,
table.thread#C06 div.oya p.comment,
table.thread#C06 div.oya p.comment a:link,
div.ko#C06 p.comment,
div.ko#C06 p.comment a:link{
	color : #BD6D6F;
}
