@charset 'utf-8';

/* ////////////////////////////////////////////////////////////////////

		Web Diary Professional 's SKIN [Web素材用] 2007.09.02
		Designed by ABO-Kikaku (youko) http://saredo.net/abo/

   //////////////////////////////////////////////////////////////////// */


/* ============== リセット ============== */
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	text-align: left;
	zoom: normal;		/* IE7 */
}

/* ===============================================
　　■　HTML基本
　=============================================== */

html {
	overflow-y: scroll;		/* センタリングずれ防止 */
	height: 100%;
	padding-bottom:1px;
}
body {
	width:100%;		/* IE文字消えバグ回避用？*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	color: #333;
	background: #B0FBD7 url(./img/abo_bg_kabe.jpg) repeat 50% 0;
}
/* ============== 段落など ============== */
#mainbox p {
	margin-top: 1.8em;
	margin-bottom: 1.8em;
	line-height:1.6;
}
pre {
	margin: 1em;
	padding: 5px;
	border: 1px dotted #aaa;
	width: 90%;
	overflow: scroll;
	font-family: "Osaka－等幅", "ＭＳ ゴシック", monospace;
}
blockquote {
	margin: 15px;
	padding: 10px;
	width: 90%;
}
/* ============== 非表示 ============== */
#mainbox #menu h2 { display: none; }
#diary h2 { display: none; }
#page h2 { display: none; }
hr { display: none; }
/* ============== list,form,table ============== */
ul, ol, li {
	margin: 0;
	padding: 0;
}
li,dt,dl {
	line-height:1.6;
	list-style-type: none;
}
dl {
	margin: 10px 0px;
}
dl dt {
	margin: 3px 0px;
}
dl dd {
	margin: 0px 20px 3px 25px;
}
form fieldset {
	border: 0px solid #000;
}
form legend {
	display: none;
}
form input, form select {
	margin-right: 1px;
	padding: 1px;
	font-size: 90%;
}
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-bottom: 10px;
	border: 1px solid #666680;
	border-collapse: collapse;
}
table tr th {
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #eee;
	text-align: center;
	white-space: nowrap;
}
table tr td {
	padding: 5px;
	border: 1px solid #aaa;
}
th, td {
	font-size: 13px;
}
/* ============== 基本イメージ ============== */
img, img a {
	margin: 0px;
	border:none;
}
dl dd img {
	margin: 0px 0px 1px 3px;
	border: 0px;
	vertical-align: bottom;
}
object {
	margin-left: 10px;
}

#mainbox a:link img, #mainbox a:visited img {
	position: relative; top: 0px; left: 0px;
}
#mainbox a:hover img, #mainbox active img {
	position: relative; top: 2px; left: 1px;
}

/* ============== 基本テキスト ============== */
h1 { font-size: 148%; font-weight: bolder; }
h2 { font-size: 120%; font-weight: bolder; }
h3 { font-size: 111%; font-weight: bolder; }
h4 { font-size: 110%; font-weight: bold; }
h5 { font-size: 110%; font-weight: bold; }
h6 { font-size: 107%; font-weight: bold; }
small {
	font-size: 86%;
}
em {
	font-weight: bold;
}
strong {
	font-weight: bolder;
}
del {
	text-decoration:line-through;
}
ins {
	border-bottom:1px dotted #aaa;
	text-decoration:none;
}
code, var, kbd {
	font-family: 'ＭＳ ゴシック', "Osaka－等幅", monospace;
	line-height: 1.2;
}
/* ============== 基本の色指定 ============== */
a:link, a:visited {
	color: #019990;
	text-decoration: none;
}
a:hover, a:active {
	color: #c00;
	text-decoration: underline;			/* positionがあるとIE5で効かないのは仕様 */
	position: relative; top: 0px; left: 0px;	/* これ入れないとicabで画像リンクずらしが吹っ飛ぶ(x_x)*/
}
pre {
	color: #333;
	background-color: #f5f5f5;
}
blockquote {
	border: 1px;
	border-color: #33995c;
	border-style: dotted;
	background-color: #d9f2e3;
	font-size: 95%;
	color: #4d4d4d;
}

/* ===============================================
　　■　ページの全体構造
　=============================================== */

#container {
	margin: 0px auto;
	background: url(./img/abo_bg730_kabe.jpg) repeat-y 50% 0;
	text-align: center;
}
#headitem {
	margin: 0px auto;
	padding: 0px;
	width: 730px;
	height: 24px;
	background: #e4fef4;
/*	background: #b0fbd7 url(./img/abo_bg_swh.jpg) repeat 50% 0;	*/
}
#header {
	float: none;
	clear: both;
	margin: 0px auto;
	height: 170px;
	width: 730px;
}
#widthbox {
	width: 730px;
	margin: 0px auto;
	text-align: center;
	clear: both;
	background: #e4fef4;
}
#mainbox {
	float: left;		/* サイドバーの背景を下まで敷き詰める */
	display:inline;		/* IE6フロートマージンバグ対策！これか */
	width: 100%;
	margin: 0px;
	text-align: center;
	background: #e4fef4 url(./img/navigation2.jpg) repeat-y 0 0;
}
#mainbox1 {
	float: left;		/* サイドバーの背景を下まで敷き詰める */
	display:inline;		/* IE6フロートマージンバグ対策！これか */
	width: 100%;
	margin: 0px;
	text-align: center;
	line-height:1.4;
	background: #e4fef4;
/*	background: url(./img/navigation2.jpg) repeat-y 0 0;	*/
}
#mainbox2 {		/* サイドバー背景画像の終わり部分。ていうかクリアすんのに必要 */
	clear: both;
	margin: 0px;
}
#footer {
	width: 730px;
	margin: 0px auto;
	text-align: center;
	clear: both;
}
#end {
	height: 45px;
	margin: 0px auto;
	text-align: center;
	clear: both;
	background: url(./img/abo_bg730_kabe3.jpg) no-repeat 50% 0;
}

/* ===============================================
　　■　各パーツデザイン
　=============================================== */

/* ============== HOME・RSS＆MAP等 ============== */

#headitem #home {
	float: left;
	width: 429px;		/* 必ず幅を指定する（MacIEでfloatする為） */
}
#headitem #home ul {
	text-align: left;
	padding-top: 2px;
	padding-left: 15px;
}
#headitem #home li {
	display:inline;
	font-size: 12px;
	zoom: 1;		/* IE7対策になってる？ */
}
#headitem #home li a {
	padding: 4px 6px;
}
#headitem #home li a:hover {
	text-decoration: none;
	background-color: #e4fef4;
}

#headitem #map {
	float: right;
	text-align: right;
	width: 300px;		/* 必ず幅を指定する（MacIEでfloatする為） */
}
#headitem #map ul {
	text-align: right;
	padding-top: 2px;
	padding-right: 15px;
}
#headitem #map li {
	display:inline;
	font-size: 12px;
	zoom: 1;		/* IE7対策になってる？ */
}
#headitem #map li a {
	padding: 4px 10px;
}
#headitem #map li a:hover {
	text-decoration: none;
	background-color: #fff;
}

/* ============== サイトヘッダ ============== */

/* === WebItem（素材配布サイト） === */
#header #minttitle a {
	display: block;
	height: 170px;
	width: 100%;
	border:none;
	background: url(./img/top-image01.jpg) top left no-repeat;
	text-indent: -9999px;		/* 消さずに飛ばす */
}
#header #minttitle a:hover {
	background:url(./img/top-image02.jpg) top left no-repeat;
}
#header p { display:none; }		/* サイト説明、CSSでは画像に書く */


/* ============== メイン（mainboxの下位２カラム） ============== */
#mainbox #logs {
/*	width: 599px;	*/
	width: 539px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding-bottom: 30px;
	display:inline;
	background-color: #e4fef4;
}
#mainbox #navigation {
	width: 178px;
	float: left;
	margin: 0px 0px 10px 0px;
	_margin-top: -10px;		/* IE6 */
}
#mainbox #navigationtop {		/* 未使用 */
	width: 0px;
	height: 0px;
}
#mainbox #navigationend {		/* 未使用 */
	width: 0px;
	height: 0px;
}

/* ============== 通常本文 ============== */
#mainbox #diary {
/* 	margin: 0px auto;		#logが％の時これがないとコメント個別画面でIE6と幅が揃わない */
	padding: 5px 16px;
	background-color: #e4fef6;
}
#mainbox1 #diary {
/* 	margin: 0px auto;		#logが％の時これがないとコメント個別画面でIE6と幅が揃わない */
	padding: 5px 16px;
	background-color: #e4fef6;
}
/*
#diary h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 18px;
	border-top: 3px double #339985;
	border-bottom: 3px double #339985;
	background-color: #b3e6b7;
	color: #333;
	font-weight: bolder;
	font-size: 110%;
}
*/
#diary h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 6px 18px;
	background: #666 url(./img/abo_bar_swh2.jpg) repeat-y 100% 0;
	color: #e7e7e7;
	font-weight: bolder;
	line-height: 1.0;
}
#diary h4 {			/* 2008.03.10 add */
	margin-top: 5px;
	margin-bottom: 0px;
	height: 30px;
/*	padding: 0px auto;	*/
	background: url(./img/welcome.gif) top left no-repeat;
	color: #e7e7e7;
	font-weight: bolder;
	line-height: 1.0;
}
#diary .diary, #diary .gallery {
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 0px 10px;
	_width: 100%;		/* バグ回避？*/
}
#diary .text {
	margin: 2px 0px;
	padding: 10px 25px 5px 25px;
/*	border: 2px solid #b3e6bd;	*/
	_width: 100%;		/* バグ回避？*/
}
#diary .gallery .text {
	margin: 2px 0px;
	padding: 10px 15px 10px 15px;
/*	border: 2px solid #b3e6bd;	*/
	text-align: center;
} 
#diary .gallery .text img {
	margin: 4px 2px;
}
#diary .text p {
	margin: 10px 0px;
}
#mainbox .diary .text img {		/* classギャラリー対策に.diary */
/*	margin: 8px;	*/
	margin: 2px;
}
#mainbox .diary .text a img {
/*	border: 1px solid #333;	*/
}
#mainbox .diary .text a:hover img {
/*	border: 1px solid #c00;	*/
}
#diary .text h1, #diary .text h2, #diary .text h3 {
	margin: 15px 0px 7px -5px;
	padding: 3px 5px 3px 10px;
	border-top: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
	background: #ededed;
	font-size: 13px;
	font-weight: bolder;
	color: #333;		/* 一応上書き */
}

#diary .text h4 {
	margin: 15px 0px 7px -5px;
	padding: 3px 5px 3px 7px;
	height: 13px;
	border-bottom: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	background: #ededed;
	font-size: 13px;
	font-weight: bolder;
	color: #333;		/* 一応上書き */
}
#diary .text ul, #diary .toptext ul {
	margin: 14px 0px 14px 10px;
}
#diary .text li {
	line-height: 1.5em;
	margin: 5px;
	padding-left: 10px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
}
#diary .text li2 {		/* add 20080324 */
	line-height: 2em;
	margin: 5px;
	padding-left: 10px;
	font-size: 80%;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
}
#diary .toptext li {
	line-height: 1.4em;
	margin: 5px;
	padding-left: 10px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
	font-size: 95%;
}
#diary .text box {			/* add 20080326 */
	margin: 0px;
	border-top: 1px solid #b3b3b3;
	height: 3px;
}
/* === 日付など === */
/*
#diary .date {
	padding: 3px 20px;
	text-align: right;
	font-size: 98%;
	color: #666;
	background-color: #d9f2e3;
}
*/
#diary .date {
	margin: 0px 18px 0px 0px;
	text-align: right;
	font-size: 160%;
	font-style: italic;
	font-family: "century", Serif;
	color: #666;
}
.diary ul.info {
	clear: both;
	text-align: right;
	padding: 2px 15px 5px 0px;
	font-size: 96%;
	color: #666;
/*	background-color: #d9f2e3;	*/
}
.diary ul.info li {
	display:inline;
	margin-right: 3px;
}

/* ============== スキンリスト本文 ============== */
#diary .skinlist {
	clear: both;
	margin: 10px;
	padding: 2px ;
	border: 2px solid #d9f2e3;
}
#diary .skinlist h3 {
	margin: 0px;
	padding: 5px 5px 5px 22px;
	border: none;
	background-color: #fff;
	color: #333;
	font-weight: bold;
}
#diary .skinlist p {
	margin: 5px;
}
#diary .skinlist img {
	margin: 0px 8px 0px 0px;
}
#diary .skinlist .info {
	padding: 0px;
	clear: both;
}


/* ============== コメント・トラックバック ============== */
/* === トップdiary用 === */
#diary .list {
	margin: 5px 20px 10px 20px;
}
#diary .list h4 {
	margin-left: 20px;
	padding: 2px 5px 3px 3px;
	border-bottom: #666 solid 1px;
	font-size: 13px;
	font-weight: bold;
}
#diary .list dl, #diary .list ul {
	margin: 5px 0px 10px 35px;
	font-size: 95%;
}
#diary .list dt {
	padding: 12px 0px 0px 0px;
	border-bottom: #666 dotted 1px;
	font-weight: bold;
}
#diary .list dd {
	margin: 2px 0px 12px 20px;
	line-height: 1.3em;
	color: #666;
}
#diary .list li {
	margin: 2px 0px 2px 10px;
	padding-left: 10px;
	background: url(./img/abo_listgr.gif) no-repeat;
	background-position: 0px 6px;
	color: #666;
}
/* ============== インデックスページ本文 ============== */
#mainbox #toppage {
/* 	margin: 0px auto;		#logが％の時これがないとコメント個別画面でIE6と幅が揃わない */
	padding: 5px 16px;
	line-height: 20px;		/* add 20080327 */
	background-color: #e4fef4;
}
#toppage .box {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #b3b3b3;
	height: 3px;	
	background: #fff;
}
#toppage .date {
	margin: 0px 18px 0px 0px;
	text-align: right;
	font-size: 160%;
	font-style: italic;
	font-family: "century", Serif;
	color: #666;
}
#toppage .box1 {			/* add 20080403 */
	margin: 0px 0px 0px 0px;
	background: url(./img/season.jpg) bottom right no-repeat;
/*	background: #fff;	*/
}
#toppage .toppage {
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 0px 10px;
	_width: 100%;		/* バグ回避？*/
}
#toppage .text {
	margin: 2px 0px;
	padding: 10px 25px 5px 25px;
/*	border: 2px solid #b3e6bd;	*/
	_width: 100%;		/* バグ回避？*/
}
#toppage .toppage .text {
	margin: 2px 0px;
	padding: 10px 15px 10px 15px;
/*	border: 2px solid #b3e6bd;	*/
	text-align: left;
} 
#toppage .toppage .text img {
	margin: 4px 2px;
}
#toppage .text p {
	margin: 10px 0px;
}
#mainbox .toppage .text img {		/* classギャラリー対策に.diary */
/*	margin: 8px;	*/
	margin: 2px;
}
#mainbox .toppage .text a img {
/*	border: 1px solid #333;	*/
}
#mainbox .toppage .text a:hover img {
/*	border: 1px solid #c00;	*/
}
#toppage .text h1, #toppage .text h2 {
	margin: 15px 0px 7px 0px;
	padding: 3px 5px 3px 10px;
	border-top: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
	background: #ededed;
	font-size: 13px;
	font-weight: bolder;
	color: #333;		/* 一応上書き */
}
#toppage .text h3 {			/* 2008.03.10 add */
	margin: 0px 0px 0px 0px;
	height: 30px;
/*	padding: 0px auto;	*/
	background: url(./img/welcome2.gif) top left no-repeat;	/* 20081229 update */
	color: #e7e7e7;
	font-weight: bolder;
	line-height: 1.0;
}
#toppage .text h4 {
	margin: 0px 0px 0px 0px;	/* update 20080331 */
/*	padding: 3px 5px 3px 7px;	*/
	padding: 0px 5px 0px 7px;
/*	height: 18px;	*/
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	background: #ededed;
	font-size: 13px;
	font-weight: bolder;
	color: #333;		/* 一応上書き */
}
#toppage .text h5 {	/* index page 用 */
	margin: 0px 0px 0px 0px;
/*	padding: 3px 5px 3px 7px;	*/
	height: 38px;			/* 2008.11.25 36px */
/*	background: url(./img/personal-title.gif) top left no-repeat;	*/
	font-size: 13px;
	font-weight: bolder;
}
#toppage .text h6 {	/* index page 用 */
	margin: 0px 0px 0px 0px;
/*	padding: 3px 5px 3px 7px;	*/
	height: 26px;
/*	background: url(./img/otameshi-title.gif) top left no-repeat;	*/
	font-size: 13px;
	font-weight: bolder;
}
#toppage .text ul, #toppage .toptext ul {
	margin: 14px 0px 14px 0px;
	border: 1px solid #b3b3b3;
	line-height: 20px;
}
#toppage .text li {
	line-height: 1.5em;
	margin: 5px;
	padding-left: 10px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
}
#toppage .text li2 {		/* add 20080324 */
	margin: 5px;
	padding-left: 10px;
	font-size: 11px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
}
#toppage .toptext li {
	line-height: 1.4em;
	margin: 5px;
	padding-left: 10px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
	font-size: 95%;
}

/* === 個別ページ用 === */
#comment, #trackback, #contents {
	padding: 5px 40px 10px 40px;
	background-color: #fff;
}
#comment h2, #trackback h2, #contents h2, #form h2 {
	margin: 15px 15px 15px 0px;
	padding: 3px 5px 3px 7px;
	border-top: 3px double #666;
	border-bottom: 3px double #666;
	font-size: 13px;
	font-weight: bold;
	background-color: #f3f3f3;
}
#comment h3, #trackback h3, #contents h3, #form h3,
#trackback dt {
	margin: 15px 20px 10px 20px;
	padding: 2px 5px 3px 7px;
	border-bottom: #666 solid 1px;
	font-size: 13px;
	font-weight: bold;
}
#comment ul li, #trackback ul li {
	text-align: right;
	margin-right: 15px;
}

/* === 検索結果 === */
#contents ul {
	padding: 0px 10px 20px 30px;
}
#contents ul li {
	line-height: 1.5em;
	margin: 5px;
	padding-left: 10px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
}

#comment .comment .text *,
#trackback dd * {		/* pタグ自動挿入で上下が空くのでワイルドカード */
	margin: 0px 35px 10px 35px;
	line-height: 1.6em;
	font-size: 95%;
	color: #666;
}

/* ============== サイドバー詳細 ============== */
#navigation .block {
	padding-bottom: 10px;
}
#navigation .block1 {
	padding-bottom: 10px;
	background-color: #333;
}
#navigation h2 {
	margin: 0px 0px 6px 0px;
	padding: 4px 5px 4px 10px;
	font-size: 16px;
	font-style: italic;
	font-family: "century", Serif;
	background: #aaa url(./img/abo_bg_sbl.gif) repeat;
	color: #dcdcdc;
}

/* === コンテンツメニュー === */
#contentsmenu {
	margin-bottom: 15px;
}
#fieldmenu {
	margin-top: -14px;
	margin-bottom: 15px;
}
#contentsmenu h2, #fieldmenu h2 {
	margin: 0px;
	padding: 4px 5px 4px 10px;
	font-size: 16px;
	font-style: italic;
	font-family: "century", Serif;
	background: #aaa url(./img/abo_bg_sbl.gif) repeat;
	color: #dcdcdc;
}
.contentsmenu {
	margin: 0px;
	padding: 0px;
	background-color: #333;
	color: #aaa;
}
.contentsmenu a, .contentsmenu a:visited {
	display: block;
	margin: 0px;
	padding: 8px 6px 8px 25px;
	border-bottom: 1px solid #fff;		/* 下に白ライン */
	background-color: #e4fef4;
	color: #019990;
}
.contentsmenu .update {		/* JSファイル内 */
	font-size:11px;
	color:#f33;
}
.contentscate {
	margin-top: 1px;
	padding: 3px 15px;
	background: #aaa url(./img/abo_bg_sbl.gif) repeat;
	font-size: 90%;
	color: #f3f3f3;
}
.contentscate2 .contentsmenu a, .contentscate2 .contentsmenu a:visited {
	display: block;
	margin: 0px;
	padding: 8px 6px 8px 25px;
	border-bottom: 1px solid #fff;		/* 下に白ライン */
	background-color: #e4fef4;
	color: #019990;
}
.contentsmenu a:hover {
	text-decoration: none;
	background-color: #b0fbd7;
	color: #EA0185;
}

/* === サイドバーのリスト === */
#navigation ul, #navigation dl, #navigation form {
	margin: 4px 4px 4px 15px;
}
#navigation ul li {
	margin: 0px;
	padding-left: 10px;
	background: url(./img/abo_listgr.gif) no-repeat;
	background-position: 0px 6px;
	color: #666;
}
#navigation .block ul li ul {
/*	margin: 0px 0px 0px 10px;	dell 20080327 */
	margin: 0px 0px 0px 0px;	/* add 20080327 */
}
#navigation .block ul li ul li {
	margin: 0px;
	padding-left: 10px;
	background: url(./img/abo_list2.gif) no-repeat;
	background-position: 0px 6px;
	color: #666;
}
#navigation .block #recentimages ul li {
	padding-left: 0px;
	display: inline;
}

#navigation dl dt {
	margin: 0px;
	padding-left: 10px;
	background: url(./img/abo_listgr.gif) no-repeat;
	background-position: 0px 6px;
	color: #666;
}
#navigation dl dd {
	font-size: 90%;
	color: #666;
}
#navigation form.search {
	margin: 0px 5px 10px 10px;
}
#navigation form.search input.form {
	width: 110px;
	font-size: 12px;
}
#navigation form.search input.button {
	width: 40px;
	font-size: 12px;
	text-align: center;
	margin-left: 3px;
}


/* ============== カレンダー ============== */
#navigation #caltable {
	text-align: center;
}
#navigation table {		/* MacIE対応 */
	margin-right: auto;
	margin-left: auto;
	border: none;
}
#navigation table th {
	background-color: transparent;
	text-align: center;
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
	border: none;
}
#navigation table td {
	padding: 2px 3px;
	font-size: 10px;
	text-align: center;
	border: none;
}
#navigation table td a {
	padding: 2px 3px;
	text-decoration: underline;
}
#navigation table td a:hover {
	padding: 2px 3px;
	background-color: #8cd99c;
}
#navigation .day {
	color: #333;
	font-family: "Century Gothic", sans-serif;
}
#navigation .satday {
	font-family: "Century Gothic", sans-serif;
	color: #4444CC;
}
#navigation .sunday {
	font-family: "Century Gothic", sans-serif;
	color: #CC4444;
}
#navigation .today {
	font-family: "Century Gothic", sans-serif;
	background-color: #8cd99c;
	font-weight: bolder;
}

/* ============== ページ送り ============== */
#page ul {
	text-align: center;
	padding-top: 20px;
	margin: 0px 10px;
}
#page ul li {
	display:inline;
	margin: 5px;
}
#page li a {
	padding: 1px 3px;
	text-decoration: none;
}
#page li a:hover {
	text-decoration: none;
	background-color: #d9d9d9;
}
#navi ul {
	text-align: right;
	margin: 10px 10px;
	padding: 0px 5px;
}
#navi ul li {
	display:inline;
	margin: 3px;
}
#navi li a {
	padding: 1px 3px;
	text-decoration: none;
}
#navi li a:hover {
	text-decoration: none;
	background-color: #d9d9d9;
}
.pagetop {
	text-align: right;
	margin: 5px 15px;
}
.pagetop a {
	padding: 1px 3px;
	text-decoration: none;
}
.pagetop a:hover {
	text-decoration: none;
	background-color: #d9d9d9;
}


/* ============== フッタ ============== */

#footer #script {
	text-align: right;
	padding: 4px 10px ;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#footer #script li {
	display: inline;
	margin-left: 5px;
	font-size: 90%;
}
#footer #script li.admin * {
	text-decoration: none;
	color: #ffffff;
}
#footer address {
/*	width: 750px;	*/
	width: 700px;
	margin: 0 auto;		/* 左右余白揃え */
	padding: 10px;
	font-size: 90%;
	line-height: 1.3;
	text-align: center;	/* add */
	clear: both;
}

/* ============== 管理モード他 ============== */
#work, #env, #status, #canvas, #navi, #form, #contents {
	padding: 5px 40px 10px 40px;
	background-color: #e4fef4;
}
#work h2, #env h2, #status h2, #canvas h2, #navi h2, #contents h2 {
	margin: 15px 15px 15px 0px;
	padding: 3px 5px 3px 7px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #ededed;
	font-size: 14px;
	font-weight: bold;
}
#work h3, #env h3, #status h3, #canvas h3, #navi h3, #contents h3 {
	margin: 15px 15px 15px 0px;
	padding: 2px 5px 3px 7px;
	border-bottom: #666 solid 1px;
	font-size: 14px;
	font-weight: bold;
}
/* === フォーム整形 === */
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 {
	margin-top: 6px;
}
div#form form dl dd textarea {
	margin-top: 2px;
}
div#form form ul {
	margin: 0px 0px 20px 0px;
}
#canvas applet {
	margin-bottom: 15px;
}

/* ============== 個別指定 ============== */
.new {
	color: #f33;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.cssnone {
	display: none;
}
/* ======テーブル位置をセンターに配置 ============== */
.notable2 table {
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
}
.notable2 table tr th {
	padding: 2px;
	white-space: nowrap;
	text-align: inherit;
}
.notable2 table tr td {
	padding: 2px;
	font-size: 13px;
	line-height: 1.2;
	text-align: inherit;
}
/* ======テーブル位置をセンターに配置してボーダーを無しに ============== */
.notable3 table {
	margin-left: auto;
	margin-right: auto;
	border: none;
	text-align: inherit;
}
.notable3 table tr th {
	padding: 2px;
	border: none;
	white-space: nowrap;
	text-align: inherit;
}
.notable3 table tr td {
	padding: 2px;
	border: none;
	font-size: 13px;
	line-height: 1.2;
	text-align: inherit;
}
/* ======テーブルのボーダーを無しに ============== */
.notable table {
	margin: 15px 0px 5px 15px;
	border: none;
}
.notable table tr th {
	padding: 2px;
	border: none;
	text-align: center;
	white-space: nowrap;
}
.notable table tr td {
	padding: 3px;
	border: none;
	font-size: 11px;
	text-align: center;
}
.notable img {
	border: 1px solid #333;
	padding: 0px;
}

#diary .diary .text .notable img {
	margin: 4px;
}
#diary .information {
	width: 90%;		/* 入れないとIE7で消える */
	margin: 10px;
	padding: 5px 10px 5px 2px;
	border: 1px #c00 solid;
	background-color: #fff;
	font-size: 96%;
}

#memo {
	margin: 5px;
	padding: 7px 8px;
	line-height: 1.4em;
	font-size: 95%;
	background-color: #f3f3f3;
	color: #333;
}
#memo .tag {
	text-align: right;
}
#memo .tag .date {
	font-family: Verdana,Arial,Helvetica,'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	font-weight: bold;
	color: #998533;
}
#memo .text {
	padding: 4px 0px 6px 0px;
}

.topicpath {
	padding: 5px 15px;
	font-size: 12px;
	text-align: right;
}
.pathmark {
	padding: 0px 1px;
	color: #f33;
	font-weight: bolder;
}
.error {
	font-weight: bold;
	font-size: 16px;
	color: #c00;
	margin: 10px;
}