@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------
##############################################################
■common
##############################################################
------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
}
body {
text-align:center;
background:url(../images/common/bodybg.gif);
padding:0 0 3px;
font-size:0.8em;
line-height:140%;
}
h2 {
font-size:124%;
border-left:8px solid #636531;
margin:15px 10px 10px 20px;
padding:0 0 0 10px;
text-align:left;
clear:both;
}
h3 {
font-size:115%;
font-weight:bold;
clear:both;
}
a img {border:none}
a {
color:#666666;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:underline;
}
li {list-style:none}
img {
border-style:none;
vertical-align:bottom;
}
table {border-collapse:collapse}
th,td {
border:1px solid #bebebe;
border-collapse:collapse;
vertical-align:middle;
_font-size:0.8em;
}
.clear {
clear:both;
visibility:hidden;
height:0;
width:0;
}
.clearB {clear:both}
em {
color:#ff0000;
font-style:normal;
}
.width10 {width:10%}
.width20 {width:20%}
.width30 {width:30%}
.width40 {width:40%}
.width50 {width:50%}
.width60 {width:60%}
.width70 {width:70%}
.width80 {width:80%}
.width90 {width:90%}
.paddingL1em {padding-left:1em}
.paddingL2em {padding-left:2em}
.paddingL3em {padding-left:3em}
.paddingL4em {padding-left:4em}
.paddingL5em {padding-left:5em}
.indent1em {
padding-left:1em;
text-indent:-1em;
}
.indent2em {
padding-left:2em;
text-indent:-2em;
}
.indent25em {
padding-left:2.5em;
text-indent:-2.5em;
}
.indent3em {
padding-left:3em;
text-indent:-3em;
}
.indent4em {
padding-left:4em;
text-indent:-4em;
}
.title {
margin:10px 0;
padding:0 20px 0 30px;
}
.title p {margin:0 0 .7em}
.external {
background:url(../images/common/external.gif) no-repeat right 55%;
padding-right:12px;
}

/*------------------------------------------------------------
##############################################################
■layout
##############################################################
------------------------------------------------------------*/
#header {
width:765px;
margin:0 auto;
line-height:1;
background:url(../images/common/topbg.gif) no-repeat;
}
#header h1 {
font-size:13px;
text-indent:13px;
padding:.4em 0;
float:left;
}
#header ul {
font-size:12px;
padding:.5em 0;
float:right;
}
#header li {
padding:0 8px 0 7px;
border-right:1px solid #bebebe;
display:inline
}
#header li a {color:#131678}
#header li a:hover {color:#131678}
#header li.rightend {
padding:0 15px 0 5px;
border-right:none;
}
#header h2 {
height:64px;
width:765px;
margin:0;
padding:0;
border:0;
}
#container {
width:764px;
_width:765px;
background:#ffffff url(../images/common/shadow.gif) left top repeat-y;
margin:0 auto;
border-left:1px solid #333333;
text-align:left;
}
#link_art {
width:640px;
margin:0 0 0 62px;
padding:20px 0;
text-align:left;
clear:both;
}
#link_art a {margin:0 15px 0 0}
#link_art img {margin:0 0 .4em}
#link_art p {
text-indent:.5em;
line-height:1;
}
address {
width:762px;
font-family:Arial, Helvetica, sans-serif;
font-size:88%;
font-style:normal;
clear:both;
color:#ffffff;
background-color:#003300;
text-align:center;
padding:.2em 0;
}

/*------------------------------------------------------------
##############################################################
■navigation
##############################################################
------------------------------------------------------------*/
.box {min-height:1px;}
.box:after {
display:block;
visibility:hidden;
clear:both;
line-height:0;
font-size:0;
content:".";
}
#nav {
text-align:left;
width:762px;
clear:both;
background:#375a25;
border-bottom:1px solid #364b01;
}
#nav li {display:inline}
#nav li a {
display:block;
float:left;
padding:2px 10px;
font-weight:bold;
border-right:1px solid #cccccc;
color:#ffffff;
}
#nav li#active {
display:block;
float:left;
padding:2px 10px;
font-weight:bold;
border-right:1px solid #364b01;
background:#e5fbad;
color:#364b01;
}
#nav li a:hover  {
text-decoration:none;
color:#e5fbad;
background:#364b01;
}
#breadcrumbs {
text-align:left;
padding:7px 0 0 20px;
clear:both;
color:#333333;
clear:both;
}
#breadcrumbs a {
color:#131678;
text-decoration:underline;
}
#breadcrumbs a:hover {
color:#131678;
text-decoration:none;
}

/*------------------------------------------------------------
##############################################################
■links bottom
##############################################################
------------------------------------------------------------*/
#link {
line-height:1.2;
padding:10px;
text-align:left;
}
#link h3,
#link h4 {
font-size:94%;
margin:0 0 .2em 5px;
}
#link li {
font-size:94%;
float:left;
white-space:nowrap;
padding:0 5px;
border-right:1px solid #bebebe;
}
#link li a:hover {color:#333333}

/*------------------------------------------------------------
##############################################################
■index
##############################################################
------------------------------------------------------------*/
#index {background:url(../images/common/bluebg.gif) left repeat-y;width:762px}
#indexL {
float:left;
width:170px;
padding:0 0 80px;
background:#f0f4f8;
}
#indexR {
float:left;
width:592px;
padding:0 0 40px;
}
#indexL dl {
margin:5px 0 15px;
border-bottom:1px solid #bebebe;
}
#indexL dt {
font-size:105%;
font-weight:bold;
color:#1d3994;
padding:.2em 2px 0 10px
}
#indexL dd {border-top:1px solid #bebebe}
#indexL dd a {
color:#1d3994;
padding:.2em 5px .2em 14px;
display:block;
border-left:4px solid #f0f4f8;
}
#indexL dd a:hover {
background:#dfdfdf;
border-left:4px solid #990000;
}
#indexL li {
width:170px;
margin:0;
padding:0;
}
#indexL li a {
padding:.3em 5px .3em 10px;
display:block;
border-left:4px solid #f0f4f8;
text-decoration:none;
}
#indexL li a:hover {
background:#dedede;
border-left:4px solid #dedede;
}
#indexL li a span {
color:#666666;
border-left:.9em solid #1d3994;
padding:0 0 0 .4em;
}
#indexL li a:hover span {
color:#990000;
border-left:.9em solid #990000;
}

/*------------------------------------------------------------
##############################################################
■HOME
##############################################################
------------------------------------------------------------*/
h3.address {text-align:center}
#photos {
text-align:center;
margin:0 0 0 49px;
}
#photos dl {
text-align:center;
float:left;
margin:0 25px 25px 0;
}
#gmap {
width:665px;
height:400px;
margin:5px 0 5px 49px;
border:2px outset #bebebe;
clear:both;
}
#gmapscroll{
width:665px;
height:390px;
overflow:scroll;
text-align:center;
padding:5px 0;
}
#gmapscroll img {
width:600px;
margin:0 0 0 17px;
}

/*------------------------------------------------------------
##############################################################
■会社案内
##############################################################
------------------------------------------------------------*/
#company table th,
#company table td {padding:3px 5px}
#company table th {
background-color:#e6fbdd;
font-weight:normal;
text-align:left;
}
#company #indexR table,
#company #indexR dl {margin:.2em 0 1em 25px}
#company #indexR dd {text-align:center}
#company #indexR h3 {margin:.3em 0 .1em 23px}
#company #indexR .title h3 {margin:10px 0 0}
#companytop {
width:540px;
margin:0 0 10px 25px;
}
#companytop p {
width:300px;
float:left;
}
#companytop img {float:right}

/*------------------------------------------------------------
##############################################################
■リンク集
##############################################################
------------------------------------------------------------*/
#wrap {
width:763px;
text-align:left;
background:url(../images/common/bgright.gif) repeat-y left;
}
#left {
width:580px;
_width:615px;
padding:3px 10px 0 25px;
float:left;
}
#left #breadcrumbs {padding:7px 0 0}
#left h2 {margin:15px 10px 10px 0}
#left ul {margin:2px 0 14px .3em}
#left h3 {margin:0 0 .4em}
#left li {
padding-left:2em;
text-indent:-2em;
margin:0 0 .8em;
}
#left #link {padding:10px 0}
#left #link li {
text-indent:0;
margin:0 0 .2em;
padding:0 5px;
}
#left li a {font-weight:bold}
#left #link li a {font-weight:normal}
#left a:hover {color:#333333}
#right h3 {margin:7px 0 2px 2px}
#right {
width:133px;
float:left;
padding:0 0 25px;
}
#right dl {
width:131px;
margin:0 0 7px 5px;
padding:1px;
text-align:center;
background:#ffffff;
line-height:1;
float:none;
}
#right dt img {border:outset 1px #fefefe}
#right dd {padding:.3em 0}
#right dd a {color:#333333}

/*------------------------------------------------------------
##############################################################
■家族葬 ■通常葬
##############################################################
------------------------------------------------------------*/
#price {
width:715px;
margin:0 0 0 20px;
border:3px double #111111;
text-align:center;
}
#price dl {
text-align:center;
}
#price dl.col2 {
width:354px;
float:left;
}
#price dl.col3 {
width:236px;
float:left;
}
#price dt {font-size:235%;
font-weight:bolder;
color:#000000;
line-height:1.1;
}
#price dl.col3 dt {font-size:200%}
#price dd {
font-size:92%;
margin:.2em 0 .1em;
line-height:1.1;
margin:0 0 .4em;
}
#price h3 {
background:#111111;
color:#ffffff;
width:715px;
text-align:center;
margin:0 auto .3em;
padding:.3em 0;
border-bottom:1px solid #111111;
}
#price h4 {
font-weight:bolder;
font-size:235%;
color:#000000;
margin:0 auto .3em;
line-height:1.1;
}
#price dt span,
#price h4 span {
font-size:55%;
color:#000000;
margin:0 0 0 .3em;
}
#price img {margin:0 auto}
#option {
margin:5px 0 5px 22px;
width:720px;
}
#option img {display:block}
#option li {
border:1px outset #bebebe;
float:left;
margin:0 2px 3px 0;
}
#option li li{
border:none;
margin:0;
padding:0;
}
#option li:hover {border:1px solid #990000}
#option a:hover {cursor:url(../images/highslide/graphics/zoomin.cur)}
#option li li:hover {border:none}
#caution {
clear:both;
margin:0 0 0 20px;
width:720px;
}
#caution p {margin:0 0 .3em}
#caution ul {
margin:0 0 0 .8em;
padding-left:1em;
text-indent:-1em;
}

/*------------------------------------------------------------
##############################################################
■花祭壇
##############################################################
------------------------------------------------------------*/
#flowerwrap {
width:565px;
margin:5px 10px 50px 0;
float:left;
}
#flower {
width:535px;
_height:340px;
min-height:340px;
margin:0 0 5px 30px;
padding:0 0 10px;
text-align:center;
border:1px solid #000033;
}
#flower h3 {
width:535px;
margin:0 auto 10px auto;
padding:.4em 0;
font-weight:bold;
text-align:center;
background:#000033;
color:#ffffff;
}
#flowerwrap p {margin:0 0 0 31px}
#thumbnails {
border:1px solid #000033;
margin:5px 0 50px 0;
padding:5px 0 0 3px;
float:left;
width:150px;
_width:155px;
_height:351px;
min-height:345px;
}
#thumbnails a:hover {text-decoration:none}
#thumbnails img {display:block}
#thumbnails li {
float:left;
width:70px;
margin:0 3px 3px 0;
border:1px dotted #aaaaaa;
text-align:center;
}
#thumbnails li:hover {border:1px solid #990000}

/*------------------------------------------------------------
##############################################################
■施設概要
##############################################################
------------------------------------------------------------*/
#info {
line-height:1.3;
text-align:left;
padding:15px 25px 0 30px;
}
#info h3 {margin:.5em 0 0}
#info p,
#info dl,
#info ul,
#info ol {margin:0 0 .8em .5em}
#info ol ol {margin:0 0 .2em .5em}
#info dt {margin:0 0 .2em}
#info dd {margin:0 0 0 1em}
#info table {margin:.2em 0 1em}
#info table th {
background-color:#e9f8d9;
padding:3px 2px;
font-weight:normal;
text-align:center;
}
#info table td {padding:3px 5px}

/*------------------------------------------------------------
##############################################################
■現地案内
##############################################################
------------------------------------------------------------*/
#map {text-align:center}

/*------------------------------------------------------------
##############################################################
■サイトマップ
##############################################################
------------------------------------------------------------*/
#siteL {
float:left;
width:300px;
padding:.2em 0 0 80px;
}
#siteL h3 {background:url(../images/sitemap/line.gif) no-repeat 8.8em 60%;}
#siteL ul {margin:.3em 0 0}
#siteL li {margin:0 0 .4em 50px}
#siteL li a {padding-left:11px;background:url(../images/sitemap/arrow.gif) no-repeat 1px 50%;}
ul#sitemap {float:left;width:373px;}

/*------------------------------------------------------------
##############################################################
■お問い合わせ
##############################################################
------------------------------------------------------------*/
#mailform {margin:20px 0 0}
#mailform table{margin:0 auto}
#mailform table th,
#mailform table td {
border:0;
padding:4px;
}
#mailform label {margin:0 .5em 0 0;white-space:nowrap}
#mailform label input {
margin:0 .1em 0 0;
vertical-align:middle;
}
.imeA {ime-mode:active}
.imeDA {ime-mode:disabled}
p.complete {margin:150px auto;text-align:center}
.width32 {width:32px;margin:0 .1em 0 .2em}
.width62 {width:62px}
.width120 {width:120px}
.width170 {width:170px}
.width220 {width:220px}
.width320 {width:320px}
#mailform span {font-size:84%;color:#777777;margin:0 0 0 .3em}

/*------------------------------------------------------------
##############################################################
■highslide
##############################################################
------------------------------------------------------------*/
.highslide {
cursor:url(../images/highslide/graphics/zoomin.cur), pointer;
outline:none;
}
.highslide-active-anchor img {visibility:hidden}
.highslide-image-blur {
}
.highslide-caption {
display:none;
font-weight:bold;
font-size:1em;
padding:5px;
background-color:white;
}
.highslide-loading {
display:block;
color:black;
font-size:8pt;
font-family:sans-serif;
font-weight:bold;
text-decoration:none;
padding:2px;
border:1px solid black;
padding-left:22px;
background:white url(../images/highslide/graphics/loader.white.gif) no-repeat 3px 1px;
}
a.highslide-full-expand {
background:url(../images/highslide/graphics/fullexpand.gif) no-repeat;
display:block;
margin:0 10px 10px 0;
width:34px;
height:34px;
}

/* These must always be last */
.highslide-display-block {display:block}
.highslide-display-none {display:none}

/*------------------------------------------------------------
##############################################################
■google map
##############################################################
------------------------------------------------------------*/
#mapindex {padding:10px}
#marker_data_list{
padding:2px;
font-size:13px;
border-top:2px outset gray;
border-left:2px outset gray;
border-right:2px outset gray;
background-color:#ffffff;
overflow:auto;
height:430px;
width:165px;
}
#marker_data_list ul {padding:0 0 1.2em}
#marker_data_list li {
_width:140px;
margin:0;
padding:0;
}
#marker_data_list li a {
font-size:13px;
padding:0 0 0 4px;
color:#0000cc;
display:block
}
#marker_data_list a:hover{
text-decoration:none;
background:#e5fbad;
}
#marker_data_list h3{
padding:3px 0 3px 3px;
margin:0 0 5px;
background-color:#efefef
}
#mapindex #map{
border:2px outset gray;
padding:2px;
width:560px;
height:480px
}
#frame{border:2px outset gray}
.poweredby{
border-bottom:2px outset gray;
border-left:2px outset gray;
border-right:2px outset gray;
margin:auto;
padding:10px 0 0;
height:40px;
text-align:center;
font-size:0;
background-color:#ffffff
}
.marker_data_html .subject .name1 a {color:#0000cc}
.gmap_desc{display:none}