@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.09
***************************************************************** **/
#BLOG{}

#BLOG .mainINDEX{
	width: 100%;
}

#BLOG .main{
	float: left;
	width: 60%;
	margin-left: 2%;
}

#BLOG .side{
	float: right;
	width: 30%;
	margin-right: 2%;
}

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

#BLOG .main{
	float: none;
	width: 95%;
	margin: 0 auto;
}

#BLOG .side{
	float: none;
	width: 95%;
	margin: 2.0em auto 0 auto;
}

}


/**----------------------------------------------------------------------
 ブログトップ
----------------------------------------------------------------------**/
#BLOG section h2.h2title{
	background: rgb(138, 192, 220);
}

#BLOG ul#bloglist{
}
#BLOG ul#bloglist li{
	float: left;
	width: 29%;
	margin: 2% 2%;
	text-align: center;
	vertical-align: text-bottom;
}

#BLOG ul#bloglist li img{
	    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#BLOG ul#bloglist li a:hover img{
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

p.blog-title-kanko,
p.blog-title-shizen,
p.blog-title-eco{
	color: #ffffff;
	font-weight: bold;
	padding: 4px 0;
	margin: 10px;
}


p.blog-title-kanko{
background: #ffa200;
}
p.blog-title-shizen{
background: #00b1ff;
}
p.blog-title-eco{
background: #2eba49;
}


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

#BLOG ul#bloglist li{
	float: none;
	width: 98%;
	margin: 4% 1%;
	text-align: left !important;
/*
	padding-bottom: 20px;
	border-bottom:1px #dfdfdf dotted;
*/
}

#BLOG ul#bloglist li img{
/*	float: left;*/
	width: 100%;	height: auto;
	margin: 0 auto;
	text-align: center;
}
#BLOG ul#bloglist li p{

	text-align: center;
}

}

/**----------------------------------------------------------------------
 ブログページ　メイン
----------------------------------------------------------------------**/


#BLOG .h2blogtitle{
	margin: 0 0 3.0em 0;
}
#BLOG .h3blogtitle{
	margin: 0 0 3.0em 0;
}

#BLOG .h1{
	margin: 1.0em;
}
#BLOG .h1 img{
	margin: 0 0 0 auto;
	text-align: right;
}
#BLOG .article{
	margin: 0 0 6.0em 0;
}
#BLOG .article h2{
	    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	padding: 20px;
	font-size: 1.6em;
	color: #ffffff;
}
#BLOG .article h2 a{
	display: block;
	color: #ffffff;
}

#BLOG #kanko .article h2{	background: #ffa200;}
#BLOG #shizen .article h2{	background: #00b1ff;}
#BLOG #eco .article h2{	background: #2eba49;}

#BLOG .article .date{
	margin: 1.0em 0;
	text-align: right;
	font-size: 1.4em;
}
#BLOG .article .entry-body{
	font-size: 1.0em;
	line-height: 1.8em;
}
#BLOG .article .entry-body .picture{
	float: left;
	margin: 0 20px 20px 0;
}

#BLOG .article .entry-body .picture img{
	width: 200px
}

@media only screen and (max-width: 640px) {
#BLOG .article .entry-body .picture{
	float: none;
	margin: 1.0em 0;
}
#BLOG .article .entry-body .picture img{
	text-align: center;
	margin: auto;
}
}

#BLOG .article .entry-body .more {
	text-align: right;
	margin-top:1.0em; 
}
#BLOG .article .entry-body .more a {
	text-align: center;
  padding: 0.5em 2.0em;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  font-weight: bold;
  text-decoration: none;
}
#BLOG .article .entry-body .more a:hover {  cursor: pointer;}

#BLOG #kanko .article .entry-body .more a {
  color: #ffffff;
  background: #ffd386;
}
#BLOG #kanko .article .entry-body .more a:hover {
  background: #ffa200;
	color:#ffffff;
}
#BLOG #shizen .article .entry-body .more a {
  color: #ffffff;
  background: #6fd2fd;
}
#BLOG #shizen .article .entry-body .more a:hover {
  background: #00b1ff;
	color:#ffffff;
}
#BLOG #eco .article .entry-body .more a {
  color: #ffffff;
  background: #7ae88f;
}
#BLOG #eco .article .entry-body .more a:hover {
  background: #2eba49;
	color:#ffffff;
}



/*次のページ*/
#BLOG .pagenavi{
	font-size: 1.4em;
	margin: 0 0 10px 0;
}
a.calbtn{
	background: #adadad;
	padding:10px;
	color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
a:hover.calbtn{
	background: #dadada;
}

/**----------------------------------------------------------------------
 ブログページ　記事
----------------------------------------------------------------------**/
#BLOG .article .entry-body .picturearticle{
	width: 100%;
}

#BLOG .article .entry-body .picturearticle p{
	width: 40%;
	margin: 0 5%;
	float: left;
}

#BLOG .article .entry-body .picturearticle img{
	margin:20px auto;
	text-align: center;
}

#BLOG .article h4{
	margin: 2.0em 0;
	padding: 0.5em;
	border-bottom:2px #985454 solid;
}


#BLOG .article .mainpic{
	margin: 0 auto 3em auto;
	text-align: center;
}
#BLOG .article .mainpic img{
	margin: auto;
	text-align: center;
}

#BLOG .article .picturearticle{
	float: right;
	width: 47%;
	margin-left: 2%;
}
#BLOG .article .picturearticle img{
	margin: 1.0em;
}


#BLOG .article .txt{
	width: 100%;
	font-size: 1.0em;
	line-height: 2.0em;
}

/*

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

#BLOG .article .picturearticle p{
	display: inline-block;
	width: 45%;
	margin: 0 2%;
}
#BLOG .article .picturearticle p img{
	margin: 0 auto 1.0em auto;
	text-align: center;
}

#BLOG .article .photo,
#BLOG .article .photo img,
#BLOG .article .txt{
	float: none;
	width: 97%;
	font-size: 80%;
}
#BLOG .article .photo img{
	margin: 0 auto 1.0em auto;
}
}
*/



/**----------------------------------------------------------------------
 ブログページ　サイドメニュー
----------------------------------------------------------------------**/
#BLOG .side{

}

#BLOG .side .calrender,
#BLOG .side .recentarticle,
#BLOG .side .archive{
	margin-bottom: 3.0em;
}

#BLOG .side h4{
	border-left:5px #7e7e7e solid;
	background: #fafafa;
	padding: 0.75em;
	margin-bottom: 1.0em;
}

/*カレンダー*/
#BLOG #table_cal {width: 100%; font-size: 1.0em;}
#BLOG #table_cal td { padding:1%; border:1px solid #fff;text-align: center;}
#BLOG #table_cal th { padding:1%; text-align:center; border:1px solid #fff; background-color:#fff; width: 14.2% }
#BLOG #table_cal th.sat { background-color:#fff; color: #4594ff; }
#BLOG #table_cal th.sun { background-color:#fff; color: #ff5252;}


#BLOG #table_cal td a{
	text-decoration: underline;
	font-weight: bold;
}




#BLOG .side ul li{
	margin-bottom: 0.5em;
}