@charset "Shift_JIS";

/* ぴーすけ用スタイルシート[ cal-fixed ] * http://chankaz.net/php/ */

/* 初期化(これらの項目は変更不可) */
*{
	margin	: 0;
	padding	: 0;
}
html{
	direction	: ltr;
	border		: 0;
}
body{
	text-align	: left;
	font-weight	: normal;
	font-style	: normal;
	font-size	: 100%;
	border		: 0;
	line-height	: 1;
}
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, object, param, q, samp, small, span, strong, sub, sup, tt, var{
	display	: inline;
}
address, blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, map, ol, p, pre, ul{
	display	: block;
}
li{
	display	: list-item;
}
ol{
	list-style-type	: decimal;
}
table, thead, tbody, tr, th, td{
	text-align	: left;
}
caption{
	caption-side	: top;
	text-align		: center;
}
code, pre, samp, var, kbd, textarea{
	/* 'ＭＳ ゴシック','Osaka−等幅' */
	font-family	: '\00ff2d\00ff33\000020\0030b4\0030b7\0030c3\0030af','\00004f\000073\000061\00006b\000061\00ff0d\007b49\005e45',monospace;
}
/* ----- (初期化ここまで) ---------------------------------------- */

/* (見た目を変更したい時は、ここ以降を適宜変更・追記して下さい) */

/* 装飾(↓これ以降、適宜変更可↓) */
body{
	border-width	: 1px 12px 10px;
	border-style	: solid;
	border-color	: #fc6 #fc6 #ff9;
	background		: #fff;
	color			: #666;
}
html,body{
	scrollbar-face-color		: #fc6;
	scrollbar-shadow-color		: #ffc;
	scrollbar-darkshadow-color	: #ff9;
	scrollbar-highlight-color	: #fff;
	scrollbar-3dlight-color		: #ffc;
	scrollbar-arrow-color		: #999;
	scrollbar-track-color		: #ffc;
}

/* タイトル */
h1{
	margin		: 2em 0 0 35%;
	padding		: 1em;
	text-align	: center;
	font-weight	: bold;
	font-size	: 150%;
	color		: #066;
}
/* 項目のタイトル */
h2{
	padding		: 1em 0 0;
	text-align	: center;
	font-weight	: bold;
	font-size	: 130%;
	color		: #066;
}

/* BLOCK要素 */
address{
	margin		: 0 1em;
	text-align	: right;
	font-style	: italic;
	font-size	: 80%;
}
hr{
	display	: none;
}
p, li, dd{
	line-height	: 1.3;
}
p{
	margin	: 1em 0;
}
ul{
	margin		: 1em;
	font-size	: 90%;
}
li{
	padding	: 2px;
}

/* HOMEへのリンク帯(画面最上部) */
div[id="top"]{
	width		: 100%;
	position	: absolute;
	top			: 0;
	left		: 0;
}
p.root{
	width		: 100%;
	position	: absolute;
	top			: 0;
	left		: 0;
	margin		: 0;
	padding		: 0.5em;
	border-top	: 7px solid #fc6;
	background	: #ff9;
	font-size	: 90%;
}
p[class="root"]{
	position	: \66\69\78\65\64 !important;
}

/* カレンダー部分(左側) */
div#calender{
	width		: 35%;
	position	: absolute;
	top			: 4em;
	left		: 1.5%;
}
div[id="calender"]{
	position	: \66\69\78\65\64 !important;
}
div#calender h2{
	display	: none;
}
div#calender form{
	text-align	: center;
}
table,th,td{
	border	: 1px dotted #ff9;
}
table{
	margin		: 0 auto;
	background	: #ff9;
}
caption{
	display	: none;
}
th,td{
	padding		: 2px;
	text-align	: center;
}
th{
	font-size	: 95%;
}
td{
	background	: #fff;
}
th.sub, th span{
	display	: none;
}
td.too{
	color	: #ccc;
}

/* [前の月][次の月]へのリンク */
ul.navi{
	text-align	: center;
}
ul.navi li{
	display	: inline;
}
/*
 Safari では contentプロパティに日本語を使うと文字化けするので、要エスケープ
 参考記事 : http://hxxk.jp/2005/02/07/0132
*/
ul.navi li a.prev:before{
	content	: '\00226a\000020';
/*	content	: '≪ '; */
}
ul.navi li a.next:after{
	content	: '\000020\00226b';
/*	content	: ' ≫'; */
}
#footer ul.navi{
	display	: none;
}

/* スケジュール表示(右側) */
#schedule{
	margin			: 0 0 0 35%;
	padding-left	: 1em;
	padding-right	: 1em;
	border			: 0 none;
}
dl{
	border-bottom	: 1px dotted #ccc;
}
dt{	/* 日付 */
	padding		: 5px 1em;
	border-top	: 1px dotted #ccc;
}
dd{	/* 内容 */
	margin	: 0.5em 2em;
	padding	: 3px;
}

/* ページ上部へのリンク(top↑) */
#back-t, .top{
	margin		: 0 1em;
	text-align	: right;
	font-size	: 80%;
}
[class="top"]{
	display		: none;
}
#back-t{
	margin		: 0;
	padding		: 1em 1em 3em;
}
[id="back-t"]{
	position	: \66\69\78\65\64;
	bottom		: 0;
	left		: 10em;
	margin		: 0 0 1em !important;
	padding		: 0.5em 0 !important;
}

/* ANCHOR */
a{
	text-decoration	: underline;
	font-weight		: bold;
	font-style		: inherit;
	color			: #0c9;	/* 未訪問リンク */
}
a:visited{	/* 既訪問リンク */
	color	: #669;
}
a:hover{	/* マウスを乗せた時 */
	color	: #f66;
}
a:active{	/* クリックした時 */
	color	: #cc6;
}

/* カレンダー内のリンク */
td a{		/* 平日のリンク色 */
	color	: #666;
}
td a:hover{		/* マウスを乗せた時 */
	text-decoration	: overline underline;
}

/* 日付の色 */
.s-day, td.s-day a{		/* 土曜日 */
	color	: #00f !important;
}
.h-day, td.h-day a{		/* 日曜日・祝日 */
	color	: #f00 !important;
}
.today, td.today a{		/* 今日 */
	font-weight	: bold;
	color		: #066 !important;
	background	: #ffc;
}
.h-name{		/* 祝日名 */
	color	: #ccc;
}

/* FORM */
form{
	margin	: 1em;
}

/* パスワード入力フォーム */
form#admin{
	position	: absolute;
	bottom		: 0;
	left		: 1.5%;
}
form[id="admin"]{
	position	: \66\69\78\65\64 !important;
}
form#admin p{
	margin	: 0;
}

/* 管理モード */
div#original{	/* 元の文章 */
	margin	: 1em 0;
	padding	: 1em;
	border	: 1px dotted #ccc;
}
form#back-ad p{
	text-align	: center;
}
fieldset{
	margin		: 1em;
	padding		: 1em;
	border		: 3px dotted #ccc;
	background	: #fff;
	font-size	: 90%;
}
legend{
	font-weight	: bold;
}
.edit dt{
	width	: 6em;
	float	: left;
	clear	: left;
}
.edit dd{
	margin-bottom	: 1.5em;
}
dd.ctrl{
	margin		: 0 0 0 6em;
	border-top	: 1px dotted #ccc;
}

/* サンプル用 */
#summary{	/* タイトル下のコメント */
	margin			: 0 1em 1em 35%;
	padding-left	: 1em;
	padding-right	: 1em;
	border			: 2px dotted #ccc;
	font-size		: 90%;
}
#exp{
	margin	: 1em 10%;
}
#exp p, #exp li{
	font-size	: 90%;
}