@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}

body#mainIndex {
	background:url("../img/index/bg.gif") repeat-x left top #ededed;
	_height: 100%;
}
div#headWrap {
	background:url("../img/index/dotBg.png") repeat-x left top;
	_background: none;
	position: relative;
	height: 561px;
}

div#headInner1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:url("../img/index/graBg.png") no-repeat center top;
	height: 561px;
}
div#headInner2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:url("../img/index/graBg2.png") no-repeat center top;
	height: 561px;
}
div#headInner3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:url("../img/index/graBg3.png") no-repeat center top;
	height: 561px;
}

div#headBody {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:url("../img/index/lineBg.png") no-repeat center center;
	height: 561px;
}
div#headContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 125px;
	background:url("../img/index/headTopBg.png") repeat-x left top;
	z-index: 10;
}
p#indexTitle {
	width: 917px;
	margin: 0 auto;
	text-align: left;
	padding-top: 8px;
	padding-left: 47px;
}
div#headContentBg1,
div#headContentBg2,
div#headContentBg3 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 561px;
	z-index: 1;
}
div#headContentBg1 p {
	background:url("../img/index/graInBg.png") no-repeat center top;
	width: 964px;
	height: 561px;
	margin: 0 auto;
	text-align: left;
}
div#headContentBg2 p {
	background:url("../img/index/graInBg2.png") no-repeat center top;
	width: 964px;
	height: 561px;
	margin: 0 auto;
	text-align: left;
}
div#headContentBg3 p {
	background:url("../img/index/graInBg3.png") no-repeat center top;
	width: 964px;
	height: 561px;
	margin: 0 auto;
	text-align: left;
}
div#headContent {
	width: 964px;
	height: 561px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 2;
}
head~/* */body div#headContent {
        padding-left /*\**/: 1px;
}

p#mainVisual {
	z-index: 2;
	position: absolute;
}

p#mainVisual img {
	position: absolute;
}

p#mainVisual img#c001 {
	top: 43px;
	left: 38px;
}

p#mainVisual img#c002 {
	top: 79px;
	left: 39px;
}

p#mainVisual img#c003 {
	left: 39px;
}




p#indexNavi {
	z-index: 4;
	position: absolute;
	top: 459px;
}

p#indexNaviBtn1 {
	z-index: 5;
	position: absolute;
	top: 460px;
	left: 43px;
}

p#indexNaviBtn1 span, p#indexNaviBtn1 a {
	position: absolute;
}

p#indexNaviBtn1 span.hoverBtn {
	margin-top: -19px;
	margin-left: -19px;
}

p#indexNaviBtn2 {
	z-index: 6;
	position: absolute;
	top: 460px;
	left: 338px;
}

p#indexNaviBtn2 span, p#indexNaviBtn2 a {
	position: absolute;
}

p#indexNaviBtn2 span.hoverBtn {
	margin-top: -19px;
	margin-left: -19px;
}


p#indexNaviBtn3 {
	z-index: 7;
	position: absolute;
	top: 460px;
	left: 633px;
}

p#indexNaviBtn3 span, p#indexNaviBtn3 a {
	position: absolute;
}

p#indexNaviBtn3 span.hoverBtn {
	margin-top: -19px;
	margin-left: -19px;
}

div#mainIndexHeader {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
	zoom: 1;
}
div#mainIndexHeaderInner {
	width: 960px;
	height: 110px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	zoom: 1;
}
ul#navigation {
}

/*======================================
	
	IE PNG Fix
	
=======================================*/

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/** /
img { behavior: url(/css/iepngfix.htc) }
/**/