@charset "utf-8";
/* CSS Document */

.blog-wrap {
	
}

.blog-content {
	clear: both;
	
}
.blog-date {
		margin-bottom: 10px;
}
.blog-title {
	margin-bottom: 20px;
	border-bottom: #CCCCCC solid 1px;	
}
.blog-title a {
	color: #333333;
	display: block;
}
.blog-title a:hover {
	color: #333333;
	text-decoration: none;
	opacity: 0.5;
	/* IE */
	filter: alpha(opacity=0.5);/*color: #ffffff;
	background-color: #FF9900;*/
}

.blog-sidebar {
	
}

.blog-category {
	margin-bottom: 20px;
	
}

.blog-category-title {
	margin-bottom: 10px;
	font-size: 110%;
	border-bottom: #CCCCCC dotted 1px;		
}
.blog-category ul {
}
.blog-category ul li:before {
	content: '-';
	margin-right: 5px;
}
.blog-category ul li a { 
}

.blog-archive {
	margin-bottom: 20px;	
}
.blog-archive ul li:before {
	content: '-';
	margin-right: 5px;
	
}
.blog-archive-title {
	margin-bottom: 10px;
	font-size: 110%;
	border-bottom: #CCCCCC dotted 1px;	
	
}

/*ページネーション
----------------------*/
.pager {
    overflow: hidden;
	margin-bottom: 30px;
	clear: both;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 14px;
    padding: 0.6em 1em;
    border-radius: 3px;
	margin-bottom: 2px
}
 
.pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #333;
    color: #FFF;
}



/*===============================================
● 画面の横幅が768px以下
===============================================*/

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

.blog-title {
	font-size: 120%;
}	

/*ページネーション
----------------------*/
.pager ul li {
} 
.pager ul li span,
.pager ul li a {
    font-size: 11px;
}	
}


/*===============================================
● 画面の横幅が769px以上
===============================================*/
@media print, screen and (min-width: 769px) {
	
	
.blog-wrap {
	width: 1000px;
	clear: both;	
}
.blog-container {
	width: 750px;
	float: left;
		
	}	
.blog-content {
	width: 750px;
	
}
.blog-title {
	font-size: 200%;
}	
.blog-sidebar {	
	width: 250px;
	float: right;
	
}

.blog-category {
	margin-left: 70px;
	width: 180px;	
}
.blog-category ul {
}
.blog-category ul li {
}

.blog-category-title {
	
}

.blog-archive {
	margin-left: 70px;
	width: 180px;
	
}
.blog-archive-title {
	
}
	

	
}