@charset "utf-8";

html {
	xxheight:100%;
	margin:0px;
	padding:0px;
}
body {
	background-color:black;
	xxbackground-image:url("img/bg_dialy_room.gif");
	background-image:url("img/bg_dialy_room.png");
	margin:0px;
	padding:0px;
	xxheight:100%;
	-webkit-text-size-adjust:100%;	/* テキストサイズの自動調整OFF */
	-webkit-overflow-scrolling:touch;	/* スマホ対策 */
	font-size:0.9em;
}

iframe {
	display:block;
	overflow:auto;
}

hr {
	border:none;
	border-top:1px solid gray;
}

/*** ヘッダ ***/
header {
	box-sizing:border-box;
	font-weight:bold;
	font-size:20px;
	position:fixed;
	width:100%;
	height:30px;
	margin:0px;
	padding:3px;
	z-index:2;

	/*-- アクセスカウンタ --*/
	.counter {
		padding-right:5px;
	}
}

/*** 汎用 ***/
.float-r {
	float:right;
}
.align-r {
	text-align:right;
}
.table {
	display:table;
}
.table > li {
	display:table-cell;
}

ul.table {
	box-sizing:border-box;
	width:100%;
	margin:0px;
}

ul > li:last-child {
	xxpadding-right:5px;
}

.bar {
	background-color:rgb(232, 189, 124);
	border-top:1px solid white;
	border-left:1px solid white;
	xxheight:23px;
	border-radius:8px;
	box-shadow:5px 3px 10px;
	padding:1px 0px 0px 5px;
	white-space:nowrap;
	text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
}

#menu_vert {
	position:fixed;
	width:115px;
	xxheight:100%;
	top:45px;
	bottom:0px;
	xxbackground-color:#cccccc;
	margin:0px;
	z-index:1;
	xxbackground-image:url("img/menu_bg.png");
	xxpadding-top:45px;
	overflow-y:auto;
	overflow-x:hidden;
}

#menu_vert ul {
	margin:0px;
	padding:0px 0px 0px 5px;
	width:100%;
}
#menu_vert ul > li {
	display:inline-block;
	background-color:rgb(233, 190, 125);
	margin:0px 0px 5px;
	border-radius:5px;
	border:1px outset white;
	box-shadow:5px 3px 10px;
	cursor:pointer;
	xxheight:1.8em;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	white-space:nowrap;
	text-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
}
#menu_vert ul > li a {
	text-decoration:none;
	color:black;
}
#menu_vert ul > li:hover {
	background-color:rgb(255, 207, 142);
}

#contents {
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	margin:0px;
	padding:35px 0px 0px 100px;
	z-index:0;
	xxbackground-image:url("img/bg_dialy_room.png");
	xxoverflow-y:hidden;
}

#contents iframe {
	box-sizing:border-box;
	width:100%;
	height:100%;
	border:none;
	margin:0px;
	padding:0px;
}

.paper {
	padding:5px 5px 5px 0px;
}

.paper_top {
	box-sizing:border-box;
	height:32px;
	background-image:url("img/paper_lt.gif"), url("img/paper_rt.gif");
	background-position:left top, right top;
	background-repeat:no-repeat, no-repeat;
	> div {
		margin:0px 32px;
		height:32px;
		background-image:url("img/paper_ct.gif");
		background-repeat:repeat-x;
	}
}
.paper_middle{
	background-image:url("img/paper_lc.gif"), url("img/paper_rc.gif");
	background-position:left top, right top;
	background-repeat:repeat-y, repeat-y;
	top:0px;
	> .paper_inner {
		margin:0px 32px;
		background-image:url("img/paper.jpg");
		background-repeat:repeat;
	}
}
.paper_bottom {
	box-sizing:border-box;
	height:32px;
	background-image:url("img/paper_lb.gif"), url("img/paper_rb.gif");
	background-position:left bottom, right bottom;
	background-repeat:no-repeat, no-repeat;
	>div {
		margin:0px 32px;
		height:32px;
		background-image:url("img/paper_cb.gif");
		background-position:center top;
		background-repeat:repeat-x;
	}
}

dl {
	display:table;
	border-bottom:1px solid #ddd;
	margin-bottom:0px;
	width:100%;
	margin:0px;
	padding:10px;
}
/*** 日付 ***/
dt {
	display:table-cell;
	width:70px;
	text-align:right;
	xxborder-right:1px dotted #ccc;
	padding-right:5px;
}
/*** 日記 ***/
dd {
	display:table-cell;
	text-align:left;
	padding-left:5px;
	color:black;
}
/*** 用紙内側 ***/
.paper_inner {
	padding:0px 32px;
}

@media only screen and (max-width:570px) {
	/*** 用紙 ***/
	.paper {
		min-width:100px;
	}
	/*** 用紙内側 ***/
	.paper_inner {
		padding:0px;
	}
	/*** 日付 ***/
	dt {
		display:block;
		width:100%;
		text-align:left;
		background-color:rgba(128, 128, 255, 0.1);
		border-bottom:1px dotted #cccccc;
	}
	/*** 日記 ***/
	dd {
		display:block;
		width:100%;
		margin:0px;
	}
}
div.date {
	text-align:right;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	float:right;
}
nav {
	text-align:center;
	ul {
		display:block;
		margin:0px;
		padding:3px 0px;
		li {
			display:inline-block;
			margin:2px;
			border-radius:3px;
			border:1px outset white;
			cursor:pointer;
			vertical-align:middle;
			font-size:12px;
			font-weight:bold;
			padding:3px 10px;
			white-space:nowrap;
			xxtext-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
			xxbackground-color:rgba(0, 0, 0, .05);
			xxbackground-color:#eee;
			background-color:rgb(233, 190, 125);
			user-select: none;
		}
		li:hover {
			background-color:rgba(0,0,0,0);
			xxtext-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
			xxbackground-color:#fff;
			background-color:rgb(255, 207, 142);
		}
	}
}
/*
nav>ul {
	display:table;
	width:100%;
	margin:15px 0px 0px;
	padding:0px;
}
nav>ul>li {
	display:table-cell;
	xxtext-align:center;
	xxxwidth:34%;
	font-size:13px;
}
nav>ul>li:first-child {
	xxtext-align:left;
	width:33%;
}
nav>ul>li:last-child {
	xxtext-align:right;
	width:33%;
}

nav#menu_vert > li {
	width:auto;
}

nav#menu_vert>ul>li:first-child {
	width:auto;
}

nav#menu_vert>ul>li:last-child {
	width:auto;
}
*/

/*** カレンダー ***/
#dialy_list {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
/*
#dialy_list > li:last-child dl{
	border:none;
}
*/

.everyday {
	color:auto;
}

.sunday, .holiday {
	color:red;
	background-color:rgba(255,0,0,3%);
}
.saturday {
	color:blue;
	background-color:rgba(0,0,255,3%);
}