@charset "UTF-8";

body{
	scrollbar-base-color      : #c77;
    scrollbar-face-color      : #c77;
    scrollbar-track-color     : #ccc;
    scrollbar-shadow-color    : #200;
    scrollbar-darkshadow-color: #200;
    scrollbar-highlight-color : #a55;
    scrollbar-3dlight-color   : #a55;
    scrollbar-arrow-color     : #722;
    
    background-image : url("img/bg/light_text.jpg");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a:link.defColor, a:visited.defColor{ color: #722;  border: 0px; }
a:hover.defColor{ color: #d80; }

#header{
	color: #722;
	background-color: #fcc;
	border-bottom: 1px solid #c77;
	border-right : 1px solid #c77;
}
#footer{
	color: #722;
	background-color: #fcc;
	border-top  : 1px solid #c77;
	border-right: 1px solid $c77;
}
/*------------------------------------------------------------------------------------------------*/
h2{
	color: #d55;
	border-color: #f77;
}

h3{
	width: 90%;
	color: #d55;
	font-size: 180%;
	text-align: center;
	padding: 1.0em 0 0.3em 0;
	border-bottom: 1px solid #f77;
}
h4{
	width: 90%;
	color: #d55;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	padding: 1.0em 0 0.3em 0;
	margin-top   : 3.0em;
	margin-bottom: 2.0em;
	border-bottom: 1px solid #f77;
}
h4.date{
	color: #c88;
	font-size: 120%;
	padding      : 0;
	margin-top   : 0;
	margin-bottom: 4.0em;
	border-bottom: 0;
}

p.speak{
	text-indent: 0;
	width: 100%;
	text-align: center;
	line-height: 200%;
	padding-bottom: 2.0em;
	margin-bottom : 2.0em;
}

p.tame8 { margin-top:  8em; }
p.tame16{ margin-top: 16em; }
p.tame32{ margin-top: 32em; }

p.box2{
	width: 70%;
	line-height: 140%;
	text-indent: 0;
	padding: 10px;
	background-color: #ffc;
	border : 1px solid #cc6;
}
p.box3{
	width: 70%;
	line-height: 140%;
	text-indent: 0;
	padding: 10px;
	background-color: #e5e5e5;
	border : 1px solid #999;
}
p.red{
	color: #c00;
	background-color: #fcc;
	border: 1px solid #c55;
}

p.boxTitle{
	text-align: center;
	color: #33e;
	font-size: 80%;
	line-height: 100%;
	margin: 0 0 0.4em 0;
}

font{ line-height: 150%; }

ul.log{
	padding-bottom: 15px;
}
ul.log li{
	display: inline;
	list-style-type: none;
	border: 1px solid #e88;
	padding: 8px 5px 8px 5px;
	margin: 0 1px 0 1px;
}

em.logNone{ color: #e88; }

div.diary{
	width: 80%;
	border: 2px solid #d55;
	background-color: #fff;
	margin: 2.5em 0 3.0em 0;
	padding-bottom: 3.0em;
}
h3.diaryDate{
	width: auto;
	color: #c00;
	background-color: #fcc;
	border-bottom: 1px solid #d55;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	padding: 0.2em 0 0.2em 0.5em;
}
h4.diaryHead{
	width: auto;
	color: #e33;
	background-color: #ffe4e4;
	border-left  : 10px solid #d55;
	border-bottom:  1px solid #d55;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding: 0.2em 0 0.2em 0.8em;
	margin : 2.0em 1.0em 1.0em 1.5em;
}
h4.top{ margin-top: 1.0em; }

div.logLink{
	float: right;
	padding-right: 1.0em;
}

p.last{
	padding-bottom: 0;
}

dl.diaryLog   { font-size: 80%;  padding-bottom: 1.0em; }
dl.diaryLog dt{ width: 7.0em; }
dl.diaryLog dd{ padding-left: 8.0em; }

p.imgGuide{
	color: #994;
	text-align: center;
	text-indent: 0;
	font-size: 80%;
	margin-bottom: 3.0em;
}