/*@charset "utf-8";
 CSS Document */
#main p{
	text-align:left;
	margin-bottom:50px;
}
#main p{
	text-align:left;
	margin:0 30px;
}
#main strong{
	font-size:100%;
	color:#002B5E;
}
#main h3{
	background-image:url(../images/back/bg700_30.gif);
	color:#FFF;
	font-size:95%;
	margin:10px auto;
	padding-left:20px;
}
#main h3,h4,p{
	text-align:left;
}
#main h4{
	margin-left:20px;
}
#sub p{
	text-align:center;
}
#sub ul{
	width:250px;
	height:360px;
}

/******************************お墓を作る　ここから↓******************************/
/******************************お墓を作る　ここから↓******************************/

ul#details li {
	float: left;
	margin-left:20px;
	text-indent:-9999px;
}
ul#details li.last {
	margin-right: 0px;
}
ul#details li a{
	display:block;
	width:320px;
	height:150px;
	margin-bottom:50px;
}
#make #main{
	text-align:center;
}
#make #main p{
	text-align:left;
}
/*お墓について  ↓ここから*/
ul#details li a.ohaka:link{
	background:url(../images/contents/ohaka.gif);
	background-repeat:no-repeat;
}
ul#details li a.ohaka:hover{
	background:url(../images/contents/ohaka_on.gif);
}
/*お墓について  ここまで↑*/

/*お墓が出来るまで  ↓ここから*/

ul#details li a.dekiru:link{
	background:url(../images/contents/perfection.gif);
	background-repeat:no-repeat;
}

ul#details li a.dekiru:hover{
	background:url(../images/contents/perfection_on.gif);
}
/*お墓が出来るまで  ここまで↑*/

/*墓地の種類  ↓ここから*/
ul#details li a.shurui:link{
	background:url(../images/contents/botishurui.gif);
	background-repeat:no-repeat;
}

ul#details li a.shurui:hover{
	background:url(../images/contents/botishurui_on.gif);
}
/*墓地の種類  ここまで↑*/


/*お墓の費用  ↓ここから*/
ul#details li a.hiyou:link{
	background:url(../images/contents/ohakahiyou.gif);
	background-repeat:no-repeat;
}

ul#details li a.hiyou:hover{
	background:url(../images/contents/ohakahiyou_on.gif);
}
/*お墓の費用  ここまで↑*/


/*お墓の形式  ↓ここから*/
ul#details li a.keisiki:link{
	background:url(../images/contents/ohakakeisiki.gif);
	background-repeat:no-repeat;
}

ul#details li a.keisiki:hover{
	background:url(../images/contents/ohakakeisiki_on.gif);
}
/*お墓の形式  ここまで↑*/

/*手続き  ↓ここから*/
ul#details li a.tetuduki:link{
	background:url(../images/contents/tetuduki.gif);
	background-repeat:no-repeat;
}

ul#details li a.tetuduki:hover{
	background:url(../images/contents/tetuduki_on.gif);
}
/*手続き  ここまで↑*/

/*お墓の形  ↓ここから*/
ul#details li a.katati:link{
	background:url(../images/contents/ohaka_katati.gif);
	background-repeat:no-repeat;
}

ul#details li a.katati:hover{
	background:url(../images/contents/ohaka_katati_on.gif);
}
/*お墓の形  ここまで↑*/

/*石種について  ↓ここから*/
ul#details li a.sekishu:link{
	background:url(../images/contents/sekishu.gif);
	background-repeat:no-repeat;
}

ul#details li a.sekishu:hover{
	background:url(../images/contents/sekishu_on.gif);
}
/*石種について  ここまで↑*/




/******************************お墓を作る　ここまで↑******************************/
/******************************お墓を作る　ここまで↑******************************/

/********************          テーブル１  ここから↓          *******************/
table {
	margin:0 auto;
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
	text-align:left;
}
.ta1 {
	border: 3px solid #00295C;	/*テーブルの外側の枠線の幅、線種、色*/
	width: 670px;
}
.ta1 td, .ta1 th{
	border: 1px solid #00295C;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	width: 427px;
	padding: 5px;
	vertical-align: top;
}
/*テーブル内の段落タグの余白*/
.ta1 p {
	padding: 0px !important;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 200px;
	padding: 5px;
	text-align: center;
	background: #F1EEF3;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.bukken{
	width: auto;
	text-align: center;
	background: url(../images/back/bg50.gif)repeat;/*背景色、背景画像の読み込み＆リピート*/
	color: #FFF;
}
/********************          テーブル１  ここまで↑          *******************/




/******************************各ページ　お墓を作る　ここから↓******************************/
/*各ページ　　↓ここから*/

/*各ページ　　↑ここまで*/
/******************************各ページ　お墓を作る　ここまで↑******************************/