@charset "utf-8";

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




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

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


#flow {
       height:125px;
       background-image:url(../images/iedukuri-flow.gif);
       background-repeat: no-repeat;
}


#right_flow {
       margin-top:10px;
       padding:75px 10px 0 0;
}


#right_flow ul {
	list-style:none;
	margin:0;
}

#right_flow ul li,
#right_flow a{
	float: left;
}

#jirei_head {
       margin-top:25px;
}


#jirei {
       width:500px;
       margin-bottom:50px;
       font-size:1.2em;
       line-height: 2;
}

#jirei h3 {
       margin-top:15px;
       background:#ffffcc;
       padding:20px;
}

#jirei li {
	list-style: none;
        margin-top:15px;
}

#jirei img {
        float:left;
        margin-right:10px;
}


/*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_leftContents
-------------------------------------------------*/
#top_leftContents {
	float:left;
	margin-top:5px;
	margin-left:20px;
	width:220px;
}

#left_youtube {
       margin-top:15px;
       background-image:url(../images/youtube-tv.gif);
       background-repeat: no-repeat;
       padding:10px 10px 20px 10px;
}

#blog_banner {
margin:20px 0;
}


/*topics*/
#top_leftContents #topics {
        margin-top:20px;
	margin-bottom:15px;
}
#top_leftContents #blog {
	margin-bottom:30px;
}
#top_leftContents #topics h2,
#top_leftContents #blog h2{
	margin-bottom:10px;
}

#top_leftContents #topics dl {
}

#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;
}