@charset "utf-8";
/* CSS Document */

/* CSS Information ==================================
	ファイル名:common.css
	作成日:2009.07.16
=====================================================*/

/*--------------------------------------
　リセット
--------------------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	margin-bottom:1px;/*スクロール表示用*/
}

h1, h2, h3, h4, h5, h6, p, address {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

img {
	border:0;
}

ol,ul {
	list-style:none;
}

button {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	overflow: visible;/*IE用*/
	font-family:inherit;  
	font-size:100%;  
	font-style:inherit;  
	font-weight:inherit;  
	vertical-align:baseline;  
}

fieldset, form, input, label, legend, select, textarea {  
	font-family:inherit;  
	font-size:100%;  
	font-style:inherit;  
	font-weight:inherit;  
	vertical-align:middle; 
}  
   
table {  
	border-collapse:collapse;  
	border-spacing:0;  
	font-size:100%;  
}

h2 img, h3 img, h4 img {
	vertical-align:bottom;
}


hr{
  height:0px;
  margin:7px auto;
  border:none;
  border-top:1px solid #000;
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
} 
*:first-child+html * {
	letter-spacing:0;/*IE7 hasLayout対策*/
}



/*--------------------------------------
　基本設定
--------------------------------------*/

body {
	background:#faf8e1 url(../images/bg.gif) repeat-x top left;
	color:#666666;
	font-family:'ＭＳ Ｐゴシック','Ms P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,sans-serif;
	font-size:0.8em;
}

a:link {
	color:#666666;
	text-decoration:underline;
}

a:visited {
	color:#666666;
}

a:hover {
	text-decoration:none;
}

/*----　clearfix　----*/
#topSearch #topSearchTop:after;
#headerArea #header:after,
.clearfix:after{
    content:".";  /* 新しい要素を作る */
    display:block;  /* ブロックレベル要素に */
    height:0;
    line-height:0;/*for mac safari*/
    font-size:1px;/*for mac safari*/
    clear:both;
    visibility:hidden;
}

#topSearch #topSearchTop,
#headerArea #header,
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}

.clearfix{display: block;}
/* End hide from IE-mac */


.clear { /*簡易clearfix*/
	clear:both;
}


/*--------------------------------------
　共通レイアウト
--------------------------------------*/

#content {
	width:760px;
	margin:0 auto;
	clear:both;
}

/*--------------------------------------
　ヘッダー
-------------------------------------*/
#headerArea {
	width:760px;
	margin:0 auto;
}

#headerArea #header {
	margin:0 auto;
	background:url(../images/bg_header2.gif) no-repeat 635px 20px;
	padding-top:31px;
	padding-bottom:12px;
}

#headerArea #header #logo {
	width:242px;
	float:left;
	padding-right:19px;
}

#headerArea #header h1 {
	width:489px;
	float:left;
	line-height:1.5;
	padding:13px 10px 0 0;
}

#headerArea #globalNav {
	clear:both;
}

#headerArea #globalNav ul {
	width:760px;
	margin:0 auto;
	overflow:hidden;
}

#headerArea #globalNav li {
	list-style:none;
	float:left;
	width:190px;
	height:48px;
}

#headerArea #globalNav a {
	display:block;
	width:190px;
	height:48px;
}

#headerArea #globalNav a:hover img,
#headerArea #globalNav a:active img{
	width:0;
	height:0;
}

#headerArea #globalNav a:hover,
#headerArea #globalNav a:active{
	background:none;
}

#headerArea #globalNav li.gNav1 {
	background:url(../images/gnav1_o.gif) no-repeat bottom left;
}

#headerArea #globalNav li.gNav2 {
	background:url(../images/gnav2_o.gif) no-repeat bottom left;
}

#headerArea #globalNav li.gNav3 {
	background:url(../images/gnav3_o.gif) no-repeat bottom left;
}

#headerArea #globalNav li.gNav4 {
	background:url(../images/gnav4_o.gif) no-repeat bottom left;
}

/*--------------------------------------
　パンくず
-------------------------------------*/

#topicPath {
	width:760px;
	margin:0 auto;
	font-size:0.8em;
	padding:12px 0;
}

#topicPath dl {
	width:755px;
	padding-left:5px;
	overflow:hidden;
}

#topicPath dt {
	width:auto;
	float:left;
	background:url(../images/icon_pankuzu.gif) no-repeat 100% 3px;
	color:#7dae1e;
	padding-right:9px;
}

#topicPath dd {
	width:auto;
	float:left;
	padding-left:7px;
}

#topicPath ol {
}

#topicPath li {
	display:inline;
	padding-right:6px;
}

#topicPath li span {
	padding-left:6px;
	font-weight:700;
}

#topicPath li a {
	font-weight:400;
	color:#669933;
}

/*--------------------------------------
　ページ上部へ
-------------------------------------*/
#content #pageTop {
	background:url(../images/pagetop_o.gif) no-repeat 639px 22px;
	width:117px;
	height:11px;
	padding-left:639px;
	padding-bottom:20px;
	padding-top:22px;
}

body.top #content #pageTop {
	padding-top:2px;
	background:url(../images/pagetop_o.gif) no-repeat 639px 2px;
}

#content #pageTop a {
	width:117px;
	height:11px;
	display:block;
}

#content #pageTop a:hover {
	background:none;
}

#content #pageTop a:hover img {
	width:0;
	height:0;
}


/*--------------------------------------
　フッター
-------------------------------------*/
#footer {
	background:url(../images/line_footer.gif) repeat-x top left;
	padding-bottom:30px;
}

/*　フッターリンク
-------------------------------------*/
#footer #areaLink {
	text-align:center;
	clear:both;
	padding-top:16px;
	padding-bottom:11px;
	border-bottom:solid 1px #d5d6ae;
}

#footer #areaLink a {
	color:#386802;
}

#footer #areaLink ul {
	width:760px;
	margin:0 auto;
	overflow:hidden;
}

#footer #areaLink li {
	display:inline;
	padding-right:6px;
}

#footer #areaLink li a {
	padding:0 6px 0 0;
	border-right: dotted 1px #999999;
}

#footer #areaLink li.lastChild a {
	border:none;
}


#footer #manage {
	width:760px;
	margin:0 auto;
	text-align:center;
	line-height:1.6;
	font-size:0.8em;
}

#footer #manage p.manageExplain {
	padding-top:14px;
}

#footer #manage p.copy {
	padding-top:9px;
}

/*--------------------------------------
　トップページ
-------------------------------------*/

/*	検索条件
-------------------------------------*/

#topImage {
	background:url(../images/bg_top_image.jpg) no-repeat top center;
	padding-top:143px;
	margin-bottom:20px;
}

#topSearch {
	width:760px;
	margin:0 auto;
	background:url(../images/bg_top_search_bottom.gif) no-repeat left bottom;
}

#topSearch #topSearchTop {
	width:760px;
	background:url(../images/bg_top_search_top.gif) no-repeat left top;
	overflow:hidden;
}

#topSearchLeft {
	width:600px;
	float:left;
}

#topSearchLeft h2{
	width:123px;
	float:left;
	padding-top:6px;
	padding-left:15px;
}

#topSearchLeft ul{
	width:461px;
	float:right;
}

#topSearchLeft li{
	float:left;
	padding-top:15px;
	padding-bottom:12px;
}

#topSearchLeft li.ts1{
	width:138px;
	background:url(../images/top_search_yajirushi.gif) no-repeat 100% 50%;
	padding-left:14px;
}

#topSearchLeft li.ts2{
	width:159px;
	background:url(../images/top_search_yajirushi.gif) no-repeat 100% 50%;
	padding-left:10px;
}

#topSearchLeft li.ts3{
	width:130px;
	padding-left:10px;
}

#topSearchLeft dt{
	width:auto;
	font-weight:700;
	color:#979967;
	font-size:0.9em;
	padding-bottom:6px;
}

#topSearchLeft dd select{
	width:116px;
}

#topSearchLeft li.ts2 dd select{
	width:135px;
}

#topSearchRight {
	width:147px;
	float:left;
	padding-top:11px;
	padding-left:10px;
}



/*	斎場・葬儀場をさがす
-------------------------------------*/

.topLinkTitle {
	background:url(../images/bg_searchlink_top.gif) no-repeat left top;
}

.topLinkTitle h2 {
	background:url(../images/bg_searchlink_bottom.gif) no-repeat left bottom;
	font-weight:700;
	color:#fff;
	padding:7px 10px 7px 12px;
	line-height:1.4;
	font-size:1.2em;
}

h3#researchBox {
	padding-top:20px;
}

.topLinkTitle h2 img {
	vertical-align:top;
	padding-top:3px;
}


.listLinkTitle {
	margin-top:20px;
	background:url(../images/bg_searchlink_top.gif) no-repeat left top;
}

.listLinkTitle h2 {
	background:url(../images/bg_searchlink_bottom.gif) no-repeat left bottom;
	font-weight:700;
	color:#fff;
	padding:7px 10px 7px 12px;
	line-height:1.4;
	font-size:1.2em;
}
.listLinkTitle h2 img {
	vertical-align:top;
	padding-top:3px;
}




.searchLink {
	width:758px;
	margin-bottom:20px;
	border-left:solid 1px #88c65b;
	border-right:solid 1px #88c65b;
	border-bottom:solid 1px #88c65b;
	background-color:#e9f8d7;
	padding-top:9px;
}

.searchLink .linkBlock {
	width:734px;
	margin:0 auto 11px;
	border:solid 1px #d4e7b0;
	background-color:#fff;
}

.searchLink .linkBlock h3 {
	width:732px;
	background:url(../images/icon_searchlink1.gif) no-repeat 12px 9px;
	margin:0 auto;
	border-bottom:solid 2px #336600;
	font-weight:700;
	text-indent:32px;
	color:#336600;
	padding:9px 0;
}

.searchLink .linkBlock ul {
	width:698px;
	padding:11px 5px 5px 18px;
	overflow:hidden;
}

.searchLink .linkBlock li {
	background:url(../images/icon_searchlink2.gif) no-repeat 0px 3px;
	float:left;
	white-space:nowrap;
	text-indent:11px;
	padding-right:20px;
	margin-bottom:9px;
}



/*--------------------------------------
　一覧ページ
-------------------------------------*/

/*	検索結果
-------------------------------------*/

#content #resultCount {
	width:760px;
	background:url(../images/bg_result_top.gif) no-repeat 0 0;
	padding-top:4px;
}

#content #resultCount #resultCountText {
	width:736px;
	background:url(../images/bg_result_bottom.gif) no-repeat left bottom;
	padding:0 10px 0 14px;
}

#content #resultCount #resultCountText h2 {
	background:url(../images/result.gif) no-repeat 0 9px;
	font-weight:700;
	font-size:1.4em;
	padding:9px 0 15px;
	color:#4c4c4c;
	text-indent:96px;
}

#content #resultCount #resultCountText strong {
	font-size:1.4em;
	color:#326602;
	font-weight:700;
	padding-right:3px;
}


#content #resultCount #research {
	background-color:#ece1b4;
	border-bottom:dotted 1px #9a9868;
	padding:3px 4px 2px 13px;
	overflow:hidden;
}

#content #resultCount #research p {
	width:589px;
	float:left;
	padding-bottom:5px;
}

#content #resultCount #research span {
	font-size:1.5em;
	color:#986701;
}

#content #resultCount #research strong {
	padding-left:5px;
	padding-right:3px;
}

#content #resultCount #research #btnResearch {
	width:143px;
	height:27px;
	float:right;
}


/*　ページング
-------------------------------------*/

.pagination {
	text-align:center;
	line-height:1.2;
	padding:19px 0 0;
}

.pagination a,
.pagination span {
	border-right:solid 1px #666666;
	padding:0 5px;
}

.pagination .current {
	color:#316733;
	font-weight:700;
}

a.prev_page,
a.next_page,
span.prev_page,
span.next_page {
	border-right:none;
}

.pagination .lastChild {
	border-right:none;
}


/*　斎場内容
-------------------------------------*/

#content .entryContent {
	width:758px;
	margin:0 auto 0;
	border:solid 1px #e5dec3;
	background:#fff;
}

body.list #content .entryContent {
	padding-bottom:13px;
}

body.detail #content .entryContent {
	padding-bottom:10px;
}

body.list #content .entryContent {
	margin:20px auto 0;
}

body.detail #content .entryContent {
	margin:0 auto 7px;
}

#content .entryContent .entryTitle {
	width:753px;
	background:#e4e4d9;
	border:solid 1px #fff;
	border-bottom:solid 3px #666;
	padding-right:3px;
	overflow:hidden;
}

body.list #content .entryContent .entryTitle h3,
body.detail #content .entryContent .entryTitle h2 {
	width:540px;
	background:url(../images/icon_entry.gif) no-repeat 9px 11px;
	padding:14px 0 14px 22px;
	float:left;
	color:#996600;	
	font-weight:700;
}

#content .entryContent .entryTitle a {
	font-weight:700;
	color:#996600;	
}

#content .entryContent .btnDetail {
	width:178px;
	height:36px;
	float:right;
	padding-top:4px;
	background:url(../images/btn_entry_o.gif) no-repeat 0 4px;
}

#content .entryContent .btnDetail a {
	width:178px;
	height:36px;
	display:block;
}

#content .entryContent .btnDetail a:hover {
	background:none;
}

#content .entryContent .btnDetail a:hover img {
	width:0;
	height:0;
}

#content .entryContent .entryBox {
	width:758px;
	margin:0 auto;
	padding:11px 0 0;
	overflow:hidden;
}

#content .entryContent .entryBox h3 {
	width:734px;
	margin:0 auto;
	color:#333;
	line-height:1.4;
	padding-bottom:11px;
} 

#content .entryContent .entryBox .entryBoxLeft {
	float:left;
	padding-left:12px;
}

#content .entryContent .entryBox .entryBoxLeft img {
	border:solid 1px #d9d7d8;
	padding:2px;
}

body.list #content .entryContent .entryBox .entryBoxLeft {
	width:111px;
}

body.detail #content .entryContent .entryBox .entryBoxLeft {
	width:154px;
}

body.list #content .entryContent .entryText {
	line-height:1.4;
	color:#333333;
	padding:1px 5px 18px 0px;
}

body.detail #content .entryContent .entryText {
	line-height:1.4;
	color:#999966;
	padding:1px 5px 18px 0px;
}

body.detail #content .entryContent .entryText {
	line-height:1.4;
	color:#666666;
	padding:1px 5px 18px 0px;
}

#content .entryContent .entryBox .entryBoxRight {
	padding-right:13px;
	float:right;
}

body.list #content .entryContent .entryBox .entryBoxRight {
	width:603px;
}

body.detail #content .entryContent .entryBox .entryBoxRight {
	width:556px;
}

#content .entryContent .entryBox .entryBoxRight table {
	border:solid 1px #c3dfa2;
}

body.list #content .entryContent .entryBox .entryBoxRight table {
	width:602px;
}

body.detail #content .entryContent .entryBox .entryBoxRight table {
	width:555px;
}

#content .entryContent .entryBox .entryBoxRight th {
	width:113px;
	background:#e9f8d7;
	text-align:left;
	vertical-align:top;
	border-right:solid 1px #c3dfa2;
	padding:10px 0 10px 15px;
}

body.list #content .entryContent .entryBox .entryBoxRight th {
}

#content .entryContent .entryBox .entryBoxRight td {
	line-height:1.4;
	padding:10px 13px;
	vertical-align:top;
}

body.list #content .entryContent .entryBox .entryBoxRight td {
	width:446px;
	background:url(../images/line_entry_list.gif) no-repeat left bottom;
}

body.detail #content .entryContent .entryBox .entryBoxRight td {
	width:399px;
	background:url(../images/line_entry_detail.gif) no-repeat left bottom;
}

#content .entryContent .entryBox .entryBoxRight tr.trBottom td {
	background:none;
}

#content .entryContent .detailLink {
	clear:both;
	width:742px;
	text-align:right;
	padding:15px 16px 3px 0;
}

#content .entryContent .detailLink a {
	background:url(../images/icon_detail.gif) no-repeat 0 3px;
	padding-left:10px;
	color:#996633;
}

#content .entryContent .nearLink {
	width:731px;
	clear:both;
	margin:11px auto 0px;
	background:#f5f4d6 url(../images/line_relation.gif) repeat-x top;
}

#content .entryContent .nearLink .nearLinkBottom {
	background:url(../images/line_relation.gif) repeat-x bottom;
	overflow:hidden;
}

#content .entryContent .nearLink p {
	width:91px;
	float:left;
	padding-top:8px;
	padding-left:9px;
}

#content .entryContent .nearLink ul {
	width:610px;
	float:left;
	margin:10px 0;
	padding:7px 10px 5px 10px;
	background:url(../images/line_near.gif) repeat-y 0 0;
}

#content .entryContent .nearLink li {
	padding-left:7px;
	padding-right:7px;
	float:left;
	white-space:nowrap;
	border-right:solid 1px #999999;
	margin-bottom:3px;
}

#content .entryContent .nearLink li a {
	color:#999965;
}

/*--斎場詳細--*/

/*--詳細の資料請求ボタン--*/

#content .entryContent .inquiry {
	clear:both;
	width:727px;
	height:77px;
	margin:0px auto 11px;
	background:url(../images/bg_inquiry.gif) no-repeat left bottom;
	padding:22px 0 0 4px;
}

#content .entryContent .inquiry p {
	background:url(../images/btn_inquiry_o.gif) no-repeat 0 3px;
	padding-top:3px;
}

#content .entryContent .inquiry p a {
	display:block;
	width:723px;
	height:48px;
}

#content .entryContent .inquiry p a:hover img,
#content .entryContent .inquiry p a:active img{
	width:0;
	height:0;
}

#content .entryContent .inquiry p a:hover,
#content .entryContent .inquiry p a:active{
	background:none;
}

/*--詳細の近隣の葬儀場--*/

#content .entryContent .nearFuneral {
	width:731px;
	clear:both;
	margin:9px auto 0px;
	background:url(../images/line_relation.gif) repeat-x bottom;
}

#content .entryContent .nearFuneral p {
	padding-left:9px;
}

#content .entryContent .nearFuneral ul {
	width:719px;
	padding:10px 6px 14px 0;
	overflow:hidden;
}

#content .entryContent .nearFuneral li {
	padding-left:7px;
	padding-right:7px;
	float:left;
	white-space:nowrap;
	border-right:solid 1px #999999;
	margin-bottom:3px;
}

#content .entryContent .nearFuneral li a {
	color:#999965;
}



/*　検索条件
-------------------------------------*/

#search {
	width:760px;
	margin:0 auto 0;
	background:url(../images/bg_search_bottom.gif) no-repeat left bottom;
}

#search #searchTop {
	background:url(../images/bg_search_top.gif) no-repeat left top;
	overflow:hidden;
}

#searchLeft {
	width:571px;
	float:left;
}

#searchLeft h2{
	width:100px;
	float:left;
	padding-top:8px;
	padding-left:18px;
}

#searchLeft ul{
	width:453px;
	float:right;
}

#searchLeft li{
	float:left;
	padding-top:13px;
	padding-bottom:12px;
}

#searchLeft li.s1{
	width:131px;
	background:url(../images/search_yajirushi1.gif) no-repeat 100% 50%;
	padding-left:17px;
}

#searchLeft li.s2{
	width:149px;
	background:url(../images/search_yajirushi1.gif) no-repeat 100% 50%;
	padding-left:8px;
}

#searchLeft li.s3{
	width:140px;
	padding-left:8px;
	background:url(../images/search_yajirushi2.gif) no-repeat 100% 50%;
}

#searchLeft dt{
	width:auto;
	font-weight:700;
	color:#979967;
	font-size:0.9em;
	padding-bottom:6px;
}

#searchLeft dd select{
	width:116px;
}

#searchLeft li.s2 dd select{
	width:135px;
}

#searchRight {
	width:179px;
	float:left;
	padding-top:12px;
	padding-left:10px;
}
