@charset "shift_jis";

#index_himg_bg{
	width: 100%;
	height: 299px;
	background-image: url(../image/index_himg_bg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	margin: 5px 0;
	padding: 0;
	z-index: 0;
}
#index_himg {
	width: 950px;
	min-height: 390px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../image/index_himg.jpg);
	background-position: center center;
	z-index: 100;
	position: relative;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
}

article{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 560px;
}

#top_contents{
	width: 688px;
	padding: 10px;
	border: 5px solid #ccc;
}

h2{
	width: 470px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #0571e0;
	margin: 0 0 10px 0;
	padding: 0;
}

#index_title{
	margin: 0;
	padding: 0;
	font-size: 21px;
	font-weight: bold;
	color: #0571e0;
	line-height: 1.7em;
	text-shadow: 1px 1px 2px #545454;  
}

#index_title_contents{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.7em;
}

#index_contents_sealing{
	width: 688px;
	height: 220px;
	margin: 20px 0;
	padding: 10px;
	border: 5px solid #0571e0;
	background-image: url(../image/sealing_top_banner.jpg);
	background-position: center 10px;
	background-repeat: no-repeat;
	position: relative;
}
.text_contents{
	margin-top: 170px;
	font-size: 18px;
	color: #2d2d2d;
}

.detail_btn{
	font-size: 14px;
	line-height: 14px;
	vertical-align: middle;
}

.detail_btn a{
	position: absolute;
	bottom: 0px;
	right: 10px;
	color: #fff;
	margin: 0;
	padding: 7px 28px 5px 10px;
	background-color: #0571e0;
	background-image: url(../image/arow_on.png);
	background-position: 100px center;
	background-repeat: no-repeat;
}
.detail_btn a:hover{
	color: #fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#index_contents_etc{
	width: 698px;
	margin: 20px 0;
	padding: 10px 5px;
	border: 5px solid #0571e0;
}

#index_contents_etc ul{
	margin: 0;
	padding: 0;
	text-align: center;
}
#index_contents_etc ul li{
	display: inline-block;
	width: 340px;
	list-style-type: none;
	margin: 0 2.5px;
	padding: 0;
}
#index_contents_etc ul li a img{
	margin: 0;
	padding: 0;
}

#index_contents_etc ul li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#index_contents_bottom{
	width: 698px;
	height: 255px;
	margin: 20px 0;
	padding: 10px 5px;
	border: 5px solid #0571e0;
	position: relative;
}
h3{
	position: absolute;
	bottom: 5px;
	left: 85px;
	font-size: 16px;
	font-weight: normal;
}


#text_right{
	width: 222px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.9em;
	position: absolute;
	top: 5px;
	left: 5px;
	
}

#index_exp{
	width: 235px;
	height: 265px;
	position: absolute;
	top: 5px;
	left: 230px;
	margin: 0;
	padding: 0;
	background-image: url(../image/index_exp.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#index_exp a{
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: #0571e0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px 15px 15px;
	background-image: url(../image/arow_on.png);
	background-position: 100px center;
	background-repeat: no-repeat;
}
#index_exp a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#index_req{
	width: 235px;
	height: 265px;
	position: absolute;
	top: 5px;
	left: 470px;
	margin: 0;
	padding: 0;
	background-image: url(../image/index_req.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}


#index_req a{
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: #0571e0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px 15px 15px;
	background-image: url(../image/arow_on.png);
	background-position: 100px center;
	background-repeat: no-repeat;
}
#index_req a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}