@charset "utf-8";

@import url("http://hbkr.jp/common/css/basic.css"); /* common */
@import url("http://hbkr.jp/css/noinoinoi.css"); /* layout */


/*
 * Cafe_de_oni.css - base css - 0.5
 *   (c) kazuma ieiri
 *
 */


/* ====================
 * Global
 * ==================== */ 
body {

  color: #353535;
  background-color: #FFF;
}

body * {
  background-color: transparent;
}

blockquote {
  font-style: oblique;
  padding-left: 10px;
  border-left: 8px solid #EEE;
}

/* ====================
 * Layout
 * ==================== */ 
#wrapper {
  background: url("http://hbkr.deci.jp/images/0523bg.gif") 0px -150px repeat-x;
}

#container {
  width: 640px;
  padding: 0px;
  margin: 0px auto;
  text-align:left;
}

/* ====================
 * Header
 * ==================== */ 
#header {
  height: 130px;
  text-indent: -1000em;
}

/* ====================
 * Navi
 * ==================== */ 
#navi {
  font-size: 85%;
  height: 25px;
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") bottom repeat-x;
  margin-bottom: 20px;
  margin-top:10px;
}

.navi_menu_list {
	margin: 0px;
	padding: 0px;
        float:right;
}
ul#menu li {
        float:left;
        margin: 0px 0px 0px 10px;
        padding: 0px;
}

ul#menu li .navi_menu_a:hover {
   border-bottom:1px solid #353535;
}

/* ====================
 * Content
 * ==================== */ 
#content {
}

#main {
  width: 640px;
  overflow: hidden;
}

.entry_navi {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* === about === */
#eid535 .entry_navi {
  display: none;
}

.leftside-entry {
  width: 640px;
  margin-bottom: 30px;
}

#index .leftside-entry {
  display:none;
}

.entry {
}

#sequel {
  margin-top: 20px;
}

.entry-left {
  float: left;
  width:130px;
  font-weight: bold;
}

/* about */
#eid535 .entry-left {
  display: none;
}

.entry-left .date {
  height: 40px;
}

.entry-left .date .day {
  margin-right: 4px;
  padding-top: 3px;
}

.entry-left .date .year {
  padding-top: 3px;
}

.entry-left .posted {
  font-weight: normal;
  margin-top:7px;
  line-height: 0;
  font-size: 77%;
  letter-spacing: 0em;
}

.entry-right {
  float: right;
  width: 500px;
}

/* about */
#eid535 .entry-right {
  float: left;
  width: 640px;
}

.entry-info {
  text-align: right;
  font-size: 85%;
  margin-top: 30px;
}

.photoen {
  margin-bottom: 10px;
}

.photoen2 {
  margin-top: 50px;
  margin-bottom: 10px;
}

h2 {
  font-weight: bold;
  font-size: 107%;
  height: 40px;
  color: #353535;
  margin: 0px;
  padding: 0px;
}

.com-err {
  font-weight:bold;
  color: red;
}

.leftside-photo {
  padding-bottom: 20px;
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") bottom repeat-x;
  margin-bottom: 20px;
}

.top-flickr-wait {
  position:absolute;
  top:350px;
  left: 400px;
  width:197px;
  height:44px;
  background: url("http://hbkr.deci.jp/images/tphotonowloading.png") no-repeat; 
  _background-image: none;
  _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hbkr.deci.jp/images/tphotonowloading.png',sizingMethod=scale);
   z-index:999;
  text-indent: -9000em;
}

#top-flickr-img-box {
  width:640px;
  height:427px;
  margin-bottom:15px;
  position:relative;
  cursor:pointer;
  z-index:1001;
  overflow:hidden;
}


.top-flickr-img {
 }

#pstm-mini {
  float:left;
}

.photo-next-btn {
  float:left;
  display: block;
  background: url("http://hbkr.deci.jp/images/photo_next.gif") 0 0 no-repeat;
  width: 11px;
  height: 12px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0px 3px 0px 8px;
  cursor: pointer;
}

.photo-next-btn:hover {
  background-position: 0px -12px;
  cursor: pointer;
}

.photo-prev-btn {
  float:left;
  display: block;
  background: url("http://hbkr.deci.jp/images/photo_prev.gif") 0 0 no-repeat;
  width: 11px;
  height: 12px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0px;
  cursor: pointer;
}

.photo-prev-btn:hover {
  background-position: 0px -12px;
  cursor: pointer;
}

.photo-toflickr {
  float:right;
  display: block;
  background: url("http://hbkr.deci.jp/images/toflickr2.gif") 0 0 no-repeat;
  width: 18px;
  height: 9px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0 5px 0 0;
}

.photo-toflickr:hover {
  background-position: 0px -9px;
}


#photo-box {
  width: 650px;
  height: 72px;
  overflow:hidden;
  position:relative;
}

#photo-box-inner {
  position:absolute;
  z-index: 1;
  background: #fff;
  overflow:hidden
}

.photo-box-inner-page {
  background: #fff;
  overflow:hidden;
  height:72px;
}

.photo-more {
  height: 100px;
}

.photo-img {
  width: 72px;
  height: 72px;
  margin-right: 9px;
  background: #ccc url("http://hbkr.deci.jp/images/photoback.gif") no-repeat;
cursor:pointer;
}

#photo-zoom {
  display:none;
  position:absolute;
  z-index:50;
}


.flickr-bnr {
  text-align: right;
  width: 643px;
  margin-top: 5px;
}

.top-entry-left {
  float:left;
  width: 400px;
  /*width: 410px;*/
}


.top-entry-right {
  float:right;
  width: 230px;
  /*width: 170px;*/
}

.reent-list li {
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") left bottom repeat-x;
  margin-bottom: 6px;
  padding-bottom: 8px;
}

.comment-list li {
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") left bottom repeat-x;
  padding-bottom: 8px;
  margin-bottom: 6px;
}

.debu {
	height:200px;
	padding-top:17px;
	background-image:url('http://hbkr.jp/img/0725/debuboy.gif');
	background-repeat: no-repeat;
	text-align:center;
        margin-bottom: 20px;
}

.ore24b {
	margin-top:74px;
}

.stuff-parts {
	text-align:center;
        margin-bottom: 20px;
}


/*** rightside ***/
#side {
  float: right;
  width: 190px;
  margin-top: 40px;
  font-size: 85%;
  line-height: 16px;
  display:none;
}

#index #side {
  display: none;
}

.rightside-main {
  margin-bottom: 30px;
}

.rightside-main-under {
  display: none;
}

#index .rightside-main-under {
  display: block;
}

.mini-me {
  margin: 5px 0px 5px 0px;
  display: block;
}


/*** footer ***/
#footer {
  margin-top: 150px;
  margin-bottom: 50px;
}

#footer .copy {
  float:left;
  font-size: 85%;
  letter-spacing: 0.1em;
}

#footer .rss {
  float:right;
  font-size: 85%;
  letter-spacing: 0.1em;
}

/*** absolute ***/
.g-logo-img {
  width: 298px;
  height: 123px;
  position: absolute;
  margin-left: -43px;
  margin-top: 15px;
  z-index: 1;
}
.g-logo-mini-img {
  width:62px;
  height:14px;
  position:absolute;
  margin-left: 146px;
  margin-top: 88px;
  z-index: 1;
}
.toilet {
  width:210px;
  height: 40px;
  position:absolute;
  z-index: 10;
  margin-left: 0px;
  margin-top: 0px;
}
.arc-tab {
  width: 62px;
  height: 14px;
  margin-left: 578px;
  margin-top: 39px;
  z-index: 1;
  position: absolute;
}
#index .arc-tab {
  display:none;
}

.arc-box-absolute {
  position: absolute;
  z-index: 70;
}

#arc-box {
  z-index: 80;
  position: absolute;
  margin-left: 300px;
  margin-top: 65px;
  width: 340px;
  background: url("http://hbkr.deci.jp/images/arc_box_bg.gif") repeat-x;
  background-color: #656565;
}

.arc-box {
}

.arc-box-inner {
}

.arc-box-up {
  padding: 6px 0px 0px 10px;
  height: 67px;
  margin: 0 3px 0 3px;
  background: url("http://hbkr.deci.jp/images/archives_sea_bg.gif")  repeat-x;
}


.arc-box-table {
  vertical-align: top;
 /* border: 1px solid#fff;*/
  margin: 0px;
}

.arc-box-td {
  font-size: 85%;
  vertical-align: top;
  width: 150px;
/*  border: 1px solid#fff;*/
  padding: 0px 10px 10px 10px;
  margin: 0px;
}


.search {
  float:left;
  display:block;
  background: transparent url("http://hbkr.deci.jp/images/input_sea.gif") no-repeat;
  height: 21px;
  width: 209px;
  font-size: 85%;
  border: 0px;
  vertical-align:middle;
  padding: 5px 0px 0 25px;
  font-family: Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  margin-right: 5px;
}

.search-btn {
  float: left;
  display: block;
  background: url("http://hbkr.deci.jp/images/search_btn.gif") 0 0 no-repeat;
  width: 74px;
  height: 22px;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0px;
  cursor: pointer;
}

.search-btn:hover {
  background-position: 0px -22px;
}

.archives-list li {
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") left top repeat-x;
  padding-top: 2px;
  margin-bottom: 5px;
}

.archives-list li:first-child {
  background-image: none;
  padding-top: 0px;
}

.archives-year {
  margin-right: 5px;
}

.archives-num {
  background: #aaa;
  height: 5px;
  margin:  0;
  padding: 0px;
  margin-bottom: 2px;
  font: 0/0 sans-serif;
}

.category-list li {
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") left top repeat-x;
  padding-top: 2px;
  margin-bottom: 5px;
}

.category-list li:first-child {
  background-image: none;
  padding-top: 0px;
}

.category-num {
  background: #aaa;
  height: 5px;
  margin: 0;
  padding: 0px;
  margin-bottom: 2px;
  font: 0/0 sans-serif;
}

.corner-bottom {
  height: 5px;
  width:340px;
  background: url("http://hbkr.deci.jp/images/corner_bottom.gif")  top left no-repeat;
  position:absolute;
}



/*** etc ***/
.aspan {
  cursor:pointer;
}

.clear {
  clear: both;
  font: 0/0 sans-serif;
}

p.atara-title {
	display:none;
}
dt.atara-time {
  font: 11px/15px Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  color: #666;
}
dd.atara-title {
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") left bottom repeat-x;
  margin-bottom: 6px;
  padding-bottom: 8px;
}
div#atara-badge-area {
	margin-bottom: 20px;
	padding-bottom: 8px;

}
p.atara-more {
	/*text-align:right;*/
}

.mini-img {
  /*padding-top: 5px;*/
  margin-bottom: 10px;
  display: inline;
  /* background: url("http://hbkr.deci.jp/images/dummy_shasen.gif") repeat-x;*/
}

.mini-img2 {
  padding-top: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline;
  /*background: url("http://hbkr.deci.jp/images/dummy_shasen.gif") repeat-x;*/
}

.dot-bar-left {
  height: 1px;
  width: 640px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") repeat-x;
  border: 0px;
  padding:0px;
  overflow: hidden;
}

.dot-bar-left-top {
  height: 1px;
  width: 640px;
  margin-top: 5px;
  margin-bottom: 20px;
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") repeat-x;
  border: 0px;
  padding:0px;
  overflow: hidden;
}

.dot-bar-left-right {
  height: 1px;
  width: 500px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") repeat-x;
  border: 0px;
  overflow: hidden;
}

.dot-bar-bottom-right {
  height: 1px;
  width: 190px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url("http://hbkr.deci.jp/images/g_dot_bar.gif") repeat-x;
  border: 0px;
  overflow: hidden;
}

.thumb-img {
  position: absolute;
  margin-left: -150px;
}

.small-gray {
  font: 11px/15px Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  color: #666;
}

a { 
	color: #A16D9B;
	text-decoration: none;
}
a:visited {
	color: #A16D9B;
}
a:hover {
	color: #723F6C;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxCaption{
	font-size: 77%;
	padding-top: 0.4em;
	}
#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(http://hbkr.deci.jp/images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://hbkr.deci.jp/images/overlay.png", sizingMethod="scale");
	}
	
#Ieilink {
top:0px;
left:0px;
	position:absolute;
	border:1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	visibility: hidden;
	width:150px;
	font-size: 92%;
	color:#444;
	padding: 5px;
	z-index:8000;
}

/* -- noscript */
noscript {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index:9000;
}

noscript p {
  padding: 0.5em 0;
  border-bottom: 1px solid #666;
  background-color: #eee;
  color: #444;
  font-weight:bold;
  text-align: center;
}