@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  reset.css
 style info :  リセット及びbody初期設定
=================================================================== */
/* reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,span,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
ol,ul,li {
	list-style-type: none;
}

/* default */
body {
	background: #FFF;
	color: #333;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}

a:link,
a:visited { color: #000; text-decoration: underline; }
a:active,
a:hover { color: #e54091; text-decoration: underline; }


/* Clear Fix */
.clearfix { /zoom : 1; }
.clearfix:after { content: ''; display: block; clear: both; }


/* ============================================================== */
#flashcontent {
	width: 100%;
	height: 100%;
}

#wrapper { width: 100%; }
#container { width: 960px; padding-left: 24px; }


/* ----------------------------------------------------------------
Main Content
---------------------------------------------------------------- */

#main { margin: 0; overflow: hidden; }

#content {
	position: absolute;
	left: 50%; top: 50%;
	width: 918px; height: 385px;
	margin-left: -459px;
	margin-top: -250px;
	background: url(../images/ph_top_anniversary.png) no-repeat right bottom;
}

* html #content {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
}

#content .contentInner {
	position: relative;
	width: 918px;
	height: 385px;
}

#content .contentInner h1 { position: absolute; left: 0; top: 0; width: 286px; }
#content .contentInner h2 { display: block; padding-left: 314px; }
#content .contentInner p.txt01 { padding: 25px 0 0 314px; }
#content .contentInner p.txt02 { width: 410px; margin: 24px 0 0 314px; font-size: 80%; color: #737373; }
#content .contentInner p.txt02 a { color: #737373; }
#content .contentInner p.txt a:hover { color: #e54091; }
#content .contentInner p.btn { margin: 8px 0 0 317px; }


#content02 {
	position: absolute;
	left: 50%; top: 50%;
	width: 436px; height: 372px;
	margin-left: -218px;
	margin-top: -280px;
	background: url(../images/img_notfound.png) no-repeat;
}

* html #content02 {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
}

#content02 div.txtBox { position: relative; }

#content02 div.txtBox p.linkTxt { width: 268px; margin-left: 119px; }
#content02 div.txtBox p.linkTxt a { display: block; width: 268px; height: 226px; text-indent: -9999px; overflow: hidden; }
#content02 div.txtBox p.txt { width: 271px; margin: 10px 0 0 125px; text-align: center; }
#content02 div.txtBox p.btn01 { position: absolute; left: 191px; top: 277px; }
#content02 div.txtBox p.btn02 { position: absolute; left: 191px; top: 307px; }
#content02 div.txtBox p.btn03 { position: absolute; left: 191px; top: 337px; }


/* ---------------------------------------------------------------- 
Global Footer
 ---------------------------------------------------------------- */
 
div#footer { width: 100%; }

div#footerInner { width: 100%; height: 108px; background: #5c5855; }

div.footercontent { position: relative; width: 960px; min-height: 89px; height: auto !important; height: 89px; margin-left: 24px; }
div.footercontent p.clogo { position: absolute; left: 0; top: 21px; width: 100px; }
div.footercontent ul.fnavi01 { float: left; width: 131px; margin: 23px 0 0 130px; _margin: 23px 0 0 66px; padding-left: 10px; background: url(../images/footer/img_dotline_v_footer.gif) repeat-y left; }
div.footercontent ul.fnavi02 { float: left; width: 87px; margin: 23px 0 0 20px; }
div.footercontent ul.fnavi03 { float: left; width: 172px; margin: 23px 0 0 20px; padding-left: 10px; background: url(../images/footer/img_dotline_v_footer.gif) repeat-y left; }

div.footercontent ul.fnavi01 li,
div.footercontent ul.fnavi02 li,
div.footercontent ul.fnavi03 li {
	padding-left: 15px;
	margin-bottom: 8px;
	font-size: 80%; line-height: 1.3;
	background: url(../images/footer/icon_arrow_footer.gif) no-repeat left 2px;
}
div.footercontent ul.fnavi01 li.end,
div.footercontent ul.fnavi02 li.end,
div.footercontent ul.fnavi03 li.end {
	margin-bottom: 2px;
	padding-left: 15px;
	font-size: 80%; line-height: 1.3;
	background: url(../images/footer/icon_arrow_footer.gif) no-repeat left 3px;
}
div.footercontent ul.fnavi01 li a,
div.footercontent ul.fnavi02 li a,
div.footercontent ul.fnavi03 li a { text-decoration: none; color: #fff; }
div.footercontent ul.fnavi01 li a:hover,
div.footercontent ul.fnavi02 li a:hover,
div.footercontent ul.fnavi03 li a:hover { text-decoration: underline; color: #e54192; }

div.footercontent p.copyright { position: absolute; right: 0px; top: 40px; text-align: right; font-size: 80%; color: #e0e1e2; }


/* ----------------------------------------------------------------
Global Footer ページ下部に固定
---------------------------------------------------------------- */
html,body,div#wrapper,div#container { height: 100%; }

div#wrapper > div#container { height: auto; min-height: 100%; }

div#main { padding-bottom: 108px; }

div#footer {
	position: relative;
	clear: both;
	height: 108px;
	margin-top: -108px;
}

/* ------------------------------------------------------------- */