h2{
	margin: 0;
	padding: 0;
}
h3{
	margin: 0 0 8px 0;
	padding: 0;
}
#type{
	background: url(../common/img/bg7.gif) repeat-y;
}

#type p#h2txt{
	margin: 15px 0;
	padding: 0 17px;
	line-height: 150%;
}

#type p#hokkaido{
	margin: 0;
	padding: 0 0 0 17px;
	width: 449px;
	float: left;
}
#type ul{
	margin: 0;
	padding: 0;
	width: 161px;
	float: left;
}
#areaMenu1{
	width: 161px;
	height:49px;
}
#areaMenu1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu1.gif) no-repeat;
}
#areaMenu1 a:hover{
	background-position: 0 -49px;
}
#areaMenu2{
	width: 161px;
	height:49px;
}
#areaMenu2 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu2.gif) no-repeat;
}
#areaMenu2 a:hover{
	background-position: 0 -49px;
}
#areaMenu3{
	width: 161px;
	height:49px;
}
#areaMenu3 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu3.gif) no-repeat;
}
#areaMenu3 a:hover{
	background-position: 0 -49px;
}
#areaMenu4{
	width: 161px;
	height:49px;
}
#areaMenu4 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu4.gif) no-repeat;
}
#areaMenu4 a:hover{
	background-position: 0 -49px;
}
#areaMenu5{
	width: 161px;
	height:49px;
}
#areaMenu5 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu5.gif) no-repeat;
}
#areaMenu5 a:hover{
	background-position: 0 -49px;
}
#areaMenu6{
	width: 161px;
	height:49px;
}
#areaMenu6 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu6.gif) no-repeat;
}
#areaMenu6 a:hover{
	background-position: 0 -49px;
}
#areaMenu7{
	width: 161px;
	height:48px;
}
#areaMenu7 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	background: url(img/areaMenu7.gif) no-repeat;
}
#areaMenu7 a:hover{
	background-position: 0 -48px;
}
#typeMenu{
	margin: 0 0 14px 0;
	padding: 40px 0 0 11px;
	width: 229px;
	height: 289px;
	background: url(img/type_menu.gif) no-repeat;
}
#typeMenu #menu1 a{
	display: block;
	width: 208px;
	height: 39px;
	background: url(img/typeMenu1.gif) no-repeat;
}
#typeMenu #menu1 a:hover{
	background-position: 0 -39px;
}
#typeMenu #menu1sel a{
	display: block;
	width: 208px;
	height: 39px;
	background: url(img/typeMenu1.gif) no-repeat 0 -39px;
}
#typeMenu #menu2 a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu2.gif) no-repeat;
}
#typeMenu #menu2 a:hover{
	background-position: 0 -40px;
}
#typeMenu #menu2sel a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu2.gif) no-repeat 0 -40px;
}
#typeMenu #menu3 a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu3.gif) no-repeat;
}
#typeMenu #menu3 a:hover{
	background-position: 0 -40px;
}
#typeMenu #menu3sel a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu3.gif) no-repeat 0 -40px;
}
#typeMenu #menu4 a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu4.gif) no-repeat;
}
#typeMenu #menu4 a:hover{
	background-position: 0 -40px;
}
#typeMenu #menu4sel a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu4.gif) no-repeat 0 -40px;
}
#typeMenu #menu5 a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu5.gif) no-repeat;
}
#typeMenu #menu5 a:hover{
	background-position: 0 -40px;
}
#typeMenu #menu5sel a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu5.gif) no-repeat 0 -40px;
}
#typeMenu #menu6 a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu6.gif) no-repeat;
}
#typeMenu #menu6 a:hover{
	background-position: 0 -40px;
}
#typeMenu #menu6sel a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu6.gif) no-repeat 0 -40px;
}
#typeMenu #menu7 a{
	display: block;
	width: 208px;
	height: 40px;
	background: url(img/typeMenu7.gif) no-repeat;
}
#typeMenu #menu7 a:hover{
	background-position: 0 -40px;
}
#typeMenu #menu7sel a{
	display: block;
	width: 208px;
	height: 39px;
	background: url(img/typeMenu7.gif) no-repeat 0 -40px;
}
#finMenu{
	margin: 0 0 14px 0;
	padding: 40px 0 0 11px;
	width: 229px;
	height: 50px;
	background: url(img/finished_menu.gif) no-repeat;
}
#finMenu #menu_oishisa a{
	display: block;
	width: 209px;
	height: 41px;
	background: url(img/finMenu_oishisa.gif) no-repeat;
}
#finMenu #menu_oishisa a:hover{
	background-position: 0 -41px;
}
#finMenu #menu_oishisasel a{
	display: block;
	width: 209px;
	height: 41px;
	background: url(img/finMenu_oishisa.gif) no-repeat 0 -41px;
}


.recMaterials{
	margin: 14px 0 0 0;
	width: 298px;
	float: left;
}
.recMaterials p{
	margin: 0 0 15px 0;
}
.recMaterials p#bottom{
	margin: 0;
}
.recImg{
	margin: 14px 0 0 0;
	padding: 0 0 0 17px;
	width: 312px;
	float: left;
}


#charaImg{
	padding: 0 0 24px 0;
	width: 644px;
	height: 417px;
	background: #fff url(img/chara_img.jpg) no-repeat;
	text-indent:-9999px;
}
#wp{
	margin: 0 0 0 3px;
}
#wp dl{
	margin: 14px 0 0 0;
	padding: 0 0 0 14px;
	float: left;
	width: 298px;
}
#wp dt{
	margin: 0;
	padding: 0;
	height: 165px;
}
#wp dd{
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 150%;
}

.border-turquoise {
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #8acdbb;
	border-right-color: #8acdbb;
	border-bottom-color: #8acdbb;
	border-left-color: #8acdbb;
	background-color: #fdfcee;
	width: 638px;
}.border-turquoise .left {
	width: 295px;
	float: left;
	padding-left: 14px;
}

.border-turquoise .right {
	float: right;
	padding-right: 14px;
	width: 295px;
}
.border-turquoise .shichi_txt {
	padding-top: 5px;
	padding-bottom: 25px;
	height: 5em;
}