@charset "utf-8";
/*-------ヘッダー------*/

div#header {
	border-top:1px solid #868686;
	width:950px;
	height:500px;
	background:url(../img/header.jpg) no-repeat 0 0 #fff;

}

div#header h1{
	background:url(../img/head_index.gif) no-repeat left top;
	width:950px;
	height:500px;
	clear:both;
}


.section{
	width:700px;
	float:right;
	margin:0 10px 10px;
	display:inline;
}

.section01,
.section03{
	width:345px;
	float:left;

	display:inline;
}

.section01 ul{
	width:192x;
	float:left;
}

.section02,
.section04{
	width:345px;
	float:left;
	margin-left:5px;
	display:inline;
}



.section01 h3,
.section02 h3,
.section03 h3,
.section04 h3{
	width:192px;
	height:20px;
	text-indent:-9999px;
	float:right;
	margin-bottom:5px;
}

.section01 h3{	background:url(../img/index_box01_tit.gif) no-repeat left top;}
.section02 h3{	background:url(../img/index_box02_tit.gif) no-repeat left top;}
.section03 h3{	background:url(../img/index_box03_tit.gif) no-repeat left top;}
.section04 h3{	background:url(../img/index_box04_tit.gif) no-repeat left top;}


.section01 h3 a,
.section02 h3 a,
.section03 h3 a,
.section04 h3 a{
	width:192px;
	height:20px;
	display:block;
}

.section01_bg,
.section02_bg,
.section03_bg,
.section04_bg{
	width:170px;
	height:130px;
	clear:both;
}

.section01_bg ul,
.section02_bg p,
.section03_bg p,
.section04_bg p{
padding:5px;
}


.section01_bg{	background:url(../img/index_box01_bg.gif) no-repeat left top;}
.section02_bg{	background:url(../img/index_box02_bg.gif) no-repeat left top;}
.section03_bg{	background:url(../img/index_box03_bg.gif) no-repeat left top;}
.section04_bg{	background:url(../img/index_box04_bg.gif) no-repeat left top;}


.section_l{
	width:150px;
	float:left;
}

.section_r{
	width:192px;
	float:right;
}

.left_intro{
	width:224px;
	border:#a5a5a5 1px solid;
	float:left;
	margin:0 2px;
	display:inline;
}

.left_intro h2{
	width:220px;
	height:68px;
	background:url(../img/top_left01.gif) no-repeat left top;
	text-indent:-9999px;
	clear:both;
	margin:2px 2px 0;
}

.left_intro h2 a{
	width:220px;
	height:68px;
	display:block;
}

.left_intro .left_intro_tx01{
	width:220px;
	height:35px;
	background:url(../img/top_left02.gif) no-repeat left top;
	text-indent:-9999px;
	clear:both;
}

.left_intro .left_intro_tx01 a{
	width:220px;
	height:35px;
	display:block;
}

.left_intro .left_intro_tx02{
	margin:2px 10px 0;
	font-size:90%;
	color:#727272;
}

h2#top_service{
	width:700px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/top_other_servis.gif) no-repeat left top;
}

.section .bnr01,
.section .bnr02{
	margin-left:12px;
	margin-top:12px;
	float:left;
	display:inline;
	width:330px;
	height:85px;
	text-indent:-9999px;
}

.section .bnr01 a{
	width:330px;
	height:85px;
	display:block;
	background:url(../img/bnr01.gif) no-repeat left top;
}

/*
.section .bnr02 a{
	width:330px;
	height:85px;
	display:block;
	background:url(../img/bnr02.gif) no-repeat left top;
}
*/

.section .bnr02 img{
	width:330px;
	height:85px;
	display:block;
	background:url(../img/bnr02.gif) no-repeat left top;
}

.section .bnr01 a:hover{	background:url(../img/bnr01_on.gif) no-repeat left top;}
/*
.section .bnr02 a:hover{	background:url(../img/bnr02_on.gif) no-repeat left top;}
*/
	