@charset "utf-8";
@import url(default.css);
/*
	div#wrapper: font-size: 108% 14px
	10px:	71% (1.08 x 0.712 = 77%)
	11px:	79% (1.08 x 0.787 = 85%)
	12px:	86% (1.08 x 0.861 = 93%)
	13px:	93% (1.08 x 0.9258 = 100%)
	15px:	107% (1.08 x 1.074 = 116%)
	16px:	114% (1.08 x 1.1398 = 123.1%)
	24px:	168.5% (1.08 x 1.685 = 182%)
	http://developer.yahoo.com/yui/fonts/
*/

html {
	background-color: #000;
}
body {
	background: #fff url(../images/about/bg_wrap.jpg) 0px 80px repeat-x;
	color: #000;
	line-height: 1.6;
}
body.memorial {
	background-image: url(../images/memorial/bg_body.jpg);
}
body.catering {
	background-image: url(../images/catering/bg_body.jpg);
}
body.banquet {
	background-image: url(../images/banquet/bg_body.jpg);
}
a:link {
	color: #c00;
}
a:visited {
	color: #96c;
}
a:hover {
	color: #c00;
	text-decoration: none;
	outline-style: none;
}


div#head {
	position: relative;
	width: 850px;
	margin: 0 auto;
	padding-top: 26px;
	padding-bottom: 20px;
}
div#head p {
	font-size: 85%; /* (10px) */
}
div#head p img {
	margin-right: 10px;
	vertical-align: middle;
}
div#head span {
	position: absolute;
	right: 0px;
	top: 26px;
}
div#head span img {
	margin-left: 8px;
}
div#wrapper {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding-left: 10px;
	background: #fff url(../images/about/bg_wrap.jpg) 0px 0px repeat-x;
	color: #000;
	font-size: 108%;
}
body.memorial div#wrapper,
body.catering div#wrapper,
body.banquet div#wrapper {
	background-image: url(../images/memorial/bg_wrap.jpg);
}
ul#gnavi {
	width: 860px;
	height: 40px;
	padding-top: 11px;
}
ul#gnavi li,
ul#gnavi li a {
	display: inline;
	float: left;
	width: 212px;
	height: 40px;
}
ul#gnavi li.n2,
ul#gnavi li.n2 a,
ul#gnavi li.n4,
ul#gnavi li.n4 a {
	width: 213px;
}
ul#gnavi li a {
	background: url(../images/common/nb.jpg) no-repeat;
}
ul#gnavi li.n2 a {
	background-position: -212px 0px;
}
ul#gnavi li.n3 a {
	background-position: -425px 0px;
}
ul#gnavi li.n4 a {
	background-position: -637px 0px;
}
ul#gnavi li a:hover {
	background-color: #fff;
	color: #000;
}
ul#gnavi li a:hover img,
body.about ul#gnavi li.n1 a img,
body.memorial ul#gnavi li.n2 a img,
body.catering ul#gnavi li.n3 a img,
body.banquet ul#gnavi li.n4 a img {
	visibility: hidden;
}

div#contents {
	width: 850px;
	padding-top: 20px;
	overflow: hidden;
}
div#main,
div#sub {
	margin-top: 20px;
}
div#main {
	position: relative;
	display: inline;
	float: left;
	width: 100%;
	margin-right: -230px;
}
div#main div.section,
div#main p,
div#main h2 {
	width: 600px;
}

div#main div.trace {
	width: 600px;
	border-bottom: dashed 1px #666;
	font-size: 86%;
}

div#main table {
	width: 598px;
	margin-left: 1px;
}
div#main table th {
	background-color: #ddd;
	font-weight:bold;
	text-align: center;
}
div#main table,
div#main table td,
div#main table th {
	border: solid 1px #ccc;
}
div#main table tr.odd td {
	background-color: #eee;
}


/* =============================
	div#sub
*/
div#sub {
	position: relative;
	display: inline;
	float: left;
	width: 200px;
	padding: 15px 15px 30px;
	background-color: #000;
	color: #fff;
	z-index: 2;
}
body.memorial div#sub {
	background-color: #030;
}
body.catering div#sub {
	background-color: #9f4000;
}
body.banquet div#sub {
	background-color: #604a00;
}
div#sub ul li a {
	display: block;
	width: 180px;
	height: 35px;
	padding-left: 20px;
	padding-bottom: 1px;
	border-bottom: solid 1px #333;
	background: url(../images/sub/arw.jpg) 1px 13px no-repeat;
	line-height: 35px;
}
body.memorial div#sub ul li a {
	border-bottom-color: #355b32;
	background-image: url(../images/memorial/arw.jpg);
}
body.catering div#sub ul li a {
	border-bottom-color: #b06635;
	background-image: url(../images/catering/arw.jpg);
}
body.banquet div#sub ul li a {
	border-bottom-color: #816e34;
	background-image: url(../images/banquet/arw.jpg);
}
div#sub ul li.here a:link,
div#sub ul li.here a:visited,
div#sub ul li.here a:hover {
	color: #ff0;
	font-weight: bold;
}
div#sub ul li.list {
	width: 200px;
	padding-left: 0px;
}
div#sub ul li ul {
	margin-top: 1px;
}
div#sub ul li ul li a {
	height: 23px;
	border-bottom-style: none;
	font-size: 86%;
	line-height: 23px;
}
body.memorial div#sub ul li ul li a {
	background: url(../images/memorial/sub_list.jpg) 0px 0px no-repeat;
}
body.catering div#sub ul li ul li a {
	background: url(../images/catering/sub_list.jpg) 0px 0px no-repeat;
}
body.banquet div#sub ul li ul li a {
	background: url(../images/banquet/sub_list.jpg) 0px 0px no-repeat;
}
div#sub ul li a:link,
div#sub ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div#sub ul li a:hover {
	color: #c00;
	font-weight: bold;
}
body.memorial div#sub ul li a:hover,
body.catering div#sub ul li a:hover,
body.banquet div#sub ul li a:hover {
	color: #ff0;
}
div#sub div {
	margin-top: 6px;
	padding-top: 12px;
	padding-bottom: 10px;
	background: #000 url(../images/sub/bg_gray.jpg) top left repeat-x;
}
body.memorial div#sub div {
	background-image: url(../images/memorial/bg_gray.jpg);
}
body.catering div#sub div {
	background-image: url(../images/catering/bg_gray.jpg);
}
body.banquet div#sub div {
	background-image: url(../images/banquet/bg_gray.jpg);
}
div#sub div img {
	display: block;
	margin: 0 auto;
}
div#sub div a img {
	margin-top: 8px;
}
div#sub div p {
	width: 180px;
	margin: 10px auto;
	font-size: 86%;
}
div#sub a.ban {
	display: block;
	width: 190px;
	margin: 10px auto;
}


div.refresh {
	clear: both;
	width: 850px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: right;
}
div#foot {
	width: 100%;
	padding-top: 20px;
	background-color: #000;
	color: #fff;
}
div.footContent {
	position: relative;
	width: 850px;
	margin: 0 auto;
}
div.footContent img {
	position: absolute;
	top: 10px;
}
div.footContent p {
	padding-left: 146px;
}
div.footContent p.p1,
div.footContent p.p3 {
	font-size: 85%;
}
div.footContent p.p2 {
	font-size: 93%;
}
div.footContent p.p2 strong {
	font-size: 107.5%;
}
div.footContent p.p3 {
	background-color: #000;
	color: #999;
}


/* =================================
	top
*/

body#top.about div#main h1 {
	position: absolute;
	top: 18px;
}
body#top.about div#main p {
	width: 480px;
	padding-left: 120px;
}
body#top.about div#main p img {
	margin-bottom: 18px;
}
body#top.about div#main ul {
	width: 620px;
	margin-top: 20px;
	margin-bottom: 40px;
	overflow: hidden;
}
body#top.about div#main ul li {
	display: inline;
	float: left;
	width: 190px;
	margin-right: 14px;
}
body#top.about div#main ul li img {
	margin-bottom: 8px;
}
body#top.about div#main dl {
	width: 600px;
	margin-top: 8px;
}
body#top.about div#main dl dt {
	font-size: 86%;
}
body#top.about div#main dl dd {
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #ccc;
}
body#top.about div#main dl dd.list {
	padding-top: 4px;
	border-bottom-style: none;
	text-align: right;
}



/* ================================
	memorial
*/
body.memorial div#main.index {
	background: url(../images/memorial/bg_main.jpg) no-repeat;
}
body.menuTop div#main div.section {
	margin-top: 12px;
	background: url(../images/memorial/bg_menu.jpg) no-repeat;
}
body.price div#main div.section {
	margin-top: 12px;
	background: url(../images/memorial/bg_price.jpg) no-repeat;
}
body.room div#main div.section {
	margin-top: 12px;
	background: url(../images/memorial/bg_room.jpg) no-repeat;
}
body.menuTop div#main div.section img,
body.price div#main div.section img,
body.room div#main div.section img {
	margin-bottom: 2em;
}
body.menuTop div#main div.section p,
body.price div#main div.section p,
body.room div#main div.section p {
	padding-bottom: 36px;
}
body.memorial div#main h1,
body.catering div#main h1,
body.banquet div#main h1 {
	width: 600px;
	text-align: right;
}
body.memorial.menu div#main h1,
body.catering.menu div#main h1,
body.banquet.menu div#main h1 {
	width: 576px;
	height: 60px;
	margin-top: 12px;
	padding-top: 0px;
	padding-left: 24px;
	background: url(../images/memorial/tab.jpg) no-repeat;
	color: #fff;
	font-size: 168.5%;
	font-weight: bold;
	text-align: left;
	line-height: 60px;
}
body.catering.menu div#main.cat h1 {
	padding-top: 0px;
	background-image: url(../images/catering/tab.jpg)
}
body.banquet.menu div#main.ban h1 {
	padding-top: 0px;
	background-image: url(../images/banquet/tab.jpg)
}
body.memorial div#main p,
body.catering div#main p,
body.banquet div#main p {
	width: 410px;
	padding-left: 190px;
	padding-top: 18px;
}
body.menu div#main p {
	padding-bottom: 12px;
}
body.memorial.menu div#main p,
body.catering.menu div#main p,
body.banquet.menu div#main p {
	width:600px;
	padding-left: 0px;
	padding-top: 8px;
}
body.memorial div#main h2,
body.catering div#main h2,
body.banquet div#main h2 {
	clear: both;
	width: 580px;
	height: 35px;
	margin-top: 20px;
	padding-left: 20px;
	background: #000 url(../images/memorial/bar.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 114%;
	line-height: 35px;
}
body.memorial.menu div#main h2,
body.memorial div#main h2.etc_m {
	background-image: url(../images/memorial/bar2.jpg);
}
body.menu div#main h2.child {
	background: #fff url(../images/memorial/bar3.jpg) no-repeat;
	color: #000;
}
body.memorial div#main ul,
body.catering div#main ul,
body.banquet div#main ul {
	width: 620px;
	margin-top: 12px;
	overflow: hidden;
}
body.menu div#main ul {
	padding-bottom: 12px;
}

body.memorial div#main ul li,
body.catering div#main ul li,
body.banquet div#main ul li {
	display: inline;
	float: left;
	width: 140px;
	margin-right: 13px;
	text-align: center;
}
body.memorial.menu div#main ul li,
body.catering.menu div#main ul li,
body.banquet.menu div#main ul li {
	width: 290px;
	text-align: left;
}
body.memorial.menu div#main ul.tri li,
body.catering.menu div#main ul.tri li,
body.banquet.menu div#main ul.tri li {
	width: 190px;
	margin-right: 10px;
	text-align: left;
}
body.memorial div#main ul li img,
body.catering div#main ul li img,
body.banquet div#main ul li img {
	margin-bottom: 8px;
}
body.memorial.menu div#main p.sidemenu,
body.catering.menu div#main p.sidemenu,
body.banquet.menu div#main p.sidemenu {
	width: 582px;
	margin-top: 24px;
	padding: 8px;
	border: solid 1px #666;
}

div#main ul li table {
	width: 288px;
	margin-bottom: 6px;
	margin-left: 1px;
	border-bottom-style: none;
	font-size: 86%;
}
div#main ul li table td {
	padding: 4px;
	border-style: none;
	border-bottom: solid 1px #ccc;
}

body.menuTop div.item {
	padding-top: 16px;
	overflow: hidden;
}
body.menuTop div.item img {
	display: inline;
	float: left;
	margin-right: 20px;
}
body.menuTop div#main div.item p {
	display: inline;
	float: left;
	width: 440px;
	padding-top: 0;
	padding-left: 0;
}

body.menu div#main div.kai {
	width: 600px;
	margin-top: 12px;
	padding-bottom: 18px;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
body.menu div#main div.kai img,
body.menu div#main div.kai p,
body.menu div#main div.kai ul {
	display: inline;
	float: left;
	width: 290px;
}
body.menu div#main div.kai img {
	margin-right: 20px;
}
body.menu div#main div.kai p {
	padding-top: 0px;
}
body.menu div#main div.kai ul li {
	display: block;
	float: none;
	width: 290px;
	text-align: left;
}

body.price div#main table {
	margin-top: 10px;
}
body.price div#main table th {
	padding: 3px;
	font-size: 86%;
}
body.price div#main table td {
	padding: 6px 9px;
}
body.price div#main table td.pri {
	text-align: center;
}
body.price div#main table td.w {
	width: 6em;
}
body.price div#main table td.r {
	padding-right: 1.3em;
	text-align: right;
}

body.room div#main div.hiroma {
	padding-top: 10px;
}
body.room div#main div.hiroma img {
	margin: 6px 18px 24px 0;
}
body.room div#main p.bus {
	width: 600px;
	padding-left: 0;
	overflow: hidden;
}
body.room div#main p.bus img {
	float: right;
	margin-left: 16px;
}
body.room div#main p.bus img.map,
body.room div#main p.bus span img {
	float: none;
	margin-top: 16px;
	margin-bottom: 6px;
	margin-left: 0;
}
body.room div#main p.deli strong {
	display: block;
	padding-top: 16px;
}
body.room div#main div.book {
	width: 600px;
	text-align: center;
}
body.room div#main div.book p {
	width: 316px;
	margin: 8px auto;
	padding: 16px 170px 20px 16px;
	border: solid 1px #ccc;
	text-align: left;
}
body.room div#main div.book p img {
	margin-bottom: 12px;
}
body.room div#main div.book p.b1 {
	background: url(../images/memorial/bg_b1.jpg) 340px 10px no-repeat;
}
body.room div#main div.book p.b2 {
	height: 116px;
	background: url(../images/memorial/bg_b2.jpg) 340px 12px no-repeat;
}
body.room div#main div.book p.b3 {
	background: url(../images/memorial/bg_b3.jpg) 340px 14px no-repeat;
}
	


/* ============================
	catering
*/
body.catering div#main.index {
	background: url(../images/catering/bg_main.jpg) no-repeat;
}
body.catering div#main h1 {
	padding-top: 12px;
}
body.catering div#main h2 {
	background-image: url(../images/catering/bar.jpg);
}
body.catering.menu div#main h2,
body.catering div#main.cat h2.etc_c {
	background-image: url(../images/catering/bar2.jpg);
}


/* ============================
	banquet
*/
body.banquet div#main.index {
	background: url(../images/banquet/bg_main.jpg) no-repeat;
}
body.banquet div#main h1 {
	padding-top: 6px;
}
body.banquet div#main h2 {
	background-image: url(../images/banquet/bar.jpg);
	background-color: #ffc;
	color: #000;
}
body.banquet.menu div#main h2,
body.banquet div#main.ban h2.etc_b {
	background-image: url(../images/banquet/bar2.jpg);
}
body.banquet div#main.index div.section {
	width: 600px;
	overflow: hidden;
}
body.banquet div#main.index div.section img {
	display: inline;
	float: left;
	margin-top: 18px;
	margin-right: 14px;
}
body.banquet div#main.index div.section p {
	display: inline;
	float: left;
	width: 250px;
	padding-left: 0;
}


/* ====================================
	about
*/
body.about div#main div.trace {
	margin-bottom: 16px;
}
body.about div#main table td {
	padding: 4px 8px;
	vertical-align: top;
}
body.about div#main h2.etc_a  {
	clear: both;
	width: 580px;
	height: 35px;
	margin-top: 20px;
	margin-bottom: 16px;
	padding-left: 20px;
	background: #000 url(../images/memorial/bar2.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 114%;
	line-height: 35px;
}

body#top.about div#main p.backInfo {
	width: 600px;
	margin-top:  12px;
	padding-top: 4px;
	padding-left: 0px;
	border-top: solid 2px #ccc;
	text-align: right;
}
body.about div#main div.topicItem {
	width: 600px;
	padding-bottom: 18px;
}
body.about div#main div.topicItem p.day {
	font-size: 86%;
	text-align: right;
}
body#top.about div#main div.topicItem p {
	width: 600px;
	padding-left: 0;
}
body.about div#main div.topicItem h2 {
	width: 580px;
	margin: 6px 0 16px;
	padding: 10px;
	background-color: #ccc;
	color: #000;
	font-weight: bold;
}

body.about div#main div.serv {
	width: 600px;
	height: 324px;
	background: #000 url(../images/service/bg.jpg) no-repeat;
}
body.about div#main div.serv p {
	width: 480px;
	margin-left: 30px;
	padding-top: 100px;
	color: #fff;
	line-height: 2;
}
body.about div#main p.pride {
	padding-top: 36px;
	padding-bottom: 36px;
}
body.about div#main div.section {
	padding-bottom: 24px;
}
body.about div#main div.section h2 {
	margin-bottom: 10px;
}
body.about div#main div.section p {
	padding-bottom: 8px;
}



/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* */