@charset "utf-8";

html {
    font-size: 72.5%;
}

* {
    margin: 0;
    padding: 0;
}
img,p {
	border: 0;
	margin: 0px;
	padding: 0px;
}
table {
	border: none;
}

body {
	color: #333333;
	font: 14px/1.5em Verdana, Arial, Helvetica, sans-serif;
	overflow-y:scroll;
	letter-spacing: 0em;
}
*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:hidden;
}
*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:hidden;
}

ul,li {
    list-style-type: none;
}

select {
    border: solid 1px #ccc;
}
.clearFix{
display:inline-table;
min-height:1%;
}
.redTxt{
	color: #FF0000;
}


/* とにかく隠す
----------------------------------------------- */
.hidden{
	visibility: hidden;
	display: none;
}

/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}



/* リンク指定
----------------------------------------------- */
a:link {
	text-decoration: none;
	color: #0031DF;
}
a:visited {
	text-decoration: none;
	color: #2908D3;
}
a:hover {
	text-decoration: underline;
	color: #3B58FF;
}
a:active {
	text-decoration: none;
	color: #0031DF;
}

/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price {
	color: #ff0000;
	font-weight: bold;
	padding: 0px 0px 4px;
	font-size: 110%;
}
.attention { color: #ff0000; }
.redILtxt{
 color: #b21b1b; 
 }
.greenTxt{
	color: #00AA00;
 }
 
.bigTxt {
	font-size: 130%;
	line-height: 160%;
	color: #555555;
}
.mini {
	font-size: 85%;
	color: #666666;
	line-height: 1.5em;
}
.mini2 {
    font-size: 75%;
	line-height: 1.5em;
 }
.mini3 {
    font-size: 75%;
 	color: #666666;
	line-height: 1.6em;
 }
.mini4 {
	font-size: 70%;
	color: #148E99;
	margin: 0px;
	padding: 0px;
 }
.mini5 {
	color: #148E99;
	margin: 0px;
	padding: 0px;
 }
.txtbig130 {
 	font-size: 130%;
}
.marginLeft100{
	margin:0px 0px 0px 50px;
}
.marginTop10{
	margin:10px 0px 0px;
}

em {
    font-style: normal;
    color: #ff0000;
}
.example{
	color: #1198FF;
}
.bold, .strong{
	font-weight: bold;
}
.margin30{
	margin:0px 0px 0px 43px;
}

/* テーブル共通指定
----------------------------------------------- */

div.tblareabtn {
	clear: both;
	margin: 15px 0px;
	text-align: center;
}
.phototd {
    width: 150px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
div#completetext {
    width: 500px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}


/* ヘッダーロゴ
------------------------------------------------ */
.headerBG{
	margin: 0px 0px 12px;
	height: 97px;
	background: url("../img/headerMain/headerBG.png") repeat-x left top;
 }

div#header {
	width: 950px;
	height: 97px;
	margin: 0px auto ;
	padding: 0px;
	position: relative;
	background: url("../img2/layout/headBase.png") no-repeat left top;
}
div#header h1 {
	color:#FFFFFF;
	margin: 5px 0px 0px;
	position: absolute;
	left: 17px;
	top: 0px;
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#header #webLogo a {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 250px;
	position: absolute;
	left: 0px;
	top: 28px;
}
div#header #headerFreeDial  {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 221px;
	position: absolute;
	left: 720px;
	top: 28px;
}
div#header em {
    display: none;
}


/* ヘッダーナビ
----------------------------------------------- */
div#headerNavi {
	float: left;
	margin: 0px;
	font-size: 0pt;
	text-align: center;
	width: 460px;
	padding:28px 0px 0px 260px;
	position: static;
}
div#headerNavi   li  {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	float: left;
}



/* フレーム
----------------------------------------------- */
div#container {
	width: 950px;
	margin: 0px auto;
	padding: 0px 20px;
	text-align: left;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#leftcolumn {
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div#rightcolumn {
	width: 220px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	overflow: hidden;
	background: #FFFFFF;
}

/* メインコンテンツ
----------------------------------------------- */
/* 3カラム設定 *//* 2カラム設定 */
div#three_maincolumn,div#two_maincolumn {
	float: left;
	width: 700px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
}
div#three_maincolumnCenter{
	width: 470px;
	margin: 0px;
	padding: 0px;
	float: right;
}


div#three_maincolumn h2 {
	padding: 0px;
	margin: 0px;
}

/* 1カラム設定 */
div#one_maincolumn {
    padding: 10px 0 0 0;
}

/*ブロック
----------------------------------------------- */

div.blockTitle{
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 220px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

.leftcolumnbgtop{
	zomm: 1;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

.blockMainBG{
	background: url("../img/blockUT/blockBG.png") repeat-y left top;
	width: 210px;
	padding: 3px 10px 0px 5px;
	margin: 0px;
}
.blockFoot{
	margin: 0px 0px 5px;
	padding: 0px;
	height: 10px;
	width: 220px;
	font-size: 0px;
	line-height: 0px;
}
/* その他の業務
----------------------------------------------- */

div#works ul{
	padding: 5px 0px 0px;
	clear: both;
}
div#works ul ul{
	padding: 0px;
	clear: both;
}

div#works li {
	padding: 0px 0px 0px 15px;
	background: url("../img/common/arrow_green.gif") no-repeat left 5px;
}
div#works li a {
	display: block;
	height: 1.5em;
}
div#works li a:hover {
	background: #6EFFB3;
}


/* カゴの中
----------------------------------------------- */
div#cartarea {
	background: url("../img/blockUT/blockBG.png") repeat-y left top;
	width: 220px;
	padding: 15px 0px 5px;
	margin: 0px;
}


div#cartarea p.item {
    font-size:13px;
	padding: 0px 0px 5px;
	text-align: left;
	margin: 0px 0px 0px 17px;
	color: #000000;
}

div#cartarea .btn {
	padding: 0px;
	text-align: left;
	margin: 0px 0px 0px 15px;
}


/* 霊園数の数*/
.cartRedTxt{
	font-size: 180%;
	margin: 2px 2px 0px;
	color: #FF0000;
	border-bottom: 2px solid #FF0000;
}


/* カテゴリー
----------------------------------------------- */
div#categoryarea {
	background: url("../img/blockUT/blockBG.png") repeat-y left top;
	width: 214px;
	padding: 8px 1px 7px 5px;
	margin: 0px;
}

div#categoryarea li {
	padding: 0px 0px 0px 13px;
	background: url("../img/common/arrow_green.gif") no-repeat left 5px;
}
div#categoryarea li.onmark {
    background: url("../img/common/arrow_red.gif") no-repeat left 5px;
}
div#categoryarea li.level1 {
	font-weight: normal;
}
div#categoryarea li.level1 li {
	font-weight: normal;
	font-size: 90%;
}
div#categoryarea li a {
	display: block;
	padding: 0px 0px 1px;
	height: 1.5em;
}
div#categoryarea li a:hover {
	background: #6EFFB3;
}
.elementEXP p{
	padding: 0.2em 0.7em 5px;
	font-size: 7.5pt;
	color: #808080;
	line-height: 1.5em;
}



a.onlink {  text-decoration: underline; }
a.onlink:link { color: #ff0000; }
a.onlink:visited { color: #ff0000; }
a.onlink:hover { color: #ff0000; }

/* 検索
----------------------------------------------- */
div#searcharea {
	background: url(../img/blockUT/blockBG.png) repeat-y left top;
	width: 220px;
	padding: 0px 10px 5px;
	margin: 0px;
}


div#searcharea img {
	padding: 0px;
	margin: 3px 0px 0px;
}

div#searcharea .btn {
	text-align: center;
	margin: 5px;
}

div#searcharea .box141 {
	width: 190px;
	border: solid 1px #ccc;
	height: 25px;
	font-size: 105%;
}
div#searcharea .box142 {
	width: 190px;
	border: solid 1px #ccc;
	height: 20px;
	font-size: 105%;
	padding: 3px 3px 3px 5px;
}

/* お問い合わせ
----------------------------------------------- */
div#guidearea {
	background: url(../img/blockUT/blockBG.png) repeat-y left top;
	text-align: center;
	clear: both;
}


/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
    border: solid 1px #ccc;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}
input[type='image'].box175 {
    width: 175px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}


/* フッター
----------------------------------------------- */
div#fotter {
	width: 930px;
	margin: 0px auto 20px;
	padding: 0px 5px;
}
div#areafootmap{
	width: 710px;
	margin: 0px auto 30px;
}



div#footernavi{
	padding: 0px 15px;
	margin: 10px 0px 0px;
}
div#footernavi .level1{
	width: 435px;
}
div#footernavi .left{
	float: left;
}
div#footernavi .right{
	float: right;
}
div#footernavi h3{
	border-bottom: 2px solid #0097DF;
	margin: 0px 0px 5px;
	color: #BF1006;
}
div#footernavi .level2{
	margin: 0px 0px 15px 0px;
	line-height: 25px;
}
div#footernavi .iconlist{
	background: url(../img2/layout/objects_076.gif) no-repeat left 4px;
	padding: 0px 0px 0px 20px;
}
div#footernavi .level2 li{
	font-size: 16px;
	font-weight: bold;
}

div#footernavi .level2 li a{
	font-size: 16px;
	font-weight: bold;
}
div#footernavi ul .level3{
	margin: 0px 0px 10px 0px;
	line-height: 1em;
}
div#footernavi .level3 li{
	display: inline;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
div#footernavi .level3 li a{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}

div#pagetop100BG{
	background: #FFFFEE;
	border-bottom: 1px solid #FFD276;
	clear: both;
	margin: 15px 0px 0px;
}

div#pagetop {
	width: 920px;
	margin: 0px auto;
	padding: 20px 80px 20px 20px;
	text-align:right;
	clear: both;
}

.toTopBox{
	text-align: right;
	margin: 10px 0px 10px;
	padding: 0px 15px;
	width: 670px;
}


div#footerMenu{
	text-align: center;
	margin: 20px 0px;
	padding: 0px 0px 30px;
}
div#footerMenu li{
	display: inline;
	margin: 0px 5px;
	padding: 0px;
}
div#footerMenu #linksite {
	font-size:10px
}
div#footerMenu #linksite li a{
	color:#999;
}

/* トップページ
----------------------------------------------- */
div.pageblockTitle{
	margin: 0px;
	height: 35px;
	padding: 0px;
	clear: both;
}
div.blockTitle h2{
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}

div.flasharea{
	width: 700px;
	height: 300px;
	margin: 0px 0px 5px;
	font-size: 0px;
	line-height: 1em;
}


/* ニュース
----------------------------------------------- */
div#newsarea {
	width: 220px;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	clear: both;
	font-weight: normal;
}

div#newsarea dl {
	padding: 5px 5px 2px 10px;
	margin: 0px;
	width: 210px;
	clear: both;
	line-height: 1.3em;
}
div#newsarea dl.end {
	margin: 0px;
	padding: 0px;
}
div#newsarea dl dt {
	padding: 0 0 0px 18px;
	background: url("../img/top/news_icon.gif") no-repeat left 2px;
	margin: 0px;
}
div#newsarea dl dd {
	width: 205px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
	border-bottom: 1px solid #DDDDDD;
}




/* おすすめ
----------------------------------------------- */
div#recomendarea {
	width: 470px;
	margin: 0px 0px 10px;
	padding: 0px;
	float: right;
	border-bottom: 15px solid #eee;
	font-weight: normal;
	clear: both;
}
div#recomendarea h3 {
	margin:0px;
	padding: 0px;
}

div.recomendblock {
	clear: both;
}

div.recomendleft {
	width: 225px;
	height: 235px;
	margin:0px;
	float: left;
	border-top: 6px solid #eee;
	border-right: 3px solid #eee;
	border-left: 7px solid #eee;
}
div.recomendright {
	width: 225px;
	height: 235px;
	margin:0px;
	float: right;
	border-top: 6px solid #eee;
	border-right: 7px solid #eee;
	border-left: 3px solid #eee;
}

div.recomendleft p, div.recomendright p  {
    padding: 0px 0px 0px 10px;
	clear: both;
}

div.recomendleft img, div.recomendright img {
    display: block;
    padding: 7px ;
    margin: 0px ;
}

div.recomendleft h4, div.recomendright h4 {
    padding: 0px 0px 0px 10px;
    font-size: 100%;
}
