@charset "utf-8";
/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "VERSIONFIVE partial stylesheet for Home page";
 :shortdesc "A stylesheet for Home page.";
 :created "2009-07-29";
 :release [:revision "1.0"; :created "2010-03-01"];
 :author [:name "VERSIONFIVE"; :homepage <http://versionfive.jp/> ];
 :license <http://creativecommons.org/licenses/by/3.0/> .
*/

/* -------------------------
  Contents Main
------------------------- */
#contentsMain {background: transparent url(../images/tag-cloud-bg.png) 50% 100% no-repeat;}  /*aside#tagCloud's background*/


/* -------------------------
  Main, Article
------------------------- */
#main .childs {margin-right: -6px;}
#main .childs:after {  /*clearfix*/
	display: block;
	clear: both;
	content: "";
}
#main .childs article:first-child {margin: 0 0 -10px 10px;}
#main .childs article {
	margin: 0 0 50px 16px;  /*margin-bottom to tagCloud*/
	padding: 0;
	width: 221px;
	float: left;
	background: transparent url(../images/article-child-bg.gif) 50% 0 repeat-y;
}
#main .childs article header {
	margin: 0 5px;
	padding: 0 10px;
	background: transparent url(../images/article-header-bg.gif) 100% 100% no-repeat;
}
#main .childs article header > time {
	margin: 0 10px 0 -10px;
	padding: 5px 0 0 0;
	width: 52px;
	height: 60px;  /*65px-5px*/
	background: transparent url(../images/time-child-bg.gif) 50% 0 no-repeat;
}
#main .childs article header > time span.day {font-size: 21px;}
#main .childs article header > time span.month,
#main .childs article header > time span.year {font-size: 11px;}
#main .childs article header h1,
#main .childs article header h3 {
	padding: 0;
	line-height: 1.2;
}
#main .childs article header h1,
#main .childs article header h3 {
	padding-top: 13px;
	min-height: 52px;  /*65px-13px*/
	font-size: 18px;
}
#main .childs article header p {
	margin: 5px 0 15px 0;
	padding: 0;
	font-size: 85%;  /*11px*/
}
#main .childs article .entryBody {
	margin: 0 5px;
	padding: 15px 0;
	background-color: #fff;
	font-size: 93%;  /*12px*/
}
#main .childs article footer {
	margin: 0;
	padding: 8px 5px 12px 0;
	border-left: #e7e5de 5px solid;
}


/* -------------------------
  Main/Article/Entry Body
------------------------- */
#main .childs article .entryBody p {padding: 0 15px;}
#main .childs article .entryBody .information {display: none;}

/* -------------------------
  Tag Cloud
------------------------- */
aside#tagCloud {
	margin-top: 50px;  /*to TagCloud*/
	width: 950px;
	height: 240px;  /*290px-50px*/
	position: relative;
	clear: both;
	overflow: hidden;
}
aside#tagCloud:after {  /*clearfix*/
	display: block;
	clear: both;
	content: "";
}
#tagCloud h2 {
	padding: 67px 15px 15px 95px;  /*top:117px-50px*/
	float: left;
}
#tagCloud ul {
	padding: 40px 125px 20px 95px;  /*top:90px-50px*/
	display: block;  /*for Opera*/
}
#tagCloud ul li {
	display: inline;
	position: relative;  /*for Opera*/
}
#tagCloud ul li a {
	padding: 0.5em;
	border: #e7e5de 1px solid;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	line-height: 1.6;
	background-color: #fff;
	color: #363634;
	white-space: nowrap;
}
#tagCloud ul li.level6 a {
	z-index: 2;
	font-size: 85%;  /*11px*/
	opacity: 0.7;
}
#tagCloud ul li.level5 a {
	z-index: 4;
	font-size: 100%;  /*13px*/
	opacity: 0.8;
}
#tagCloud ul li.level4 a {
	z-index: 6;
	font-size: 108%;  /*14px*/
	opacity: 0.8;
}
#tagCloud ul li.level3 a {
	z-index: 8;
	font-size: 123.1%;  /*16px*/
	opacity: 0.9;
}
#tagCloud ul li.level2 a {
	z-index: 10;
	font-size: 138.5%;  /*18px*/
	opacity: 0.9;
}
#tagCloud ul li.level1 a {
	z-index: 12;
	font-size: 153.9%;  /*20px*/
}
#tagCloud ul li a:hover,
#tagCloud ul li a:focus {
	/*border-color: #044eae;*/
	border-color: #cfcdc7;
	z-index: 14 !important;
	opacity: 1.0 !important;
	color: #044eae;
	background: #fff url(../images/a-bg.gif) 50% 100% repeat-x;
}

#tagCloud .tweet dt {
	position: absolute;
	right: 25px;
	top: 77px;  /*127px-50p*/
}
/*CSS Bubble via http://terkel.jp/archives/2009/12/css-only-speech-bubbles/ */
#tagCloud .tweet dd {
	border-right: 10px solid #3fcdeb;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: 75px;
	bottom: 165px;
	z-index: 100;
	visibility: hidden;
}
#tagCloud .tweet dd > p {
	margin-right: -45px;
	padding: 4px 7px;
	display: inline-block;
	max-width: 200px;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	font-size: 93%;  /*12px*/
	background: #3fcdeb;	
}


/* -------------------------
  Contents Sub
------------------------- */
#myReference ul li {
	border-top: #090909 1px solid;
	border-bottom: #202020 1px solid;
	background-color: #0f0f0f;
}
#myReference ul {margin-left: -15px;}
#myReference ul:after {  /*clearfix*/
	display: block;
	clear: both;
	content: "";
}
#myReference ul li {
	margin: 0 0 30px 15px;
	padding: 7px 0;
	display: block;
	float: left;
	width: 96px;
	text-align: center;
}
#myReference ul li a {
	display: block;
	width: 96px;
	opacity: 0.5;
}
#myReference ul li a:hover,
#myReference ul li a:focus {opacity: 1;}