@charset "utf-8";
/* CSS Document */

/* 全体共通
--------------------------------------------------------------------------------------*/

/* リンクカラー -------------------- */
a { color: #0000CC;}
a:hover { color: #e94239;}

/* マージン・余白 -------------------- */
.mgT5  { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgB10 { margin-bottom: 10px; } 
.mgB15 { margin-bottom: 15px; } 
.mgB20 { margin-bottom: 20px; } 
.mgB25 { margin-bottom: 25px; } 
.mgB35 { margin-bottom: 35px; } 
.mgL10 { margin-left: 10px; } 
.pdl3 { padding-left: 3px; }
.pdr3 { padding-right: 3px; }
.pdt10 { padding-top: 10px; }
.pdb20 { padding-bottom: 20px; }

/* フォントサイズ・カラー -------------------- */
.fs12  { font-size: 12px; }
.acc { color:#e94239; }

/* text-align -------------------- */
.textALeft  { text-align: left; }
.textARight  { text-align: right; }

/* text-align -------------------- */
.lh15  { line-height: 1.5; }

/* float解除 -------------------- */
.clear {
  clear:both;
}

* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 15px;
	text-align: center;
}

img {
    border-style: none;
}

h1 {
    font-size: 12px;
	font-weight: normal;
}

#container {
    width: 800px;
	margin: 0 auto;
	text-align: left
}

p.text_gaiyou {
  font-size: 20px;
  font-weight: bold;
  color: #e94239;
}

p.text_naiyou {
  line-height: 1.7
}

/* ======================================================================================
 	ヘッダー
====================================================================================== */
#header {
    width: 800px;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	}

#headerLeftArea {
  float: left;
  width: 416px;
}

#headerRightArea {
  float: right;
  width: 384px;
  text-align: right
}

.header_logo{
  margin: 15px 0px 10px 0px;
} 

.header_img{
  margin: 15px 0px 10px 0px;
} 

.hr_line{
  clear: both;
  background:url(../img/hr_line.jpg) repeat-x;
  width: 100%;
  margin-bottom: 10px;
} 

 h1.catch {
  margin: 5px 0px 0px 0px;
}

.header_menu {
  color: #999999;
  margin: 5px 0px 0px 0px;
} 

.header_menu a:link {
  color: #999999;
  text-decoration: none;
}

.header_menu a:visited {
  color: #999999;
  text-decoration: none;
}

.header_menu a:hover {
  color: #e94239;
}

.header_menu a:active {
  color: #999999;
}

/* ======================================================================================
 左カラム
====================================================================================== */
#index_left {
  float: left;
  width: 200px;
}

.mobile {
  position: relative;
  margin-top: 10px;
}

.mobile_url {
  font-size: 12px;
  position: absolute;
  top: 165px;
  left: 18px;
}

/* ======================================================================================
 右カラム
====================================================================================== */
#index_right {
  float: right;
  width: 565px;
}

.revo_eria {
  position:relative;
}

.revo_title_bar01 {
  margin: 10px 0px
}

.revo_title_bar02 {
  margin: 22px 0px 0px 0px;
}

.revo_title_bar03 {
  margin: 22px 0px 10px 0px;
}

.left_img01 {
  width: 155px;
  height: 88px;
  position: absolute;
  top: 227px;
  left: 395px;
}
  
.left_img02 {
  width: 139px;
  height: 112px;
  position: absolute;
  top: 275px;
  left: 411px;
}

.photo01 {
 float: left;
 width: 209px;
}

.photo02 {
 float: left;
 width: 209px;
 height: 183px;
}

.text01 {
  float:right;
  width:340px;
  line-height: 1.5;
}

.text02 {
  line-height: 1.5;
}

.link01  {
  text-align: right;
}

span.accent {
  color: #e94239;
  font-weight:bold;
}

.hikaku_hyou {
  height: 622px;
  margin-left: 13px;
}

/* ======================================================================================
 フッター
====================================================================================== */
#footer  {
 clear:both;
 background-image:url(../img/footer_bg.jpg);
 width: 100%;
 height: 50px; 
}

.footer_menu  {
    width: 800px;
	margin: 0 auto;
	text-align: right;
	color:#9e9471;
	padding: 10px 0px 8px 0px;
	font-size: 12px;
}

.footer_menu a:link {
  color: #9e9471;
  text-decoration: none;
}

.footer_menu a:visited {
  color: #9e9471;
  text-decoration: none;
}

.footer_menu a:hover {
  color: #e94239; 
}

.footer_menu a:active {
  color: #9e9471;
}

.copyright {
  width: 800px;
  margin: 0 auto;
  text-align: right;
  color: #FFFFFF;
  font-size: 12px;
} 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　サブページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 密葬
--------------------------------------------------------------------------------------*/
.aiconArea  {
  width:565px;  
}

.aiconAreaSeq01 {
  height:145px;
}

.aiconAreaSeq02 {
  height:160px;
}

.aiconAreaBox  {
  width: 101px;
  float: left;
  margin: 0px 0px 0px 9px;
}

.aiconAreaText  {
  float: left;
  width: 101px;
  text-align: center;
  line-height: 1.5;
  font-size: 12px;
  margin-top: 5px;
}

.aiconBText {
  text-align: left;
  line-height: 1.5;
}

.msPrice {
  margin: 15px 0px 10px 0px;
}

/* 家族葬
--------------------------------------------------------------------------------------*/

.ksPrice {
  margin: 15px 0px 20px 0px;
}

/* リンク
--------------------------------------------------------------------------------------*/

.linklist {
  list-style-image:url(../img/aicon01.gif);
  padding: 15px 0 0 30px;
  line-height: 1.7;
}

.space  {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.linklist a:link {
  color: #9e9471;
  text-decoration: none;
}

.linklist a:visited {
  color: #9e9471;
  text-decoration: none;
}

.linklist a:hover {
  color: #e94239; 
}

.linklist a:active {
  color: #9e9471;
}

/* 会社案内
--------------------------------------------------------------------------------------*/

.shimei01 {
  font-size: 12px;
  padding-top: 10px;
  line-height: 1.5;
}

.companySummaryTable  {
  width: 563px;
  border-collapse: collapse;
  margin: 0 0 15px 0;
  border: 1px solid #9e9471; 
  font-size: 12px;
}

.companySummaryTable th  {
  width: 120px;
  padding: 5px;
  text-align: center;
  border: 1px solid #9e9471;
  color:#807a6e;
  background-color:#dad2bb;
}

.companySummaryTable td  {
  width: 443px;
  padding: 5px;
  text-align: left;
  border: 1px solid #9e9471;
  line-height: 1.5;
}

/* 斎場検索
--------------------------------------------------------------------------------------*/
.text_kensaku  {
  line-height: 1.5;
}

span.rubi  {
  font-size: 11px;
  color:#807a6e;
}

.infoBox {
  width: 563px;
  height: auto;
  border: 1px solid #9e9471;
  margin: 20px 0;
}

.infoLeftBox {
  float: left;
  width:400px;
  margin:10px;
}

.infoLeftBox h3{
  color:#9e9471;
  font-size: 18px;
  padding:4px;
}

.infoAddress {
  padding: 4px;
}

.infoSyokai {
  padding: 4px;
  font-size: 12px;
}

.infoPhotoBox {
  float: right;
  margin: 10px 10px 15px 15px;
  padding: 0;
  border: 1px solid #9e9471;
  width: 102px;
  height: 81px;
}

.infoRyokin {
  width: 541px;
  margin: 0 auto;
  border-top: 1px dotted #9e9471;
}

.infoRyokinImg {
  float: left;
  padding: 5px 0;
}

.infoRyokinPrice {
  float: right;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 10px;
  text-align: right;
}

.caution {
  width: 541px;
  margin: 0 auto;
  border-top: 1px dotted #9e9471;
  text-align: left;
  color:#e94239;
  font-size: 12px;
  line-height: 1.5;
  padding: 7px 0;
}

/* 斎場検索
--------------------------------------------------------------------------------------*/
.sitemap {
  list-style-image:url(../img/aicon01.gif);
  padding: 15px 0 0 30px;
  line-height: 1.7;
}

/* サイトマップリンク
--------------------------------------------------------------------------------------*/

.sitemap {
  list-style-image:url(../img/aicon02.gif);
  padding: 15px 0 0 30px;
  line-height: 2.2;
}

.sitemap a:link {
  color: #9e9471;
  text-decoration: none;
}

.sitemap a:visited {
  color: #9e9471;
  text-decoration: none;
}

.sitemap a:hover {
  color: #e94239; 
}

.sitemap a:active {
  color: #9e9471;
}

/* メールフォーム
--------------------------------------------------------------------------------------*/

.mailformtext  {
  text-align: left;
  color: #e94239;
  margin: 10px 0;
}

th.mailform {
  padding: 10px;
  background-color:#dad2bb;
  color:#807a6e;
  text-align: left;
  font-size: 12px;
  border-left: solid 2px #9e9471;
  border-right: solid 1px #9e9471;
  width: 115px;
}

td.mailform {
  padding: 10px;
  border-right: solid 2px #9e9471;
  height: 16px;
}

.button  {
  text-align:center;
}

.bt2 {
  border-top: solid 2px #9e9471;
}

.bb1  {
  border-bottom: solid 1px #9e9471;
}

.bb2  {
  border-bottom: solid 2px #9e9471;
}

