@charset "utf-8";

/*-----------------------------------------------------

   Hatena::Bookmark::24H　- developed by ashitano - CSS

-----------------------------------------------------*/

*{
margin:0;
padding:0;
border:none;
text-decoration:none;
word-break: break-all;
}

/* ////////// Base ////////// */
body{
color:#666666;
background:#ffffff url(body_background.gif);
font-size:small;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Verdana, arial, sans-selif;
line-height:1.2;
}

#container{
width:910px;
position:relative;
}

#header{
position:absolute;
top:0px;
left:0px;
width:180px;
height:250px;
}

#main{
width:730px;
float:right;
background:url(timeline.gif) repeat-y top 91px;
}

#sidebar{
width:170px;
padding:360px 0 0 0;
float:left;
background:#464646;
color:#dedede;
font-size:95%;
}

a,a:visited{
text-decoration:none;
color:#666666;
}

a:hover{
text-decoration:underline;
}

#sidebar a{
color:#dedede;
}

/* ////////// Header ////////// */

#header p{
padding:0 10px;
color:#dedede;
}

/* ////////// Main - oneday ////////// */

.oneday{
margin:0;
}

.daytop{
height:80px;
padding:0 0 0 118px;
}

/* ----- Calendar ----- */

.calendar{
float:left;
background:url(calendar.gif) no-repeat;
margin:7px 0 0 0;
width:215px;
height:67px;
position:relative;
}

.calendar .date-weekday{
color:#666666;
}

.calendar .date-saturday{
color:#5a94f4;
}

.calendar .date-sunday,
.calendar .date-holiday{
color:#fb7749;
}

.calendar .year,
.calendar .month,
.calendar .day,
.calendar .week{
display:block;
position:absolute;
}

.calendar .year  {top:27px; left:6px;font-size:16px;}
.calendar .month {top:20px; left:74px;font-size:24px;}
.calendar .day   {top:20px; left:136px;font-size:24px;}
.calendar .week  {top:30px; left:174px;font-size:12px;}

/* ----- Daynavi ----- */

.daynavi{
float:left;
width:21px;
padding:0;
margin:17px 5px 0;
}

.daynavi .nextday,
.daynavi .prevday{
width:19px;
height:10px;
}

.daynavi .nextday{
background:url(daynavi_next_off.gif) no-repeat;
}

.daynavi .prevday{
margin:30px 0 0 0;
background:url(daynavi_prev_off.gif) no-repeat;
}

.daynavi .nextday a,
.daynavi .prevday a{
display:block;
width:19px;
height:10px;
text-indent:-9999px;
}

.daynavi .nextday a{
background:url(daynavi_next_off.gif) no-repeat;
}

.daynavi .prevday a{
background:url(daynavi_prev_off.gif) no-repeat;
}

.daynavi .nextday a:hover{
background:url(daynavi_next_on.gif) no-repeat;
}

.daynavi .prevday a:hover{
background:url(daynavi_prev_on.gif) no-repeat;
}

/* ----- 24hour ----- */

.times{
float:left;
width:350px;
height:65px;
padding:0;
margin:0;
}

.times .am{
background:url(am.gif) 2px center no-repeat;
width:312px;
height:24px;
padding:3px 0 6px 24px;
margin:10px 0 0 0;
border-bottom:#f3f3f3 solid 2px;
}
.times .pm{
background:url(pm.gif) 2px center no-repeat;
width:312px;
height:24px;
padding:3px 0 3px 24px;
margin:0;
}

.times .am li{
display:block;
float:left;
height:24px;
width:26px;
padding:0;
margin:0;
text-indent:-9999px;
}

.times .pm li{
display:block;
float:left;
height:24px;
width:26px;
padding:0;
margin:0;
text-indent:-9999px;
}

.times .am li a{
display:block;
height:24px;
width:26px;
}

.times .pm li a{
display:block;
height:24px;
width:26px;
}

.times .am li.am00_{background:url(timelinks.gif)    0px top no-repeat;}
.times .am li.am01_{background:url(timelinks.gif)  -26px top no-repeat;}
.times .am li.am02_{background:url(timelinks.gif)  -52px top no-repeat;}
.times .am li.am03_{background:url(timelinks.gif)  -78px top no-repeat;}
.times .am li.am04_{background:url(timelinks.gif) -104px top no-repeat;}
.times .am li.am05_{background:url(timelinks.gif) -130px top no-repeat;}
.times .am li.am06_{background:url(timelinks.gif) -156px top no-repeat;}
.times .am li.am07_{background:url(timelinks.gif) -182px top no-repeat;}
.times .am li.am08_{background:url(timelinks.gif) -208px top no-repeat;}
.times .am li.am09_{background:url(timelinks.gif) -234px top no-repeat;}
.times .am li.am10_{background:url(timelinks.gif) -260px top no-repeat;}
.times .am li.am11_{background:url(timelinks.gif) -286px top no-repeat;}

.times .pm li.pm12_{background:url(timelinks.gif)    0px top no-repeat;}
.times .pm li.pm13_{background:url(timelinks.gif)  -26px top no-repeat;}
.times .pm li.pm14_{background:url(timelinks.gif)  -52px top no-repeat;}
.times .pm li.pm15_{background:url(timelinks.gif)  -78px top no-repeat;}
.times .pm li.pm16_{background:url(timelinks.gif) -104px top no-repeat;}
.times .pm li.pm17_{background:url(timelinks.gif) -130px top no-repeat;}
.times .pm li.pm18_{background:url(timelinks.gif) -156px top no-repeat;}
.times .pm li.pm19_{background:url(timelinks.gif) -182px top no-repeat;}
.times .pm li.pm20_{background:url(timelinks.gif) -208px top no-repeat;}
.times .pm li.pm21_{background:url(timelinks.gif) -234px top no-repeat;}
.times .pm li.pm22_{background:url(timelinks.gif) -260px top no-repeat;}
.times .pm li.pm23_{background:url(timelinks.gif) -286px top no-repeat;}

.times .am li.am00 a{background:url(timelinks.gif)    0px -24px no-repeat;}
.times .am li.am01 a{background:url(timelinks.gif)  -26px -24px no-repeat;}
.times .am li.am02 a{background:url(timelinks.gif)  -52px -24px no-repeat;}
.times .am li.am03 a{background:url(timelinks.gif)  -78px -24px no-repeat;}
.times .am li.am04 a{background:url(timelinks.gif) -104px -24px no-repeat;}
.times .am li.am05 a{background:url(timelinks.gif) -130px -24px no-repeat;}
.times .am li.am06 a{background:url(timelinks.gif) -156px -24px no-repeat;}
.times .am li.am07 a{background:url(timelinks.gif) -182px -24px no-repeat;}
.times .am li.am08 a{background:url(timelinks.gif) -208px -24px no-repeat;}
.times .am li.am09 a{background:url(timelinks.gif) -234px -24px no-repeat;}
.times .am li.am10 a{background:url(timelinks.gif) -260px -24px no-repeat;}
.times .am li.am11 a{background:url(timelinks.gif) -286px -24px no-repeat;}

.times .pm li.pm12 a{background:url(timelinks.gif)    0px -48px no-repeat;}
.times .pm li.pm13 a{background:url(timelinks.gif)  -26px -48px no-repeat;}
.times .pm li.pm14 a{background:url(timelinks.gif)  -52px -48px no-repeat;}
.times .pm li.pm15 a{background:url(timelinks.gif)  -78px -48px no-repeat;}
.times .pm li.pm16 a{background:url(timelinks.gif) -104px -48px no-repeat;}
.times .pm li.pm17 a{background:url(timelinks.gif) -130px -48px no-repeat;}
.times .pm li.pm18 a{background:url(timelinks.gif) -156px -48px no-repeat;}
.times .pm li.pm19 a{background:url(timelinks.gif) -182px -48px no-repeat;}
.times .pm li.pm20 a{background:url(timelinks.gif) -208px -48px no-repeat;}
.times .pm li.pm21 a{background:url(timelinks.gif) -234px -48px no-repeat;}
.times .pm li.pm22 a{background:url(timelinks.gif) -260px -48px no-repeat;}
.times .pm li.pm23 a{background:url(timelinks.gif) -286px -48px no-repeat;}

.times .am li.am00 a:hover{background:url(timelinks.gif)    0px -72px no-repeat;}
.times .am li.am01 a:hover{background:url(timelinks.gif)  -26px -72px no-repeat;}
.times .am li.am02 a:hover{background:url(timelinks.gif)  -52px -72px no-repeat;}
.times .am li.am03 a:hover{background:url(timelinks.gif)  -78px -72px no-repeat;}
.times .am li.am04 a:hover{background:url(timelinks.gif) -104px -72px no-repeat;}
.times .am li.am05 a:hover{background:url(timelinks.gif) -130px -72px no-repeat;}
.times .am li.am06 a:hover{background:url(timelinks.gif) -156px -72px no-repeat;}
.times .am li.am07 a:hover{background:url(timelinks.gif) -182px -72px no-repeat;}
.times .am li.am08 a:hover{background:url(timelinks.gif) -208px -72px no-repeat;}
.times .am li.am09 a:hover{background:url(timelinks.gif) -234px -72px no-repeat;}
.times .am li.am10 a:hover{background:url(timelinks.gif) -260px -72px no-repeat;}
.times .am li.am11 a:hover{background:url(timelinks.gif) -286px -72px no-repeat;}

.times .pm li.pm12 a:hover{background:url(timelinks.gif)    0px -96px no-repeat;}
.times .pm li.pm13 a:hover{background:url(timelinks.gif)  -26px -96px no-repeat;}
.times .pm li.pm14 a:hover{background:url(timelinks.gif)  -52px -96px no-repeat;}
.times .pm li.pm15 a:hover{background:url(timelinks.gif)  -78px -96px no-repeat;}
.times .pm li.pm16 a:hover{background:url(timelinks.gif) -104px -96px no-repeat;}
.times .pm li.pm17 a:hover{background:url(timelinks.gif) -130px -96px no-repeat;}
.times .pm li.pm18 a:hover{background:url(timelinks.gif) -156px -96px no-repeat;}
.times .pm li.pm19 a:hover{background:url(timelinks.gif) -182px -96px no-repeat;}
.times .pm li.pm20 a:hover{background:url(timelinks.gif) -208px -96px no-repeat;}
.times .pm li.pm21 a:hover{background:url(timelinks.gif) -234px -96px no-repeat;}
.times .pm li.pm22 a:hover{background:url(timelinks.gif) -260px -96px no-repeat;}
.times .pm li.pm23 a:hover{background:url(timelinks.gif) -286px -96px no-repeat;}


/* ////////// Main -anhour ////////// */

.anhour{
width:530px;
position:relative;
padding:3px 0 0 100px;
min-height:100px; 
height:auto !important; 
height:100px;
}

/* ----- Timenavi ----- */

.timenavi{
width:91px;
margin:0 9px 0 0;
padding:5px 0 0 0;
text-align:center;
position:absolute;
top:0px;
left:0px;
}

.timenavi .date{
font-size:11px;
}

.timenavi .time{
font-size:24px;
text-align:center;
}

.timenavi .time .kara{
font-size:14px;
}

.timenavi .nexttime,
.timenavi .prevtime{
width:29px;
height:15px;
margin:5px auto;
}

.timenavi .nexttime{
background:url(timenavi_next_off.gif) no-repeat;
}

.timenavi .prevtime{
background:url(timenavi_prev_off.gif) no-repeat;
}

.timenavi .nexttime a,
.timenavi .prevtime a{
display:block;
width:29px;
height:15px;
text-indent:-9999px;
}

.timenavi .nexttime a{
background:url(timenavi_next_off.gif) no-repeat;
}

.timenavi .prevtime a{
background:url(timenavi_prev_off.gif) no-repeat;
}

.timenavi .nexttime a:hover{
background:url(timenavi_next_on.gif) no-repeat;
}

.timenavi .prevtime a:hover{
background:url(timenavi_prev_on.gif) no-repeat;
}


/* ----- Entry Base ----- */

.entrytitle a{
color:#555555
}

.entryurl a{
color:#999999;
}

.total{
color:#999999;
font-size:80%;
height:1em;
padding:0 0 3px 0;
}

/* ----- Top Entry ----- */

.topentry{
width:500px;
background:url(topentry_background_top.gif) left top no-repeat;
position:relative;
padding:15px 30px 0 80px;
margin:10px 0 0 0;
}

.topentry .usercount{
/* color:#fb7648; chg ashitano.*/ 
color:#FF0C0C;
position:absolute;
top:12px;
left:30px;
text-align:center;
font-weight:bold;
}
.topentry .usercount .count{
font-size:150%;
}

.topentry .usercount .users{
font-size:100%;
}

.topentry .entryinfo{
}

.topentry .entrytitle{
min-height:32px; 
height:auto !important; 
height:32px;
position:relative;
padding:5px 0 0 40px;
font-size:180%;
}

.topentry .entryicon{
position:absolute;
top:3px;
left:0px;
width:32px;
height:32px;
}

.topentry .entryurl {
padding:3px 10px 8px 40px;
font-size:90%;
}

.topentry .bookmarkers{
width:493px;
}

.topentry .bookmarkers .bookmarker{
float:left;
width:24px;
height:24px;
margin:0 5px 5px 0;
}

.bookmarkers img{ 
width:24px; 
height:24px; 
} 

.topentry .bookmarkerscomment{
clear:both;
padding:5px 10px 10px 80px;
background:url(topentry_background_bottom.gif) center bottom no-repeat;
min-height:30px; 
height:auto !important; 
height:30px;
width:520px;
margin:0 -10px 0 -80px;
}


/* ----- Other Entry ----- */

.entry{
width:430px;
margin:0 10px 0 30px;
border-bottom:#e6e5e5 solid 1px;
position:relative;
padding:10px 10px 10px 50px;
}

.entry .usercount{
/* color:#fb7648; chg ashitano.*/ 
color:#FF0C0C;
position:absolute;
top:10px;
left:5px;
text-align:center;
font-weight:bold;
}
.entry .usercount .count{
font-size:110%;
}

.entry .usercount .users{
font-size:90%;
}

.entry .entryinfo{
}

.entry .entrytitle{
position:relative;
width:410px;
margin:0;
padding:0 0 0 20px;
}

.entry .entryicon{
position:absolute;
top:2px;
left:0px;
width:16px;
height:16px;
}

.entry .entryurl {
padding:3px 0 0 20px;
font-size:80%;
}

.entry .bookmarkerscomment{
padding:5px 0 0 20px;
}

/* ----- No Entry ----- */

.noentry{
min-height:130px; 
height:auto !important; 
height:130px;
width:470px;
margin:0 10px 0 30px;
background:url(noentry.gif) left top no-repeat;
border-bottom:#e6e5e5 solid 1px;
padding:10px;
}


/*  */
#hatena_bookmark_anywhere {
/*    width: 60em;*/
    max-height: 20em;
    overflow: auto;
    font-size: 0.9em;
    font-family: font-family: Verdana, Arial, SunSans-Regular, Sans-Serif,"Hiragino Kaku Gothic Pro";
    background-color:#EEEEEE;
/*    border-color:#CCCCCC;*/
/*    border-width:1px;*/
/*    border-style: dotted;*/
/*    position:absolute;*/
}

#hatena_bookmark_anywhere * {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif,"Hiragino Kaku Gothic Pro";
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_zero {
	background-color:#FFFFFF;
/*	border-top:1px dotted #CCCCCC; */
	list-style-position: inside;
	margin:2px 0 0 0;
/*	padding: 8px 5px 12px 8px; */
}

#hatena_bookmark_anywhere ul{
	background-color:#FFFFFF;
	list-style-position: inside;
/*	padding: 8px 5px 12px 8px; */
}

#hatena_bookmark_anywhere ul li{
	list-style-type: none;
	padding: 1px 0;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_user {
/*	color: #00e;*/
color:#555555;
	text-decoration: underline;
	margin: 0 2px;
}


#hatena_bookmark_anywhere .hatena_bookmark_anywhere_user a{
/*	color: #00e;*/
color:#555555;
	text-decoration: underline;
	margin: 0 2px;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_user a:hover {
/*	color: #00e;*/
color:#999999;
	text-decoration: underline;
	margin: 0 2px;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_timestamp {
	margin-right: 2px;
	margin-left: 2px;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_tags {
	font-size: 0.8em;
/*	color: #66c;*/
color:#5a94f4;
	margin: 0 4px 0 2px;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_tags a {
	text-decoration: none;
/*	color: #66c;*/
color:#5a94f4;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_tags a:hover {
text-decoration: underline;
}

#hatena_bookmark_anywhere .hatena_bookmark_anywhere_go {
	font-size: 0.8em;
	color: #66c;
	text-decoration: none;
}

/* ////////// Sidebar ////////// */

#sidebar .sidebox{
padding:0 0 25px 0;
}

#sidebar .sidebox p{
padding:0 0 0 10px;
}

#sidebar .sidebox p.mobile img{
padding:15px 0 0 0;
}

#sidebar .sidebox p.favorites img{
padding:18px 0 2px;
max-width: 150px; /* 最大幅 */
min-width: 20px; /* 最大幅 */
}

#sidebar .sidebox h4{
height:24px;
width:127px;
text-indent:-9999px;
margin:0 0 10px 0;
}

#sidebar .sidebox h4.information {background:url(sidebartitle.gif) center    top no-repeat;}
#sidebar .sidebox h4.mobile      {background:url(sidebartitle.gif) center  -24px no-repeat;}
#sidebar .sidebox h4.RSS         {background:url(sidebartitle.gif) center  -48px no-repeat;}
#sidebar .sidebox h4.favorites   {background:url(sidebartitle.gif) center  -72px no-repeat;}
#sidebar .sidebox h4.webmaster   {background:url(sidebartitle.gif) center  -96px no-repeat;}
#sidebar .sidebox h4.designed    {background:url(sidebartitle.gif) center -120px no-repeat;}
#sidebar .sidebox h4.etc         {background:url(sidebartitle.gif) center -144px no-repeat;}

#sidebar dl{
padding:0 10px;
}

#sidebar dl dd{
font-weight:bold;
}

#sidebar dl dt{
padding:0 0 5px 0;
}

#sidebar .sidebox p.webmaster{
padding:0 5px 0 10px;
}

#sidebar .sidebox p.webmaster img{
padding:3px 2px 0 0;
width:11px;
height:11px;
}

/* ////////// Footer ////////// */

hr{
display:hidden;
}

#footer{
clear:both;
position:relative;
height:30px;
}

#footer .pagetop{
position:absolute;
bottom:5px;
right:30px;
width:17px;
height:9px;
background:url(pagetop_off.gif) no-repeat;
}


#footer .pagetop a{
display:block;
text-indent:-9999px;
background:url(pagetop_off.gif) no-repeat;
}

#footer .pagetop a:hover{
background:url(pagetop_on.gif) no-repeat;
}