@charset "utf-8";

/*====================================================================================
TOPコンテンツ

■01.タイトルエリア

■02.TOPコンテンツ枠

■03.TOPコンテンツ内容
  03_1.あらゆる形式のお葬式
  03_2.OKURIBITOの演奏とは
  03_3.演奏例・演奏料金
  03_4.新着情報・会社概要

■04.新着情報
====================================================================================*/

/*====================================================================================
■01.タイトルエリア
====================================================================================*/

h3#top_title {
	margin: 44px 0 0 0;
	text-align: center;
}

/*====================================================================================
■02.TOPコンテンツ枠
====================================================================================*/

#top_contents .bar01 {
	text-align: center;
}

/*====================================================================================
■03.TOPコンテンツ内容
====================================================================================*/

/*
  03_1.あらゆる形式のお葬式
--------------------------------------------------------------------*/
#top_contents .sec01 {
	width: 1044px;
	min-height: 390px;
	margin: 0 auto;
}
#top_contents .sec01 dl {
	width: 320px;
	margin: 0 14px;
	float: left;
}
#top_contents .sec01 dl dd {
	width: 320px;
	margin: 15px 10px;
}

/*
  03_2.OKURIBITOの演奏とは
--------------------------------------------------------------------*/
#top_contents .sec02 {
	min-height: 587px;
	background: url(../images/bg_concept.jpg) center top no-repeat;
}
#top_contents .sec02 p {
	min-height: 56px;/*76px*/
	padding: 20px 0 0 0;
	text-align: center;
}
#top_contents .sec02 ul {
	width: 1000px;
	margin: 0 auto;
}
#top_contents .sec02 ul li.n01 {
	margin: 0 21px 0 0;
	padding: 12px 0 0 0;
	float: left;
}
#top_contents .sec02 ul li.n02 {
	padding: 52px 0 0 0;
	float: left;
}
#top_contents .sec02 ul li.n03 {
	float: left;
}

/*
  03_3.演奏例・演奏料金
--------------------------------------------------------------------*/
#top_contents ul.sec03 {
	width: 1000px;
	margin: 0 auto 30px;
}
#top_contents ul.sec03 li.n01 {
	width: 475px;
	float: left;
}
#top_contents ul.sec03 li.n02 {
	width: 475px;
	float: right;
}
#top_contents ul.sec03 li img {
	margin: 0 auto 15px;
}

/*
  03_4.新着情報・会社概要
--------------------------------------------------------------------*/
#top_contents .sec04 {
	width: 1000px;
	margin: 0 auto;
}
#top_contents .sec04 .area01 {
	width: 659px;
	float: left;
}
#top_contents .sec04 .area02 {
	width: 300px;
	padding: 16px 0 0 0;
	float: right;
}
#top_contents .sec04 .area02 a,
#top_contents .sec04 .area02 a:link,
#top_contents .sec04 .area02 a:visited {
	width: 185px;/*300*/
	height: 95px;/*240*/
	padding: 145px 95px 0 20px;
	color: #666666;
	text-decoration: none;
	background: url(../images/ban03.jpg) no-repeat;
	display: block;
}
#top_contents .sec04 .area02 a:hover,
#top_contents .sec04 .area02 a:active,
#top_contents .sec04 .area02 a:focus {
	color: #FF0000;
	text-decoration: underline;
	background: url(../images/ban03_on.jpg) no-repeat;
}

/*====================================================================================
■04.新着情報
====================================================================================*/

#nProgram {
	width: 640px;
	height: 152px;
	overflow: auto;
}
#nProgram dl {
	margin: 0 15px 0 0;
}
#nProgram dl dt {
	width: 104px;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	text-align: center;
	font-size: 12px;
	background: #F9F6D3;
}
#nProgram dl dd {
	margin: -1.3em 0 10px 0;
	padding: 0 0 10px 120px;
	border-bottom: 1px dotted #666666;
}

/* safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

#nProgram dl dd a,
#nProgram dl dd a:link,
#nProgram dl dd a:visited {
	color: #666666;
	text-decoration: underline;
}
#nProgram dl dd a:hover,
#nProgram dl dd a:active,
#nProgram dl dd a:focus {
	color: #DB5CB3;
	text-decoration: underline;
}