@charset "utf-8";

/* Header Title
----------------------------------------------------- */
h1 {
	height:100px;
	}

h1 span {
	background:url('image/titlelogo.jpg') no-repeat;
}


/* *****************************************
  配置
******************************************* */

/* コンテンツ部分全体囲み
----------------------------------------------------- */
div#container {
	width:740px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 10px;
	background-color:#000;
	color:#fff;
}

div#contents {
	width:720px;
	padding:10px;
}

/* footer
----------------------------------------------------- */
div#footer {
	clear:both;
	margin-top:10px;
}

/* 中身
----------------------------------------------------- */
div#container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.item {
	width:708px;
	border:solid 1px #FFFFFF;
	padding:20px 5px 10px 5px;
	margin-top:10px;
}

.item div.item-image {
	width:270px;
	float:left;
}

.item div.item-datail {
	margin-left:270px;
}

/* *****************************************
  コーナー詳細
******************************************* */

/* コンテンツのヘッダタイトル及び概要文
----------------------------------------------------- */
div#contentsheader h2{
	width:100%;
	height:120px;
	position:relative;
}

#contentsheader h2 span {
	display:block;
	width:100%;
	height:100%;
	background:url('image/taiken/taiken_imagelogo.jpg') no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#contentsheader p{
	margin:5px 0 10px 0;
}

/* コーナー名見出し */
h3{
	width:100%;
	height:30px;
	margin-bottom:3px;
	position:relative;
}

h3 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.main h3 span {
	background:url('image/taiken/taiken_title.jpg') no-repeat;
}

div.item {
	background:url('image/taiken/taiken_bgimg.jpg') right bottom no-repeat;
}

.item-image img {
	margin:0 2px 2px 0;
}


.item-datail table {
	width:99%;
	margin-top:1em;
}

.item-datail table tbody tr {
	height:35px;
}

.item-datail p {
	line-height:1.3em;
}

.item-datail td img {
	margin-left:140px;
}

td.phase1 { background:url('image/taiken/phase1.gif') center left no-repeat; }
td.phase2 { background:url('image/taiken/phase2.gif') center left no-repeat; }
td.phase3 { background:url('image/taiken/phase3.gif') center left no-repeat; }
td.phase4 { background:url('image/taiken/phase4.gif') center left no-repeat; }


#contents:after,
div.item:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*Start hiding from IE Mac \*/
* html #contents {
	 height:1%;
}
/*Stop hiding from IE Mac */


/* *****************************************
  その他
******************************************* */