@charset "utf-8";

/* -------------------------------------------------------
	[info]
	name : top.css
	desc : トップページ用CSS
	
	01. Base
	02. Header
	03. Main Contents
	04. Footer
-------------------------------------------------------- */




/*--------------------------------------------------
	03. Main Contents
--------------------------------------------------*/
/* TopImage
-------------------------------------------------*/
#topimages {
	margin:auto;
	width:700px;
	height:200px;
}
#topimages ul li{
	list-style-type:none;
}

/* top_rightContents
-------------------------------------------------*/
#top_rightContents {
	float:right;
	margin-top:20px;
	width:460px;
	padding:0;
}

/*articleList*/
#top_rightContents #articleList h2 {
	margin-bottom:10px;
}
#top_rightContents #articleList .project {
	float:left;
	width:230px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#top_rightContents #articleList .vis {
	float:left;
	width: 100px;
	margin-right:10px;
}
#top_rightContents #articleList .vis a:link img,
#top_rightContents #articleList .vis a:visited img,
#top_rightContents #articleList  .vis a:active img {
	border: 1px solid #f0e7e5;
}
#top_rightContents #articleList .vis a:hover img {
	border: 1px solid #e5d673;
}
#top_rightContents #articleList .detail {
	float: right;
	width: 120px;
}
#top_rightContents #articleList .detail h3 {
	font-weight: bold;
	font-size:1.2em;
	color: #339999;
	border-left:#339999 3px solid;
	padding-left:5px;
	margin-bottom:7px;
}
#top_rightContents #articleList p {
	font-size:1.1em;
	line-height: 1.5em;
	padding:2px;
}

#top_blog dl {
	margin:10px 10px 0 10px;
	font-size:1.2em;
}

#top_blog dt {
	line-height: 2.0em;
	font-size:1.1em;
	color: #006400;
}


#top_blog dd {
font-size:0.8em;
margin-bottom:10px;	
}




/* top_leftContents
-------------------------------------------------*/
#top_leftContents {
	float:left;
	margin-top:20px;
	margin-right:20px;
	width:220px;
}

/*topics*/
#top_leftContents #topics {
	margin-bottom:15px;
}
#top_leftContents #blog {
	margin-bottom:30px;
}
#top_leftContents #topics h2,
#top_leftContents #blog h2{
	margin-bottom:10px;
}
#top_leftContents #topics dl {
	max-height:180px;
	overflow:auto;
	border:#333333 dotted 1px;
}
#top_leftContents #topics dl dt {
	font-weight:bold;
	font-size:1.3em;
	color: #440000;
	letter-spacing:0.1em;
	clear: both;
	margin: 7px 0 3px 7px;
}
#top_leftContents #topics dl dd {
	margin: 0 0 7px 7px;
	font-size:110%;
}
/*blogs*/
#top_leftContents #blog ul{
	color:#440000;
	font-weight:bold;
	font-size:1.3em;
	list-style:inside url(../images/icon_people.gif);
	padding-left:5px;
}
#top_leftContents #blog ul li a,
#top_leftContents #blog ul li a:link,
#top_leftContents #blog ul li a:visited {
	color:#440000;
	text-decoration: none;
	padding:2px;
}
#top_leftContents #blog ul li a:hover,
#top_leftContents #blog ul li a:active {
	color:#440000;
	background-image:url(../images/border_yellow.gif);
	padding:2px;
}