@charset 'utf-8';

/*===========================================================
  Web Diary Professional Skin
    「CHAI」
  Date : 2006/07/25
  Skin by : kiriji http://brutzero.s22.xrea.com/rb/top.html
  
  【プルダウンメニューCSS】
     WEB工房きくちゃん http://www.stylish-style.com
　【カレンダー部分・参考】
     偽者物語 http://fablae.s58.xrea.com/
=============================================================*/

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

* {
	margin: 0px ;
	padding: 0px ;
	font-style: normal;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	font-size:100%;
}

html {
	scrollbar-base-color: #998D86;
	scrollbar-arrow-color: #444444;
	scrollbar-3dlight-color: #444444;
	scrollbar-darkshadow-color: #444444;
	scrollbar-face-color: #998D86;
	scrollbar-highlight-color: #998D86;
	scrollbar-shadow-color: #998D86;
	scrollbar-track-color: #998D86;
}

body  { background-color: transparent; background-image: url("images/bg_wine.jpg"); text-align: center; margin: 0; padding: 0; width: 100% }

p, li, dt, dd, address {
	color: #444444;
}

ul {
	margin: 0px 0px 20px 20px;
}
ul li ol li {
	margin: 0px 20px 0px 25px;
}
ul li ol {
	margin-bottom: 10px;
}
em, strong {
	font-weight: bold;
}
img {
	margin-right: 10px;
	margin-bottom: 5px;
	border: 0px;
}
object {
	margin-left: 10px;
}

blockquote {
	margin: 5px 15px 5px 15px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.7em;
	background-color: ;
	border:1px dashed #808000;
}
blockquote p {
	padding: 0;
	margin: 0;
	color: #808000;
}

pre {
	margin: 10px;
	padding: 5px;
	color:#998D86;
	overflow: auto;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadw-color:#ffffff;
	scrollbar-3dlight-color:#666666;
	scrollbar-arrow-color:#666666;
	scrollbar-track-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	border: 1px solid #998D86;
}
code, var, kbd {
	color: #000080;
	font-family: 'ＭＳ ゴシック', monospace;
	line-height: 1.2;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

table {
	margin-bottom: 10px;
	border: 1px solid #666680;
	border-collapse: collapse;
}
table tr th {
	padding: 5px;
	color: #EBE7E1;
	border: 1px solid #EBE7E1;
	background-color: #998D86;
	text-align: center;
}
table tr td {
	padding: 5px;
	border: 1px solid #EBE7E1;
}
table tr td input {
	margin: -2px;
}

a         {text-decoration: none;}
a:link    {color: #444;}
a:visited {color: #444;}
a:hover   {color: #808000;}
a:active  {color: #808000;}

.new {
	color: #FF0000;
	font-size: 11px;
}

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

form { margin-bottom: 20px;}

form fieldset {
	border: 0px solid #000000;
}
form legend {
	display: none;
}
form input, form select {
	margin-right: 5px;
	padding: 1px;
	color: #444;
	font-size: 12px;
	line-height: 1.2;
	border: 1px solid #444;
	background-color: #EBE7E1;
}
@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;
	color: #444;
	font-size: 13px;
	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
	border: 1px solid #444;
	background-color: #EBE7E1;
	scrollbar-face-color:#EBE7E1;
	scrollbar-highlight-color:#EBE7E1;
	scrollbar-shadw-color:#EBE7E1;
	scrollbar-3dlight-color:#444;
	scrollbar-arrow-color:#444;
	scrollbar-track-color:#EBE7E1;
	scrollbar-darkshadow-color:#EBE7E1;
}

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

div#container {
	position: relative;
	width : 720px ; 
	margin: 0px auto;
	padding: 0px;
	background-color: #EBE7E1;
}

div#header {
	position: relative;
	width: 100%;
	height: 110px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #DED2BF;
	background-image: url(images/aa.gif);
}

div#navigation {
	position: static;
	float: none;
	clear: both;
	height:55px; /* div#calendarのheight + ポップアップメニュー部のheight */
	text-align: left;
	background-color:#EAE0D5;
}

/* カレンダーを表示しない場合は、div#navigationのheightから*/
/* div#calendarのheightを差し引いしてください。            */

div#calendar {
	float: none;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	height:25px;
	background-color: #847461 ;
	background-image: url(images/aa2.gif);
}

div#logs {
	float: none;
	clear: both;
}

div#diary, div#comment, div#trackback {
	margin: 0px 15px;
}

div#page, div#navi, div#contents, div#work, div#form, div#canvas, div#env, div#status {
	float: none;
	clear: both;
	padding: 0px 15px;
}
div#footer {
	float: none;
	clear: both;
}

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

div#header h1 {
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 5px 30px;
}
div#header h1 a {
	font-size: 25px;
}
div#header p{
	margin: 0px 30px;
	font-size: 13px;
}

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

.menu1 {
	position: absolute;
	top: 10px;
	right: 0px;
}

.menu2 {
	position: absolute;
	top: 35px;
	right: 0px;
}

.menu3 {
	position: absolute;
	top: 65px;
	right: 0px;
}

.menu1 h2, .menu2 h2, .menu3 h2 {
	display: none;
}

.menu1 ul, .menu3 ul {
	margin: 0px;
	padding: 5px 35px;
	text-align: right;
}
.menu1 ul li, .menu3 ul li {
	display: inline;
	margin-left: 10px;
	padding: 0px;
	list-style: none;
	font-size: 14px;
}

.menu2 dl {
	margin: 0px;
	padding: 5px 35px;
	text-align: right;
}
.menu2 dl dt, .menu2 dl dd {
	display: inline;
	margin-left: 10px;
	padding: 0px;
	list-style: none;
	font-size: 14px;
}

.menu2 form input {
	color: #333; 
	font-family: osaka, verdana;
	font-size: 12px;
	letter-spacing: 1px; 
	border: 1px solid #666;
	background-color: #DED2BF;
}

ul.navi_img {
	margin: 0px;
	padding: 5px 35px;
	text-align: right;
}
ul.navi_img li {
	display: inline;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
}
ul.navi_img img {
	margin: 0px;
	padding: 0px;
}

/* ----- カレンダー -------------------------------------- */

div#calendar h2 {
	display: none;
}

div#calendar ul {
	margin: 0px 15px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
}
div#calendar ul li {
	display: inline;
	margin-right: 2px;
	list-style-type:none;
	color: #EAE0D5 ;

}
div#calendar .today {
	background-color: #564539;
	padding:1px 2px;
}
div#calendar a:link, div#calendar a:visited {
	padding: 0px;
	color:#EAE0D5;
	text-decoration: underline;
	border-bottom:0px solid #444444;
}
div#calendar .month a:link, div#calendar .month a:visited {
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
	border-bottom:0px solid #444444;
}
div#calendar a:active, div#calendar a:hover {
	padding: 0px;
	color: #fc0;
	border-bottom:0px solid #444444;
}

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

div#navigation h2 {
	margin-bottom:7px;
	font-size:13px;
	text-align: center;
}
div#navigation h2 a:link    {color:#444;}
div#navigation h2 a:visited {color:#444;}
div#navigation h2 a:hover   {color:#444;}

/* --- プルダウンメニュー（by WEB工房きくちゃん） ---------------------- */

/******０：変更不可   ****************************************************/
/*========================================================================
次のプロパティはプルダウン機構に深く関わっている物です。
スタイルシートに慣れた方以外はいじらないでください。
=========================================================================*/
div#navigation   {position:relative;}
.off  {position:relative; float:left; overflow:hidden;}
.on   {float:left; overflow:hidden;}
div#navigation .on  {overflow:visible;} /*×*/
ul.sub, dl.sub  {position:relative; list-style:none; margin: 5px 0px;}
.sub li, .sub dd, .sub dt {margin: 2px;}
ul.sub2 {position:relative; list-style:none; margin: 5px 0px;}

.off, .on {
    display:block;
    list-style:none;
    position:absolute;
    z-index:100;
    padding:7px 0px 0px 0px;
}

/******１：メニューサイズ・余白・枠線の設定*******************************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。
ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。
=========================================================================*/
/*---------------メインメニュー幅の設定----------------------------*/
/*メインメニューの横幅：削除は不可。めんどくさかったら100%に設定。
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。*/
div#navigation { width:720px;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.off{
    height:20px;	/*各ブラウザーで確認しながら調整*/
    width:90px;		/*文字数に合わせて調整*/
}
.on{
    width:90px;		/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定------------------*/
div#navigation a{padding:2px;}	/*あまり大きな値は指定しない方が良い*/

/*---------------メインメニュー枠線の設定--------------------------*/
/*通常時・メインメニューの枠線*/
.off{
    border:0px solid #444444;
}
/*展開時・メインメニューの枠線*/
.on{
    border: 0px solid #444444;
    border-bottom: 0px;
}
/*展開時メインアイテム下に線が無くなるのを防止*/
div#navigation a{
    border-bottom: 0px solid #444444;
}

/*---------------サブメニュー幅の設定------------------------------*/
.sub{
    left:0;	/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;	/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:90px;	/*.offと同じ値か、それ以上を推奨・削除不可*/
}
/*---------------サブメニューアイテム幅の設定----------------------*/
.sub　{
    width:90px;		/*.subと同じ値を推奨*/
    height:18px;	/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定----------------------------*/
.sub {
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
    border-bottom:1px solid #444444;
}

/*---------------サブメニュー余白の設定----------------------------*/
/*width+padding（左右）の値が.subのwidthと同じになるように。
 height+padding（上下）の値が.subのheightと同じになるように調整*/
.sub a{
    padding:2px 5px;	/*あまり大きな値にしない*/
    width:80px;		/*削除不可*/
    height:14px;	/*削除不可*/
}

/******２：文字の設定*****************************************************/
/*========================================================================
文字の大きさ、種類の指定。大きさはpxで指定してください。
メインメニューの文字設定は div#navigation h2 にあります。
=========================================================================*/
ul.sub, dl.sub { font-size:12px; }	/* サブメニュー */
ul.sub2        { font-size:; }		/* サブメニュー２ */
dd.sub2        { font-size:10px; color:#999; }	/* サブメニュー２ */
/*========================================================================
文字の寄せ方・位置を指定します。center,left,rightで指定。このままがお奨め。
=========================================================================*/
ul.sub, dl.sub  { text-align:left; }		/* サブメニューの文字揃え */
.sub dt		{ margin: 4px 0px 2px 5px;}	/* サブメニューの文字位置 */
ul.sub2         { margin-left:5px; }		/* サブメニュー２の文字位置 */
dd.sub2         { margin-left:5px; margin-bottom:5px; }

/******３：リンクの設定***************************************************/
/*========================================================================
メニューやオンマウス時の文字色指定を行います。
全て同じカラーで良い場合、削除可。
=========================================================================*/
/*：サブメニューの文字色*/
.sub a:link     {color:#444;}
.sub a:visited  {color:#444;}
.sub a:hover    {color:#808000;}

/*：サブメニュー２の文字色*/
.sub2 a:link    {color:#444;}
.sub2 a:visited {color:#444;}
.sub2 a:hover   {color:#808000;}

/*========================================================================
メニューの背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*サブメニューの背景色: .sub、.sub liは同じ色にすることを推奨*/
.sub         {background-color:#EBE7E1;}
.sub li      {background-color:#EBE7E1;}

/****** プルダウンメニュー：設定ここまで *********************************/


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

div#logs{
	margin: 0px auto;
	width : 720px ;
	background-color:#EBE7E1;
	text-align: left;

}
html>body div#logs {
	width: 720px;
}

div#diary { padding:1em;}

div#diary .diary {
	margin: 0px 0px 30px 0px ;
	padding: 5px;
	width : 650px ;
	text-align: left;
	background-color:#EBE7E1;
	border: 1px solid #444;
}

div#diary h2 {
	display: none;
}
div#diary .diary h3 {
	padding:5px 0px 3px 5px;
	font-weight: bold;
	font-size:14px;
	border-bottom:1px solid #444;
}
div#diary h4 {
	margin: 10px;
}
div#diary h5 {
	margin: 20px 10px 10px;
	padding: 0px 10px 0px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #999999;
	border-bottom: 1px solid #999999;
}
div#diary h6 {
	margin: 15px 15px 10px;
	font-weight: bold;
	letter-spacing: 2px;
}

div#diary .text * {
	font-size: x-small;
}
html>body div#diary .text * {
	font-size: small;
}
div#diary .text p {
	margin:1em 0;
	padding:0px 10px;
	font-size:13px;
	line-height: 1.3em;
}
div#diary .text ul {
	margin: 15px 30px;
}
div#diary .text ol {
	margin: 15px 40px;
}
div#diary .text a          { color: #B8860B; }
div#diary .text a:link     { color: #B8860B; }
div#diary .text a:visited  { color: #BC8F8F; }
div#diary .text a:hover    { color: #800000; }
div#diary .text a:active   { color: #800000; }

div#diary .info {
	margin: 5px 10px;
	text-align: right;
	font-size: 12px;
}
div#diary .info * {

}
div#diary .info li {
	display: inline;
	margin-left: 5px;
}

div#diary a.image:link,
div#diary a.image:visited,
div#diary a.image:active,
div#diary a.image:hover {
 border: 0px;
}

/* ----- 記事：トラックバック＆コメント ---------------- */

div#diary .list {
	border: 1px solid #AAAAAA;
	margin: 0px 10px 20px 40px;
	padding: 5px 10px;
	font-size:13px;
}
div#diary .list h4 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 0px 15px 0px;
	padding: 3px 5px;
	color: #444444;
	background-color: ;
}
div#diary .list ul {
	margin: 0px 0px 10px 20px;
}
div#diary .list dl dt {
	margin: 0px 5px;
        font-weight: bold;
}
div#diary .list dl dd {
	margin: 10px 10px 10px 15px;
}

div#trackback {
	text-align: left;
	font-size: 13px;
}

div#trackback h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#trackback dl {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}
div#trackback dl dt {
	margin-top: 10px;
	margin-left: 10px;
}
div#trackback dl dd {
	margin-left: 30px;
}

div#comment {
	font-size: 13px;
	text-align: left;
}

div#comment .comment {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}

div#comment h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#comment h3 {
	margin: 5px 5px 10px 5px;
	padding: 5px;
}

div#comment .text * {
	font-size: x-small;
}
html>body div#comment .text * {
	font-size: small;
}
div#comment .text p {
	margin: 10px;
}

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

div#page h2 {
	display: none;
}

div#page ul {
	margin: 0px;
	padding-top: 10px;
	text-align: center;
}
div#page ul li {
	display: inline;
	margin-right: 10px;
	font-size: 13px;
}

/* ----- ページナビゲーション --------------------------- */

div#navi h2 {
	display: none;
}

div#navi ul {
	margin: 5px 0px;
	text-align: right;
}
div#navi ul li {
	display: inline;
	margin-left: 5px;
	font-size: 13px;
}

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#navi p {
	text-align: left;
}

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

div#contents {
	font-size: 85%;
	text-align: left;
}

div#contents h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#contents h3 {
	margin: 10px;
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #444;
}
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#contents table {
	border: 0px solid #666680;
}
div#contents table tr {
	border: 0px solid #666680;
}
div#contents table tr td {
	border: 0px solid #666680;
}

div#contents p {
	margin-bottom: 10px;
}

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

div#work, div#status, div#env {
	font-size: 85%;
	text-align: left;
}

div#work h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}

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

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

div#form {
	font-size: 13px;
	text-align: left;
}

div#form h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}

div#form form {
	margin-bottom: 10px;
}
div#form form dl {
	margin-bottom: 20px;
}
div#form form dl dt {
	float: left;
	clear: left;
	width: 5em;
}
div#form form dl dd {
}
div#form form dl dd textarea {
	margin-top: 2px;
}
div#form form ul {
	margin: 0px 0px 20px 0px;
}
div#form form ul li {
	list-style-type: none;
}

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

div#env h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#env h3 {
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 5px;
	background-color: #DED2BF;
}

div#env dl {
	margin-bottom: 20px;
}
div#env dl dd {
	margin-bottom: 10px;
}

div#env form {
	margin-bottom: 20px;
}

div#env p {
	margin-bottom: 10px;
}

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

div#status h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#status h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#status h4 {
	margin-bottom: 10px;
}

div#status dl {
	margin-bottom: 20px;
}
div#status dl dt {
	float: left;
	clear: left;
	width: 10em;
}
div#status dl dd {
}

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

div#footer address {
	margin: 0px auto;
	padding:15px 0px;
	width : 720px ;
	text-align:center;
	font-size: 12px;
	background-color:#DED2BF;
	background-image: url(images/aa.gif);
}