@charset "UTF-8";

@import url("common.css");

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

 トップページのスタイル

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

/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

/* 枠
------------------------------------------------------------ */

div#topContArea {
	position: relative;
	z-index: 5;
	width: 940px;
	margin: 0 auto;
	padding: 75px 0 50px;
	text-align: left;
}

div#topContAreaIn {
	width: 882px;
	margin: 0 0 0 58px;
}
div#topContAreaIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContAreaIn { display:inline-block; }
/*\*/
* html div#topContAreaIn { height:1%; }
div#topContAreaIn { display:block; }
/**/


/* Flash
------------------------------------------------------------ */

div#flashArea {
	position: relative;
	z-index: 0;
	width: 100%;
}


/* ページタイトル
------------------------------------------------------------ */

body#toppage h1 {
	display: none;
}


/* 実績紹介
------------------------------------------------------------ */

div#resultArea {
	float: left;
	width: 450px;
}

div#resultArea ul {
	width: 450px;
}
div#resultArea ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#resultArea ul { display:inline-block; }
/*\*/
* html div#resultArea ul { height:1%; }
div#resultArea ul { display:block; }
/**/

div#resultArea ul li {
	float: left;
	width: 125px;
	margin-right: 25px;
	padding: 6px 0px 3px;
	margin-bottom: 15px;
	font-size: 86%;
}
div#resultArea ul li img {
   margin-bottom:3px;}
* html div#resultArea ul li {
	width: 141px;
	margin-right:7px;
}

div#resultArea ul li a:link,
div#resultArea ul li a:visited,
div#resultArea ul li a:hover,
div#resultArea ul li a:active {
	color: #494949;
}


/* トピックス
------------------------------------------------------------ */

div#topicsArea {
	float: right;
	width: 401px;
}

div#topicsArea ul {
	width: 401px;
	height: 110px;
	overflow: auto;
	padding:10px 0px;
	background: #F2F2F2;
}

div#topicsArea ul li {
	width: 365px;
	padding:0px 5px 0px 10px;
	font-size: 86%;
	margin-bottom:10px;
}
div#topicsArea ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topicsArea ul li { display:inline-block; }
/*\*/
* html div#topicsArea ul li { height:1%; }
div#topicsArea ul li { display:block; }
/**/

div#topicsArea ul li p.date {
	float: left;
	width: 70px;
	font-weight: bold;
}

div#topicsArea ul li p.txt {
	float: left;
	width: 285px;
}