@charset "UTF-8";
/*---------------------------------------------------------------
-----------------------------------------------------------------
blog CSS
The date      : 2010.05.17
Last up date : 2010.05.17
---------------------------------------------------------------*/

/*==================================================================

  Common Layout

================================================================== */
#blog-harejuku-page {background: url(../../images/common/blog/bg_harajuku.gif) #907897;}
#blog-harejuku-page #container {background: none;}

/*==================================================================

  サイドナビのスタイル

================================================================== */
#blog-harejuku-page #navi-wrp {	background: #775d7f;}

#widget-category {
	padding: 20px 20px 7px 18px;
}

#widget-category .text {
	float: left;
	width: 88px;
	height: 10px;
	text-indent: -9999px;
	line-height: 1;
	font-size: 0.1%;
	overflow: hidden;
	background: url(../../images/blog/harajuku/cate_recommend.gif) no-repeat;
}

#widget-category p{ margin-bottom: 11px; }
#widget-category p a { display: block; }

#widget-category ul {
	padding: 4px 0px 8px 7px;
}

#widget-category li {
	padding-bottom: 8px;
}

#widget-category li a {
	display: block;
}

#widget-category li span {
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}

#widget-category li span.title {
	width: 164px;
	line-height:1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

#widget-category #cate-column .text {
	background: url(../../images/blog/harajuku/cate_column.gif) no-repeat;
}

#widget-category #cate-diary .text {
	background: url(../../images/blog/harajuku/cate_diary.gif) no-repeat;
}

#widget-category .entry-num {
	float: right;
	line-height: 1;
}

/*==================================================================

  content  基本的なコンテンツのスタイル

================================================================== */
#blog-harejuku-page #main-img{
	margin: 14px 10px 16px 0px;
	padding: 12px 12px 7px;
}

/*==================================================================

 ヘッダーのスタイル

================================================================== */
#blog-harejuku-page #col-beta-path li {color: #330033;}
#blog-harejuku-page #col-beta-path li a {color: #fff;}

#blog-harejuku-page #title-new {
	width: 80px;
	height: 10px;
	text-indent: -9999px;
	line-height:1;
	font-size: 0.1%;
	margin: 0px 0px 13px 12px;
	background: url(../../images/blog/harajuku/title_new.png) no-repeat;
}

/*==================================================================

  blog section  枠のスタイル

================================================================== */
#blog-harejuku-page #col-beta-content { padding: 0px 0px 10px; }
#blog-harejuku-page #col-beta-content .sblog-section {margin: 0px 10px 10px 0px;}

.archive-page #col-beta-content { padding-top: 20px!important;}


/*==================================================================

  blog-entryのスタイル

================================================================== */
#blog-harejuku-page .sblog-section .section .meta-wrp p.category { color: #330033; }


#blog-harejuku-page #simple-entries-wrp {padding: 5px 12px 12px; margin: 0px 10px 20px 0px;}
#blog-harejuku-page #simple-entries-wrp li {
	padding: 6px 0px 5px;
	border-bottom: 1px dotted #ccc;
	line-height: 1;
}
#blog-harejuku-page #simple-entries-wrp .meta-wrp {
	float: left;
	display: inline;
	width: 18em;
	line-height: 2;
}

#blog-harejuku-page #simple-entries-wrp .meta-wrp .category { color: #330033;}
#blog-harejuku-page #simple-entries-wrp h3 {
	float: left;
	width: 440px;
	overflow: hidden;
	white-space:nowrap;
	line-height: 2;
}
#blog-harejuku-page #simple-entries-wrp .good-wrp {
	float: right;
	display: inline;
	margin-right: 10px;
}

#blog-harejuku-page  .blog-entry-header .meta-wrp p.category { color: #330033; }

#blog-harejuku-page .blog-entry { margin-bottom: 20px;}

/*==================================================================

  footer  基本的なヘッダーのスタイル

================================================================== */
#blog-harejuku-page  #footer a{color: #e9e4ea;}

#blog-harejuku-page #footer #copy {
	width: 129px;
	margin-right: 93px;
	background:  url(../../images/blog/harajuku/copy.png) no-repeat;
}

/*==================================================================

  clearfix 

================================================================== */

#blog-harejuku-page #simple-entries-wrp li:after,
#widget-category p a:after
{
  content: "";
	display: block;
	clear: both;
}
#blog-harejuku-page #simple-entries-wrp li,
#widget-category p a{ zoom: 1;}