@charset "utf-8";

@import url("common.css");

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

#index {
	position:relative;
}
#index .flL li {
	float:left;
}
#index h2 {
	margin-left:20px;
}

#index #h2Btn {
	position:absolute;
	top:163px;
	left:121px;
	z-index:5;
}

#index .flLpic li {
	float:left;
}
#index .flLpic  {
	float:none !important;
	border-left:5px solid #99CC02;
}

#index .greenLine {
	border-left:5px solid #99CC02;
	border-right:5px solid #99CC02;
	margin:0 20px;
}
#index .greenLine h3 {
	text-align:center;
	padding-top:30px;
}

.section1,
.section2 {
	clear: both;
	position: relative;
}
.section1 {
	background-image: url(../img/index/index_bg02.gif);
	background-repeat: repeat-x;
	padding-bottom: 15px;
	margin-bottom: 18px;
	background-position: 0 100%;
}
.section1 .extra {
	background-image: url(../img/index/index_bg01.gif);
	background-repeat: repeat-y;
}
.section1 {
	background-image: url(../img/index/index_bg02.gif);
	background-repeat: repeat-x;
	padding-bottom: 15px;
	margin-bottom: 18px;
	background-position: 0 100%;
}
.section2 .extra {
	background-image: url(../img/index/index_bg03.gif);
	background-repeat: repeat-y;
}
.section2 {
	background-image: url(../img/index/menu_fil_line.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
	margin-bottom: 30px;
	background-position: 50% 100%;
	clear: both;
}
.section1 .extra {
	background-image: url(../img/index/index_bg01.gif);
	background-repeat: repeat-y;
}
.section1 .contentBox {
	float: left;
	position: relative;
	width: 402px;
	min-height: 120px;
	display: inline;
	margin-left: 16px;
}
* html .section1 .contentBox {
}
.section2 .contentBox {
	float: left;
	position: relative;
	width: 267px;
	min-height: 120px;
	display: inline;
}
.section1 .right {
	margin-left: 20px;
	display: inline;
	width: 405px;
}
.section2 .c01 {
	display: inline;
	width: 268px;
	margin-left: 16px;
}
.section2 .c02 {
	display: inline;
	width: 266px;
	margin-left: 12px;
}
.section2 .c03 {
	display: inline;
	width: 270px;
	margin-left: 11px;
}
.section2 .c03 .btn {
	padding-top: 3px;
}
.contentBox .img {
	position: absolute;
	left: 0px;
	top: 0px;
}
.contentBox .title {
	padding-left: 119px;
}
.contentBox .text {
	padding: 5px 0 0 127px;
	text-align: left;
}
.section2 .contentBox .text {
	padding-right: 15px;
}
.contentBox .btn {
	text-align: right;
	padding-top: 20px;
}


li {
	line-height:1.3;
}

li a:link {color: #000; text-decoration: none;}
li a:visited {color: #000;text-decoration: none;}
li a:hover {color: #000;text-decoration: none;}
li a:active {color: #000;text-decoration: none;}

li#btn01 {
	width:418px;
	height:140px;
}
li#btn01 a {
	width:263px;
	height:50px;
	display:block;
	padding:65px 45px 25px 110px;
	background-image:url(../img/index/btn01.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
li#btn01 a:hover {
	background-image:url(../img/index/btn01_on.gif);
}
	
li#btn02 {
	width:418px;
	height:140px;
}
li#btn02 a {
	background-image:url(../img/index/btn02.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:263px;
	height:50px;
	padding:65px 35px 25px 110px;
}
li#btn02 a:hover {
	background-image:url(../img/index/btn02_on.gif);
}
li#btn03 {
	width:280px;
	height:140px;
}
li#btn03 a {
	background-image:url(../img/index/btn03.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:155px;
	height:70px;
	padding:45px 25px 25px 100px;
}
li#btn03 a:hover {
	background-image:url(../img/index/btn03_on.gif);
}
li#btn04 {
	width:274px;
	height:140px;
}
li#btn04 a {
	background-image:url(../img/index/btn04.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:149px;
	height:70px;
	padding:45px 25px 25px 100px;
}
li#btn04 a:hover {
	background-image:url(../img/index/btn04_on.gif);
}
li#btn05 {
	width:282px;
	height:140px;
}
li#btn05 a {
	background-image:url(../img/index/btn05.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:157px;
	height:70px;
	padding:45px 25px 25px 100px;
}
li#btn05 a:hover {
	background-image:url(../img/index/btn05_on.gif);
}
.clear{
	clear:both;
}
.menu_fil{
	margin:0px 0px 30px 16px;
}