@charset "utf-8";

/* --------------------- */
/*    タイルレイアウト   */
/* --------------------- */

.TileBox{
	width:960px;
	margin:0;
	padding:20px 0; 
	background-color:#336;
}

.TileBox .TopTile {
	width:900px;
	background-color:#336;
	margin:0 auto;
}

.TileNavi{
	overflow: hidden;
	zoom: 1;
}

.TileNavi li {
	display: inline;
}

.TileNavi li a {
	margin: 5px;
	float: left;
	display: block;
}

.TileNavi li a:hover img {
	visibility: hidden;
}

.Tile01 a {
	background: url(../image/index/top_tile_01_over.jpg) no-repeat left top;
}

.Tile02 a {
	background: url(../image/index/top_photo_01.jpg) no-repeat left top;
}

.Tile03 a {
	background: url(../image/index/top_tile_03_over.jpg) no-repeat left top;
}

.Tile04 a {
	background: url(../image/index/top_tile_04_over.jpg) no-repeat left top;
}

.Tile05 a {
	background: url(../image/index/top_photo_02.jpg) no-repeat left top;
}

.Tile06 a {
	background: url(../image/index/top_tile_02_over.jpg) no-repeat left top;
}

.Tile07 a {
	background: url(../image/index/top_tile_05_over.jpg) no-repeat left top;
}

.Tile08 a {
	background: url(../image/index/top_tile_06_over.jpg) no-repeat left top;
}

.Tile09 a {
	background: url(../image/index/top_tile_07_over.jpg) no-repeat left top;
}


.Tile10 a {
	background: url(../image/index/top_tile_08.jpg) no-repeat left top;
}

.Tile11 a {
	background: url(../image/index/top_photo_03.jpg) no-repeat left top;
}


.Tile12 a {
	background: url(../image/index/top_tile_10_over.jpg) no-repeat left top;
}

.TileTextBox {
	width:270px;
	height:140px;
	/* background-color:#39F;*/
	color:#FFF;
	padding:0px 20px 5px 0px;
}

.TileText h3{
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	/* margin:0 0 20px 170px; */
	padding:5px 10px 0 5px;
	border-left:#66F solid 20px;
	border-bottom:#66F solid 3px;
	
}

.TileText p{
	font-size:14px;
	line-height:1.3em;
	color:#CCC;	
	text-align:justify; 
	text-justify:distribute;
}


/* --------------------- */
/*        時間表示       */
/* --------------------- */

.time_disp {
	width:290px;
	height:140px;
	text-align:left;
	background-color:#5f42c2;
	background-image:url(../image/index/top_tile_08.jpg);
}


.time_disp input[name="text_date"] {
	margin:30px 0 0 70px;
	font-size:20px;
	background-color:#5f42c2;
	color:#FFFFFF;
	border:none;
}

.time_disp input[name="text_time"] {
	margin:0px 0 0 70px;
	font-size:36px;
	background-color:#5f42c2;
	color:#FFFFFF;
	border:none;
}

/* --------------------- */
/*    works 業務案内     */
/* --------------------- */


.works{
	margin:0 auto;
	padding:20px 20px; 
	background-color:#336;
}


.worksTop img{
	float:left;
}


.worksTop br{
	clear:left;
}

.worksTop h3 {
	color:#FFFFFF;
	font-size:28px;
	margin:0 0 20px 170px;
	padding:5px 10px;
	border-left:#66F solid 30px;
	border-bottom:#66F solid 5px;
}

.worksTop_p {
	color:#FFFFFF;
	font-size:20px;
	margin:0 0 20px 180px;
	padding:5px 10px;
	line-height:1.3em;
}

.works h4 {
	color:#CCF;
	font-size:24px;
	font-weight:bold;
	margin:3px 0;
	border-left:#66F solid 30px;
}

.works h5 {
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 5px 0px;
	padding:0;
}

.works_content {
	width: 900px;
	height: 280px;
	overflow: auto;
	margin:0 auto;
	
}
.works_content p {
	color:#FFFFFF;
	font-size:16px;
	margin:0;
	padding:5px;
	line-height:1.3em;
}

.works table.costTable {
	border: 1px #CCCCCC solid;
	border-collapse:collapse;
	margin-bottom:20px;
}

.works table.costTable td, th {
    border: 1px #CCCCCC solid;
	padding:5px;
	width:150px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

.instTable td, th {
    border: 1px #CCCCCC solid;
	padding:5px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	line-height:1.2em;
}


.contact a{
	display:block;
	text-decoration:none;
	color:#FFF;
	background-color:#36F;
	width:200px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:5px 10px;
	margin:5px 0 0 600px;
}

.contact a:hover {
	background-color:#3AF;
}