@charset "UTF-8";

@import url("common.css");


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

/* メイン画像 -------------------- */

div#main{
	width: 865px;
	height: 224px;
	margin-left: 1px;
	background: url(../../img/mian_img.png);
}

div#main h2{
	text-indent: -9999px;
}

div#main p{
	text-indent: -9999px;
}

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


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

div#ct-wrap{
	width: 870px;
	margin: 15px 0px;
	background: url(../../img/bg_wrap.gif)
}

div#ct-left {
	width: 645px;
	padding-bottom: 50px;
	float: left;
}

div#ct-right {
	width: 210px;
	float: right;
}


/* -------------------------------------------------------------------
 バナー部分
------------------------------------------------------------------- */

div#ct-right p.bn{
	margin: 5px;
}

div#ct-right p.bn02{
	margin: 15px 5px 5px 5px;
}

div#ct-right p.bn03{
	margin: 25px 5px 25px 5px;
}

div#ct-right div.cm-area{
	margin: 0px 5px 15px 5px;
}

div#ct-right div.cm-area h4{
	padding: 3px;
	background: #336699;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

div#ct-right div.cm-area p.img{
	margin: 5px 0px 10px 0px;
}

div#ct-right div.cm-area p.more-read02{
	text-align: right;
	margin: 10px 0px 0px 0px;
}

div#ct-right div.cm-area div.book-box{
	width: 200px;
	margin: 5px 0px 10px 0px;
}

div#ct-right div.cm-area div.book-box p{
	width: 55px;
	float: left;
}


/* -------------------------------------------------------------------
 コンテンツ部分
------------------------------------------------------------------- */

ul.read{
	margin: 15px 0px;
}

ul.read li{
	padding: 3px 0px;
	border-bottom: 1px dotted #CCCCCC;
}

ul.read li span{
	margin-right: 10px;
}

.s-title{
	margin: 0px 0px 10px 0px;
	padding-top: 15px;
	clear: both;
}

p.more-read{
	margin: 10px 0px;
}


/* プラン説明 -------------------- */

#plan-box01{
	width: 643px;
	margin-bottom: 10px;
	background: url(../../img/plan_box01_bottom.png) no-repeat bottom;
}

#plan-box02{
	width: 643px;
	margin-bottom: 10px;
	background: url(../../img/plan_box02_bottom.png) no-repeat bottom;
}

.plan-s-box {
	width: 213px;
	float: left;
}

.plan-s-box p.read{
	padding: 12px;
	background: url(../../img/plan_line.png) no-repeat bottom;
}

.plan-s-box ul{
	padding: 5px 12px 25px 12px;
}

.plan-s-box p.more-read{
	padding: 5px 12px 10px 12px;
	text-align: right;
}

#plan-box03{
	margin: 15px 0px;
	background: #EBEBEB;
}

#plan-box03 h3{
	padding: 10px;
	text-align: center;
}

#plan-box03 ul li{
	display: inline;
}

/* 事例紹介 -------------------- */

div#case-box{
	width: 645px;
	margin-bottom: 15px;
}

div#case-box .case-s-box{
	width: 205px;
	margin-right: 10px;
	float: left;
}

div#case-box .case-s-box p.photo img{
	border: 2px solid #EFEFEF;
}

div#case-box .case-s-box h3{
	margin: 5px 0px;
	padding: 2px;
	font-weight: bold;
	background: #EFEFEF;
}

div#case-box .case-s-box table{
	width: 205px;
}

div#case-box .case-s-box table th{
	width: 45%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}

div#case-box .case-s-box table td{
	padding: 2px;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}

div#case-box .case-s-box table td span{
	font-weight: bold;
	color: #FF3300;
}

div#case-box .case-s-box p.more-link{
	margin: 10px 15px 0px 15px;
	padding: 3px;
	text-align: center;
	background: #EFEFEF;
	border: 1px solid #CCCCCC;
}


/* 斎場説明 -------------------- */

dl.saijo-list{
}

dl.saijo-list dt{
	font-weight: bold;
}

dl.saijo-list dd{
	margin: 5px 0px 15px 0px;
}