@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. Tech-blog


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */


/* ==

　01. 基本

=============================================================================== */
.container .section div.title{
	width:950px;
	position:relative;
	clear:both;
}
.container .section div.title p.btn{ position:absolute; top:160px; left:34px; }
.container .section div.title p.btn a{ zoom:1; }
.container .section div.title p.btn a:link, .container .section div.title p.btn a:visited,{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
}
.container .section div.title p.btn a:hover, .container .section div.title p.btn a:active{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
}



div.col-labo,
div.lab{ width:950px; padding:0 0 10px; clear:both; }



/* お知らせ
------------------------------------------------------------------------------- */
div.news{ width:950px; padding-bottom:20px; clear:both;  }

div.news dt{
	width:115px;
	padding-left:5px;
	background:url(/common/images/renew2009/arrow.gif) right 5px no-repeat;
}
div.news dd{
	width:810px;
	margin-top:-1.6em;
	margin-bottom:10px;
	padding:0 0 10px 140px;
	background:url(/common/images/renew2009/line_dotted.gif ) left bottom repeat-x;
}



/* アプリ一覧
------------------------------------------------------------------------------- */
div.appList{ width:970px; margin-left:-20px; /margin-bottom:20px; clear:both; }
div.appList:after, div.appList div:after{ content:''; display:block; clear:both; }


div.appList div{
	width:303px;
	margin:0 0 20px 20px;
	background:url(../images/top/top_column.gif) left top no-repeat;
	display:inline;
	position:relative;
	float:left;
}
div.appList div p.img{
	margin:0 19px 10px;
	padding:20px 0 15px;
	border-bottom:1px dotted #ccc;
	text-align:center;
}

div.appList div dl{ width:265px; padding:0 19px 10px; zoom:1; clear:both; }
div.appList div dt{ font-weight:bold; }


div.appList div p.btn{
	padding:0 19px 19px;
	background:url(../images/top/btm_column3.gif) left bottom no-repeat; 
}
div.appList div p.btn a{
	width:262px;
	height:41px;
	background-image:url(../images/top/btn_continue.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
div.appList div p.btn a span{ display:none; }
div.appList div p.btn a:link, div.appList div p.btn a:visited{ background-position:left top; }
div.appList div p.btn a:hover, div.appList div p.btn a:active{ background-position:left bottom; }




/* ==

　02. Tech-blog

=============================================================================== */
div.blog{ width:950px; padding:10px 0 30px; clear:both; }
div.blog div{ background:url(../images/top/bg_blog.gif); zoom:1; clear:both; }
div.blog:after, div.blog div:after{ content:''; display:block; clear:both; }

/* 最新記事 */
div.blog div.latest{
	width:440px;
	background:none;
	float:left;
	clear:none;
}
div.blog div.latest p.img{ margin:0 20px 10px 0; float:left; }
div.blog div.latest p.title, div.blog div.latest p.title strong{ color:#333; } 
div.blog div.latest p.txt{ clear:both; }

div.blog div.latest p.btn{ padding-top:15px; }
div.blog div.latest p.btn a{
	width:113px;
	height:28px;
	background-image:url(../images/top/btn_blog_continue.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
div.blog div.latest p.btn a:link, div.blog div.latest p.btn a:visited{ background-position:left top; }
div.blog div.latest p.btn a:hover, div.blog div.latest p.btn a:active{ background-position:left bottom; }
div.blog div.latest p.btn a span{ display:none; }


/* 過去記事 */
div.blog div.backnumber{
	width:465px;
	background:none;
	float:right;
	clear:none;
}
div.blog div.backnumber h4{ margin-bottom:10px; padding:0; border-bottom:none; color:#333; }

div.blog div.backnumber li{
	margin:0 0 5px;
}
div.blog div.backnumber li a{
	padding-left:15px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
}




/* ==

　03. 

=============================================================================== */




/* ==

　04. 

=============================================================================== */