@charset "utf-8";

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

	ブログのブロックパーツ類
	
		・最近のエントリー			[ MODULE:blog_recent ]	
		・カレンダーモジュール		[ MODULE:blog_calendar ]
		・月別アーカイブ一覧		[ MODULE:blog_monthly ]
		・カテゴリー一覧			[ MODULE:blog_category ]
		・ブログ内検索				[ MODULE:blog_search ]	
		・フィード					[ MODULE:blog_feed ]
	
---------------------------------------------------------------------------------------- */

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

	最近のエントリー [ MODULE:blog_recent ]

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

#upper .blogRecent,
#bottom .blogRecent,
#opt .blogRecent {
	position: relative;
}

#upper .blogRecent h2,
#bottom .blogRecent h2,
#opt .blogRecent h3  {
	padding-right: 135px;
	padding-left: 10px;
	background-image: none;
}

.blogRecent h2,
.blogRecent h3 { margin: 0 !important;}

.blogRecent ul {
	margin: 0;
}

.blogRecent ul li {
	padding: 13px 12px 15px 30px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/common/arrow.gif) no-repeat 15px 15px;
}

#side .blogRecent ul li {
	padding: 13px 5px 15px !important;
	font-size: 100%;
	background-image: none;
}
#side .blogRayout02 .blogRecentList {
    padding-left: 5px;
    padding-right: 5px;
}

#side .blogRecent ul li a {
	/*padding-left: 0;*/
}

#upper .blogRecentLink,
#bottom .blogRecentLink,
#opt .blogRecentLink {
	position: absolute;
	top: 12px;
	right: 0;
}

#upper .blogRecentLink a,
#bottom .blogRecentLink a,
#opt .blogRecentLink a {
	display: block;
	padding: 11px 5px 6px 33px;
	border-left: 1px solid #c5c5c5;
	color: #000;
	font-size: 85.7%;
	text-decoration: none;
	background: url(../images/side/sidearrow.gif) no-repeat 9px 11px;
}

#side .blogRecentLink a {
	display: block;
	padding: 15px 25px 15px 0;
	color: #000;
	text-align: center;
	text-decoration: none;
}

#side .blogRecentLink a:after {
	position: relative;
	top: 3px;
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 0 0 8px;
	background: url(../images/side/sidearrow.gif) no-repeat center center;
}


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

	カレンダーモジュール [ MODULE:blog_calendar ]

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

.blogCalendar table {
	margin-bottom: 10px;
}

#side .blogCalendar table tr th,
#opt .blogCalendar table tr th {
	padding: 10px 0;
}

.blogCalendar table tr th,
.blogCalendar table tr td {
	padding: 5px 0;
	border-width: 1px;
	border-left: none;
	font-size: 78.6%;
	text-align: center;
}

.blogCalendar table tr th a {
	color: #fff;
}

.blogCalendar table tr td a {
	color: #000;
}

#upper .blogCalendar table tr td {
	font-size: 85.7%;
}

#upper .blogCalendar table tr th,
#upper .blogCalendar table tr.week-label td,
#bottom .blogCalendar table tr th,
#bottom .blogCalendar table tr.week-label td {
	font-size: 100%;
}

.blogCalendar table tr th {
	border-right: none;
	color: #fff;
	font-weight: normal;
	background: #da2e3e;
}

.blogCalendar table tr.week-label td,
.calenderBody table tr.week-label td {
	border-right: none;
	color: #fff;
	background: #f095a0;
}

.blogCalendar table tr td.sat,
.blogCalendar table tr td:nth-last-of-type(1) {
	border-right: none;
}



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

	月別アーカイブ一覧 [ MODULE:blog_monthly ]

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

.blogMonthly h2,
.blogMonthly h3 { margin: 0 !important;}

.blogMonthly ul {
	margin: 0;
}

.blogMonthly ul li {
	padding: 13px 12px 15px 30px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/common/arrow.gif) no-repeat 15px 15px;
}

#side .blogMonthly ul li {
	padding: 13px 5px 15px;
	font-size: 100%;
	background-image: none;
}

#side .blogMonthly ul li a {
	padding-left: 0;
}

#side .blogMonthly li:nth-last-of-type(1) {
	border-bottom: none;
}



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

	カテゴリー一覧 [ MODULE:blog_category ]

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

.blogCategory h2,
.blogCategory h3 { margin: 0 !important;}

.blogCategory ul {
	margin: 0;
}

.blogCategory ul ul {
	padding-left: 12px !important;
}

.blogCategory ul li {
	padding: 13px 12px 15px 30px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/common/arrow.gif) no-repeat 15px 15px;
}

#side .blogCategory ul li {
	padding: 13px 5px 5px;
	font-size: 100%;
	background-image: none;
}

.blogCategory ul li li {
	padding: 13px 12px 0 0;
	background-image: none;
	border-bottom: none;
	list-style-type: disc;
}

#side .blogCategory ul li li {
	padding: 13px 5px 0 15px;
	border-bottom: none;
	background: url(../images/common/arrow.gif) no-repeat left 18px;
	font-size: 92.9%;
	list-style-type: none;
}

.blogCategory ul li li li {
	padding: 8px 5px 0 0 !important;
	background-image: none !important;
	font-size: 100%;
	list-style-type: disc !important;
}

#side .blogCategory ul li a {
	padding-left: 0;
}

#side .blogCategory li:nth-last-of-type(1) {
	border-bottom: none;
}



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

	ブログ内検索 [ MODULE:blog_search ]

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

.blogSearch form {
	padding: 0 6px 16px;
}

.blogSearch form input.blogSearchText {
	float: left;
	width: calc( 100% - 37px );
	height: 26px;
	padding: 4px 8px;
	border: none;
	background: #ffc8cb;
	line-height: 26px;
}

.searchLink {
	float: right;
}

.blogSearchTextBu {
	width: 27px;
	height: 26px;
	padding-top: 26px;
	border: 0;
	background: url(../images/common/btn_search.gif) no-repeat center center #da2e3e;
	cursor: pointer;
}


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

	フィード [ MODULE:blog_feed ]

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

.blogFeed h2,
.blogFeed h3 { margin: 0 !important;}

.blogFeed ul {
	margin: 0;
}

.blogFeed ul li {
	padding: 13px 12px 15px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/common/arrow.gif) no-repeat 15px 15px;
}

.blogFeed ul li a {
	padding-left: 18px;
}

#side .blogFeed ul li {
	padding: 13px 5px 15px;
	border-bottom: none;
	font-size: 100%;
	background-image: none;
}

#side .blogFeed ul li a {
	padding-left: 0;
}