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

/*　ブラウザのデフォルトスタイルを初期化
----------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W4", "ヒラギノ角ゴ Std", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif; 
	font-size: 14px;
	line-height: 1.6;
	font-weight: normal;
	color: #333333;
}

/*　初期値
----------------------------------------------*/
body {
     margin: 0px;
     padding: 0px;
	 text-align: center;
	 border-top: 2px solid #ff4a4a;
	 background-image: url(../images/bg-body.jpg);
}
#wrapper {
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	width: 860px;
	padding: 0 23px;
	text-align: left;
}
#contents-left {
	width: 640px;
	float: left;
}
#contents-right {
	width: 204px;
	float: right;
	padding: 13px 0 0 0;
}
strong {
	text-decoration: none;
	font-size: 1.0em;
}
p {
	font-weight: normal;
}
a {
	color: #ff4a4a;
	font-size: 1.0em;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
} 
img{
	border: 0;
	margin: 0;
	vertical-align: bottom;
}
ul li {
	list-style: none;
}
table {
    border-collapse: collapse;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.bold {
	font-weight: bold;
}
.block {
	display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.margin-bottom_10px {
	margin-bottom: 10px;
}

.margin-bottom_20px {
	margin-bottom: 20px;
}
.margin-top_10px {
	margin-top: 10px;
}
.stay img {
	visibility: hidden;
}
.margin_5px_0 {
	margin: 5px 0;
}
.margin-left_15px {
	margin-left: 15px;
}
.red {
	background-color: #fcf0f0;
}
.gray {
	background-color: #eeeeee;
}
.white {
	background-color: #ffffff;
}

/*　ヘッダー
----------------------------------------------*/
#header {
	height: 90px;
	padding: 20px 0 0 0;
	position: relative;
}
#logo img {
	margin: 0px 30px 0 0;
}
#tel {
	margin: 0 0 0 21px;
}
#area {
	margin: 20px 0 0 45px;
}
#header h1 {
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 10px;
	color: #999999;
}
#header h1 a {
 	color: #999999;
}

/*　フッター
----------------------------------------------*/
#footer {
	border-top: 2px solid #ff4a4a;
	height: 50px;
	margin: 30px 0 0 0;
	padding: 0 0 20px 0;
}	

/*　トップページ
----------------------------------------------*/
#key {
	background-image:url(../images/key.jpg);
	width: 860px;
	height: 362px;
	position: relative;
}
#key-price {
	position: absolute;
	top: 12px;
	left: 16px;
}
#top-buttons {
	float: right;
	width: 204px;
}
#top-buttons a, #global a, #examples a, .price a, .price2 a, #key {
  display: block;
}
#top-buttons li a:hover, #global li a:hover, #examples li a:hover, .price li a:hover, .price2 li a:hover, #key a:hover {
  background-color: transparent;
}
#top-buttons li a:hover img, #global li a:hover img, #examples li a:hover img, .price li a:hover img, .price2 li a:hover img, #key a:hover img {
  visibility: hidden;
}
#global {
	background-image: url(../images/bg-examples.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 43px 14px 0 14px;
	width: 612px;
	height: 520px;
}
#global li {
	float: left;
	margin-bottom: 12px;
}
#g1 {
	background-image: url(../images/g1_on.jpg);
}
#g2 {
	background-image: url(../images/g2_on.jpg);
}
#g3 {
	background-image: url(../images/g3_on.jpg);
}
#g4 {
	background-image: url(../images/g4_on.jpg);
}
#g5 {
	background-image: url(../images/g5_on.jpg);
}
#g6 {
	background-image: url(../images/g6_on.jpg);
}
#examples li {
	float: left;
	margin-bottom: 12px;
}
#e1 {
	background-image: url(../images/e1_on.jpg);
}
#e2 {
	background-image: url(../images/e2_on.jpg);
}
#e3 {
	background-image: url(../images/e3_on.jpg);
}
#e4 {
	background-image: url(../images/e4_on.jpg);
}
#e5 {
	background-image: url(../images/e5_on.jpg);
}
#e6 {
	background-image: url(../images/e6_on.jpg);
}
.margin-right_12px {
	margin-right: 12px;
}
.margin-right_18px {
	margin-right: 18px;
}
.margin-right_19px {
	margin-right: 19px;
}
.price {
	height: 165px;
	margin: 0 11px 0 0;
}
.price2 {
	height: 165px;
}
#pf2 {
	background-image: url(../images/pf2_on.jpg);
}
#pf3 {
	background-image: url(../images/pf3_on.jpg);
}
#pf4 {
	background-image: url(../images/pf4_on.jpg);
}
#pg2 {
	background-image: url(../images/pg2_on.jpg);
}
#pg3 {
	background-image: url(../images/pg3_on.jpg);
}
#pg4 {
	background-image: url(../images/pg4_on.jpg);
}
#pc2 {
	background-image: url(../images/pc2_on.jpg);
}
#pc3 {
	background-image: url(../images/pc3_on.jpg);
}
#pp2 {
	background-image: url(../images/pp2_on.jpg);
}
#pp3 {
	background-image: url(../images/pp3_on.jpg);
}
.midashi {
	margin: 15px 0 20px 0;
}
#midashi-example {
	height: 31px;
	width: 640px;
	position: relative;
	background-image: url(../images/midashi-example.jpg);
}
#midashi-example a:hover {
  background-color: transparent;
}
#midashi-example a:hover img {
  visibility: hidden;
}
#itiran {
	position: absolute;
	top: 1px;
	left: 160px;
	display: block;
}
#example-price {
	width: 640px;
	height: 379px;
	background-image: url(../images/bg-example-price.jpg);
}

/*　サイドナビ
----------------------------------------------*/
#stel {
	margin: 0 0 15px 0;
}
#smail {
	background-image: url(../images/smail.jpg);
	width: 204px;
	height: 172px;
	margin: 0 0 15px 0;
	position: relative;
}
#smail a {
  display: block;
  position: absolute;
  top: 113px;
  left: 10px;
}
#smail a:hover {
  background-color: transparent;
}
#smail a:hover img {
  visibility: hidden;
}
#snavi a {
	display: block;
}
#snavi li {
	margin: 0 0 10px 0;
}
#snavi li a:hover {
  background-color: transparent;
}
#snavi li a:hover img {
  visibility: hidden;
}
#snavi-hall {
	background-image: url(../images/bg-side-hall.jpg);
	height: 200px;
	width: 185px;
	padding: 32px 0 0 19px;
}
#snavi-hall li {
	margin: 0 0 6px 0;
}
#snavi-price1, #snavi-price2,#snavi-price3,#snavi-price4 {
	background-image: url(../images/bgsp1.jpg);
	height: 110px;
	width: 184px;
	padding: 71px 0 0 20px;
}
#snavi-price1 {
	background-image: url(../images/bgsp1.jpg);
}
#snavi-price2 {
	background-image: url(../images/bgsp2.jpg);
}
#snavi-price3 {
	background-image: url(../images/bgsp3.jpg);
}
#snavi-price4 {
	background-image: url(../images/bgsp4.jpg);
}	
#snavi-price1 li, #snavi-price2 li, #snavi-price3 li, #snavi-price4 li {
	margin: 0 0 6px 0;
}
#s1 {
	background-image: url(../images/s1_on.jpg);
}
#s2 {
	background-image: url(../images/s2_on.jpg);
}
#s3 {
	background-image: url(../images/s3_on.jpg);
}
#s3-1 {
	background-image: url(../images/s3-1_on.jpg);
}
#s5 {
	background-image: url(../images/s5_on.jpg);
}
#s6 {
	background-image: url(../images/s6_on.jpg);
}
#s7 {
	background-image: url(../images/s7_on.jpg);
}
#s8 {
	background-image: url(../images/s8_on.jpg);
}
#s9 {
	background-image: url(../images/s9_on.jpg);
}
#s10 {
	background-image: url(../images/s10_on.jpg);
}
#s11 {
	background-image: url(../images/banner-aoyama_short_on.jpg);
}
#s12 {
	background-image: url(../images/s12_on.jpg);
}
#s13 {
	background-image: url(../images/s13_on.jpg);
}
#s14 {
	background-image: url(../images/s14_on.jpg);
}

/*　インナーページ共通部
----------------------------------------------*/
#oomidashi {
	border-left: 7px solid #ff4a4a;
}
#oomidashi h2 {
	margin: 0 0 15px 15px;
	padding: 5px 0 0 0;
	font-size: 40px;
	line-height: 1.2;
	color: #333333;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
	font-weight: bold;
}
.oomidashi {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	border-left: 7px solid #ff4a4a;
	height: 60px;
}
.komidashi {
	border-left: 5px solid #ff4a4a;
}
.komidashi p {
	margin: 15px 0 15px 15px;
	font-size: 24px;
	line-height: 1.0;
	color: #333333;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
	font-weight: bold;
}
.list-inner {
}
.list-inner li {
	background-image: url(../images/list-mark.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #cccccc;
	padding: 0 0 0 30px;
}
#banner-bottom {
	background-image: url(../images/banner-bottom.jpg);
	height: 166px;
	width: 640px;
	position: relative;
	margin: 20px 0 0 0;
}
#button-banner-bottom {
	display: block;
	position: absolute;
	top: 96px;
	right: 36px;
}
#button-banner-bottom:hover {
  background-color: transparent;
}
#button-banner-bottom:hover img {
  visibility: hidden;
}

/*　斎場案内
----------------------------------------------*/
.hall-name1 {
	margin: 0 0 8px 0;
	padding: 5px 0 0 0;
}
.hall-name1 a {
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	text-decoration: none;
}
.hall-name1 a:hover {
	text-decoration: underline;
}
.hall-neme2 {
	line-height: 12px;
	height: 12px;
	font-size: 12px;
	margin: 0 0 10px 0;
}
.button-map {
	float: right;
	display: block;
	background: url(../images/button-map-bg.jpg);
}
.button-map:hover {
  background-color: transparent;
}
.button-map:hover img {
  visibility: hidden;
}
.hall- {
	width: 640px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 30px 0;
	background-image:url(../images/hall-bg.jpg);
}
.hall- img {
	margin: 5px 0;
	float: left;
}
.title {
	width: 90px;
	text-align: right;
	padding: 0 10px 0 0;
	display: block;
	float: left;
	font-size: 12px;
}
.text {
	padding: 0 0 0 10px;
	display: block;
	width: 530px;
	float: left;
	font-size: 12px;
}
.icon {
	height: 65px;
}
.icon img {
	margin: 5px;
}
.hall {
	margin: 2px 0 7px 0;
}
.hall li {
	display: block;
	float: left;
	width: 106px;
	font-size: 12px;
}
.width_640px {
	display: block;
	line-height: 14px;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 3px 0;
	margin: 5px 0 0 0;
}
#area-navi {
	background-image: url(../images/a-bg.jpg);
	background-repeat: no-repeat;
	height: 33px;
	margin: -5px 0 10px 0;
}

#area-navi li a {
	display: block;
}
#area-navi li {
	float: left;
}
#area-navi li a:hover {
  background-color: transparent;
}
#area-navi li a:hover img {
  visibility: hidden;
}
#map {
	margin: 12px;
}
.komidashi p span.furigana {
	vertical-align: bottom;
	margin: 0 0 0 1em;
	font-size: 12px;
}

ul.ul-side {
	display: block;
	line-height: 13px;
	padding: 3px 5px;
	margin: 0 0 20px 0;
	border: 3px double #9c7c68;
	background-image: url(../images/side-bg.gif);
	background-repeat: repeat-x;
}

ul.ul-side li {
	border-bottom: 1px solid #cccccc;
}

ul.ul-side-sub {
	display: block;
	line-height: 10px;
	padding-left: 10px;
}

ul.ul-side-sub li {
	font-size: 12px;
}

/*　PR
----------------------------------------------*/

.pr-area {
	margin: 7px 0;
	border: 1px solid #ebebeb;
}

.pr-title {
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #ebebeb;
}

.pr-link ul {
	margin: 0 5px;
	line-height: 13px;
}

.pr-link ul li {
	display: inline;
	font-size: 10px;
}

.pr-link ul li a {
	color: #e18aaa;
}

/*　葬儀の費用について
----------------------------------------------*/
.enquete {
	width: 640px;
}
.enquete li {
	font-size: 12px;
	padding: 2px 5px;
	width: 203px;
	float: left;
}

/*　実例のご紹介
----------------------------------------------*/
#example-photo {
	width: 201px;
	height: 210px;
	border: 1px solid #cccccc;
}
#example-photo a img {
	margin: 20px 26px 0 26px;
}
#example-photo p {
	margin: 10px;
	line-height: 1.2;
	width: 193px;
	font-size: 13px;
}
.family {
	background-color: #fffff0;
} 

/*　家族葬　一般葬　社葬　お別れの会
----------------------------------------------*/
.photo-large {
	width: 618px;
	border: 1px solid #cccccc;
	padding: 10px;
	margin: 10px 0 0 0;
}
.photo-large2 {
	width: 638px;
	border: 1px solid #cccccc;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	text-align: center;
}
.photo-large p {
	text-align: center;
	margin: 5px 0;
}
.photo-large img {
	margin: 0 0 0 59px;
}
#large-flow {
	background-image: url(../images/bg-large.jpg);
	width: 500px;
	height: 645px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 140px;
}
.lf {
	margin: 0 0 63px 0;
}
.lf li {
	line-height: 1.6;
}
#rink-price-large {
	background-image: url(../images/bg-price-large.jpg);
	width: 640px;
	height: 81px;
	position: relative;
}
#rink-price-normal {
	background-image: url(../images/bg-price-normal.jpg);
	width: 640px;
	height: 133px;
	position: relative;
}
#rink-price-hotel {
	background-image: url(../images/bg-price-hotel.jpg);
	width: 640px;
	height: 44px;
	position: relative;
}
#rink-price-family {
	background-image: url(../images/bg-price-family.jpg);
	width: 640px;
	height: 133px;
	position: relative;
}
#button-rink-price1 {
	position: absolute;
	top: 0;
	right: 10px;
}

#button-rink-price2 {
	position: absolute;
	top: 52px;
	right: 10px;
}
#button-rink-price3 {
	position: absolute;
	top: 104px;
	right: 10px;
}
#button-rink-price1:hover, #button-rink-price2:hover, #button-rink-price3:hover {
  background-color: transparent;
}
#button-rink-price1:hover img, #button-rink-price2:hover img, #button-rink-price3:hover img {
	visibility: hidden;
}
.plan {
	margin: 0 0 10px 0;
	text-align: right;
}
.price-komoku {
	font-size: 18px;
	margin: 20px 0 10px 0;
	border-bottom: 1px dotted  #ff4a4a;
	width: 200px;
	line-height: 20px;
}
.subtxt {
	margin: 10px 0 25px 35px;
}
.normal-photo {
	width: 319px;
}
.normal-photo p {
	text-align: center;
}
#ex1 {
	padding: 15px;
	border: 1px solid #cccccc;
	width: 280px;
}
#ex2 {
	padding: 15px;
	border: 1px solid #cccccc;
	width: 280px;
}

#family {
	background-image: url(../images/bg-examples.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 43px 14px 0 14px;
	width: 612px;
}
#family p {
	margin: 0 0 0 248px;
}

/*　実例紹介
----------------------------------------------*/
#big-photo {
	border: 1px solid #cccccc;
	width: 598px;
	padding: 40px 20px 0 20px;
}
#big-photo img {
	margin: 20px 50px;
}
#big-photo p {
	width: 498px;
	margin: 0 auto 15px auto;
}
.big-photo-inner {
	border-bottom-color: #000000;
}
.example-komoku {
	font-size: 18px;
	margin: 20px 0 10px 0;
	border-bottom: 1px dotted  #ff4a4a;
	width: 320px;
	line-height: 20px;
}

/*　料金体系
----------------------------------------------*/
.estimate {
	border: 1px solid #eeeeee;
}
.estimate tr td {
	vertical-align: middle;
	padding: 5px 0 5px 20px;
	font-size: 12px;
}
.blue {
	background-color: #dad7e6;
}
.pink {
	background-color: #f58fbf;
}
.orange {
	background-color: #ffbb01;
}
.green {
	background-color: #ace064;
}
.border_1px_dotted {
	border-bottom: 1px dotted #cccccc;
}

/*　花祭壇紹介
----------------------------------------------*/
.button-example {
	margin: 0 0 0 50px;
}
.product {
	padding: 35px 35px 10px 35px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
	background-color: #fcf0f0
}
.product p {
	text-align: center;
	margin: 10px 0 0 0;
}
.product-p {
	padding: 25px 25px 10px 25px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
	background-color: #fcf0f0;
	height: 370px;
}
.product-p p {
	text-align: center;
	width: 255px;
	margin: 10px 0 0 0;
	font-size: 13px;
}
	
/*　料金実例
----------------------------------------------*/
.ex1 {
	float: left;
	text-align: right;
	width: 159px;
	padding: 0 40px 0 0;
	border-right: 1px dotted #cccccc;
}
.ex2 {
	float: left;
	width: 400px;
	padding: 0 0 0 40px;
}
.ex-box {
	width: 192px;
	height: 56px;
	padding: 10px;
	float: left;
	background-color: #fcf0f0;
}
.border1 {
	border-right: 1px dotted #cccccc;
}
.border2 {
	border-bottom: 1px dotted #cccccc;
}
.ex-box img {
	margin: 0 10px 0 0;
}
.ex-box p {
	text-align: center;
}
.ex-price {
	padding: 0 0 0 30px;
	font-size: 20px;
	line-height: 1.0;
	color: #333333;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
	font-weight: bold;
}
.kokomidashi .ex-price {
	padding: 0 0 0 30px;
	font-size: 16px;
	line-height: 1.0;
	color: #333333;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
	font-weight: bold;
}
.ex-margin {
	margin: 0 6px 0 0;
}
.kokomidashi {
	border-left: 5px solid #ff4a4a;
}
.kokomidashi p {
	margin: 15px 0 15px 15px;
	font-size: 16px;
	line-height: 1.0;
	color: #333333;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
	font-weight: bold;
}
.procedure {
	font-size: 18px;
	font-weight: bold;
}
.margin-top_23px {
	margin-top: 21px;
}
.family {
	padding: 0 0 0 472px;
}
.family li a {
	display: block;
}
.family li a:hover {
  background-color: transparent;
}
.family li a:hover img {
  visibility: hidden;
}

#form {
	width: 640px;
}
#form tr td {
	padding: 10px 0 10px 20px;
}
.note {
	color: red;
}
.width_400px {
	width: 400px;
}
#top-area {
	background-image: url(../images/bg-ss.jpg);
		width: 640px;
		height: 42px;
	}
#top-area li {
	float: left;
}
#top-area li a {
	display: block;
}
#top-area li a:hover {
  background-color: transparent;
}
#top-area li a:hover img {
  visibility: hidden;
}