@charset "UTF-8";

body {
	background-color: #FBF7F2;
	background-image: url(../img/bg_top.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	margin: 0px;
	font-size:12px;
	line-height:18px;
	font-family: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS P Gothic, sans-serif";
	color:#333333;
	min-width:980px;
	text-align: center;
}

object { 
	vertical-align:top; 
	outline:none;
}

p, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

img { 
	border:0; 
}

a:link {
	color: #0066CC;
}
a:hover {
	color: #0099FF;
}
a:visited {
	color: #0066CC;
}


#container {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
	width: 910px;
	margin: 0 auto;
	background-image: url(../img/bg_center.gif);
	background-repeat: repeat-y;
}


/* header */
#header {
	width: 910px;
    height: 388px;
	background-image: url(../img/bg_header.jpg);
}

#header-sign {
	width: 439px;
    height: 211px;
	left: -30px;
	top: 0px;
	position: absolute;
	background-image: url(../img/header_sign.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	overflow: hidden;
}

#header-logo {
	width: 335px;
	height: 71px;
	left: 605px;
	top: 0px;
	position: absolute;
}

#header-date {
	width: 335px;
    height: 32px;
	left: 605px;
	top: 71px;
	position: absolute;
}

#btn-blog {
	width: 157px;
    height: 98px;
	left: 657px;
	top: 217px;
	position: absolute;
	z-index: 5;
}

#btn-wheel {
	width: 113px;
    height: 106px;
	left: 814px;
	top: 209px;
	position: absolute;
	background-image: url(../img/header_wheel.jpg);
	background-repeat: no-repeat;
}

#btn-th {
	width: 169px;
    height: 94px;
	left: 766px;
	top: 315px;
	position: absolute;
	z-index: 5;
}

#btn-dvd {
	width: 169px;
    height: 94px;
	left: 766px;
	top: 315px;
	background-image: url(../img/header_godvd_off.jpg);
	position: absolute;
	z-index: 5;
}

#btn-dvd a {
	display:block;
	width: 169px;
    height: 94px;
	background-image: url(../img/header_godvd_off.jpg);
	text-indent: -99999px;
	overflow: hidden;
}

#btn-dvd a:hover, a:active, a:focus {
	background-image: url(../img/header_godvd_on.jpg);
}

#btn01 {
	width: 90px;
    height: 87px;
	left: 5px;
	top: 287px;
	position: absolute;
}

#btn02 {
	width: 85px;
    height: 87px;
	left: 97px;
	top: 287px;
	position: absolute;
}

#btn03 {
	width: 88px;
    height: 87px;
	left: 185px;
	top: 287px;
	position: absolute;
}

#btn04 {
	width: 87px;
    height: 87px;
	left: 276px;
	top: 287px;
	position: absolute;
}

#btn05 {
	width: 87px;
    height: 87px;
	left: 365px;
	top: 287px;
	position: absolute;
}

#btn06 {
	width: 85px;
    height: 87px;
	left: 456px;
	top: 287px;
	position: absolute;
}


/* main contents */
#contents {
	width: 900px;
    height: 984px;
    position: relative;
	margin-left: 5px;
	margin-bottom: 20px;
	background-image: url(../img/bg_story.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

	#contents #sttitle {
		width: 617px;
   		height: 91px;
		left: 220px;
		top: 32px;
		position: absolute;
		background-image: url(../img/title_story.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt01 {
		width: 118px;
   		height: 23px;
		left: 348px;
		top: 143px;
		position: absolute;
		background-image: url(../img/story_txt01.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt02 {
		width: 223px;
   		height: 21px;
		left: 348px;
		top: 193px;
		position: absolute;
		background-image: url(../img/story_txt02.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt03 {
		width: 295px;
   		height: 24px;
		left: 348px;
		top: 214px;
		position: absolute;
		background-image: url(../img/story_txt03.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt04 {
		width: 318px;
   		height: 25px;
		left: 348px;
		top: 238px;
		position: absolute;
		background-image: url(../img/story_txt04.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt05 {
		width: 235px;
   		height: 24px;
		left: 348px;
		top: 263px;
		position: absolute;
		background-image: url(../img/story_txt05.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt06 {
		width: 309px;
   		height: 24px;
		left: 348px;
		top: 287px;
		position: absolute;
		background-image: url(../img/story_txt06.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt07 {
		width: 249px;
   		height: 27px;
		left: 348px;
		top: 311px;
		position: absolute;
		background-image: url(../img/story_txt07.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt08 {
		width: 227px;
   		height: 28px;
		left: 348px;
		top: 384px;
		position: absolute;
		background-image: url(../img/story_txt08.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt09 {
		width: 227px;
   		height: 23px;
		left: 348px;
		top: 412px;
		position: absolute;
		background-image: url(../img/story_txt09.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt10 {
		width: 291px;
   		height: 24px;
		left: 348px;
		top: 435px;
		position: absolute;
		background-image: url(../img/story_txt10.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt11 {
		width: 413px;
   		height: 24px;
		left: 348px;
		top: 459px;
		position: absolute;
		background-image: url(../img/story_txt11.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt12 {
		width: 511px;
   		height: 24px;
		left: 348px;
		top: 483px;
		position: absolute;
		background-image: url(../img/story_txt12.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt13 {
		width: 256px;
   		height: 23px;
		left: 348px;
		top: 507px;
		position: absolute;
		background-image: url(../img/story_txt13.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt14 {
		width: 256px;
   		height: 25px;
		left: 348px;
		top: 530px;
		position: absolute;
		background-image: url(../img/story_txt14.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt15 {
		width: 291px;
   		height: 22px;
		left: 348px;
		top: 555px;
		position: absolute;
		background-image: url(../img/story_txt15.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt16 {
		width: 391px;
   		height: 28px;
		left: 348px;
		top: 577px;
		position: absolute;
		background-image: url(../img/story_txt16.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt17 {
		width: 344px;
   		height: 23px;
		left: 69px;
		top: 676px;
		position: absolute;
		background-image: url(../img/story_txt17.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt18 {
		width: 302px;
   		height: 24px;
		left: 69px;
		top: 699px;
		position: absolute;
		background-image: url(../img/story_txt18.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt19 {
		width: 191px;
   		height: 24px;
		left: 69px;
		top: 723px;
		position: absolute;
		background-image: url(../img/story_txt19.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt20 {
		width: 191px;
   		height: 23px;
		left: 69px;
		top: 747px;
		position: absolute;
		background-image: url(../img/story_txt20.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt21 {
		width: 207px;
   		height: 25px;
		left: 69px;
		top: 770px;
		position: absolute;
		background-image: url(../img/story_txt21.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt22 {
		width: 366px;
   		height: 25px;
		left: 69px;
		top: 795px;
		position: absolute;
		background-image: url(../img/story_txt22.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt23 {
		width: 256px;
   		height: 23px;
		left: 69px;
		top: 820px;
		position: absolute;
		background-image: url(../img/story_txt23.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt24 {
		width: 358px;
   		height: 28px;
		left: 69px;
		top: 843px;
		position: absolute;
		background-image: url(../img/story_txt24.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}

	#contents #txt25 {
		width: 316px;
   		height: 28px;
		left: 69px;
		top: 871px;
		position: absolute;
		background-image: url(../img/story_txt25.jpg);
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
	}




/* footer */
#footer {
	width: 910px;
	min-height: 117px;
	padding:0px 0px 5px 0px;
	background: #270901; 
	background-image: url(../img/footer_wood2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size:10px;
	color: #FFFFFF;
	text-align: center;
    bottom: 0;   
}