@charset "UTF-8";

@import url("common.css");


/* -------------------------------------------------------------------
 TOPページCSS
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 レイアウト枠
------------------------------------------------------------------- */

div#ct-area {
	width: 900px;
	clear: both;
	background: url(../../img/bg_ct.gif) repeat-y;
}

div#ct-left {
	width: 675px;
	float: left;
}

div#ct-right {
	width: 210px;
	float: right;
	background: url(../img/bg_left_ct.png) no-repeat;
}

div#ct-right-inner{
	width: 200px;
	margin: 10px 5px;
}


/* リード文章 -------------------- */

div#read{
	width: 900px;
	margin: 0px 0px 15px 0px;
	padding-top: 60px;
}

div#read h3{
	margin-bottom: 5px;
}

div#read strong{
	font-weight: bold;
	color: #990033;
}

div#read .list{
	width: 689px;
	height: 197px;
	margin: 20px 105px;
	background: url(../../img/read_img.png) no-repeat;
}

div#read .list h4{
	text-indent: -9999px;
}

div#read .list dl{
	text-indent: -9999px;
}


/* プランボタン郡 -------------------- */

div#plan-box{
	width: 900px;
	margin: 15px 0px;
	padding-bottom: 15px;
	background: url(../../img/plan-box-line.png) no-repeat bottom;
}

div#plan-box dl{
	text-indent: -9999px;
}

div#plan-box p{
	margin-top: 115px;
	text-align: center;
}

div#plan-box .plan10{
	width: 214px;
	height: 190px;
	margin: 0px 5px 0px 12px;
	background: url(../../img/bn_plan10.png) no-repeat;
	float: left;
}

* html div#plan-box .plan10{
	margin-left: 7px;
}

div#plan-box .plan20{
	width: 214px;
	height: 190px;
	margin: 0px 5px;
	background: url(../../img/bn_plan20.png) no-repeat;
	float: left;
}

div#plan-box .plan30{
	width: 214px;
	height: 190px;
	margin: 0px 5x;
	background: url(../../img/bn_plan30.png) no-repeat;
	float: left;
}

div#plan-box .plan40{
	width: 214px;
	height: 190px;
	background: url(../../img/bn_plan40.png) no-repeat;
	float: left;
}


/* -------------------------------------------------------------------
 左コンテンツ
------------------------------------------------------------------- */

div#ct-left h3.title02{
	margin-bottom: 10px;
	clear: both;
}

div#ct-left h3.title03{
	margin: 10px 0px;
	clear: both;
}


/* 祭壇紹介事例への導線 -------------------- */

div.case-link{
	width: 674px;
	margin-bottom: 20px;
}

div.case-link .photo{
	width: 210px;
	padding: 3px 0px;
	text-align: center;
	float: left;
	background: #B3A967;
}

div.case-link .photo img{
	border: 2px solid #FFFFFF;
}

div.case-link .detail{
 	width: 447px;
	float: right;
}	

div.case-link .detail h4{
	margin-bottom: 7px;
}

div.case-link .detail p.more-link{
	margin-top: 7px;
}


/* 新着情報 -------------------- */

ul.news-list li{
	background: url(../img/line.gif) repeat-x bottom;
	padding: 3px 0px;
}

ul.news-list li span{
	margin-right: 15px;
}


/* -------------------------------------------------------------------
 右コンテンツ
------------------------------------------------------------------- */

div#ct-right-inner p.bn{
	margin-bottom: 15px;
}

div#ct-right-inner p.bn02{
	padding-top: 15px;
	margin-bottom: 15px;
}