@charset "utf-8";

body {
	background: url(../images/page3_bg.jpg) no-repeat center top #ef8593;
	text-align: center;
}

body#short {
	background: url(../images/main_bg.jpg) no-repeat center top #d7475e;
}

#container {
	width: 100%;
	background: url(../images/page3_footer.jpg) no-repeat bottom center;
	padding-bottom: 244px;
}

#wrap {
	width: 634px;
	margin: 0 auto;
	padding: 240px 40px 0 314px;
	position: relative;
}

#wrapShort {
	width: 634px;
	min-height: 660px;
	height: auto!important;
	height: 660px;
	margin: 0 auto;
	padding: 240px 40px 0 314px;
	position: relative;
}

*html #wrapShort {
	/*width: 988px!important;*/
	padding: 240px 40px 0 320px;
}

*+html #wrapShort {
	/*width: 988px!important;*/
	padding:240px 40px 0 328px!important;
}


#wrapTop {
	width: 988px;
	height: 620px;
	margin: 0 auto;
	padding-top: 280px;
	position: relative;
}

h1 img {
	width: 364px;
	height: 35px;
	position: absolute;
	top: 20px;
	left: 25px;
}

h2{
	z-index:1;
}


h2 img {
	width: 610px;
	height: 365px;
	position: absolute;
	top: 40px;
	left: -12px;
}

h3 img {
	width: 425px;
	height: 140px;
	position: absolute;
	top: 70px;
	right: 40px;
}

#wrapShort h1 img,
#wrap h1 img{
	*left: 32px;
}

*html #wrap h1 img{
	left: 40px;
}

*+html #wrap h1 img{
	left: 25px;
}

#wrapShort h2 img {
	*left: -5px;
}

*html #wrap h2 img{
	left: 3px;
}

*+html #wrap h2 img{
	left: -12px;
}

#wrapShort h3 img{
	*right: 47px;
}

*html #wrap h3 img{
	right: 55px;
}

*+html #wrap h3 img{
	*right: 40px;
}

#wrapShort div#chara img,
#wrap div#chara img{
	*left: -40px;
}

p#back {
	width: 130px;
	height: 30px;
	position: absolute;
	bottom: 252px;
	right: 142px;
	z-index:3;
}

*html p#back {
	bottom: 252px;
	right: 148px;
}


p#backLong {
	width: 130px;
	height: 30px;
	position: absolute;
	bottom: 18px;
	right: 142px;
	z-index:3;
}

*+html p#backLong {
	right: 122px;
}

/* ---- TOPページ ---- */
#contentsTop {
	width: 988px;
	height: 450px;
	position: relative;
}

#contentsTop #menu01 {
	width: 350px;
	height: 220px;
	position: absolute;
	top: -60px;
	left: 560px;
}

#contentsTop #menu02 {
	width: 300px;
	height: 210px;
	position: absolute;
	top: 130px;
	left: 28px;
}

#contentsTop #menu03 {
	width: 310px;
	height: 240px;
	position: absolute;
	top: 155px;
	left: 340px;
}

#contentsTop #menu04 {
	width: 270px;
	height: 185px;
	position: absolute;
	top: 170px;
	right: 50px;
}


/* ---- 1～2ページ ---- */
#contents {
	width: 642px;
	height: 423px;
	background: url(../images/other/contents_bg.png) no-repeat;
	text-align: center;
	z-index:2;
	position:relative;
}

#contents table {
	width: 642px;
}

#contents table td {
	vertical-align: top;
	text-align: center;
}

#contents table td.w141 {
	width:141px;
}

/* ---- 3ページ ---- */
#contentsLong {
	width: 642px;
	height: 2450px;
	/*height: 3451px;*/
	background: url(../images/other/page03/bg.png) no-repeat;
	text-align: center;
	z-index:2;
	position:relative;
}

*html #contentsLong {
	width: 642px;
	left: 10px;
	margin-left: 9px;
}

*+html  #contentsLong {
	width: 634px;
	left: 10px;
	margin-left: 9px;
}


#contentsLong ul li {
	width: 273px;
	height: 249px;
	position: relative;
	float: left;
	display: inline;
}

#contentsLong ul#box-goods {
	width: 560px;
	margin: 0 23px 20px 30px;
	padding: 0 15px 0 14px;
	background: url(../images/other/page03/s01_bottom.gif) no-repeat bottom;
}

*html #contentsLong ul#box-goods {
	width: 590px;
	margin: 0 23px 20px 17px;
	padding: 0 0 0 25px;
}

*html #contentsLong ul#box-goods li{
	margin: 0;
}

#contentsLong ul#box-goods li.m01 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mg01.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m02 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mg02.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m03 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mg03.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m04 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mg04.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m05 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mg05.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m06 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mg06.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m07 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mg07.jpg) no-repeat;
}

#contentsLong ul#box-goods li.m08 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mg08.jpg) no-repeat;
}


#contentsLong ul#box-menu {
	width: 560px;
	margin: 0 23px 20px 30px;
	padding: 0 15px 0 14px;
	background: url(../images/other/page03/s01_bottom.gif) no-repeat bottom;
}

*html #contentsLong ul#box-menu {
	width: 590px;
	margin: 0 23px 20px 17px;
	padding: 0 0 0 25px;
}

*html #contentsLong ul#box-menu li{
	margin: 0;
}


#contentsLong ul#box-menu li.m01 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mm01.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m02 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mm02.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m03 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mm03.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m04 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mm04.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m05 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mm05.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m06 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mm06.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m07 {
	padding: 0 14px 14px 0;
	background: url(../images/other/page03/mm07.jpg) no-repeat;
}

#contentsLong ul#box-menu li.m08 {
	padding: 0 0 14px 0;
	background: url(../images/other/page03/mm08.jpg) no-repeat;
}


#contentsLong ul li p {
	text-align: left;
	font-size: 77%;
	line-height: 1.4;
	*line-height: 1.3;
	width: 260px;
	height: 73px;
	position: absolute;
	bottom: 19px;
	left: 7px;
}

*html #contentsLong ul li p {
	bottom: 15px;
}

/* ===============================================

	IE PNG FIX
  
================================================== */
* html #infoText img,
	   h1 img,
	   h2 img,
	   h3 img,
	   div#chara img,
	   p#page3 img,
	   #menu01 p img,
	   #menu02 p img,
	   #menu03 p img,
	   #menu04 p img,
	   #menu06 p img,
	   #contents,
	   #contents td img,
	   #contentsLong,
	   #contentsLong h3 img,
	   #contents01 #box #image img,
	   #contents02 #box #image img,
	   #contents04 #box #image img {
behavior: expression(IEPNGFIX.fix(this));
}