@charset "utf-8";


.blog_waku {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.blog_waku tr {
	border: 1px solid #444444;
}
.blog_waku tr .title {
	background-color: #444444;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 1.2em;
	font-weight: bold;
}
.blog_category {
	color: #444444;
	font-size: 0.9em;
}
td .blog_left .blog_time {
	color: #444444;
	font-size: 0.9em;
}
td .blog_img img {
	width: 100%;
	height: auto;
	max-width: 186px;
}
.blog_category a {
	color: #00ADE8;
}
.blog_category a:hover {
	text-decoration: underline;
}
.blog_title a {
	color: #00ADE8;
}
.blog_title a:hover{
	text-decoration: underline;
}

.none_article {
 margin: 50px;
	text-align: center;
}



/* ---------
   ページ番号
   --------- */

#page_number{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

#page_number .number{
	font-size: 0.85em;
	border: 1px solid #CDCDCD;
	margin: 0px;
	padding: 12px;
}

#page_number .number_no_link{
	font-size: 0.85em;
	color: #B0B0B0; /*文字色*/
	border: 1px solid #CDCDCD;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 12px;
}

#page_number .number_now{
	font-size: 0.85em;
	border: 1px solid #333333;
	margin: 0px;
	padding: 12px;
	color: #FFFFFF; /*文字色*/
	background-color: #444444;/*背景色*/
 font-weight: bold;
}

#page_number a{
	text-decoration: none;
}

#page_number a .number:hover{
	background-color: #F9F9F9;
	border: 1px solid #A0A0A0;
	text-decoration: underline;	
}

td .blog_left .blog_title {
	color: #444444;
}


/*--------------
  ページ番号リンク
  --------------*/

/*ページ番号*/
.page_number .number{
	font-size: 0.85em;
	border: 1px solid #CDCDCD;
	margin: 0px;
	padding: 12px;
}
/*ページ番号（リンクなし）*/
.page_number .number_no_link{
	font-size: 0.85em;
	color: #B0B0B0; /*文字色*/
	border: 1px solid #CDCDCD;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 12px;
}
/*ページ番号（現在の番号）*/
.page_number .number_now{
	font-size: 0.85em;
	border: 1px solid #333333;
	margin: 0px;
	padding: 12px;
	color: #FFFFFF; /*文字色*/
	background-color: #444444;/*背景色*/
 font-weight: bold;
}
/*ページ番号（リンク）*/
.page_number a{
	text-decoration: none;
}
.page_number a .number:hover{
	background-color: #F9F9F9;
	border: 1px solid #A0A0A0;
	text-decoration: underline;	
}
/* ページ番号枠 */
.page_number {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}


/* -------------------- 
   改築工房へのリンクバナー
   -------------------- */

.blog_kaichiku_link  img {
	width: 100%;
	height: auto;
	max-width: 200px;
}
.blog_kaichiku_link {
	text-align: right;
	padding-right: 30px;
	border-top: 1px solid #444444;
	padding-top: 20px;
	margin-top: 40px;
}
.blog_kaichiku_link a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


@media screen and (max-width: 599px) {

.blog_waku tr td {
	width: 100%;
	display: block;
}
td .blog_left .blog_title {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 2%;
	padding-right: 2%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
tr td .blog_img {
	text-align: center;
	margin-bottom: 10px;
}
td .blog_left .blog_time {
	margin-left: 2%;
	margin-right: 2%;
}
td .blog_left .blog_category {
	margin-bottom: 5px;
	margin-left: 2%;
	margin-right: 2%;
}
td .blog_left .blog_time {
	margin-bottom: 10px;
}


}


/*指定：600px～ */
@media print, screen and (min-width: 600px) {

tr td .blog_left {
	width: 73%;
	float: left;
	padding-top: 20px;
	padding-left: 2%;
	padding-bottom: 10px;
}
tr td .blog_img {
	width: 21%;
	margin-left: 2%;
	float: left;
	margin-right: 2%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
td .blog_left .blog_title {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
}
td .blog_left .blog_category {
	margin-top: 10px;
	margin-bottom: 10px;
}



}


/*指定：769px～ */
@media print, screen and (min-width: 769px) {
}