@import "/diary/sidebar.css";

html, body{
	background:		#CADCEF;
}
#Page{
	background:		#F5F5F5;
	min-height:		594px;
}
#Page > div{
	border:			1px solid #AAAAAA;
	
	-webkit-box-shadow:			inset 0 3px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:			inset 0 3px 2px rgba(0,0,0,0.05);
	box-shadow:					inset 0 3px 2px rgba(0,0,0,0.05);
	
	-webkit-border-radius:	inherit;
	-moz-border-radius:		inherit;
	border-radius:			inherit;
}
h1{
	display:		none;
	speak:			normal;
}

#SearchBar{
	margin:			0;
	padding:		10px 12px 9px;
	min-height:		23px;
}
#SearchForm{
}
#SearchBoxHolder{
	background:		#FFFFFF;
	width:			13.285714285714286em;
	min-width:		186px; /* •W€ƒtƒHƒ“ƒgƒTƒCƒY‚Εwidth‚Ζ“―“™ */
	border:			1px #9C9C9C solid;
	height:			1.5em;
	margin:			0 0 0 auto;
	text-align:		left;
	overflow:		hidden;
	position:		relative;
	
	-webkit-border-radius:		99px;
	-moz-border-radius:			99px;
	-o-border-radius:			99px;
	border-radius:				99px;
}
/*.webkit #SearchBoxHolder.focussed{
	outline:		5px auto -webkit-focus-ring-color;
	outline-offset:	-2px;
}*/
#SearchIcon{
	vertical-align:	top;
	display:		block;
	position:		absolute;
	top:			0;
	left:			0;
	bottom:			0;
	width:			1.5em;
}
#SearchIcon *{
	display:		block;
	width:			100%;
	height:			100%;
	text-indent:	-300px;
	overflow:		hidden;
	
	-webkit-background-size:	1.5em 1.5em;
	-moz-background-size:		1.5em 1.5em;
	-o-background-size:			1.5em 1.5em;
	background-size:			1.5em 1.5em;
}
#SearchIcon label{
	background:		url(/images/diary/searchin.png) 50% 50% no-repeat transparent !important;
}
#SearchIcon a{
	background:		url(/images/diary/searchout.png) 50% 50% no-repeat transparent !important;
}
#SearchIcon a:active:after{
	content:		"";
	display:		block;
	position:		absolute;
	top:			0.214285714285714em;
	left:			0.214285714285714em;
	right:			0.214285714285714em;
	bottom:			0.214285714285714em;
	background:		rgba(0,0,0,0.4);
	
	-webkit-border-radius:		99px;
	-moz-border-radius:			99px;
	-o-border-radius:			99px;
	border-radius:				99px;
}
#SearchBox{
	position:		absolute;
	top:			0.25em;
	right:			1em;
	left:			1.75em;
	
	font-size:		0.857142857142857em;
	margin:			0;
	padding:		0;
	line-height:	1.25em;

	height:			1.25em;
}


#SideList, #SearchResults{
	font-size:		12px;
}
#SideList h3, #SearchResults h3{
	color:			#A4989D;
	background-color:	transparent;
	font-size:		12px;
	margin:			0;
	padding:		0.5em 0 0;
}
.feedlink{
	display:	block;
	width:		1em;
	height:		1.5em;
	line-height:	1.5em;
	margin:		-1.5em 0 0 auto;
	text-indent:	-1000px;
	text-align:	right;
	background:	none !important;
}
.feedlink img{
	vertical-align:	bottom;
	margin-bottom:	0.25em;
	width:		1em;
	height:		1em;
}
#SideList p,
#SearchResults p{
	margin:		0;
}
#SideList p > a,
#SearchResults p > a{
	text-decoration:	none;
	display:			block;
	overflow:			hidden;
	height:				1.5em;
	text-indent:		6px;
	vertical-align:		middle;
	color:				#7C6267;
	overflow:			hidden;
	text-overflow:		ellipsis;
	white-space:		nowrap;
	margin:				0;
	
	-webkit-border-radius:		3px;
	-moz-border-radius:			3px;
	-o-border-radius:			3px;
	border-radius:				3px;
}
#SideList p a:hover,
#SideList p a:focus,
#SearchResults p a:hover,
#SearchResults p a:focus{
	background:	rgba(255,255,255,0.5);
	color:		#7C6267;
}
.sideListSelected{
	background:	#FFFFFF !important;
	color:		#7C6267 !important;
	
	-webkit-box-shadow:			0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:			0 1px 1px rgba(0,0,0,0.1);
	box-shadow:					0 1px 1px rgba(0,0,0,0.1);
}
.sideListSelected:focus{
	background:	rgba(255,255,255,0.5) !important;
	color:		#7C6267 !important;
}
#SideList p a:active,
#SearchResults p a:active{
	background:	#FFFFFF !important;
	color:		#7C6267 !important;
	
	-webkit-box-shadow:			0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:			0 1px 1px rgba(0,0,0,0.1);
	box-shadow:					0 1px 1px rgba(0,0,0,0.1);
}

#SearchResults{
}
#SearchResults p#ShowAllResultButton{
	margin:			1.5em 0 !important;
}
#SearchResults p#ShowAllResultButton a{
	height:			auto !important;
}
#ShowAllResult{
	display:		none;
}
#SearchResults span.inactive{
	display:		block;
	text-align:		center;
}

#Hiwihii{
	border-top:		1px #968185 solid;
	margin-top:		0.5em;
	padding-bottom:	0.5em;
}
#Hiwihii h3{
	padding:		0;
}
#Hiwihii h3 a{
	color:			#A4989D;
	display:		block;
	line-height:	1.6em;
	font-size:		1.166666666666667em;
	background:		url(/images/diary/followme.png) 100% 50% no-repeat transparent;
	padding:		0.342857142857143em 57px 0.342857142857143em 4px;
}
#Hiwihii h3 a:hover, #Hiwihii h3 a:focus{
	background-color:	rgba(255,255,255,0.5);
	color:				#7C6267;
}
#Hiwihii h3 a:active{
	background-color:	#FFFFFF !important;
	color:				#7C6267 !important;
}
#HiwiLogo{
	background:		url(/images/diary/hi.png) 50% 50% no-repeat;
	display:		block;
	height:			1.6em;
	width:			1.2142857142857143em;
	overflow:		hidden;
	float:			left;
	margin-right:	0.25em;
	text-indent:	-3000px;
	
	-webkit-background-size:	1.2142857142857143em 1.5714285714285714em;
	-moz-background-size:		1.2142857142857143em 1.5714285714285714em;
	-o-background-size:			1.2142857142857143em 1.5714285714285714em;
	background-size:			1.2142857142857143em 1.5714285714285714em;
}
#Hiwihii p{
	padding:		0.5em 0 0.5em 6px;
	line-height:	1.25em;
}
#Hiwihii p.twitry{
	display:		none;
}
#Hiwihii.showingtwitry p.twitry{
	display:		block !important;
}
#Hiwihii p span.hiwitime{
	display:		block;
	font-size:		0.833333333333333em;
	line-height:	1em;
	color:			#A4989D;
	font-weight:	bold;
}
.showingtwitry #TwitryOn{
	display:		none !important;
}
.closingtwitry #TwitryOff{
	display:		none !important;
}
#Twitry{
	padding:		0.5em 6px 0;
	/*text-align:			right;
	margin-top:			-1.5em;*/
}
#Twitry a{
	color:				#7C6267;
	background:			none transparent !important;
}
#Twitry a:hover, #Twitry a:focus{
	text-decoration:	underline;
}



#DiaryBrowser{
	min-height:			519px;
}
#PrevAndNext{
	text-align:			left;
	color:				#AB867F;
	margin:				0 0 1.5em;
}
#DiaryFeeld{
	overflow-x:			hidden;
	margin:				0;
}
#DiaryFeeld.incompleted{
	opacity:			0.4;
}
.webkitdesktop #DiaryFeeld.incompleted{
	-webkit-transition:	opacity 0.5s linear;
	-moz-transition:	opacity 0.5s linear;
	-o-transition:		opacity 0.5s linear;
	transition:			opacity 0.5s linear;
}
#DiaryFeeld p{
}
#DiaryFeeld p.datetime{
	margin:				0;
	font-size:			0.9em;
	word-spacing:		0.8em;
	float:				left;
}
#DiaryFeeld p.catandlink{
	margin:				0;
	font-size:			0.9em;
	word-spacing:		0.8em;
	float:				right;
	text-align:			right;
}
#DiaryFeeld p.seealso{
	border-top:			1px #C2C0C5 solid;
	margin:				0;
	padding:			0.75em 0 0;
	font-size:			0.9em;
	clear:				both;
}
#DiaryFeeld p.datetime *, #DiaryFeeld p.catandlink *{
	word-spacing:		normal;
}
#DiaryFeeld h2{
	border-top:			1px #C2C0C5 solid;
	color:				#7C6267;
	font-size:			1.5em;
	margin:				0;
	padding-top:		1em;
	clear:				both;
	font-weight:		normal;
	font-family:		'Times New Roman',Times,'ƒqƒ‰ƒMƒm–Ύ’© ProN','Hiragino Mincho ProN','ƒqƒ‰ƒMƒm–Ύ’© Pro','Hiragino Mincho Pro','ƒqƒ‰ƒMƒm–Ύ’© Pro W3',serif;
}
#DiaryFeeld img{
	vertical-align:		middle;
	max-width:			100%;
}

#EntryTitle a{
	color:				#7C6267;
	background:			none transparent !important;
}
#EntryTitle a:hover, #EntryTitle a:focus{
	text-decoration:	underline;
}




.categories{
	color:		#828282;
}

.aa, .aa *{
	font-size:	16px;
	line-height:	1.125em;
	font-family:	'MS PGothic','‚l‚r ‚oƒSƒVƒbƒN',Mona,Osaka,Verdana,Arial,sans-serif !important;
}
.highlight{
	color:		#484919;
	background-color:#F1F453;
}

.loading{
	text-align:	center;
	font-weight:	bold;
	font-size:	24px;
	padding-top:	4em;
	color:		#A59D93;
}

em.large{
	font-size:	1.5em;
}
em.superlarge{
	font-size:	2.5em;
}

.marginedheadertwo{
	margin-top:	1.5em !important;
}




@media only screen and (max-device-width:10cm){
	#DiaryFeeld,
	#SideList,
	#SideList a,
	#SideList h3,
	#SearchResults,
	#SearchResults a,
	#SearchResults h3{
		font-size:			32px !important;
	}
	#SearchResults{
		-webkit-transition:	none  0 ease !important;
		-moz-transition:	none  0 ease !important;
		-o-transition:		none  0 ease !important;
		transition:			none  0 ease !important;
	}
	#SideList h3, #SearchResults h3{
		white-space:		nowrap;
	}
	#SideList p > a, #SearchResults p > a{
		padding:			0.5em 0;
	}
}