@charset "Shift_JIS";

body#index{
	background:#0096c8;
	height:1120px;
	min-width:960px;
	position: relative;
	z-index: -2;
}

body#index:before{
	content:"";
	position: absolute;
	top: 0;
	background: url(../images/index/bg_top.jpg) repeat-x top center;
	width: 100%;
	min-width: 960px;
	height: 688px;
}

body#index:after{
	content:"";
	position: absolute;
	bottom: -180px;
	background: url(../images/index/bg_bottom.jpg) repeat-x top center;
	width: 100%;
	min-width: 960px;
	height: 160px;
	z-index: -1;
}

body#index #footer{
	position:absolute;
	top:1130px;
}

body#index #flash{
	width:100%;
	height:569px;
	position:absolute;
	top:96px;
	overflow:hidden;
}
body#index #flash #flashimg{
	position:absolute;
	top:40;
	left:50%;
	margin-left:-575px;
}

body#index #navi_top{
	width:920px;
	position:absolute;
	top:780px;
	left:50%;
	margin-left:-460px;
	z-index: 1000;
}

body#index #navi_top div{
	display: block;
	width: 180px; height: 50px;
	position: relative;
}

body#index #navi_top .p1{position: absolute; left: 3px; top: 0px;}
body#index #navi_top .p2{position: absolute; left: 188px; top: 0px;}
body#index #navi_top .p3{position: absolute; left: 373px; top: 0px;}
body#index #navi_top .p4{position: absolute; left: 558px; top: 0px;}
body#index #navi_top .p5{position: absolute; left: 743px; top: 0px;}
body#index #navi_top .hit{position: absolute; left: 0px; top:0px; width: 180px; height: 60px; z-index: 1000;}

body#index #navi_top .p1 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

body#index #navi_top .p2 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

body#index #navi_top .p3 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

body#index #navi_top .p4 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}

body#index #navi_top .p5 .over_btn{
position: absolute;
top:0px; left: 0px;
display: none;
}


body#index #navi_top .p1 .item{position:absolute;left:67px;top:-32px; _margin-top:-100px;}
body#index #navi_top .p2 .item{position:absolute;left:67px;top:-34px;}
body#index #navi_top .p3 .item{position:absolute;left:67px;top:-34px;}
body#index #navi_top .p4 .item{position:absolute;left:67px;top:-19px;}
body#index #navi_top .p5 .item{position:absolute;left:67px;top:-28px;}

body#index #navi_top .p1 .item,
body#index #navi_top .p2 .item,
body#index #navi_top .p3 .item,
body#index #navi_top .p4 .item{
	display:none;
}
body#index #navi_top .p5 .item{
	display:none;
}

body#index #navi_top .item{_display:none !important;}

body#index #main{
	width:924px;
	height:214px;
	position:absolute;
	top:1050px;
	left:50%;
	margin-left:-460px;
	background:url(../images/index/bg_1.jpg) no-repeat;
}

body#index #bnrFamily{
	width:962spx;
	height:105px;
	position:absolute;
	top:829px;
	left:50%;
	margin-left:-457px;
}

body#index #pic{
	position:absolute;
	width: 100%;
	height: 70px;

	top:680px;
	left: 0px;
	overflow: hidden;

}

#pic_inner{
	width: 8000px;
}

.pic_set{
float: left;
}

.pic_set .i1{float: left; margin-left: 3px; _margin-left:2px;}
.pic_set .i2{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i3{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i4{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i5{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i6{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i7{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i8{float: left; margin-left: 3px; *margin-left:3px;}
.pic_set .i9{float: left; margin-left: 3px; *margin-left:3px;}

body#index #main .p0{position:absolute;left:154px;top:145px;}
body#index #main .p1{position:absolute;left:18px;top:31px;}
body#index #main .p2{position:absolute;left:102px;top:31px;}
body#index #main .p3{position:absolute;left:103px;top:84px;}
body#index #main .p4{position:absolute;left:17px;top:155px;}
body#index #main .p5{position:absolute;left:155px;top:31px;*top:17px;}
body#index #main .p6{position:absolute;left:154px;top:49px;}
body#index #main .p7{position:absolute;left:484px;top:49px;}
body#index #main .p8{position:absolute;left:154px;top:75px;}
body#index #main .p9{position:absolute;left:484px;top:75px;}
body#index #main .p10{position:absolute;left:154px;top:101px;}
body#index #main .p11{position:absolute;left:154px;top:128px;}
body#index #main .p12{position:absolute;left:164px;top:173px;}
body#index #main .p13{position:absolute;left:508px;top:161px;}
body#index #main .p14{position:absolute;left:155px;top:163px;*top:186px;_top:193px;}

body#index #main .p15{position:absolute;left:690px;top:-11px;}
body#index #main .p16{position:absolute;left:690px;top:110px;}
body#index #main .p17{position:absolute;left:685px;top:0px;}
body#index #main .p18{position:absolute;left:805px;top:0px;}
body#index #main .p19{position:absolute;left:685px;top:125px;}

body#index #main .p20{position:absolute;left:280px;top:132px;*top:118px;_top:122px;}
body#index #main .p21{position:absolute;left:162px;top:132px;*top:118px;_top:122px;}

body#index #main .p22{position:absolute;left:526px;top:101px;}

body#index #pagetop{
	top:-50px;
}

.icon{
position: absolute;
top:-20px; left: -10px;
}

#popup{
	width:100%;
	height:1120px;
	background:url(../images/index/pop_bg_2.png);
	position:absolute;
	z-index:10000;
	left:0;
	top:0;
	display: none;
}

#popupbody{
	width:640px;
	height:460px;
	position:absolute;
	top:333px;
	left:50%;
	margin-left: -320px;
	z-index:11000;
	display: none;
}

#popupbody .close{
	position:absolute;
	top:-18px;
	left:609px;
}

#corver{
	position: fixed;
	width:100%;
	background: #78C828;
	display: none;
	left: 0;
	bottom: 0;
	z-index:12000;
}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.orange_btn {
	position: relative;
	width: 127px;
	height: 43px;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	width: 123px;
	height: 39px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn span::after {
	content: "";
	position: absolute;
	right: 6px;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-top: 1px solid #FF9103;
	border-right: 1px solid #FF9103;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.orange_btn:hover > span::after {
	right: 4px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;