.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 {
	margin:0px auto 10px auto;
	padding:30px 15px;
	max-width:950px;
	font-size:14px;
	line-height:28px;
}

.weblog h1{
	background-image:url(../img/h1mark.gif);
	background-repeat:no-repeat;
	
	margin:0px 10px;
	font-size:18px;
	padding:15px 0px 10px 60px;
	height:30px;
	color:#297CCE;
}
.weblog h1 span {
	padding-left:10px;
	font-size:14px;
	color:#bbb;
	font-weight:normal;
}

.weblog i{
	margin:-3px 0px 0px -40px;
	font-size: 30px;
	color:#3953A3;
	position:absolute;
}
.weblog img {
	display:block;
	margin:30px auto;

	box-shadow: 0 7px 6px -6px #777;
	-webkit-box-shadow: 0 7px 6px -6px #777;
	-moz-box-shadow: 0 7px 6px -6px #777;
}

.weblog .day {
	color:#aaa;
	font-size:12px;
	text-align:right;
}


.saikin h1{
	padding:10px 0px;
	font-size:16px;
}
.saikin {
	margin:15px auto;
	padding:0px;
	max-width:940px;
	width:80%;
	border-top:dotted 2px #aaa;
}
.saikin a{
	font-size:14px;
}

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

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


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

/*listpage*/
.title{ background-image:url(../img/weblog.jpg);}

.listpage {
	margin:0px auto;
	max-width:980px;
}
/*tayori---------------------*/

.listpage{
	max-width:940px;
	margin:0px auto;
	padding:20px;
	clear:both;
}
.listpage ul{
	margin:0px auto;
}

.listpage a {color:#fff;}

.listpage li{
	width:100px;
	margin:10px 5%;
	text-align:center;
	float:left;
}

.listpage li div {
	margin:0px auto;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-position:center;
	
	border-radius: 300px;
}
.listpage h2 {
	font-size:14px;
	padding-top:5px;
	color:#888;
}
.listpage .day {
	color:#aaa;
	font-size:12px;
	text-align:center;
}



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

.catename{
	text-align:left;
	clear:both;
}


/*一覧ページ下部リンク*/
.pagelink ul{
	margin:20px auto 100px auto;
	max-width:980px;
	padding:20px;
}
.pagelink ul li {
	float:left;
}
.pagelink ul li a{
	margin:5px;
	padding-top:10px;
	background-color:#f5f4f0;
	text-align:center;
	display:block;
	width:40px;
	height:40px;
}
.nowpage { color:#F06}



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

.listpage h1 {
	text-align:center;
}

.weblog img {
	width:90%;
}

}

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

.weblog {
	padding:60px 15px;
}



.listpage li{
	margin:10px 7%;
}


.saikin ul {
	width:100%;
	float:none;
}


}