@charset "utf-8";
/* BLOG CSS Document
----------------------------------------------------------------------------- */

/*#content ul {
	margin: 0px 0px 20px 0px;
}

#content ul li ol li {
	margin: 0px 20px 0px 25px;
}

#content ul li ol {
	margin-bottom: 10px;
}
*/

#content em {
	padding: 0 0.5em;
	font-weight: bold;
	font-style: normal;
}

#content #diary img {
	margin-bottom: 5px;
	border: 0px;
}

#content object {
	margin-left: 10px;
}

#content pre {
	width: 288px;

	margin: 10px;
	padding: 5px;
	border: 1px solid #EEEEEE;

	overflow: auto;
}
#content code,
#content var,
#content kbd {
	color: #000080;

	font-family: 'ＭＳ ゴシック', monospace;
	line-height: 1.2;
	font-weight: normal;
}

#content blockquote {
	margin: 10px;
	border-left: 2px solid #7777AA;
}

#content blockquote p {
	color: #999999;
}

#content form fieldset {
	border: 0px solid #000000;
}

#content form legend {
	display: none;
}

#content form input,
#content form select {
	margin-right: 1px;
	padding: 1px;

	font-size: 12px;
}
@media screen {
	#content form input, 
	#content form select {
		font-family: Verdana, Arial, sans-serif;
	}
}

#content form select {
	margin-top: 1px;
}

#content form p input {
	text-align: center;
}

#content form textarea {
	width: 318px;
	padding: 1px;

	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2em;
}

#content table {
	margin-bottom: 10px;
	border: 1px solid #666680;
	border-collapse: collapse;
}
#content table tr th {
	padding: 5px;
	border: 1px solid #AAAAAA;

	background-color: #EEEEEE;

	text-align: center;
}
#content table tr td {
	padding: 5px;
	border: 1px solid #AAAAAA;
}
#content table tr td input {
	margin: -2px;
}


/* ブログ基本構造
----------------------------------------------------------------------------- */

div#menu {
	float: none;
	clear: both;
	margin-bottom: 10px;
	background-color: #8080B0;
}

div#logs {
	width: 320px;
	padding: 90px 0 0 240px;
	float: left;
}

/* ブログヘッダーイメージ */
div#diaryImage {
	position: absolute;
	top: 30px;
	left: 250px;
}
div#diaryImage img {
	margin: 0 !important;
}

div#navigation {
	width: 180px;
	padding: 90px 30px 10px 0px;
	float: right;
}

div#sideBar1 {
	padding: 0;
	float: none;
	position: absolute;
	left: 10px;
	top: 30px;
}

div#diary, div#comment, div#trackback {
	font-size: 12px;
}

div#page, div#navi, div#contents, div#work, div#form, div#canvas, div#env, div#status {
	float: none;
	clear: both;
	font-size: 12px;
}

div.login,
div.search,
div.edit,
div.complete {
	padding: 0px 30px 0px 240px;
}

div#work {
	width:190px;
	margin: 0;
	padding: 0 10px 30px 10px;
	float: left;
}

div#admin {
	width: 530px;
	margin: 0;
	padding: 0px 30px 30px 30px;
	float: left;
}


/* ブログのトップへ戻る
----------------------------------------------------------------------------- */
div#backLink {
	padding: 20px 30px 20px 240px;
	background: url(../../images/background_content.gif) repeat-y;	
}

div#backLink li a {
	padding: 1px 0 1px 18px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-image: url(../../images/arrow_up.gif);
	font-size: 12px;
}


/* メニュー
----------------------------------------------------------------------------- */

div#menu h2 {
	display: none;
}

div#menu ul {
	margin: 0px 15px;
	padding: 5px 0px;
}
div#menu ul li {
	display: inline;

	margin-right: 10px;
}

div#menu a:link, div#menu a:visited {
	color: #DDDDEE;
}
div#menu a:active, div#menu a:hover {
	color: #EEEEFF;
}

/* ナビゲーション
----------------------------------------------------------------------------- */

div#navigation h2 {
	font-size: 12px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 4px;
	background-color: #309e2d;
}

div#navigation ul * {
	font-size: 10px;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
}

div#navigation ul li {
	margin: 0px 0px 5px 0px;
	list-style-type: none;
}
div#navigation ul li ul {
	margin: 0px 0px 0px 15px;
}
div#navigation ul li ul li {
	margin: 0px 0px 0px 0px;
}

div#navigation dl * {
	font-size: 10px;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
}
div#navigation dl dt {
}
div#navigation dl dd {
	margin: 0 0 5px 0;
}

div#navigation form dl {
}
div#navigation form dl dt {
	display: none;
}
div#navigation form dl dd {
	margin: 0 0 5px 0;
}

div#navigation form input {
	font-size: 12px;
}

div#navigation form input.keyword {
	width: 160px;
}

div#navigation form p {
	margin: 0px;
}

div#navigation table {
	width: 170px;

	margin: -2px 0px 7px 7px;
	border: 0px solid #AAAAAA;
}
@media screen {
	div#navigation table {
        	margin: -2px auto 7px auto;
        }
}
div#navigation table tr th {
	padding: 5px;
	border: 0px solid #AAAAAA;

	background-color: #FFFFFF;

	text-align: left;
}
div#navigation table tr td {
	padding: 3px;
	border: 0px solid #AAAAAA;

	text-align: center;
}
@media screen {
	div#navigation table tr td {
        	padding: 5px;
        }
}

div#navigation .day {
	color: #444444;
}
div#navigation .satday {
	color: #4444CC;
}
div#navigation .sunday {
	color: #CC4444;
}
div#navigation .today {
	background-color: #EEEEEE;
}

div#navigation .calender {
	margin: 2px 10px;
}
div#navigation .calender li {
	display: inline;

	margin-right: 10px;
}
div#navigation .block {
	margin: 0 0 20px 0;
	text-align: left;
}

/* sideBar1
----------------------------------------------------------------------------- */


/* 記事一覧
----------------------------------------------------------------------------- */

div#diary .diary {
	width: 320px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #cccccc;
	text-align: left;
}

div#diary h2 {
	display: none;
}
div#diary h3 {
	font-size: 14px;
	color: #1a7c18;
	margin: 0 0 15px 0;
}
div#diary h4 {
	font-size: 12px;
	margin: 10px;
}

div#diary p {
	margin-bottom: 1em;
}

div#diary p.date {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 1em;
}

div#diary .text {
	margin: 0 0 20px 0;
}

div#diary .text * {
/*	font-size: x-small;*/
	font-size: 12px;
}
html>body div#diary .text * {
/*	font-size: small;*/
	font-size: 12px;
}
div#diary .text p {
}
div#diary .text ul {
	margin: 0;
}
div#diary .text ol {
	margin: 15px 40px;
}

div#diary .text dl {
	margin: 0;
	line-height: 1.5em;
}
div#diary .text dl dt {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
div#diary .text dl dd {
	margin: 0 0 10px 10px;
	font-weight: bold;
}

div#diary .info {
	text-align: right;
}
div#diary .info * {
	font-size: 10px;
}
div#diary .info li {
	display: inline;

	margin-left: 5px;
}

div#diary .list {
	width: 300px;
	border: 1px solid #AAAAAA;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px;
}
div#diary .list h4 {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 0px 15px 0px;
	padding: 3px 5px;

	color: #444444;
	background-color: #FFFFFF;
}
div#diary .list ul {
	margin: 0px 0px 10px 0px;
}
div#diary .list dl dt {
	margin: 0px 0px;
        font-weight: bold;
}
div#diary .list dl dd {
	margin: 5px 0px 20px 0px;
}

div#trackback {
	margin: 0 0 30px 0;
}

div#trackback h2 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #e0e0e0;
}
div#trackback dl {
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #AAAAAA;
}
div#trackback dl dt {
	margin: 10px;
	font-weight: bold;
}
div#trackback dl dt span {
	font-size: 10px;
	font-weight: normal;
}
div#trackback dl dd {
	margin: 10px;
}

div#comment .comment {
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #AAAAAA;
}

div#comment h2 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #e0e0e0;
}
div#comment h3 {
	font-size: 12px;
	margin: 10px;
}

div#comment .text * {
/*	font-size: x-small;*/
	font-size: 12px;
}
html>body div#comment .text * {
/*	font-size: small;*/
	font-size: 12px;
}
div#comment .text p {
	margin: 10px;
}

/* ページ移動
----------------------------------------------------------------------------- */

div#page h2 {
	display: none;
}

div#page ul {
	margin: 0px;
}
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 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #e0e0e0;
}
div#contents h3 {
	font-size: 14px;
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#contents h4 {
	font-size: 12px;
	margin-bottom: 10px;
}

div#contents dl {
	margin: 0;
	line-height: 1.5em;
}
div#contents dl dt {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
div#contents dl dd {
	margin: 0 0 10px 10px;
	font-weight: bold;
}

/* 処理選択
----------------------------------------------------------------------------- */

div#work h2 {
	display: none;
}

div#work ul.menu {
	width: 188px;

	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #8080B0;
}
div#work ul.menu li {
	margin: 0px;
	padding: 4px 5px 0px 5px;

	background-color: #DDDDEE;

	list-style-type: none;
}
div#work ul.menu li ul {
	margin: 0px -5px;
	padding-top: 3px;
}
div#work ul.menu li ul li {
	padding: 0px;
}
div#work ul.menu li a {
	display: block;

	width: 178px;

	margin: 1px 0px 0px 0px;
	padding: 3px 5px;

	background-color: #FFFFFF;
}

div#work ul.menu li a.selected {
	background-color: #F0F0F0;
}

/* フォーム
----------------------------------------------------------------------------- */

div#form h2 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #e0e0e0;
}

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 {
	width: 320px;
	margin-top: 2px;
}
div#form form ul {
	margin: 0px 0px 20px 0px;
}
div#form form ul li {
	list-style-type: none;
}

/* 環境設定
----------------------------------------------------------------------------- */

div#env h2 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #e0e0e0;
}
div#env h3 {
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;

	background-color: #EEEEEE;
}

div#env dl {
	margin-bottom: 20px;
}
div#env dl dd {
	margin-bottom: 10px;
}

div#env form {
	margin-bottom: 20px;
}

/* キャンバス
----------------------------------------------------------------------------- */

div#canvas h2 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #e0e0e0;
}

div#canvas applet {
	margin-bottom: 15px;
}

/* ステータス
----------------------------------------------------------------------------- */

div#status h2 {
	_height: 14px;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	background-color: #e0e0e0;
}
div#status h3 {
	font-size: 14px;
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#status h4 {
	font-size: 12px;
	margin-bottom: 10px;
}

div#status dl {
	margin-bottom: 20px;
}
div#status dl dt {
	float: left;
	clear: left;
	width: 10em;
}
div#status dl dd {
}

/* 個別指定
----------------------------------------------------------------------------- */

.new {
	color: #FF0000;
}
