@charset 'utf-8';

/**********************************************************************************************************************/
/*                                                HTML再定義                                                          */
/**********************************************************************************************************************/

* {
	margin: 0px 0px;
	padding: 0px;
	font-size: 12px;/*----------------------- 初期値は12pxで -----------------------------------------------------*/
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, sans-serif;
	text-align: left;
}
body {
	padding: 0px;
	background-color: #4A4742;/*------------- 画面全体の背景色 ---------------------------------------------------*/
	text-align: center;
}
p, li, dt, dd, address {/*----------------------- 段落、リスト項目、定義する用語、用語の定義(説明)、アドレス ---------*/
	color: #FFFFFF;
	line-height: 1.4;
}
p {/*-------------------------------------------- 段落(ボタン) -------------------------------------------------------*/
	margin-bottom: 15px;
	margin-left:15px;/*---------------------- 15px ---------------------------------------------------------------*/
}
ul {/*------------------------------------------- 番号なしリスト -----------------------------------------------------*/
	margin: 0px 0px 20px 20px;
}
ul li ol li {/*---------------------------------- 入れ子状態？ -------------------------------------------------------*/
	margin: 0px 20px 10px 25px;/*-------------  0px 20px 0px 25px ------------------------------------------------*/
}
ul li ol {/*------------------------------------- 入れ子状態？ -------------------------------------------------------*/
	margin-bottom: 10px;
}
em {/*------------------------------------------- 強調部分 -----------------------------------------------------------*/
	font-weight: bold;
}
img {/*------------------------------------------ 画像 ---------------------------------------------------------------*/
	margin-right: 0px;/*--------------------- 10px 判らない ------------------------------------------------------*/
	margin-bottom: 5px;
	border: 0px;
}
object {/*--------------------------------------- その他のオブジェクト(例えばmovやavi等) -----------------------------*/
	margin-left: 10px;/*--------------------- 10px ---------------------------------------------------------------*/
}
pre {/*------------------------------------------ 整形済みテキスト ---------------------------------------------------*/
	width: 100%;/*--------------------------- 元はwidth: 430px ---------------------------------------------------*/
	margin: 10px;
	padding: 5px;
	border: 1px solid #EEEEEE;/*------------- 1px solid #EEEEEE --------------------------------------------------*/
	overflow: auto;
}
div#diary>.diary pre { width: auto; padding: 5px;/*--- 日記の所では --------------------------------------------------*/
}
code, var, kbd {/*------------------------------- ソースコード、変数・引数、入力テキスト -----------------------------*/
	color: #000080;/*------------------------ #000080濃いブルー --------------------------------------------------*/
	font-family: "ＭＳ ゴシック", monospace;
	line-height: 1.2;

}
blockquote {/*----------------------------------- 引用文(ブロックレベル) ---------------------------------------------*/
	margin: 10px;
	border-left: 2px solid #7777AA;/*-------- ちょっと薄いブルー -------------------------------------------------*/
}
blockquote p {
	color: #999999;/*------------------------ ちょっと薄いグレー -------------------------------------------------*/
}
form fieldset {/*-------------------------------- 入力フォーム、構成部品のグループ化 ---------------------------------*/
	border: 0px solid #000000;
}
form legend {/*---------------------------------- 構成部品グループのラベル -------------------------------------------*/
	display: none;
}
form input, form select {/*---------------------- 空要素、選択メニュー -----------------------------------------------*/
	margin-right: 1px;
	padding: 1px;
	font-size: 90%;
}
@media screen {
	form input, form select {
		font-family: Verdana, Arial, sans-serif;
	}
}
form select {/*---------------------------------- 選択メニュー -------------------------------------------------------*/
	margin-top: 1px;
}
form p input {/*--------------------------------- 空要素 -------------------------------------------------------------*/
	text-align: center;
}
form textarea {/*-------------------------------- 複数行の入力フィールド ---------------------------------------------*/
	padding: 1px;
	font-family: "ＭＳ ゴシック", Osaka, monospace;
	line-height: 1.2;
}
table {/*---------------------------------------- 表は全部この設定なのか？ -------------------------------------------*/
	margin: 0px 0px 10px 15px;/*------------- 下に10px 左に15px --------------------------------------------------*/
	background-color: #9B9484;/*------------- 表内の色 -----------------------------------------------------------*/
	border-top: 1px solid #A9A9A9;/*--------- 外枠線 ----- 上 ----------------------------------------------------*/
	border-left: 1px solid #A9A9A9;/*-------- 外枠線 ----- 左 ----------------------------------------------------*/
	border-right: 1px solid #000000;/*------- 外枠線 ----- 右 ----------------------------------------------------*/
	border-bottom: 1px solid #000000;/*------ 外枠線 ----- 下 ----------------------------------------------------*/
	border-collapse: collapse;
}
table tr th {/*------ 記事編集、トラックバック管理、分類設定、コメント管理、リンク集管理の所にある表の項目 -----------*/
	padding: 7px 5px 5px 5px;/*-------------- 下付きに変更 -------------------------------------------------------*/
	background-color: #706961;/*-----------------------ー---------------------------------------------------------*/
	border: 1px solid #000000;/*------------- 隣の項目との区切り線 -----------------------------------------------*/
	text-align: center;
}
table tr td {
	padding: 5px;
	border: 1px solid #000000;/*------------- 内容の所の隣との区切り線 -------------------------------------------*/
}
table tr td input {
	margin: -2px;
}
a:link, a:visited {
	color: #FFFF90;/*------------------------ リンク張った所、クリック済みの所 -----------------------------------*/
	text-decoration: none;
}
a:active, a:hover {/*---------------------------- マウスオーバーした時 -----------------------------------------------*/
	position:relative;/*--------------------- 今の場所を基点に ---------------------------------------------------*/
	top: 1px;/*------------------------------ 1px下へ ------------------------------------------------------------*/
	left: 1px;/*----------------------------- 1px右へ ------------------------------------------------------------*/
	color: #4253A4;/*---------------------------------------------------------------------------------------------*/
	text-decoration: none;
}

/**********************************************************************************************************************/
/*                                                基本構造                                                            */
/**********************************************************************************************************************/

div#container {
	width: 800px;/*--------------------------- 元は720px ----------------------------------------------------------*/
	float: left;
	margin: 0px auto;
	background:  url("./background.jpg") top left no-repeat;/*-------------- 背景の左上に絵を入れる ----*/
	background-color: #4A4742;/*------------- 日記のページ全体の背景色 -------------------------------------------*/
}
div#header {/*----------------------------------- ヘッダーの所 -------------------------------------------------------*/
	float: none;
	clear: both;
	height: 120px;/*------------------------- 120pxにした --------------------------------------------------------*/
/*background-color: #CCCCCC;/*----------------------------------------------------------------------------------------*/
/*background: transparent url("./header.jpg") top left no-repeat;/*- ヘッダーの左上に絵を入れる ---------*/
}
div#menu {/*------------------------------------- 下で設定しているのか？ ---------------------------------------------*/
	float: none;
	clear: both;
	margin-bottom: 10px;
}
div#navigation {/*------------------------------- 指定したナビパーツが入る所 -----------------------------------------*/
/*position: fixed;/*----------------------------- ここを基点として ---------------------------------------------------*/
	width: 220px;/*-------------------------- 幅220px ------------------------------------------------------------*/
/*top: 147px;/*---------------------------------- 日記の枠と高さを合わせただけ ---------------------------------------*/
/*right: 15px;/*--------------------------------- 必要！ 0pxでも入れてコメント行にしない事！ -------------------------*/
	float: right;/*-------------------------- 右寄せ -------------------------------------------------------------*/
}
div#logs {/*------------------------------------- 指定した数の日記が入る所 -------------------------------------------*/
/*position: fixed;*/
/*margin-bottom: 10px;*/
/*margin-right: 15px;/*-------------------------- 上記ナビを基点として -----------------------------------------------*/
	float:left;
/*right:15px;*/
}
/*div#diary, div#comment, div#trackback {/*------ 管理画面のコメント、トラックバック ---------------------------------*/
/*div#diary {/*---------------------------------- 管理画面のコメント、トラックバック ---------------------------------*/
/*margin: 0px 15px;/*-------------------------------------------------------------------------------------------------*/
/*background-color: red;/*----------------------- ここに他の色を使うと日記の記事と記事の間に反映されてしまう ---------*/
/*padding: 5px 15px 5px 15px;/*---------------------------------------------------------------------------------------*/
/*}-------------------------------------------------------------------------------------------------------------------*/
div#comment, div#trackback, div#navi, div#contents, div#work, div#form, div#canvas, div#env, div#status {
/*----------------------------------------------- 管理画面の所 -------------------------------------------------------*/
	float: none;
	clear: both;
	margin: 0px 15px;/*---------------------- 0px 0pxだと両端に広がる --------------------------------------------*/
	padding: 0px 0px;/*---------------------- 枠一杯まで ----------------------　元は0px 15px --------------------*/
	background-color: #8C857F;
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
div#footer {
	float: none;
	clear: both;
}

/**********************************************************************************************************************/
/*                                                ヘッダー                                                            */
/**********************************************************************************************************************/

div#header h1 {/*-------------------------------- ヘッダーの所 -------------------------------------------------------*/
	padding: 15px 15px 10px 15px;
	text-align: right;/*--------------------- 右寄せ -------------------------------------------------------------*/
}
div#header h1 a {/*------------------------------ ブログのタイトル ---------------------------------------------------*/
	color: #D5D4D2;/*------------------------ タイトルの色 -------------------------------------------------------*/
	font-size: 25px;/*----------------------- タイトルのサイズ ---------------------------------------------------*/
/*font-weight: normal;/*------------------------- 元は太字bold -------------------------------------------------------*/
/*text-decoration: none;/*--------------------------------------------------------------------------------------------*/
	margin: 0px 5px;
}
div#header p {/*--------------------------------- サブタイトル -----色は頭の所で指定？ -------------------------------*/
	margin: 0px 15px;
	/*font-size: 12px;*/
	text-align: right;/*--------------------- 右寄せ -------------------------------------------------------------*/
}

/**********************************************************************************************************************/
/*                                                メニュー                                                            */
/**********************************************************************************************************************/

div#menu h2 {
	display: none;/*------------------------- 見えないけどここに「目次」がある！ ---------------------------------*/
}
div#menu ul {/*---------------------------------- TopPage RSS Admin --------------------------------------------------*/
	margin: 0px 25px 0px 0px;/*-------------- 右端から25px -------------------------------------------------------*/
	text-align: right;/*--------------------- 右寄せ -------------------------------------------------------------*/
/*font-size: large;/*---------------------------- 無効だった ---------------------------------------------------------*/
}
div#menu ul li {
	display: inline;/*----------------------- 1行内で表示 --------------------------------------------------------*/
/*font-size: large;/*---------------------------- 無効だった ---------------------------------------------------------*/
}

/**********************************************************************************************************************/
/*                                                ナビゲーション                                                      */
/**********************************************************************************************************************/

div#navigation h2 {/*---------------------------- ナビのタイトルの所 -------------------------------------------------*/
	margin: 0px 0px 10px 0px;/*-------------- 両端一杯までにボックスを広げる為に変更 ----- 10pxは内容までの距離 --*/
	padding: 7px 5px 5px 10px;/*------------- 字も真ん中では無く、下付きに ---------------------------------------*/
/*font-size: 13px;/*----------------------------- 有効だった ---------------------------------------------------------*/
	background-color: #706961;
	border-bottom: 1px solid #000000;
}
div#navigation ul {
	margin: 0px 10px 0px 0px;/*-------------- 分類一覧と、過去ログとプロフィールの内容 ----- 0px 10px 0px 12px ---*/
	/*font-size: 13px;/*--------------------- 無効だった ---------------------------------------------------------*/
}
div#navigation ul li {/*------------------------- 分類、ログ、リンク -------------------------------------------------*/
	margin: 0px 0px 0px 10px;/*-------------------------------------------------------------- 0px 0px 0px 0px ----*/
	list-style-type: none;/*----------------- ・無しで -----------------------------------------------------------*/
	padding-left: 10px;
	background: transparent url("./dot.gif") 0px 2px no-repeat;/*----- 三角矢印 ---- 0px 2px no-repeat ---*/
}
div#navigation ul li ul {/*-------------------------------------------------------------------------------------------*/
	margin: 0px 0px 0px 0px;
}
div#navigation dl {/*---------------------------- 最新の記事、最新のコメント -----------------------------------------*/
	margin: 0px 10px 0px 10px;
}
div#navigation dl dt {/*------------------------- 最新の記事、最新のコメント -----------------------------------------*/
	margin: 0px 0px 0px 0px;/*-------------------- 2px -----------------------------------------------------------*/
	padding-left: 10px;
	background: transparent url("./dot.gif") 0px 2px no-repeat;/*----- 三角矢印 ---- 0px 2px no-repeat ---*/
}
div#navigation dl dd {/*------------------------- その下の by の所 ---------------------------------------------------*/
	padding-left: 10px;/*-------------------- 上の項目と同じ数値 -------------------------------------------------*/
}
div#navigation form dl {
}
div#navigation form dl dt {
	display: none;
}
div#navigation form dl dd {/*-------------------- ログ検索用ワード記入欄 ---------------------------------------------*/
	margin: 0px 0px 10px 12px;/*------------- 上右下左 -----------------------------------------------------------*/
}
div#navigation form p {/*------------------------ その下のボタン -----------------------------------------------------*/
	margin: 0px 0px 0px 63px;/*-------------- 上右下左 -----------------------------------------------------------*/
}
div#navigation table {/*------------------------- カレンダー ---------------------------------------------------------*/
	width: 180px;
	background-color: #8C857F;
	margin: 0px;/*-------------- 何故か元は-2px 0px 7px 7px 数値を変えても変化しない -----------------------------*/
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
@media screen {
	div#navigation table {
        margin:10px auto 7px auto;/*------------- 何故か元は -2px auto 7px auto そもそも何か判らない -----------------*/
        }
}
div#navigation table tr th {/*------------------- カレンダーのXXXX年XX月の字の所 -------------------------------------*/
	padding: 5px 0px 2px 0px;
	border: 0px solid #AAAAAA;/*------------- 記述する必要があるのか？ -------------------------------------------*/
	background-color: #706961;/*------------- カレンダーのXXXX年XX月の字の背景色 ---------------------------------*/
	border-bottom: 1px solid #000000;
	text-align: center;
/*font-size: 13px;/*----------------------------- 有効だった ---------------------------------------------------------*/
}
div#navigation table tr td {/*------------------- カレンダー内の枠 ---------------------------------------------------*/
	border: 0px solid #AAAAAA;/*------------- 上で宣言してるので、削除すると線が表示されてしまう。色は関係無し ---*/
	text-align: center;
}
@media screen {/*-------------------------------- 判らない -----------------------------------------------------------*/
	div#navigation table tr td {
        	padding: 5px;
        }
}
div#navigation .week {/*------------------------- 日曜～土曜 ---------------------------------------------------------*/
	font-weight: bold;
	background-color: #9B9484;
	border-bottom: 1px solid #000000;
/*font-size: 13px;/*----------------------------- 有効だった ---------------------------------------------------------*/
}
div#navigation .day {
	color: #FFFFFF;/*------------------------ 通常日の色 ---------------------------------------------------------*/
/*font-size: 13px;/*----------------------------- 有効だった ---------------------------------------------------------*/
}
div#navigation .satday {
	color: #4253A4;/*------------------------ 土曜日の色 ---------------------------------------------------------*/
/*font-size: 13px;/*----------------------------- 有効だった ---------------------------------------------------------*/
}
div#navigation .sunday {
	color: #961A1D;/*------------------------ 日曜日の色 ---------------------------------------------------------*/
/*font-size: 13px;/*----------------------------- 有効だった ---------------------------------------------------------*/
}

div#navigation .calender {/*--------------------- 前の月、次の月の所 -------------------------------------------------*/
	margin: 0px 0px;/*----------------------- 上下、左右 ----- 2px 10px ------------------------------------------*/
	text-align: center;/*-------------------- 真ん中 -------------------------------------------------------------*/
/*font-size: 15px;/*----------------------------- 無効だった ---------------------------------------------------------*/
}
div#navigation .calender li {/*------------------ 前の月、次の月の所 -------------------------------------------------*/
	display: inline;/*----------------------- 1行内で表示 --------------------------------------------------------*/
	padding-top: 3px; /*--------------------- 三角矢印と高さを合わせる -------------------------------------------*/
	margin: 0px 20px;/*---------------------- 10px ---------------------------------------------------------------*/
/*font-size: 15px;/*----------------------------- ここでも無効だった -------------------------------------------------*/
}
div#navigation .block {/*------------------------ ナビの各ブロック ---------------------------------------------------*/
	margin-right: 15px;/*-------------------- 画面右端から15px ---------------------------------------------------*/
	margin-bottom: 10px;/*------------------- 下のブロックとの距離 -----------------------------------------------*/
	padding-bottom: 15px;/*------------------ ブロックの下までの距離 ---------------------------------------------*/
	background-color: #9B9484;/*------------- ナビの各ブロックの背景色 -------------------------------------------*/
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
}
div#navigation table a:link {/*------------------ カレンダーのリンク張ってある日(日記を書いた日) ---------------------*/
	font-weight: bold;/*--------------------- 太字で -------------------------------------------------------------*/
	text-decoration: underline;/*---------------- 尚且つ下線 -----------------------------------------------------*/
/*background-color: #706961;/*------------------- 尚且つ背景にも色を付ける -------------------------------------------*/
/*border: 1px solid #000000;/*------------- 尚且つ四角で囲む ---------------------------------------------------*/
/*padding: 1px 1px;/*---------------------- 余裕を持たせて -----------------------------------------------------*/
}

/**********************************************************************************************************************/
/*                                                記事一覧                                                            */
/**********************************************************************************************************************/

div#logs {
	width: 580px;/*-------------------------- 幅、元は498px ------------------------------------------------------*/
}
html>body div#logs {
	width: auto;/*--------------------------- 幅、元は500px、ボーダーを足して500か -------------------------------*/
}
div#diary .diary {/*----------------------------- 日記が入る所 -------------------------------------------------------*/
	margin: 0px 15px 10px 15px;/*------------ 上右下左 -----------------------------------------------------------*/
	padding: 0px;/*-------------------------- 2px ------------0px-------------------------------------------------*/
	background-color: #8C857F;
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
div#diary h2 {
	display: none;/*------------------------- 表示しない ちなみに「記事」-----------------------------------------*/
}
div#diary h3 {/*--------------------------------- 日記の各記事のタイトルの所 -----------------------------------------*/
	margin: 0px 0px 0px 0px;/*--------------- 5px 5px 20px 5px ---------------------------------------------------*/
	padding: 7px 5px 5px 10px;/*------------- 字をちょっと下付きに変更 -------------------------------------------*/
	font-size: 14px;/*----------------------- 大きくして ---------------------------------------------------------*/
	font-weight: bold;/*--------------------- 尚且つ太字に -------------------------------------------------------*/
	background-color: #9B9484;
/*border-top: 1px solid #A9A9A9;/*------------------------------------------------------------------------------------*/
/*border-left: 1px solid #A9A9A9;/*-----------------------------------------------------------------------------------*/
/*border-right: 1px solid #000000;/*----------------------------------------------------------------------------------*/
	border-bottom: 1px solid #000000;
}
div#diary h4 {
	margin: 10px;
}
div#diary .text * {/*-------------------------------------------------------------------------------------------------*/
	font-size: medium;/*---------------------- small --------------------------------------------------------------*/
}
html>body div#diary .text * {/*---------------------------------------------------------------------------------------*/
	font-size: medium;/*---------------------- x-small ------------------------------------------------------------*/
}
div#diary .text p {/*---------------------------- 段落 ---------------------------------------------------------------*/
	margin: 15px 10px;/*--------------------- 15px 10--------*/
	font-size: small;/*---------------------- px -----------------------------------------------------------------*/
}
div#diary .text ul {/*--------------------------- 番号なしリスト -----------------------------------------------------*/
	margin: 15px 30px;/*--------------------- 15px 30--------*/
	font-size: small;/*---------------------- px -----------------------------------------------------------------*/
}
div#diary .text ol {/*--------------------------- 番号付きリスト -----------------------------------------------------*/
	margin: 15px 40px;/*--------------------- 15px 40 ------------------------------------------------------------*/
	font-size: small;/*---------------------- px -----------------------------------------------------------------*/
}
div#diary .info {/*------------------------------ 記事の下にある情報の位置 -------------------------------------------*/
	margin: 3px 10px;/*---------------------- 上下、左右 ---------------------------------------------------------*/
	text-align: right;
}
div#diary .info * {/*---------------------------- 情報の所 -----------------------------------------------------------*/
	font-size: 12px;/*----------------------- 10px ---------------------------------------------------------------*/
}
div#diary .info li {/*--------------------------- リスト項目 ---------------------------------------------------------*/
	display: inline;/*----------------------- １行で -------------------------------------------------------------*/
	margin-left: 5px;
}
div#trackback h2 {/*----------------------------- トラックバック入力欄「トラックバック一覧」の文字の所 ---------------*/
	margin-bottom: 0px;/*-------------------- 10px ---------------------------------------------------------------*/
	padding: 7px 5px 5px 10px;
	background-color: #9B9484;
	border-top: 0px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#trackback dl {/*----------------------------- 定義リスト ---------------------------------------------------------*/
	margin-bottom: 10px;/*------------------- 10px----------------------------------------------------------------*/
	padding: 2px 2px 10px 2px;/*------------- 2px 2px 10px 2px ---------------------------------------------------*/
	border: 2px solid #FFFFFF;/*----------------------------------------------------------------------------------*/
}
div#trackback dl dt {/*-------------------------- トラックバックURL トラックバックタイトル ---------------------------*/
	margin-top: 10px;/*---------------------- 10px ---------------------------------------------------------------*/
	margin-left: 10px;/*--------------------- 10px ---------------------------------------------------------------*/
}
div#trackback dl dd {/*-------------------------- 年、月、日、時間 ---------------------------------------------------*/
	margin-left: 30px;/*--------------------- 30px ---------------------------------------------------------------*/
}
div#comment .comment {
	margin-bottom: 0px;/*-------------------- 次のコメント欄へのスペース ----- 10px ------------------------------*/
	padding: 2px 2px 10px 2px;
	background-color: #8C857F;
	border-top: 1px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#comment h2 {/*------------------------------- コメント入力欄「コメント一覧」の文字の所 ---------------------------*/
	margin-bottom: 0px;/*-------------------- その下に開けるスペース ----- 15px ----------------------------------*/
	padding: 7px 5px 5px 10px;
	background-color: #9B9484;
	border-top: 0px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;	
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}

div#comment h3 {/*------------------------------- 入力済みコメントのタイトル行 ---------------------------------------*/
	margin: 5px 5px 10px 5px;
	padding: 5px;
	/*border-top: 1px solid #A9A9A9;
	/*border-left: 1px solid #A9A9A9;
	/*border-bottom: 1px solid #000000;
}
/*div#comment .text * {/*------------------------  -------------------------------------------------------------------*/
	font-size: small;/*---------------------- font-size: x-small -------------------------------------------------*/
}
html>body div#comment .text * {
	font-size: small;/*---------------------- font-size: x-small -------------------------------------------------*/
}
div#comment .text p {/*-------------------------- 枠の中で、コメント文字が表示される位置　コメントタイトルはh3で記述 -*/
	margin: 10px;/*-----------------------------------------------------------10px*/
}

/**********************************************************************************************************************/
/*                                                ページ移動                                                          */
/**********************************************************************************************************************/

div#page h2 {
	display: none;/*------------------------- 表示しない ちなみに「ページ移動」 ----------------------------------*/
}
div#page ul {
	margin-right: 10px;
	background-color: #4A4742;
	text-align: right;/*--------------------- 右寄せ -------------------------------------------------------------*/
}
div#page ul li {
	display: inline;/*----------------------- １行で -------------------------------------------------------------*/
	margin-right: 10px;
}

/**********************************************************************************************************************/
/*                                                ナビゲーション                                                      */
/**********************************************************************************************************************/

div#navi h2 {/*---------------------------------- 以下判らない -------------------------------------------------------*/
	display: none;
}
div#navi ul {
	margin: 5px 0px;
	text-align: right;
}
div#navi ul li {
	display: inline;
	margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;
}
div#navi form input {
	padding: 0px;
}

/**********************************************************************************************************************/
/*                                                コンテンツ                                                          */
/**********************************************************************************************************************/

div#contents h2 {/*------------------------------ 「記事編集」の所 ---------------------------------------------------*/
	margin-bottom: 15px;
	padding: 7px 5px 5px 10px;
	background-color: #9B9484;
	border-top: 0px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;	
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#contents h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
}
div#contents h4 {
	margin-bottom: 10px;
}

div#contents dl {
	margin-bottom: 20px;
}
div#contents dl dt {
	margin-top: 10px;
}
div#contents dl dd {
	margin-left: 30px;
}

/**********************************************************************************************************************/
/*                                                処理選択                                                            */
/**********************************************************************************************************************/

div#work h2 {/*---------------------------------- 管理ページ「管理者用」文字の所 -------------------------------------*/
	margin-bottom: 15px;
	padding: 7px 5px 5px 10px;/*----------------------------------------------------------------------------------*/
	background-color: #706961;
	border-top: 0px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#work form {/*-------------------------------- その下の選択する所 -------------------------------------------------*/
	margin: 10px 15px;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	float: left;
}
div#work form input {
	padding: 0px;
}

/**********************************************************************************************************************/
/*                                                フォーム                                                            */
/**********************************************************************************************************************/

div#form h2 {/*---------------------------------- 「新規投稿」、「コメント投稿」の文字の所 ---------------------------*/
	margin-bottom: 15px;
	padding: 7px 5px 5px 10px;
	background-color: #9B9484;
	border-top: 0px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#form form {/*-------------------------------- 入力欄 -------------------------------------------------------------*/
	margin-bottom: 10px;
}
div#form form dl {/*----------------------------- 「題名」～「URL」 --------------------------------------------------*/
	margin: 0px 0px 20px 15px;

}
div#form form dl dt {/*-------------------------- 「ファイル１」～「URL」 --------------------------------------------*/
	float: left;/*--------------------------- left ---------------------------------------------------------------*/
	clear: left;/*--------------------------- left ---------------------------------------------------------------*/
	width: 5em;
}
div#form form dl dd {
}
div#form form dl dd textarea {/*------------------ 本文が入る所 ------------------------------------------------------*/
	margin-top: 2px;/*------------------------ 2px ---------------------------------------------------------------*/
}
div#form form ul {/*------------------------------ チェックボックス --------------------------------------------------*/
	margin: 0px 0px 20px 15px;/*---------------  0px 0px 20px 0px ------------------------------------------------*/
}
div#form form ul li {
	list-style-type: none;
}

/**********************************************************************************************************************/
/*                                                環境設定                                                            */
/**********************************************************************************************************************/

div#env h2 {/*----------------------------------- 管理ページ「環境設定」の文字 ---------------------------------------*/
	margin-bottom: 15px;
	padding: 7px 5px 5px 10px;/*------------- ちょっと右、下付きへ -----------------------------------------------*/
	background-color: #9B9484;
	border-top: 0px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#env h3 {/*----------------------------------- 「設定項目一覧」以下の項目の文字 -----------------------------------*/
	margin-bottom: 15px;
	margin-left: 0px;/*---------------------- 左右一杯に広げた ---------------------------------------------------*/
	padding: 7px 5px 5px 10px;
	background-color: #9B9484;
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#env dl {/*--------------------------------------------------------------------------------------------------------*/
	margin-bottom: 20px;
	margin-left: 10px;/*--------------------- 「基本設定」タイトルより下を右にずらす -----------------------------*/
}
div#env dl dd {
	margin-bottom: 10px;
	margin-left: 10px;/*--------------------- 白枠を右にずらす ---------------------------------------------------*/
}

div#env form {/*--------------------------------- ここが基準みたい ----じゃあボタンはどうやって右に？-----------------*/
	margin-bottom: 0px;
	margin-left: 0px;
}

/**********************************************************************************************************************/
/*                                                キャンバス                                                          */
/**********************************************************************************************************************/

div#canvas h2 {
	margin-bottom: 15px;
	padding: 5px;
}
div#canvas applet {
	margin-bottom: 15px;
}

/**********************************************************************************************************************/
/*                                                ステータス                                                          */
/**********************************************************************************************************************/

div#status h2 {/*-------------------------------- 管理ページ「ステータス」文字の所 -----------------------------------*/
	margin-bottom: 15px;
	padding: 7px 5px 5px 10px;
	background-color: #706961;
	border-top: 0px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#status h3 {/*-------------------------------- その下の「各項目」の文字の所 ---------------------------------------*/
	margin-bottom: 15px;
	margin-left: 0px;/*---------------------- 左右一杯に広げた ----- 10px ----------------------------------------*/
	padding: 7px 5px 5px 10px;
	background-color: #9B9484;
	border-top: 1px solid #A9A9A9;
	border-left: 0px solid #A9A9A9;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
div#status h4 {
	margin-bottom: 10px;
}
div#status dl {
	margin-bottom: 15px;
	margin-left: 10px;/*--------------------- 「項目」以下の所 記事件数とか --------------------------------------*/
}
div#status dl dt {
	float: left;
	clear: left;
	width: 10em;
}
div#status dl dd {
}

/**********************************************************************************************************************/
/*                                                フッター                                                            */
/**********************************************************************************************************************/

div#footer address {
	padding: 10px 15px 20px 15px;
/*background-color: #000000;/*----------------------------------------------------------------------------------------*/
}