@charset "utf-8";

/* contents */
#contents{
	font-size:82%;
}

/* list */
@media screen and (min-width: 768px), print {
.blogbox{
	background	: #fff;
	padding:20px 0 0;
	border-top:0px solid #E4D1C5;
	margin-top:28px;
}
.blogbox h2{
	color			: #C40040;
	font-size:136%;
	padding:0px 0 5px 4px;
	font-weight:bold;
	margin:0px 0 15px;
}
.blogbox li{
	padding:15px 0;
}
}
@media screen and (max-width: 767px) {
.blogbox{
	background	: #fff;
	padding:20px 0 0;
	border-top:0px solid #E4D1C5;
	margin-top:28px;
}
.blogbox h2{
	color			: #C40040;
	font-size:136%;
	padding:0px 0 5px 4px;
	font-weight:bold;
	margin:0px 0 15px;
}
.blogbox li{
	padding:15px 0;
}
}

@media screen and (min-width: 768px), print {
.blog_list{
	margin:0px auto 15px;
}
.blog_list p{
	padding:4px;
}
.blog_list p span{
	padding:0px 8px;
	font-size:92%;
}
.blog_list p a:link,
.blog_list p a:active,
.blog_list p a:visited {
	color			: #C40040;
	text-decoration	: none;
	padding:2px 5px;
	border:0px solid #C40040;
}
.blog_list p a:hover,
.blog_list p a:focus {
}
.blog_list  h3{
	font-size:136%;
	padding:4px 0 4px 10px;
	color:#333;
}
.blog_list  h3 a:link,
.blog_list  h3 a:active,
.blog_list  h3 a:visited {
	color:#333;
	text-decoration	: underline;
}
.blog_list  h3 a:hover,
.blog_list  h3 a:focus {
	color			: #C40040;
	text-decoration	: underline;
}
.blog_list dl{
	margin:4px 4px 15px 4px;
}
.blog_list dt{
	border:0px solid #C1C1C1;
	float:left;
	padding:4px;
}
.blog_list dt span{
	overflow:hidden;
	width:200px;
	height:120px;
	text-align:center;
	display:block;
}
.blog_list dt span img{
	width:200px;
}
.blog_list dd{
	width:480px;
	float:right;
}
}

@media screen and (max-width: 767px) {
.blog_list{
	margin:0px auto 15px;
}
.blog_list p{
	padding:4px;
}
.blog_list p span{
	padding:0px 8px;
	font-size:92%;
}
.blog_list p a:link,
.blog_list p a:active,
.blog_list p a:visited {
	color			: #C40040;
	text-decoration	: none;
	padding:2px 5px;
	border:0px solid #C40040;
}
.blog_list p a:hover,
.blog_list p a:focus {
}
.blog_list  h3{
	font-size:136%;
	padding:4px 0 4px 24px;
	color:#333;
}
.blog_list  h3 a:link,
.blog_list  h3 a:active,
.blog_list  h3 a:visited {
	color:#333;
	text-decoration	: underline;
}
.blog_list  h3 a:hover,
.blog_list  h3 a:focus {
	color			: #C40040;
	text-decoration	: underline;
}
.blog_list dl{
	margin:4px 4px 15px 4px;
}
.blog_list dt{
	border:0px solid #C1C1C1;
	padding:4px;
	float:left;
	margin-bottom:10px;
}
.blog_list dt span{
	overflow:hidden;
	width:200px;
	height:120px;
	text-align:center;
	display:block;
}
.blog_list dt span img{
	width:100%;
}
.blog_list dd{
	width:100%;
	float:right;
}
}


/* detail */
.blog_contents{
	background	: #fff;
	padding:20px 0 0;
	border-top:0px solid #E4D1C5;
	margin-top:28px;
}
.blog_contents .time span{
	padding:0px 8px 0 0px;
	font-size:92%;
}
.blog_contents .time a:link,
.blog_contents .time a:active,
.blog_contents .time a:visited {
	color			: #C40040;
	text-decoration	: none;
	padding:2px 5px;
	border:0px solid #C40040;
}
.blog_contents .time a:hover,
.blog_contents .time a:focus {
}
.blog_contents h2{
	padding:8px 0 8px 4px;
	color:#CB243D;
	font-weight:bold;
	font-size:152%;
}
.blog_contents .time{
	padding:7px 0 7px 4px;
	margin-bottom:15px;
}
.blog_contents img{
	padding:4px;
}



/* pagebute */
@media screen and (min-width: 768px), print {
.paging {
	padding:50px 0px 30px;
	width:720px;
	text-align:center;
	z-index:9999
}

.paging span {
	padding:5px 2px;
}

.paging a:link,
.paging a:active,
.paging a:visited {
	text-decoration	: none;
	background:#f4f4f4;
	padding:5px 7px;
	border:0px solid #EFE8D8;
}
.paging a:hover,
.paging a:focus {
	color		: #C40040;
	text-decoration	: none;
	background	: #FFFFFF;
	border:0px solid #C40040;
}
} 
	  
@media screen and (max-width: 767px) {
.paging {
	padding:50px 0px 30px;
	width:100%;
	text-align:center;
	z-index:9999;
	font-size:12px;
}

.paging span {
	padding:5px 2px;
}

.paging a:link,
.paging a:active,
.paging a:visited {
	text-decoration	: none;
	background:#f4f4f4;
	padding:2px 3px;
	border:0px solid #EFE8D8;
}
.paging a:hover,
.paging a:focus {
	color		: #C40040;
	text-decoration	: none;
	background	: #FFFFFF;
	border:0px solid #C40040;
}
}

/* aside */
@media screen and (min-width: 768px), print {

#aside h4 {
	font-size:120%;
	color:#c7000b;
	font-weight: 500;
	text-align: center;
	padding:10px 0 10px 0;
}

#aside h5{
	display:none;
}
#aside .bloglink  {
	background: #f4f4f4;
	border: 0px solid #C1C1C1;
	border-top:none;
	padding:5px 5px 10px 5px;
}
#aside .bloglink li {
	padding:4px 4px 4px 16px;
	font-size:92%;
	line-height:140%;
}
#aside .bloglink li ul li {
	padding:4px 4px 4px 16px;
	font-size:100%;
	background	: none ;
}
} 
	  
@media screen and (max-width: 767px) {
#aside h4 {
		font-size: 120%;
		color: #c7000b;
		font-weight: 500;
		text-align: center;
		padding: 10px 0 10px 0;
		line-height:120%;
}
#aside h5 {
	font-size: 120%;
	color: #c7000b;
	font-weight: 500;
	text-align: center;
	padding: 10px 0 10px 0;
	line-height: 120%;
}
#aside .bloglink  {
	background: #f4f4f4;
	border: 0px solid #C1C1C1;
	border-top:none;
	padding:10px 10px 20px 10px;
}
#aside .bloglink li {
	padding:4px 4px 4px 16px;
	font-size:92%;
	line-height:140%;
	text-align:left;
}
#aside .bloglink li ul li {
	padding:4px 4px 4px 16px;
	font-size:100%;
	background	: none ;
}
}
	  
/*--------------------

	clearfix

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

.blogbox,
.blog_list,
.blog_list dl,
.blog_contents,
.bloglink,
.paging
{
    overflow:hidden;
    zoom:1;
}

.blogbox:after,
.blog_list:after,
.blog_list dl:after,
.blog_contents:after,
.bloglink:after,
.paging:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

* html .blogbox,
* html .blog_list,
* html .blog_list dl,
* html .blog_contents,
* html .bloglink,
* html .paging
{
    height: 1em;
    overflow: visible;
}