@charset "UTF-8";
/* CSS Document */

.webBox{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 150%;
}

#historyMainImg{
	width:681px;
	height:151px;
	margin:0px auto 6px auto;
}

#historyMainImg p{
	background-image:url(../../story/history_main_img.jpg);
	background-repeat:no-repeat;
	width:681px;
	height:151px;
	text-indent:-9999px;
}

#historyTitle01{
	background-image:url(../../story/history_title01.jpg);
	background-repeat:no-repeat;
	width:684px;
	height:42px;
	text-indent:-9999px;
	margin:0px 0px 4px 0px;
}

.historyBoxWrap{
	width:677px;
	margin:0px auto;
}

.historyBoxTop{
	background-image:url(../../story/history_box_top.jpg);
	background-repeat:no-repeat;
	width:677px;
	height:2px;
}

.historyBoxBtm{
	background-image:url(../../story/history_box_btm.jpg);
	background-repeat:no-repeat;
	width:677px;
	height:2px;
}

#historyBoxBg{
	background-image:url(../../story/history_box_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:643px;
	border-left:solid 1px #EFEFEF;
	border-Right:solid 1px #EFEFEF;
	padding:12px 16px 0px 16px;
}

#historyBoxLeft{
	width:138px;
	float:left;
}

#historyBoxRight{
	width:490px;
	float:right;
}

#historyBoxRight p{
	font-size:12px;
	color:#634B4C;
	line-height:150%;
	padding:0px 0px 12px 0px;
}

#historyTitle02{
	background-image:url(../../story/history_title02.jpg);
	background-repeat:no-repeat;
	width:684px;
	height:42px;
	text-indent:-9999px;
	margin:8px 0px 4px 0px;
}

#historyBoxBg02{
	background-image:url(../../story/history_box_bg02.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:649px;
	border-left:solid 1px #EFEFEF;
	border-Right:solid 1px #EFEFEF;
	padding:12px 13px 0px 13px;
}

#historyBoxBg02Top{
	width:649px;
	margin:0px 0px 10px 0px;
}

#historyBoxBg02TopImg{
	width:177px;
	float:left;
}

#historyBoxBg02TopText{
	width:457px;
	float:right;
}

#historyBoxBg02TopText p{
	font-size:12px;
	color:#634B4C;
	line-height:150%;
	padding:0px 0px 12px 0px;
}

#historyBoxBg02Btm{
	width:649px;
}

#historyBoxBg02BtmText{
	width:460px;
	float:left;
}

#historyBoxBg02BtmText p{
	font-size:12px;
	color:#634B4C;
	line-height:150%;
	padding:0px 0px 12px 0px;
}

#historyBoxBg02BtmImg{
	width:161px;
	float:right;
}

#historyMeaningBox{
	background-image:url(../../story/history_meaning_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 43px;
	width:677px;
	height:588px;
	margin:19px auto 20px auto;
	position:relative;
}

#historyMeaningTitle{
	width:677px;
	height:81px;
	position:absolute;
	top:-21px;
	left:0px;
}

#historyMeaningTitle p{
	background-image:url(../../story/history_meaning_title.jpg);
	background-repeat:no-repeat;
	width:677px;
	height:81px;
	text-indent:-9999px;
}

#historyMeaningImg01{
	width:163px;
	height:153px;
	position:absolute;
	top:70px;
	left:34px;
}

#historyMeaninguSubtit01{
	width:452px;
	height:21px;
	position:absolute;
	top:58px;
	right:1px;
}

#historyMeaninguSubtit01 p{
	background-image:url(../../story/history_meaning_subtitle01.jpg);
	background-repeat:no-repeat;
	width:452px;
	height:21px;
	text-indent:-9999px;
}

#historyMeaninguText01{
	width:432px;
	font-size:12px;
	color:#634B4C;
	line-height:140%;
	padding:0px 20px 0px 0px;
	position:absolute;
	top:89px;
	right:1px;
}

#historyMeaningImg02{
	width:173px;
	height:127px;
	position:absolute;
	top:248px;
	left:28px;
}

#historyMeaninguSubtit02{
	width:452px;
	height:21px;
	position:absolute;
	top:237px;
	right:1px;
}

#historyMeaninguSubtit02 p{
	background-image:url(../../story/history_meaning_subtitle02.jpg);
	background-repeat:no-repeat;
	width:452px;
	height:21px;
	text-indent:-9999px;
}

#historyMeaninguText02{
	width:432px;
	font-size:12px;
	color:#634B4C;
	line-height:140%;
	padding:0px 20px 0px 0px;
	position:absolute;
	top:268px;
	right:1px;
}

#historyMeaningImg03{
	width:162px;
	height:134px;
	position:absolute;
	top:432px;
	left:28px;
}

#historyMeaninguSubtit03{
	width:452px;
	height:21px;
	position:absolute;
	top:422px;
	right:1px;
}

#historyMeaninguSubtit03 p{
	background-image:url(../../story/history_meaning_subtitle03.jpg);
	background-repeat:no-repeat;
	width:452px;
	height:21px;
	text-indent:-9999px;
}

#historyMeaninguText03{
	width:432px;
	font-size:12px;
	color:#634B4C;
	line-height:140%;
	padding:0px 20px 0px 0px;
	position:absolute;
	top:453px;
	right:1px;
}

#historyBtnBox{
	width:460px;
	margin:0px 0px 0px 2px;
}

#btnStory{
	width:220px;
	height:50px;
	float:left;
}

#btnStory a{
	background-image:url(../../story/btn_story.jpg);
	background-repeat:no-repeat;
	display:block;
	width:220px;
	height:50px;
	text-indent:-9999px;
}

#btnStory a:hover{
	background-position:0px -50px;
}

#btnWord{
	width:220px;
	height:50px;
	float:right;
}

#btnWord a{
	background-image:url(../../story/btn_word.jpg);
	background-repeat:no-repeat;
	display:block;
	width:220px;
	height:50px;
	text-indent:-9999px;
}

#btnWord a:hover{
	background-position:0px -50px;
}