.bold { font-weight:bold;}
.blue { color:#09F;font-weight:bold;}
.red { color:#F30;font-weight:bold;}
.green { color:#0C3;font-weight:bold;}
.delete { text-decoration:line-through;}

.weblog h1 {
	margin:0px auto 20px auto;
	padding:10px;
	width:95%;	
	color:#122538;
	border-bottom:solid 1px #ccc;
	font-size:20px;
}

.weblog {
	margin:0px auto;
}
.weblog p{padding:0px 20px;}

.weblog img {
	display:block;
	margin:10px auto;
	border:dotted 2px #736357;
	padding:5px;
	border:solid 1px #ccc;
}

.time { font-size:14px; text-align:right;}


.saikin h1{
	padding:10px 20px;
	font-size:18px;
}
.saikin {
	margin:30px auto 0px auto;
	padding:0px;
	width:90%;
	border:solid 1px #ccc;
	clear:both;
}

.saikin ul {
	padding:10px;
	width:40%;
	float:left;
}

.saikin:after, .pagelink:after, .listpage:after {
	content:"";
	display:block;
	clear:both;
}

/*一覧*/

.listpage {
	margin:20px auto;
}

.listpage li {
	margin:5px;
	padding:5px;
	width:22%;
	float:left;
}
.listpage p {
	padding-top:30px;
	padding-right:10px;
}
.listpage a{
	font-size:12px;
	line-height:15px;
}

.listpage img {
	float:left;
	margin-right:10px;
	border:solid 1px #ccc;
	max-width:50%;
	height:100px;
}

.btitle {
	padding:0px 10px 5px 0px;
	border-bottom:dotted 1px #122538;
	font-weight:bold;
}

iframe{
	display:block;
	margin:20px auto;
	width:95%;
	max-width:800px;
	min-height:451px;
	text-align:center;
}

/*一覧ページ下部リンク*/
.pagelink ul{
	margin:20px auto;
	width:80%;
}
.pagelink ul li {
	float:left;
}
.pagelink ul li a{
	margin:5px;
	padding-top:10px;
	border:solid 1px #ccc;
	text-align:center;
	display:block;
	width:40px;
	height:35px;
}
.nowpage { color:#F06}


@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 480px) {
	
.listpage li {
	width:43%;
}
.listpage p {
	padding-top:0px;
}
.weblog img {
	width:90%;
}
.saikin ul {
	width:100%;
	float:none;
}

}