@charset "UTF-8";

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

Blog Page CSS

for ilovesweet.jp
coded by d-spica at 2013-07-09

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


@import url(../../share/css/default.css);
@import url(../../share/css/base.css);


/* */
.top #main {
	float: left;
	width: 520px;
}

/* */

#contents.manager {
	border: solid #E8E7E6;
	border-width: 0 3px 3px;
	padding: 0 17px;
	width: 709px;
}

.manager .page-title {
	margin: 0 -20px 20px;
}

.manager #main {
	float: left;
	margin-left: -17px;
	width: 520px;
}

.manager article.entry {
	position: relative;
	margin: 30px 0;
	background: url(../img/ln-gy10.png) no-repeat 50% 100%;
	padding: 65px 0 30px 7px;
}

.manager article.entry .date {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/bg-date.png) no-repeat 0 0;
	padding: 15px 0 10px 55px;
	width: 165px;
	height: 40px;
	font-weight: bold;
}

.manager article.entry h1 {
	margin-bottom: 20px;
	padding: 0 5px 10px 12px;
	background: url(../img/ln-gy3.png) repeat-x 0 100%;
	font-size: 15px;
}

.manager article.entry h1 a {
	text-decoration: none;
	color: #543A18;
}

.manager article.entry h1 a:hover {
  color: #E5001F;
}

.manager article.entry .user-post {
	padding: 0 5px 0 12px;
}

/* */

.bloger .page-title {
	margin-bottom: 18px;
}

.bloger #main {
	float: left;
	width: 520px;
}

.bloger article.entry {
	margin-bottom: 30px;
	border: solid 1px #E2E2E2;
	padding: 0 15px 15px;
}

.tag .bloger article.entry {
	margin-bottom: 20px;
	padding-bottom: 0;
}

.bloger article.entry header {
	position: relative;
	margin: 0 -15px 15px;
	border-bottom: solid 1px #E2E2E2;
	background: #EFE8D5;
	padding: 35px 15px 15px;
}

.tag .bloger article.entry header {
	margin-bottom: 0;
	border-bottom: none;
}

.bloger article.entry header h1 {
	margin-bottom: 4px;
	font-size: 15px;
}

.bloger article.entry header h1 a {
	text-decoration: none;
	color: #543A18;
}

.bloger article.entry header h1 a:hover {
  color: #E5001F;
}

.bloger article.entry header .date {
	position: absolute;
	top: 15px;
	left: 15px;
}

.bloger article.entry header .author {
	position: absolute;
	top: 15px;
	right: 15px;
}

.bloger article.entry header .tags span {
	display: inline-block;
	margin-right: 8px;
	padding: 1px 3px;
	line-height: 1.2;
	font-size: 11px;
	color: #FFF;
}

.bloger article.entry header .tags span.genre {
	background: #FC8E1F;
}

.bloger article.entry header .tags span.category {
	background: #819D3B;
}

.bloger article.entry header .tags span.type {
	background: #4476BD;
}

.bloger article.entry header .tags span.use {
	background: #BC3E42;
}

.bloger article.entry header .more {
	margin-top: 10px;
}

.bloger article.entry header .more a {
	text-decoration: underline;
}

.bloger article.entry header .more a:hover {
	text-decoration: none;
}

.bloger article.entry dt {
	margin-bottom: 4px;
}

.bloger article.entry dd {
	padding-left: 0;
}

.bloger article.entry .ingredient {
	position: relative;
	padding-left: 165px;
	min-height: 147px;
}

.bloger article.entry .ingredient dd img {
	position: absolute;
	top: 0;
	left: 0;
}

.bloger article.entry .flow ol {
	padding-left: 0;
	list-style: none;
}

.bloger article.entry .flow li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 165px;
	min-height: 147px;
}

.bloger article.entry .flow li em.mark {
	display: block;
	font-weight: bold;
}

.bloger article.entry .flow li img {
	position: absolute;
	top: 0;
	left: 0;
}

.bloger article.entry .used-item {
	overflow: hidden;
	border: solid 2px #EFE8D5;
	padding: 10px 10px 6px;
	zoom: 1;
}

.bloger article.entry .used-item dd {
	clear: left;
	margin-bottom: 15px;
}

.bloger article.entry .used-item p {
	margin-bottom: 4px;
}

.bloger article.entry .used-item .name {
	font-weight: bold;
}

.bloger article.entry .used-item .photo {
	float: left;
	margin: 0 15px 10px 0;
}

.bloger article.entry .used-item a {
	margin-right: 15px;
	text-decoration: none;
	color: #543A18;
}

.bloger article.entry .used-item a:hover {
  color: #E5001F;
}


/* */

.user-post p,
.user-post ul,
.user-post ol,
.user-post dl,
.user-post pre,
.user-post blockquote,
.user-post figure,
.user-post table {
	margin-bottom: 12px;
}

.user-post ul {
	padding-left: 20px;
	list-style: disc;
}

.user-post ol {
	padding-left: 20px;
}

.user-post dt {
	font-weight: bold;
}

.user-post dd {
  margin-bottom: 12px;
  padding-left: 20px;
}

.user-post blockquote {
	border-left: solid 5px #E8E7E6;
	padding-left: 12px;
}

.user-post table {
  width: 100%;
}

.user-post table th,
.user-post table td {
  padding: 6px 8px;
  border: solid 1px #E8E7E6;
}

.user-post table th {
  white-space: nowrap;
  text-align: center;
  font-weight: normal;
}


/* */

aside.recent {
	margin-bottom: 20px;
}

aside.recent h1 {
	margin-bottom: 3px;
}

aside.recent ul {
	border-top: dotted 1px #53391A;
}

aside.recent li {
	position: relative;
	border-bottom: dotted 1px #53391A;
	padding: 5px 6px 5px 160px;
}

aside.recent li .author {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 145px;
	white-space: nowrap;
	overflow: hidden;
}

/* */

ul.pager {
	overflow: hidden;
	margin: 0 12px 20px 19px;
	zoom: 1;
}

ul.pager .prev {
	float: left;
}

ul.pager .next {
	float: right;
}

ul.pager a {
	color: #543A18;
}

ul.pager a:hover {
  color: #E5001F;
}

/* */

#sub {
	float: right;
	width: 195px;
}

#sub dl {
	margin-bottom: 18px;
	border-bottom: dotted 1px #53391A;
	padding-bottom: 12px;
}

#sub dt {
	margin-bottom: 8px;
}

#sub dd {
	padding-left: 6px;
}

#sub dd img {
	display: block;
	margin: 0 auto 5px;
}

#sub dd li {
	margin-bottom: 6px;
}

#sub dd li a {
	color: #543A18;
}

#sub dd li a:hover {
  color: #E5001F;
}

#sub .banners {
	margin-bottom: 18px;
}

#sub .banners li {
	margin-bottom: 8px;
	text-align: center;
}

#sub .banners li.outside {
	padding-top: 16px;
	background: url(../img/ln-bn8.png) repeat-x 0 0;
}

#sub .search dd li {
	margin-bottom: 10px;
}

#sub .search dd li ul {
	display: none;
}

#sub .search dd li em {
	display: block;
	padding-left: 13px;
	text-decoration: underline;
	cursor: pointer;
}

#sub .search dd li em.close {
	background: url(../img/bt-open.png) no-repeat 0 40%;
}

#sub .search dd li em.open {
	background: url(../img/bt-close.png) no-repeat 0 40%;
}

#sub .search dd li li {
	margin: 0 0 0 10px;
}

#sub .search p {
	text-align: center;
}

#sub .search .submit {
	border: none;
	outline: none;
	background: url(../img/sb-bt-search.png) no-repeat 0 0;
	width: 168px;
	height: 28px;
	text-indent: -9999px;
}

#recommendedBlog ul {
	margin:0;
	padding:0;
}

#recommendedBlog li {
	list-style:none;
	padding-bottom:8px;
	line-height:1.2em;
}