@charset 'utf-8';

/* diarypro base setting width */
#diaryPro {}
#diaryPro #logs {}
#diaryPro #container { }

#diaryPro #navigation {width: 220px; float:none;}
#diaryPro #navigation table {width: 180px;}
#diaryPro #form form dl dt {width: 5em;}
#diaryPro #status dl dt {width: 10em;}
#diaryPro pre {width: 430px;}
/* link color setting default a:link #00A a:active #f70 */
a:link,
a:active,
a:visited { text-decoration:none; color:#36f;}
a:hover,
a:focus { text-decoration:underline; color:#039;}

/* table border and bgcolor */
#diaryPro table {border: 1px solid #ccc;}
#diaryPro table tr th {border: 1px solid #aaa;background-color: #eee;}
#diaryPro table tr td {border: 1px solid #aaa;}
#diaryPro textarea {width:99%;}
/**/
#diaryPro #diary .diary {
	border: 1px solid #ccc;
}
/**/
#diaryPro #diary, #diaryPro #comment, #diaryPro #trackback {
	margin: 0 ;
}
#diaryPro img {	margin:0 5px 5px 0;border: 0px;}

/* logview setting*/
#diaryPro #diary .diary {margin-bottom: 10px;padding: 2px;}

#diaryPro #diary h2 {display: none;}
#diaryPro #diary h3 {}
#diaryPro #diary h4 {margin: 10px; color:#630;}
#diaryPro #diary .text p {margin: 15px 10px; color:#333;}
#diaryPro #diary .text li { color:#300;}
#diaryPro #diary .text ul {margin: 15px 30px;}
#diaryPro #diary .text ol {margin: 15px 40px;}

/**/
#diaryPro #navigation table {
	margin: -2px 0px 7px 7px;
	border: 0px solid #AAAAAA;
}

#diaryPro #navigation table tr th {
	padding: 5px;text-align: left;
	border: 0px solid #aaa;
	background-color: #ddd;
}
#diaryPro #navigation table tr td {
	padding: 3px;
	border: 0px solid #aaa;
	text-align: center;
}
body {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* no used */
@media screen {#diaryPro form input, #diaryPro form select {font-family: Verdana, Arial, sans-serif;}}
@media screen {#diaryPro #header h1 a {font-family: Verdana, Arial, sans-serif;}}
@media screen {#diaryPro #navigation table {margin: -2px auto 7px auto;}}
@media screen {#diaryPro #navigation table tr td {padding: 5px;}}

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

#diaryPro {
	font-size: 12px;font-style: normal;
	text-align: left;
	margin-bottom: 20px;
	}
#diaryPro p,#diaryPro li,#diaryPro dt,#diaryPro dd,#diaryPro address {
	color: #444444;
	line-height: 1.4;
}
#diaryPro p {margin-bottom: 15px;}
#diaryPro ul {margin: 0px 0px 20px 20px;}
#diaryPro ul li ol li {margin: 0px 20px 0px 25px;}
#diaryPro ul li ol {margin-bottom: 10px;}
#diaryPro em {font-weight: bold;}

#diaryPro object {margin-left: 10px;}

#diaryPro pre {
	margin: 10px;padding: 5px;
	border: 1px solid #EEE;overflow: auto;
}
#diaryPro code, #diaryPro var, #diaryPro kbd {
	color: #000080;

	font-family: 'ＭＳ ゴシック', monospace;
	line-height: 1.2;
}
#diaryPro blockquote {margin: 10px;border-left: 2px solid #77a;}
#diaryPro blockquote p {color: #999;}
#diaryPro #diaryPro form fieldset {border: 0px solid #000;}
#diaryPro form legend {display: none;}
#diaryPro form input, #diaryPro form select {margin-right: 1px;padding: 1px;font-size: 90%;}

#diaryPro form select {margin-top: 1px;}
#diaryPro form p input {text-align: center;}
#diaryPro form textarea {
	padding: 1px;
	line-height: 1.2;
}


#diaryPro table {margin-bottom: 10px;border-collapse: collapse;}
#diaryPro table tr th {padding: 5px;	text-align: center;}
#diaryPro table tr td {padding: 5px;}
#diaryPro table tr td input {margin: -2px;}



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

#diaryPro #container {
	margin: 0px auto;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	background-color: #FFF;
}

#diaryPro #header {
	float: none;clear: both;height: 120px;
	background-color: #E0E0E5;
}
#diaryPro #menu {
	float: none;clear: both;
	margin-bottom: 10px;background-color: #777788;
}

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

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

#diaryPro #header h1 {padding: 15px 15px 10px 15px;}
#diaryPro #header h1 a {
	color: #444444;font-size: 25px;
	text-decoration: none;
}


#diaryPro #header p {
	margin: 0px 15px;font-size: 12px;
}

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

#diaryPro #menu h2 {display: none;}
#diaryPro #menu ul {padding: 5px 0px;}
#diaryPro #menu ul li {display: inline;margin-right: 10px;}
#diaryPro #menu a:link, #diaryPro #menu a:visited {color: #fff;}
#diaryPro #menu a:active, #diaryPro #menu a:hover {color: #000;}

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

#diaryPro #navigation h2 {
	margin: 7px 7px 17px 7px;padding: 5px;
	color: #fff;background-color: #778;
}

#diaryPro #navigation ul {margin: 0px 10px 0px 12px;}
#diaryPro #navigation ul li {
	margin: 0px 0px 0px 0px
	list-style-type: none;
}
#diaryPro #navigation ul li ul {margin: 0px 0px 0px 20px;}
#diaryPro #navigation dl {margin: 0px 10px 0px 12px;}
#diaryPro #navigation dl dt {}
#diaryPro #navigation dl dd {}
#diaryPro #navigation form dl {}
#diaryPro #navigation form dl dt {display: none;}
#diaryPro #navigation form dl dd {}

#diaryPro #navigation form p {margin:0 0 0 12px;}



#diaryPro #navigation .day {color: #444;}
#diaryPro #navigation .satday {color: #44c;}
#diaryPro #navigation .sunday {color: #C44;}
#diaryPro #navigation .today {background-color: #eee;}

#diaryPro #navigation .calender {margin: 2px 10px;}
#diaryPro #navigation .calender li {display: inline;margin-right: 10px;}

#diaryPro #navigation .block {
	margin:0 15px 10px 0;
	padding-bottom: 20px;
	border: 1px solid #777777;text-align: center;
}

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

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

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

#diaryPro #diary .list {
	border: 1px solid #AAA;
	margin: 0px 0px 10px 20px;
	padding: 5px 10px;
}
#diaryPro #diary .list h4 {
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 15px 0px;padding: 3px 5px;
	color: #444;background-color: #fff;
}
#diaryPro #diary .list ul {margin: 0px 0px 10px 20px;}
#diaryPro #diary .list dl dt {margin: 0px 5px;font-weight: bold;}
#diaryPro #diary .list dl dd {margin: 10px 10px 0px 15px;}

#diaryPro #trackback h2 {
	margin-bottom: 15px;
}

#diaryPro #trackback dl {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}
#diaryPro #trackback dl dt {margin: 10px 0 0 10px;}
#diaryPro #trackback dl dd {margin-left: 30px;}

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

#diaryPro #comment h2 {
	margin-bottom: 15px;
}
#diaryPro #comment h3 {margin: 5px 5px 10px 5px;padding: 5px;}

#diaryPro #comment .text * {font-size: 12px;}
#diaryPro #comment .text p {margin: 10px;
}

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

#diaryPro #page h2 {display: none;}
#diaryPro #page ul {margin: 0px;}
#diaryPro #page ul li {display: inline;margin-right: 10px;}

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

#diaryPro #navi h2 {display: none;}
#diaryPro #navi ul {margin: 5px 0px;text-align: right;}
#diaryPro #navi ul li {display: inline;margin-left: 5px;}
#diaryPro #navi form dl {}
#diaryPro #navi form dl dt {display: none;}
#diaryPro #navi form dl dd {float: left;}
#diaryPro #navi form input {padding: 0px;}

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

#diaryPro #contents h2 {
	margin-bottom: 15px;
}
#diaryPro #contents h3 {
	margin-bottom: 15px;padding: 3px 0px;
	border-bottom: 1px double #999;
}
#diaryPro #contents h4 {margin-bottom: 10px;}
#diaryPro #contents dl {margin-bottom: 20px;}
#diaryPro #contents dl dt {margin-top: 10px;}
#diaryPro #contents dl dd {margin-left: 30px;}

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

#diaryPro #work h2 {
	margin-bottom: 15px;
}

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

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

#diaryPro #form h2 {
	margin-bottom: 15px;padding: 5px;
	border-top: 3px double #999;
	border-bottom: 3px double #999;
}

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

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

#diaryPro #env h2 {}
#diaryPro #env h3 {}

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

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


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

#diaryPro #canvas h2 {
	margin-bottom: 15px;
	
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
#diaryPro #canvas applet {margin-bottom: 15px;}

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

#diaryPro #status h2 {
	margin-bottom: 15px;
}
#diaryPro #status h3 {
	margin-bottom: 15px;
}
#diaryPro #status h4 {margin-bottom: 10px;}
#diaryPro #status dl {margin-bottom: 20px;}
#diaryPro #status dl dt {float: left;clear: left;width: 10em;}
#diaryPro #status dl dd {}

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

#diaryPro #footer address {
	padding: 10px 15px 20px 15px;
	color: #FFF;background-color: #778;
}

#diaryPro #footer a:link, 
#diaryPro #footer a:visited {color: #FFF;}
#diaryPro #footer a:active,
#diaryPro #footer a:hover {color: #000;}

/* ----- 個別指定 -------------------------------------- */

#diaryPro .new {color: #FF0000;}