/* global layout
 * -------------------------------------------------------------------------------- */

body{
	background-image: url(../images/index_body_bg.jpg);
}

#contents{
	margin: 0;
}


/* keyvisual
 * -------------------------------------------------------------------------------- */

#keyvisual{
	overflow: hidden;
	width: 760px;
	height: 300px;
}


/* index spblock
 * -------------------------------------------------------------------------------- */

#index_spblock{
	margin: 20px 0 0 0;
}

.ids_block{
	display: inline;
	float: left;
	width: 220px;
	height: 220px;
	background-attachment: scroll;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#ids_str,
#ids_env{
	margin: 0 0 0 10px;
}

#ids_trn{
	background-image: url(../images/index_spblock_trn_bg.jpg);
}

#ids_str{
	background-image: url(../images/index_spblock_str_bg.jpg);
}

#ids_env{
	background-image: url(../images/index_spblock_env_bg.jpg);
}

.ids_block h2{
	width: 220px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-attachment: scroll;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 100%;
	text-indent: -99999px;
}

#ids_trn h2{
	background-image: url(../images/index_spblock_trn_head.jpg);
}

#ids_str h2{
	background-image: url(../images/index_spblock_str_head.jpg);
}

#ids_env h2{
	background-image: url(../images/index_spblock_env_head.jpg);
}

.ids_block p{
	overflow: hidden;
	width: 200px;
	height: 110px;
	margin: 10px 10px 0 10px;
	font-size: 85%;
}

.ids_block p.ids_btn{
	width: 200px;
	height: 41px;
}

.ids_block p.ids_btn a{
	display: block;
	width: 200px;
	height: 41px;
	background: transparent url(../images/index_spblock_btn.jpg) scroll no-repeat 0 0;
	color: #000;
	line-height: 41px;
	text-indent: 30px;
	font-size: 122%;
}

.ids_block p.ids_btn a:hover{
	background-position: 0 -41px;
	color: #fff;
	text-decoration: none;
}