@charset "UTF-8";

/*--------------------------------------------------------------*/
/* パブリシティ履歴
/*--------------------------------------------------------------*/

#main{
	padding-top: 280px;
}

#intro h2{
	position: absolute;
	width: 361px;
	height: 56px;
	top: 80px;
	left: 70px;
	z-index: 10;
}

#intro div{
	position: relative;
	width: 375px;
	height: 146px;
	top: 100px;
	left: 450px;
	overflow: hidden;
}

#intro div img{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
}


/*--------------------------------*/

#history{
	position: relative;
	width: 735px;
	margin: 0 auto 30px auto;
	padding: 50px 40px 30px 40px;
	background-image: url(../img/publicity/publicity_bg_middle.png);
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 10;
}

#history h3{
	position: relative;
	width: 733px;
	height: 24px;
	margin: 0 auto 25px auto;
	text-indent: -9999px;
	background-image: url(../img/publicity/publicity_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 15;
}


#history div.top{
	position: absolute;
	top: 0;
	left: 0;
	width: 815px;
	height: 180px;
	background-image: url(../img/publicity/publicity_bg_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#history div.bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 815px;
	height: 220px;
	background-image: url(../img/publicity/publicity_bg_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/*--------------------------------*/

#his_091218,
#his_090516,
#his_080310,
#his_080222{
	position: relative;
	height: 100%;
	margin-bottom: 20px;
	padding-right: 230px;
	background-image: url(../img/publicity/publicity_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: both;
	z-index: 20;
}

#his_091218 br,
#his_090516 br,
#his_080310 br,
#his_080222 br{
	clear: both;
}


#his_091218 h4,
#his_090516 h4,
#his_080310 h4,
#his_080222 h4{
	margin-bottom: 5px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#his_091218 h4{ background-image: url(../img/publicity/091218.gif); width: 291px; height: 24px; }
#his_090516 h4{ background-image: url(../img/publicity/090516.gif); width: 204px; height: 26px; }
#his_080310 h4{ background-image: url(../img/publicity/080310.gif); width: 240px; height: 24px; }
#his_080222 h4{ background-image: url(../img/publicity/080222.gif); width: 283px; height: 26px; }

#his_091218 p.image,
#his_090516 p.image,
#his_080310 p.image,
#his_080222 p.image{
	position: absolute;
	top: 0;
	right: 0;
}
#his_091218 p.image a:hover,
#his_090516 p.image a:hover,
#his_080310 p.image a:hover,
#his_080222 p.image a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

#his_091218 p.text,
#his_090516 p.text,
#his_080310 p.text,
#his_080222 p.text{
	width: 100%;
	height: 40px;
	margin-top: 5px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#his_091218 p.text{ background-image: url(../img/publicity/091218_text.gif); }
#his_090516 p.text{ background-image: url(../img/publicity/090516_text.gif); }
#his_080310 p.text{ background-image: url(../img/publicity/080310_text.gif); }
#his_080222 p.text{ background-image: url(../img/publicity/080222_text.gif); }

#goto_inquiry{
	position: relative;
	height: 115px;
	margin-bottom: 10px;
	background-image: url(../img/publicity/column.gif);
	background-repeat: no-repeat;
	background-position: right center;
	z-index: 30;
}

#goto_inquiry p a{
	display: block;
	width: 242px;
	height: 113px;
	text-indent: -9999px;
	background-image: url(../img/publicity/goto_inquiry.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#goto_inquiry p a:hover{ background-position: 1px 1px; }


/*--------------------------------*/
/* 装飾キャラ                     */
/*--------------------------------*/

#no388{ position: absolute; left: 60px; top: -53px; z-index: 20; }
#no416{ position: absolute; right: -70px; bottom: 20em; z-index: 20; }
#no265{ position: absolute; right: 200px; bottom: -21px; z-index: 20; }
#no377{ position: absolute; left: 50px; top: -91px; z-index: 20; }











