@charset "shift-jis";

@import 'iehack.css';

/* ============================================================ *
   Copyright (c) MANSEIDO. All Right Reserved. 
 * ============================================================ */

#pageHead {
	margin:18px auto 0;
	text-align:left;
	width:800px;
	background:#fff;
	margin-bottom:2em;
}

#pageHead h2 {
	margin:0 auto;
	width:800px; height:300px;
}

#pageHead h2.company {background:url(/img/h2_company.jpg) no-repeat center center;}
#pageHead h2.contact {background:url(/img/h2_contact.jpg) no-repeat center center;}
#pageHead h2.heartful{background:url(/img/h2_heartful_club.jpg) no-repeat center center;}
#pageHead h2.guide   {background:url(/img/h2_guide.jpg) no-repeat center center;}
#pageHead h2.buddhist{background:url(/img/h2_buddhist.jpg) no-repeat center center;}
#pageHead h2.funeral {background:url(/img/h2_funeral.jpg) no-repeat center center;}


/* ------------------------------------------------------------ *
   Spacer
 * ------------------------------------------------------------ */
.mgnT5 {margin-top:5px;}
.mgnT10 {margin-top:10px;}
.mgnT15 {margin-top:15px;}

.mgnL4 {margin-left:4px;}


/* ------------------------------------------------------------ *
   ContentsArea
 * ------------------------------------------------------------ */
#contentsArea {
	margin:15px auto 0;
	padding-bottom:40px;
	width:800px;
}

#contentsArea .sideArea {
	float:left;
	width:220px;
	text-align:left;
}

#contentsArea .sideArea h2 {
	line-height:43px;
	color:#fff;
	background:url(/img/bg_h2_side.gif) no-repeat;
	text-indent:10px;
	font-weight:bold;
}

#contentsArea .sideArea ul.snavi li {
	line-height:40px;
	background:url(/img/bg_snavi_off.gif) no-repeat;
	text-indent:23px;
	border-bottom:1px solid #ccc;
	margin-top:1px;
}

#contentsArea .sideArea ul.snavi li a {
	display:block;
	width:220px; height:40px;
	text-decoration:none;
}

#contentsArea .sideArea ul.snavi li a:link {color:#333;}
#contentsArea .sideArea ul.snavi li a:visited {color:#333;}
#contentsArea .sideArea ul.snavi li a:hover {color:#386e91; background:url(/img/bg_snavi_on.gif) no-repeat;}

#contentsArea .sideArea ul.snavi li.on {
	line-height:40px;
	background:url(/img/bg_snavi_on.gif) no-repeat;
	text-indent:23px;
	border-bottom:1px solid #ccc;
	margin-top:1px;
}

#contentsArea .sideArea .banner {
	margin-top:10px;
}

#contentsArea .infoArea {
	float:right;
	width:550px;
	text-align:left;
}

#contentsArea .contentsArea {
	float:right;
	width:590px;
}

#contentsArea .infoArea .tbstyle th {
	border:1px solid #ccc;
	padding:6px 0 6px 10px;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	width:110px;
	background:url(/img/bg_th.gif) no-repeat left top;
}
#contentsArea .infoArea .tbstyle td {
	border:1px solid #ccc;
	padding:6px 0 6px 10px;
}


#contentsArea .sideArea ul.snavi2 li {
	line-height:26px;
	text-indent:26px;
	border-bottom:1px dotted #ccc;
	margin-top:1px;
	background:url(/img/icon_oval_black.gif) no-repeat 7% 50%;
}

#contentsArea .sideArea ul.snavi2 li a {
	display:block;
	width:180px; height:26px;
	text-decoration:none;
}

#contentsArea .sideArea ul.snavi2 li a:link {color:#333;}
#contentsArea .sideArea ul.snavi2 li a:visited {color:#333;}
#contentsArea .sideArea ul.snavi2 li a:hover {color:#386e91;}

/* ------------------------------------------------------------ *
   セイホール
 * ------------------------------------------------------------ */
#contentsArea .infoArea #seihall {
	width: 550px;
	text-align: left;
}

#contentsArea .infoArea #seihall h3 {
	line-height:43px;
	background:url(/img/bg_h3_550px.gif) no-repeat left;
	text-indent:24px;
	margin-bottom:5px;
}

#contentsArea .infoArea #seihall2 h3 {
	margin-bottom:5px;
	line-height:30px;
	background:url(/img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#contentsArea .infoArea #seihall p {
}
#contentsArea .infoArea #seihall2 p{
	/*margin-top:5px;*/
	line-height:1.6em;
}

#contentsArea .infoArea #seihall .image {
	float:right;
	margin-right:16px;
	margin-bottom:5px;
}

#contentsArea .infoArea #seihall .service {
	height:245px;
	background:url(/seihall/img/service.gif) no-repeat left center;
}

#contentsArea .infoArea #seihall .service p {
	padding-top:110px;
	padding-right:280px;
	padding-left:10px;
	line-height:1.6em;
	font-size:1.2em;
}

#contentsArea .infoArea #seihall table {
	margin:5px 10px 0;
}

#contentsArea .infoArea #seihall table th {
	padding:6px 0;
	width:30px;
	text-align:left;
	font-size:1.6em;
	vertical-align:top;
	font-weight:bold;
}

#contentsArea .infoArea #seihall table td {
	padding:6px 0;
	font-size:10px;
}

span.red {
	color:#ff5555;
	font-size:9px;
}

span.blue {
	color:#58a2d3;
	font-size:14px;
	font-weight: bold;
}


#contentsArea .infoArea #seihall h4 {
	margin-top:15px;
	border-top:2px solid #4d4d4d;
	border-bottom:1px dotted #ccc;
	line-height:28px;
	background:url(/img/icon_oval.gif) no-repeat left center;
	text-indent:14px;
	color:#386e91;
}

#contentsArea .infoArea #seihall2 h4 {
	border-bottom:1px dotted #ccc;
	line-height:28px;
	background:url(/img/icon_oval.gif) no-repeat left center;
	text-indent:14px;
	color:#386e91;
}

#contentsArea .infoArea .productList {
	margin-top:10px;
	border:1px solid #ccc;
	height:380px;
	background:url(/img/bg_productList.gif) repeat-x;
}

#contentsArea .infoArea .productList h2 {
	margin-top:5px;
	margin-bottom:5px;
	line-height:25px;
	text-indent:10px;
}

#contentsArea .infoArea .productList .image {
	float:left;
	margin-left:10px;
}
/* Style IE6 Hack */
*html #contentsArea .infoArea .productList .image {margin-left:5px;}

#contentsArea .infoArea .productList table {
	width:260px;
	float:right;
	margin-right:10px;
	background:#fff;
}
/* Style IE6 Hack */
*html #contentsArea .infoArea .productList table {margin-right:5px;}

#contentsArea .infoArea .productList table th {
	padding:5px 0;
	text-align:left;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
	width:140px;
	vertical-align:top;
	font-size:14px;
	color:#ff8800;
}

#contentsArea .infoArea .productList table th p {
	background:url(/img/icon_oval.gif) no-repeat 5% 50%;
	text-indent:18px;
}

#contentsArea .infoArea .productList table td {
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	font-size:14px;
	text-indent:18px;
}

#contentsArea .infoArea .productList table td span {
	padding:5px 0;
	font-size:9px;
}

#contentsArea .infoArea .productList table td p {
	padding:5px 0;
	font-size:10px;
	color:#ff8800;
}

#contentsArea .infoArea .productList table.photocase {
	margin-top:5px;
	width:100%;
}

#contentsArea .infoArea .productList table.photocase td.come {
	margin-top:2px;
	padding:5px;
	font-size:14px;
	text-align:left;
	/*vertical-align:top;*/
	line-height:1.3em;
}

#contentsArea .infoArea .productList table.photocase td.come span {
	padding:5px 0;
	font-size:9px;
	}

#contentsArea .infoArea .productList table.photocase td.thumbnail {
	padding-top:5px;
	width:50px;
	text-align:center;
}

#contentsArea .infoArea .productList table.photocase td.thumbnail img {
	width:120px; height:100px;
}

#contentsArea .infoArea .price table {
	width:530px;
	margin-left:10px;
	background:#fff;
}

*html #contentsArea .infoArea .price table {margin-right:5px;}

#contentsArea .infoArea .price table th {
	padding:2px 5px;
	text-align:left;
	text-indent:10px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	width:350px;
	vertical-align:top;
	font-size:12px;
}

#contentsArea .infoArea .price table td {
	padding:2px 5px;
	border-bottom:1px dotted #ccc;
	font-size:14px;
	text-indent:18px;
	text-align:right;
}

#contentsArea .infoArea .expence table {
	width:530px;
	border:2px solid #ff8800;
	margin-left:10px;
	background:#fff;
}
/* Style IE6 Hack */
*html #contentsArea .infoArea .expence table {margin-right:5px;}

#contentsArea .infoArea .expence table th {
	padding:2px 5px;
	text-align:left;
	text-indent:10px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	width:350px;
	vertical-align:top;
	font-size:12px;
}

#contentsArea .infoArea .expence table th p {
	width:500px;
	text-indent:10px;
	font-size:9px;
	color:#ff5500;
	font-weight:normal;
}

#contentsArea .infoArea .expence table th span {
	padding:1px 15px;
	font-size:14px;
	font-weight:normal;
	background:#ff5500;
	color:#fff;
	float:right;
}

#contentsArea .infoArea .expence table td {
	padding:2px 5px;
	border-bottom:1px dotted #ccc;
	font-size:14px;
	text-indent:18px;
	text-align:right;
}

#contentsArea .infoArea .expence table td span {
	padding:1px 1px;
	font-size:14px;
	font-weight:normal;
	background:#ff5500;
	color:#fff;
}

#contentsArea .infoArea .expence table td p {
	padding:2px 5px;
	font-size:10px;
	color:#ff8800;
}

.total {
	padding:2px 5px;
	text-align:right;
	text-indent:10px;
	font-weight:bold;
	border-left:4px solid #fff;
	border-bottom:1px dotted #ccc;
	width:300px;
	vertical-align:top;
	font-size:18px;
	background:#ff8800;
	color:#fff;
}

.add {
	padding:2px 5px;
	border-right:4px solid #fff;
	border-bottom:1px dotted #ccc;
	font-size:16px;
	text-indent:20px;
	text-align:right;
	background:#ff8800;
	color:#fff;
}

/* ------------------------------------------------------------ *
   会社概要
 * ------------------------------------------------------------ */
#contentsArea .infoArea h3 {
	line-height:43px;
	background:url(/img/bg_h3_550px.gif) no-repeat left;
	text-indent:20px;
	margin-bottom:5px;
}
#contentsArea .infoArea #about {
	text-align:left;
}

#contentsArea .infoArea #about .rinen {
	width:550px;
	float:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contentsArea .infoArea #about .rinen .box {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top:5px;
}

#contentsArea .infoArea #about .rinen .name {
	text-align:right;
	margin-top:5px;
}


/* ------------------------------------------------------------ *
   会社概要 > Summary
 * ------------------------------------------------------------ */
#contentsArea .infoArea #summary h3 {
	line-height:43px;
	background:url(/img/bg_h3_550px.gif) no-repeat left;
	text-indent:20px;
}

#contentsArea .infoArea #summary table {width:100%;}


/* ------------------------------------------------------------ *
   Contact
 * ------------------------------------------------------------ */
#contentsArea #contact h3 {
	line-height:43px;
	background:url(/img/bg_h3_550px.gif) no-repeat left;
	text-indent:20px;
}

#contentsArea .infoArea #contact ul.tel_and_fax {margin-top:5px;}

#contentsArea .infoArea #contact ul.tel_and_fax li {
	width:430px; height:30px;
	margin:10px 0 10px 0;
}

#contentsArea .infoArea #contact .hon {background:url(/contact/img/honsya_tel.gif) no-repeat;}
#contentsArea .infoArea #contact .hal {background:url(/contact/img/selhall_tel.gif) no-repeat;}

#contentsArea .infoArea #contact table {width:100%;}


/* ------------------------------------------------------------ *
   HeartFul Club
 * ------------------------------------------------------------ */
#contentsArea #heartful h3 {
	line-height:43px;
	background:url(/img/bg_h3_550px.gif) no-repeat left;
	text-indent:25px;
}

#contentsArea .infoArea #heartful p {
}

#contentsArea .infoArea #heartful table {width:100%;}

#contentsArea .infoArea #heartful table th {
	width:10%;
	text-align:left;
	padding:3px;
	vertical-align:middle;
	font-weight:bold;
}

#contentsArea .infoArea #heartful table td {
	text-align:left;
	padding:6px;
}

#contentsArea .infoArea #heartful table td p{
	font-size:9px;
}

#contentsArea .infoArea #heartful table td span{
	font-weight:bold;
	font-size:14px;
	color:#2B60FF;
}

#contentsArea .infoArea #heartful2 table {width:550px;}

#contentsArea .infoArea #heartful2 table th {
	color:#fff;
	background:#002595;
	text-align:center;
	padding:3px 0;
	font-size:20px;
	font-weight:bold;
}

#contentsArea .infoArea #heartful2 table td {
	text-align:center;
	border:1px solid #002595;
}

#contentsArea .infoArea #heartful2 table td img {
	width:137px;
	vertical-align:middle;

}

#contentsArea .infoArea #heartful2 table td p{
	color:#fff;
	background:#bf4040;
	font-size:19px;
	font-weight:bold;
	padding:6px 0;
}

#contentsArea .infoArea #heartful2 table td span{
	color:#fff;
	background:#bf4040;
	font-size:9px;
}

/* ------------------------------------------------------------ *
   Sitemap
 * ------------------------------------------------------------ */
#sitemap {
	margin:15px auto 0;
	padding-bottom:50px;
	width:600px;
}

#sitemap h2 {
	line-height:30px;
	text-indent:25px;
	background:url(/img/bg_h2_sitemap.gif) no-repeat;
	border:1px solid #ccc;
}

#sitemap p {
	margin:10px auto 0;
	width:90%;
	text-align:left;
	text-indent:12px;
	background:url(/img/ic_arrow_black2.gif) no-repeat left center;
}

#sitemap table {
	margin:10px auto 0;
	width:90%;
}

#sitemap table th {
	width:15%;
	text-align:left;
	padding:6px;
	vertical-align:top;
	text-indent:12px;
	background:url(/img/ic_arrow_black2.gif) no-repeat left center;
}

#sitemap table td {
	text-align:left;
	padding:6px;
}


/* ------------------------------------------------------------ *
   もしもの時に備えて
 * ------------------------------------------------------------ */
#contentsArea .infoArea #guide {
	text-align:left;
}

#contentsArea .infoArea #guide h3 {
	line-height:43px;
	background:url(/img/bg_h3_550px.gif) no-repeat left;
	text-indent:25px;
}

#contentsArea .infoArea #guide .ifg {
	width:550px;
	float:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contentsArea .infoArea #guide .ifg .box {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:20px;
	padding:6px;
}

#contentsArea .infoArea #guide .ifg .box span {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ff5555;
	padding-left:10px;
	font-size:10px;
}


/* ------------------------------------------------------------ *
   仏壇・仏具
 * ------------------------------------------------------------ */
#contentsArea .infoArea #butudan {
	text-align:left;
}

#contentsArea .infoArea #butudan h2 {
	width:550px;
	background:url(/img/title_butudan.gif) no-repeat;
	line-height:50px;
	text-indent:150px;
	font-weight:normal;
	font-size:0.9em;
	padding-top:3px;
}

#contentsArea .infoArea #butudan .ifg {
	width:550px;
	float:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contentsArea .infoArea #butudan .ifg .box {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:20px;
	padding:6px;
}

#contentsArea .infoArea #butudan .ifg .box span {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ff5555;
	padding-left:10px;
	font-size:10px;
}

div#pagenavi {
	width:580px;
	border-top:1px solid #040000;
}

div#pagenavi2 {
	margin:30px 0 0;
	width:580px;
	border-top:1px solid #040000;
}

.c_blandlist {
	width:550px;
}

.c_blandlist2 {
	margin:0 12px 0 0;
	width:550px;
	border-bottom:4px solid #040000;
}
	
h2.title_butudan {
	width:550px;
	background:url(/img/title_butudan.gif) no-repeat;
	line-height:50px;
	text-indent:150px;
	font-weight:normal;
	font-size:0.9em;
	padding-top:3px;
}

ul#blandlist_pagenavi li {
	float:left;
	font-size:0.9em;
	color:#646464;
}

ul#blandlist_pagenavi li.next {
	text-indent:15px;
}

ul#blandlist_pagenavi li a {
	color:#646464;
}

ul#blandlist_pagenavi li a:hover {
	color:#333;
	background:#e6e6e6;
}

div#pagenavi {
	width:550px;
	border-top:1px solid #040000;
}

div#pagenavi2 {
	margin:30px 0 0;
	width:550px;
	border-top:1px solid #040000;
}

div.itemlineup {
	margin:10px 0 0;
	padding-bottom:10px;
	width:550px;
	height:322px;
	_height:332px; /* for Win IE6 */
}

.bordertop {
	border-top:1px dashed #c8c8c8;
	padding-top:20px;
}

.itembox {
	float:left;
	width:160px;
}

.right50 {
	margin-right:30px;
}

.itemimage {
	width:160px;
	height:200px;
}

.itembox img {
	width:150px;
	height:190px;
}
.itemimage img {
	border:5px solid #c8c8c8;
}

dl.itemdata dt {
	text-align:center;
}
.itemkind {
	margin:10px 0 0;
	font-weight:bold;
}
.itemname {
	margin:4px 0;
	padding-bottom:5px;
	color:#fff;
	border-bottom:1px solid #040000;
}
.itemname p {
	background:#040000;
	line-height:160%;
}

dl.itemdata dd {
	font-size:0.9em;
	text-indent:5px;
}

dl.itemdata dd p {
	font-size:9px;
	color:#ff5500;
}

/* ------------------------------------------------------------ *
   供物・供花
 * ------------------------------------------------------------ */
#contentsArea .infoArea #kyouka {
	text-align:left;
}

#contentsArea .infoArea #kyouka h2 {
	width:550px;
	background:url(/img/title_kyouka.gif) no-repeat;
	line-height:50px;
	text-indent:150px;
	font-weight:normal;
	font-size:0.9em;
	padding-top:3px;
}

#contentsArea .infoArea #kyouka .ifg {
	width:550px;
	float:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contentsArea .infoArea #kyouka .ifg .box {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:20px;
	padding:6px;
}

#contentsArea .infoArea #kyouka .ifg .box span {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ff5555;
	padding-left:10px;
	font-size:10px;
}

.c_blandlist2 {
	margin:0 12px 0 0;
	width:550px;
}

h2.title_kyouka {
	width:550px;
	background:url(/img/title_kyoukan.gif) no-repeat;
	line-height:50px;
	text-indent:150px;
	font-weight:normal;
	font-size:0.9em;
	padding-top:3px;
}