@charset "utf-8";

/*********** 全体の基本設定 ***********/
body {
    font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', Verdana, Arial, sans-serif;
    color: #303030;
}

a:link, a:visited, a:active{
    text-decoration:underline;
}

a:hover{
    text-decoration: none;
}

p, form {
    margin: 0px;
}

img {
    margin: 5px;
    vertical-align: middle;
    border: none;
}

/*********** レイアウト ***********/
/* ヘッダー */
div#hd {
	padding: 10px 10px 10px 10px;
	font-size: 93%;
}

/* フッター */
div#ft {
	text-align: center;
	margin-top: 15px;
	padding: 5px 2px 5px 2px;
    font-size: 93%;
    border-top: 1px solid #aaa;
}

/* エラーウィンドウ */
div#error {
    text-align: center;
    width: 35em;
    border:1px solid #888888;
    background-color:#ffeeee;
    margin-top: 20px;
    padding: 5px;
    font-size: 85%;
}
div#error ul {
    list-style-type : none;
    margin: 0px;
    padding: 0px;
}

/*********** 共通設定 ***********/
/* タイトル */
#Title {
    margin: 0px;
    padding: 4px;
    letter-spacing: 2px;
    font-size: 1.4em;
    text-align: center;
}

/* テーブル上部 タイトル */
thead th {
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
    background-color: #3c5a91;
}

/* テーブル 見出し */
tbody th {
    background-color: #eeeeee;
}
tbody th.error {
    background-color: #ffeeee;
}

/* 注意文 */
.colorNotice {
    color:#ff0000;
}

/* 返信文 */
.res {
    color:#ff6600;
}

/* NEW表示 */
.new-ico-data {
    color:#ff3300;
    font-weight: bold;
    font-size: 77%;
}

/* EXIF表示欄 */
.exif {
    text-align: center;
    border:1px solid #888888;
    background-color: #ddffdd;
}
.exif p {
    font-size: 77%;
    letter-spacing: 1px;
}

/*********** 記事一覧(index.php)の設定 ***********/
/* 記事外枠 */
.styleOutline {
    width: 670px;
    padding: 5px;
    margin-top: 20px;
}

/* スレッド記事枠 */
.styleMain {
    width: 100%;
    text-align: left;
    border:solid 1px #333333;
    background-color: #ffffff;
    margin-bottom: 5px;
}

/* レス記事枠 */
.styleRes {
    width: 80%;
    text-align: left;
    border:1px solid #333333;
    background-color: #ffffff;
    margin: 5px 0px 5px 20%;
}

/* 省略表示枠 */
.styleShort {
    width: 80%;
    border:1px solid #333333;
    background-color: #ddffdd;
    margin: 5px 0px 5px 20%;

    text-align: center;
    font-size: 93%;
}

/* 題名部分（親・レス共通）　 */
.mSubject {
    background-color: #ffffff;
    border-bottom: 2px dotted #888888;
    padding: 2px;
}

/* 題名部分 親, レス */
h2, h3 {
    margin: 0px;
    font-weight: normal;
    font-size: 108%;
    letter-spacing: 1px;
}

/* 名前部分（親・レス共通） */
.mName {
    padding: 2px;
    letter-spacing: 1px;
}

/* 画像部分（親・レス共通） */
.mImg {
    text-align: center;
    padding: 5px;
    font-size: 93%;
}

/* 本文（親・レス共通） */
.mBody {
    width: 100%;
    padding: 2px;
    vertical-align: top;
}

/* 時間（親・レス共通） */
.mDatetime {
    text-align: right;
    vertical-align: bottom;
    padding: 2px;
    font-size: 93%;
}

/* パスワード（親・レス共通） */
.mPassword {
    background-color: #dddddd;
}


/*********** スレッド一覧(thread.php)の設定 ***********/
.styleThread {
    border-collapse: collapse;
    width: 670px;
    border: 1px solid #999999;
    margin-top: 20px;
}

.styleThread th, .styleThread td {
    border: 1px solid #999999;
    padding: 2px;
    letter-spacing:1px;
}

.styleThread th {
    text-align: center;
}


/*********** 記事投稿/修正(post.php/edit.php)の設定 ***********/
.styleForm {
    border-collapse: collapse;
    width: 35em;
    vertical-align: middle;
    text-align: left;
}

.styleForm th, .styleForm td {
    border:1px solid #cccccc;
    padding: 0.2em;
}

.styleForm th {
    text-align: center;
}

/*********** 画像拡大画面(image.php)の設定 ***********/
body.styleImage {
    background-color: #000000;
}


/*********** 画像一覧画面(imagelist.php)の設定 ***********/
.styleImageList {
    border-collapse: collapse;
    border:1px solid #cccccc;
    margin-top: 20px;
    text-align: center;
}

.styleImageList td {
    margin: 1px;
    padding: 2px;
    letter-spacing:1px;
}