@charset "UTF-8";

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

a:link.defColor, a:visited.defColor{ color: #ebb;  border: 0px; }
a:hover.defColor{ color: #00ccff; }

#header{
	color: #ebb;
	background-color: #5b2727;
	border-bottom: 1px solid #a55;
	border-right : 1px solid #a55;
}
#footer{
	color: #ebb;
	background-color: #5b2727;
	border-top  : 1px solid #a55;
	border-right: 1px solid $a55;
}
/*------------------------------------------------------------------------------------------------*/
dt{ color: #aa5; }

h2{
	color: #f88;
	border-color: #733;
}

h3{
	width: 90%;
	color: #f88;
	font-size: 180%;
	text-align: center;
	padding: 1.0em 0 0.3em 0;
	border-bottom: 1px solid #944;
}
h4{
	width: 90%;
	color: #f88;
	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 #944;
}
h4.date{
	color: #944;
	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.box2{
	width: 70%;
	line-height: 140%;
	text-indent: 0;
	padding: 10px;
	background-color: #221;
	border : 1px solid #663;
}
p.box3{
	width: 70%;
	line-height: 140%;
	text-indent: 0;
	padding: 10px;
	background-color: #222;
	border : 1px solid #666;
}
p.red{
	color: #ff0;
	background-color: #300;
	border: 1px solid #622;
}
p.tame8 { margin-top:  8em; }
p.tame16{ margin-top: 16em; }
p.tame32{ margin-top: 32em; }

p.boxTitle{
	text-align: center;
	color: #88f;
	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 #733;
	padding: 8px 5px 8px 5px;
	margin: 0 1px 0 1px;
}

em.logNone{ color: #733; }

div.diary{
	width: 80%;
	border: 2px solid #944;
	background-color: #000;
	margin: 2.5em 0 3.0em 0;
	padding-bottom: 3.0em;
}
h3.diaryDate{
	width: auto;
	color: #ee5;
	background-color: #441515;
	border-bottom: 1px solid #944;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	padding: 0.2em 0 0.2em 0.5em;
}
h4.diaryHead{
	width: auto;
	color: #faa;
	background-color: #2e0f0f;
	border-left  : 10px solid #944;
	border-bottom:  1px solid #944;
	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: #c0c099;
	text-align: center;
	text-indent: 0;
	font-size: 80%;
	margin-bottom: 3.0em;
}