@charset "utf-8";
/*These CSS could be used in buttons*/


/************************************************************

global menu

************************************************************/
/*list*/
#gmenu_inner ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#gmenu_inner ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
	/*plan*/
	a#plan {
		background: url(../images/gmenu/plan.png) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 200px;
		height: 60px;
		/*padding:10px 0px 0px 10px;*/
		text-align:center;
	}
	a#plan:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#plan span {
		position: relative;
		z-index: -1;
		width:200px;
	}
	/*institution*/
	a#institution {
		background: url(../images/gmenu/institution.png) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 200px;
		height: 60px;
		/*padding:10px 0px 0px 10px;*/
		text-align:center;
	}
	a#institution:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#institution span {
		position: relative;
		z-index: -1;
		width:200px;
	}
	/*flow*/
	a#flow {
		background: url(../images/gmenu/flow.png) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 200px;
		height: 60px;
		/*padding:10px 0px 0px 10px;*/
		text-align:center;
	}
	a#flow:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#flow span {
		position: relative;
		z-index: -1;
		width:200px;
	}
	/*ending_note*/
	a#ending_note {
		background: url(../images/gmenu/ending_note.png) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 200px;
		height: 60px;
		/*padding:10px 0px 0px 10px;*/
		text-align:center;
	}
	a#ending_note:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#ending_note span {
		position: relative;
		z-index: -1;
		width:200px;
	}
	/*faq*/
	a#faq {
		background: url(../images/gmenu/faq.png) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 200px;
		height: 60px;
		/*padding:10px 0px 0px 10px;*/
		text-align:center;
	}
	a#faq:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#faq span {
		position: relative;
		z-index: -1;
		width:200px;
	}
/************************************************************

sub menu

************************************************************/
/*list*/
ul#smenu {
	margin:0px;
	padding:0px;
}
ul#smenu li{
	margin:0px;
	padding:0px;
	list-style:none;
}
	/**********
		plan
	**********/
	/*hana_saidan*/
	a#hana_saidan {
		background: url(../plan/images/smenu/hana_saidan.gif) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 175px;
		height: 50px;
	}
	a#hana_saidan:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#hana_saidan span {
		position: relative;
		z-index: -1;
		width:175px;
	}
	/*shiraki_saidan*/
	a#shiraki_saidan {
		background: url(../plan/images/smenu/shiraki_saidan.gif) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 175px;
		height: 50px;
	}
	a#shiraki_saidan:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#shiraki_saidan span {
		position: relative;
		z-index: -1;
		width:175px;
	}
	/*kazokusou*/
	a#kazokusou {
		background: url(../plan/images/smenu/kazokusou.gif) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 175px;
		height: 50px;
	}
	a#kazokusou:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#kazokusou span {
		position: relative;
		z-index: -1;
		width:175px;
	}
	/*jiinsou*/
	a#jiinsou {
		background: url(../plan/images/smenu/jiinsou.gif) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 175px;
		height: 50px;
	}
	a#jiinsou:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#jiinsou span {
		position: relative;
		z-index: -1;
		width:175px;
	}
	/**********
		institution
	**********/
	/*ceremonyhall_shimotsuma*/
	a#ceremonyhall_shimotsuma {
		background: url(../institution/images/smenu/ceremonyhall_shimotsuma.gif) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 175px;
		height: 50px;
	}
	a#ceremonyhall_shimotsuma:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#ceremonyhall_shimotsuma span {
		position: relative;
		z-index: -1;
		width:175px;
	}
	/*hexahall_kinu*/
	a#hexahall_kinu {
		background: url(../institution/images/smenu/hexahall_kinu.gif) left top no-repeat;
		display: block;
		text-decoration: none;
		width: 175px;
		height: 50px;
	}
	a#hexahall_kinu:hover {
		background-position: left bottom;
		text-decoration: none;
	}
	a#hexahall_kinu span {
		position: relative;
		z-index: -1;
		width:175px;
	}
	
/************************************************************

side banner

************************************************************/
/*side_fbpage*/
a.side_fbpage {
	background: url(../images/button/side_fbpage.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 175px;
	height: 110px;
}
a.side_fbpage:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.side_fbpage span {
	position: relative;
	z-index: -1;
	width:175px;
}

/*side_houji*/
a.side_houji {
	background: url(../images/button/side_houji.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 175px;
	height: 110px;
}
a.side_houji:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.side_houji span {
	position: relative;
	z-index: -1;
	width:175px;
}
/*side_ending_note*/
a.side_ending_note {
	background: url(../images/button/side_ending_note.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 175px;
	height: 110px;
}
a.side_ending_note:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.side_ending_note span {
	position: relative;
	z-index: -1;
	width:175px;
}
/*side_faq*/
a.side_faq {
	background: url(../images/button/side_faq.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 175px;
	height: 110px;
}
a.side_faq:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.side_faq span {
	position: relative;
	z-index: -1;
	width:175px;
}
/*side_kyokabutsu*/
a.side_kyokabutsu {
	background: url(../images/button/side_kyokabutsu.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 175px;
	height: 110px;
}
a.side_kyokabutsu:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.side_kyokabutsu span {
	position: relative;
	z-index: -1;
	width:175px;
}
/*side_plan*/
a.side_flow {
	background: url(../images/button/side_flow.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 175px;
	height: 110px;
}
a.side_flow:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.side_flow span {
	position: relative;
	z-index: -1;
	width:175px;
}
/************************************************************

eyecatch

************************************************************/
/*eyecatch_plan*/
a.eyecatch_plan {
	background: url(../images/button/eyecatch_plan.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 170px;
	height: 95px;
	
	position:absolute;
	top:-150px;
	left:5px;
}
a.eyecatch_plan:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.eyecatch_plan span {
	position: relative;
	z-index: -1;
	width:170px;
}
/*eyecatch_kyokabutsu*/
a.eyecatch_kyokabutsu {
	background: url(../images/button/eyecatch_kyokabutsu.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 170px;
	height: 95px;
	
	position:absolute;
	top:-150px;
	left:185px;
}
a.eyecatch_kyokabutsu:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.eyecatch_kyokabutsu span {
	position: relative;
	z-index: -1;
	width:170px;
}
/************************************************************

plan index

************************************************************/
/*detail_hanasaidan*/
a.detail_hanasaidan {
	background: url(../plan/images/button/detail_hanasaidan.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_hanasaidan:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_hanasaidan span {
	position: relative;
	z-index: -1;
	width:365px;
}
/*detail_shirakisaidan*/
a.detail_shirakisaidan {
	background: url(../plan/images/button/detail_shirakisaidan.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_shirakisaidan:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_shirakisaidan span {
	position: relative;
	z-index: -1;
	width:365px;
}
/*detail_kazokusou*/
a.detail_kazokusou {
	background: url(../plan/images/button/detail_kazokusou.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_kazokusou:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_kazokusou span {
	position: relative;
	z-index: -1;
	width:365px;
}
/*detail_kazokusou*/
a.detail_kazokusou {
	background: url(../plan/images/button/detail_kazokusou.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_kazokusou:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_kazokusou span {
	position: relative;
	z-index: -1;
	width:365px;
}
/*detail_jiinsou*/
a.detail_jiinsou {
	background: url(../plan/images/button/detail_jiinsou.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_jiinsou:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_jiinsou span {
	position: relative;
	z-index: -1;
	width:365px;
}
/************************************************************

institution index

************************************************************/
/*detail_ceremonyhall_shimotsuma*/
a.detail_ceremonyhall_shimotsuma {
	background: url(../institution/images/button/detail_ceremonyhall_shimotsuma.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_ceremonyhall_shimotsuma:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_ceremonyhall_shimotsuma span {
	position: relative;
	z-index: -1;
	width:365px;
}
/*detail_hexahall_kinu*/
a.detail_hexahall_kinu {
	background: url(../institution/images/button/detail_hexahall_kinu.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 365px;
	height: 310px;
}
a.detail_hexahall_kinu:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_hexahall_kinu span {
	position: relative;
	z-index: -1;
	width:365px;
}
/************************************************************

kyokabutsu

************************************************************/
/*kyokabutsu_fax*/
a.kyokabutsu_fax {
	background: url(../kyokabutsu/images/button/kyokabutsu_fax.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 755px;
	height: 137px;
}
a.kyokabutsu_fax:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.kyokabutsu_fax span {
	position: relative;
	z-index: -1;
	width:755px;
}
/*kyokabutsu_chs_fax*/
a.kyokabutsu_chs_fax {
	background: url(../kyokabutsu/images/button/kyokabutsu_chs_fax.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 755px;
	height: 137px;
}
a.kyokabutsu_chs_fax:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.kyokabutsu_chs_fax span {
	position: relative;
	z-index: -1;
	width:755px;
}
/*kyokabutsu_other_fax*/
a.kyokabutsu_other_fax {
	background: url(../kyokabutsu/images/button/kyokabutsu_other_fax.jpg) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 755px;
	height: 137px;
}
a.kyokabutsu_other_fax:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.kyokabutsu_other_fax span {
	position: relative;
	z-index: -1;
	width:755px;
}

/*kyoukabutsu_chs_select*/
a.kyoukabutsu_chs_select {
	background: url(../kyokabutsu/images/button/kyoukabutsu_chs_select.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 380px;
	height: 100px;
}
a.kyoukabutsu_chs_select:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.kyoukabutsu_chs_select span {
	position: relative;
	z-index: -1;
	width:380px;
}
/*kyoukabutsu_other_select*/
a.kyoukabutsu_other_select {
	background: url(../kyokabutsu/images/button/kyoukabutsu_other_select.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 380px;
	height: 100px;
}
a.kyoukabutsu_other_select:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.kyoukabutsu_other_select span {
	position: relative;
	z-index: -1;
	width:380px;
}







/************************************************************

ending_note

************************************************************/
/*all_download*/
a.all_download {
	background: url(../ending_note/images/button/all_download.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 270px;
	height: 295px;
	position:absolute;
	top:130px;
	left:370px;
}
a.all_download:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.all_download span {
	position: relative;
	z-index: -1;
	width:270px;
}
/*biography*/
a.biography {
	background: url(../ending_note/images/button/biography.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.biography:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.biography span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*family*/
a.family {
	background: url(../ending_note/images/button/family.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.family:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.family span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*favorite*/
a.favorite {
	background: url(../ending_note/images/button/favorite.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.favorite:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.favorite span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*message*/
a.message {
	background: url(../ending_note/images/button/message.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.message:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.message span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*personal_relation*/
a.personal_relation {
	background: url(../ending_note/images/button/personal_relation.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.personal_relation:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.personal_relation span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*memories*/
a.memories {
	background: url(../ending_note/images/button/memories.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.memories:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.memories span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*anniversary*/
a.anniversary {
	background: url(../ending_note/images/button/anniversary.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.anniversary:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.anniversary span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*social_relation*/
a.social_relation {
	background: url(../ending_note/images/button/social_relation.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.social_relation:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.social_relation span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*pedigree*/
a.pedigree {
	background: url(../ending_note/images/button/pedigree.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.pedigree:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.pedigree span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*hope_of_funeral*/
a.hope_of_funeral {
	background: url(../ending_note/images/button/hope_of_funeral.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.hope_of_funeral:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.hope_of_funeral span {
	position: relative;
	z-index: -1;
	width:265px;
}
/*hope_of_ending*/
a.hope_of_ending {
	background: url(../ending_note/images/button/hope_of_ending.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 265px;
	height: 205px;
}
a.hope_of_ending:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.hope_of_ending span {
	position: relative;
	z-index: -1;
	width:265px;
}
/************************************************************

others

************************************************************/
/*detail*/
a.detail {
	background: url(../images/button/detail.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 160px;
	height: 40px;
	margin:0px auto;
}
a.detail:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail span {
	position: relative;
	z-index: -1;
	width:160px;
}
/*detail*/
a.detail {
	background: url(../images/button/detail.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 160px;
	height: 40px;
	/*padding:5px;*/
	margin:0px auto;
	text-align:center;
}
a.detail:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail span {
	position: relative;
	z-index: -1;
	width:160px;
}
/*detail_purple*/
a.detail_purple {
	background: url(../images/button/detail_purple.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 160px;
	height: 40px;
	/*padding:5px;*/
	margin:0px auto;
	text-align:center;
}
a.detail_purple:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_purple span {
	position: relative;
	z-index: -1;
	width:160px;
}
/*detail_green*/
a.detail_green {
	background: url(../images/button/detail_green.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 160px;
	height: 40px;
	/*padding:5px;*/
	margin:0px auto;
	text-align:center;
}
a.detail_green:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.detail_green span {
	position: relative;
	z-index: -1;
	width:160px;
}
/*bottom_inquiry*/
a.bottom_inquiry {
	background: url(../images/button/bottom_inquiry.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 785px;
	height: 125px;
	/*padding:10px;*/
	text-align:center;
}
a.bottom_inquiry:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.bottom_inquiry span {
	position: relative;
	z-index: -1;
	width:765px;
}
/*rtt*/
a.rtt {
	background: url(../images/layout/rtt.png) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 105px;
	height: 40px;
	float:right;
}
a.rtt:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.rtt span {
	position: relative;
	z-index: -1;
	width:105px;
}
/*zoom*/
a.zoom {
	background-image: url(../images/common/icon_zoom.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding:0px 0px 0px 20px;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	line-height:100%;
}
	a.zoom span {
		background-image: url(../images/common/icon_tri_plain.gif);
		background-repeat: no-repeat;
		background-position: right center;
		padding:0px 10px 0px 0px;
		margin:0px 5px 0px 0px;
	}