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


body {font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","HiraKakuPro-W3", "メイリオ",Meiryo, "ＭＳ Ｐゴシック" ,Arial,Helvetica,sans-serif;
}

/* マウスオーバーのスタイル指定 */
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#000;}
a:hover img {-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); background:#ffffff;}


/**
 * Grid container
 */
#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
}

/**
 * Grid items
 */
/*#tiles .blog_box {
width: 225px;
background: #ffffff;
display: none; /** Hide items initially to avoid a flicker effect **/
/*cursor: pointer;
padding: 4px;
}*/


#tiles .entry_box {
	width: 200px;
	background: #F5F2EB;
	padding: 15px;
}


#tiles .entry_box img {
	display: block;
}

/**
 * Grid item text
 */
 
#tiles .entry_box h1 {
	margin: 15px 0 10px 0;
}
 
#tiles .entry_box h1 a {
	color: #111;
	line-height:1.4;
	font-size: 11px;
	text-align: justify;
	font-weight:bold;
}

#tiles .entry_box h1 a:hover {
	text-decoration:underline;
}

#tiles .entry_box p {
	color: #555;
	font-size: 11px;
	margin: 0;
	line-height:1.4;
	width:200px;
	display:block;
	text-align: justify;
}

a.read_more, .entry_box .time, .post_meta .left, .post_meta a {color:#999; font-size:10px; line-height:1.4;}
a.read_more {border-bottom:dotted 1px #CCC;}
a.read_more:hover {color:#000; border-bottom:solid 1px #000;}
#tiles .entry_box .time {margin:20px 0 5px 0; display:block;}
#tiles .entry_box .post_meta .left {width:2em; font-size:11px; line-height:1.2; text-decoration:none;}
#tiles .entry_box .post_meta .tag {padding:0 0 0 2em; margin:0 -2em 0 0;}
#tiles .entry_box .post_meta a {
	margin:0 4px 2px 4px;
	border-bottom:dotted 1px #CCC;
	float:left;
	line-height:1.2;
	text-decoration:none;
}

#tiles .entry_box .post_meta a:hover{
	color:#000;
	border-bottom:solid 1px #000;
}



/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles a.entry_box:nth-child(3n) {
	height: 175px;
}

#tiles a.entry_box:nth-child(4n-3) {
	padding-bottom: 30px;
}

#tiles a.entry_box:nth-child(5n) {
	height: 250px;
}

/** General page styling **/
  
#blog {padding: 30px 0;}
#tiles .entry_box {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}


/* works ============================================= */
#blog.works {padding: 0 0;}

#blog.works #tiles .entry_box {
	width: 180px;
	padding: 0;
}