@charset "utf-8";

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

　                Home CSS

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


/* Structure
------------------------------------------------- */

body {
	background-image: url(../../images/home/body_bg.png);
}

#global-navi {
	top: -383px;
}

#main {
	padding: 8px 0 20px 10px;
}

#sub {
	background-position: 0 0;
	padding-top: 8px;
}



/* Mainvisual
------------------------------------------------- */

#mainvisual {
	margin: 0px auto;
	width: 1000px;
	border-bottom: 5px solid #A2A193;
}



/* News
------------------------------------------------- */

#wrapper #main #news {
	margin-bottom: 20px;
}

	#wrapper #main #news .news-header {
		background: url(../../images/parts/content_tit_02.png) no-repeat 0px 100%;
		zoom: 1;
		padding-bottom: 5px;
	}
	#wrapper #main #news .news-header:after {
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}

		#wrapper #main #news .news-header .news-title {
			background: url(none);
			margin: 0px;
			padding: 0px;
			float: left;
			display: inline;
		}

		#wrapper #main #news .news-header .news-more {
			display: inline;
			float: right;
		}

	#wrapper #main #news .news-contents {
		clear: both;
	}



/* Service
------------------------------------------------- */

#wrapper #main #service {
	margin-bottom: 0px;
}

	#wrapper #main #service .block-header {
		background: url(../../images/home/service_tit.png) no-repeat 0px 100%;
		padding: 0px 0px 5px;
		width: auto;
		height: auto;
	}

		#wrapper #main #service .block-header .block-title {
			padding: 0px;
			height: auto;
		}

	#wrapper #main #service .block-content {
		background: #F9F8E7;
		border: 0 none;
	}

		#wrapper #main #service .block-content .column {
			width: 169px;
			height: auto !important; /* for Modern Browser */
			height: 74px; /* for IE */
			min-height: 74px; /* for Modern Browser */
			padding-right: 100px;
			background: #FFFFFF no-repeat 100% 30%;
		}

		#wrapper #main #service .block-content .hover {
			border-color: #DD2222;
			cursor: pointer;
		}

		#wrapper #main #service .block-content #col-1 {
			background-image: url(../../images/home/service_img_01.png);
		}

		#wrapper #main #service .block-content #col-2 {
			background-image: url(../../images/home/service_img_02.png);
		}

		#wrapper #main #service .block-content #col-3 {
			background-image: url(../../images/home/service_img_03.png);
		}

		#wrapper #main #service .block-content #col-4 {
			background-image: url(../../images/home/service_img_04.png);
		}

		#wrapper #main #service .block-content #col-5 {
			background-image: url(../../images/home/service_img_05.png);
		}

		#wrapper #main #service .block-content #col-6 {
			background-image: url(../../images/home/service_img_06.png);
		}
		
		#wrapper #main #service .block-content #col-7 {
			background-image: url(../../images/home/service_img_07.png);
		}
		
		#wrapper #main #service .block-content #col-8 {
			background-image: url(../../images/home/service_img_08.png);
		}
		
		#wrapper #main #service .block-content #col-9 {
			background-image: url(../../images/home/service_img_09.png);
		}
		
		#wrapper #main #service .block-content #col-10 {
			background-image: url(../../images/home/service_img_10.png);
		}


			#wrapper #main #service .block-content #col-1 .title {
				background-image: url(../../images/home/service_ico_01.png);
			}

			#wrapper #main #service .block-content #col-2 .title {
				background-image: url(../../images/home/service_ico_02.png);
			}

			#wrapper #main #service .block-content #col-3 .title {
				background-image: url(../../images/home/service_ico_03.png);
			}

			#wrapper #main #service .block-content #col-4 .title {
				background-image: url(../../images/home/service_ico_04.png);
			}

			#wrapper #main #service .block-content #col-5 .title {
				background-image: url(../../images/home/service_ico_05.png);
			}

			#wrapper #main #service .block-content #col-6 .title {
				background-image: url(../../images/home/service_ico_06.png);
			}
			
			#wrapper #main #service .block-content #col-7 .title {
				background-image: url(../../images/home/service_ico_07.png);
			}
			
			#wrapper #main #service .block-content #col-8 .title {
				background-image: url(../../images/home/service_ico_08.png);
			}
			
			#wrapper #main #service .block-content #col-9 .title {
				background-image: url(../../images/home/service_ico_09.png);
			}
			
			#wrapper #main #service .block-content #col-10 .title {
				background-image: url(../../images/home/service_ico_10.png);
			}
			

				#wrapper #main #service .block-content .column .title a {
					color: #333333;
					text-decoration: none;
				}

			#wrapper #main .block04 .block-content .column .desc {
				margin-bottom: 0;
			}
