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

/* --base-- */
/* --head-- */
/* --head-- */
/* --content-- */
/* --side-- */
/* --main-- */
/* --article-- */
/* --footer-- */
/* --copyright-- */
/* clearfix */




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


/* --base-- */
* {
	margin: 0;
	padding: 0;

}

body{
    font-size:62.5%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3D3D3D;
    margin:0px;
    padding:0px;
    background:#FFF;
    text-align:center;
	background:url(../../files-sub/blog/bg.gif) repeat-x top;
}


li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}



a:link{text-decoration:underline;color:#00B2B2;}
a:visited{text-decoration:underline;color:#06B5B0;}
a:hover{text-decoration:underline;color:#06B5B0;}

img{border:0px;margin:0px;padding:0px;}




/* ----------------------------------------------------- */
/* --head-- */
#head{
	margin:0;
	background:url(../../files-sub/blog/head.gif) no-repeat top center;

}


#head h1{
    font-size:21px;
	margin:0 0 0 220px;
	font-weight:normal;
}

#head h1 a{
	color:#5E7F0E;
	text-decoration:none;
}

#header{
    width:1200px;
	margin:0 auto;
	padding-top:86px;
	text-align:left;
	padding-bottom:60px;
}

/* ----------------------------------------------------- */
/* content */
#content{
	width:1055px;
	margin:0 auto 10px auto;
	text-align:left;
}

/* ----------------------------------------------------- */
/* side */

#side{
	width:321px;
	float:right;
	padding-top:66px;
}

.side-box > h3{
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	background:url(../../files-sub/blog/h3.gif) no-repeat;
	margin:0;
	padding:63px 0 23px 20px;
}


.side-box{
	margin:0 0 20px 0;
	width:321px;

}

.side-box ul{
	margin:0 15px 0 26px;
	padding:0;

}

.side-box ul li{

	font-size:12px;

	list-style-type:none;
	background:url(../../files-sub/blog/li_ico.gif) no-repeat top left;
	padding:2px 0 2px 15px;
	margin:0 0 15px 0;

}

.side-box ul li a{
    text-decoration:none;
	color:#754E07;
}

.side-box ul li a:hover{
	color:#754E07;
	text-decoration:underline;
}





.side-box ol{
	margin:50px 0 0 0 ;
	padding:0;

}

.side-box ol li{

	list-style-type:none;
	margin:0 0 5px 0;

}

.side-box ol li img{
	border:0;
}







.widget{
	margin:50px 0 0 0;

}

/* ----------------------------------------------------- */
/* main */

#main{
	width:695px;
	float:left;
    padding:10px 0 0 10px;

}
/* ----------------------------------------------------- */
/* article */

.article-box{
	width:695px;
	margin:0 0 55px 0;
	padding-bottom:101px;
	background:url(../../files-sub/blog/article-bottom.gif) no-repeat bottom center

}

.article-date{
/*	width:326px;*/
	margin:0 0 0 345px;
	font-size:14px;
	color:#20660C;
	background:url(../../files-sub/blog/date_bg.gif) no-repeat top left;
	padding:22px 20px 20px 165px;
}



.article-bg{
	background:url(../../files-sub/blog/article-content_bg.gif) repeat-y ;

}



.article-box h2{
	font-size:18px;
	color:#754E07;
	font-weight:normal;
	background:url(../../files-sub/blog/article_h2.gif) no-repeat top left;
	padding:10px 10px 60px 75px;
	margin:0;

}


.article-box .article-content{
/*	background:url(../../files-sub/blog/article-content_bg.gif) repeat-y; */
	padding:17px 30px 40px 32px;
	color:#3D3D3D;
	font-size:12px;
	line-height:1.8em;
}

.article-box .article-content p{
	margin:0 0 20px 0;
}

.article-social{
	margin: 0 100px;
}
	.article-social > li{
		float: left;
		width: 120px;
	}


.article-pager{
	margin: 50px 50px 0;
	font-size: 14px;
}
	.article-prev{
		float: left;
	}
	.article-next{
		float: right;
	}

/* ----------------------------------------------------- */
/* footer */

#foot{
	clear:both;
	background:#E0FFBB;
	padding:10px 0 0 0;
	height:67px;
	margin:0 0 0 5px;
}

#footer{
	width:1200px;
	margin:0 auto;
	text-align:left;

}

#foot ul{
	margin:0;
	padding:0;


}


#foot ul li{
	list-style-type:none;
	background:url(../../files-sub/blog/foot_ico.gif) no-repeat top left;
	display:inline;
	margin:0 10px 0 0;
	font-size:11px;
	padding:0 0 3px 10px;

}
#foot ul li a{
	color:#3D3D3D;
	text-decoration:none;
}

#foot ul li a:hover{
	text-decoration:underline;

}

/* ----------------------------------------------------- */
/*copyright */
#copyright{
	padding:2px 0;
	font-size:10px;
	border-bottom:solid #7CAF31 5px;
}

/* ----------------------------------------------------- */
/*pager */

.pager{
	margin-bottom: 30px;
	font-size: 16px;
}
	.pager ul{
		text-align:center;
	}
	.pager li{
		display: inline;
		margin: 0 3px;
	}

/* ----------------------------------------------------- */
/* clearfix */

.clearfix:after{
	content: ".";
	display:block;
	clear: both;
	height:0;
	visibility: hidden;
}
.clearfix{
    display: inline-block;
}

* html .clearfix{
    height:1%;
}
.clearfix{
   display: block;
}