@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : section.css
 Style Info : コンテンツに関するスタイル指定
=================================================================== */




/*************************************************************************
Slider Style 
**************************************************************************/
.pxs_container{
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
}
.pxs_bg{
	
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:450px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:450px;
}
ul.pxs_slider li{
	height:450px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	background-image: url(../img/slider/slide_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 15px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
ul.pxs_thumbnails{
	height:35px;
	position:absolute;
	top:360px;
	left:50%;
}
ul.pxs_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxs_thumbnails li img{
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
.pxs_navigation span{
	position:absolute;
	width:30px;
	height:60px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	top:190px;
	opacity:0.6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}
.pxs_navigation span:hover{
	opacity:0.9;
}
.pxs_navigation span.pxs_prev{
	background:#000 url(../img/slider/prev.png) no-repeat center center;
}
.pxs_navigation span.pxs_next{
	background:#000 url(../img/slider/next.png) no-repeat center center;
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../img/slider/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}
.cont {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*************************************************************************
 index
**************************************************************************/

article#index header.area01{
	background:url(../../img/index/sec01_bg.jpg) right 2px no-repeat;
	margin:0;
	padding:2px 0 0 0;
}
article#index .area01 .area01_txt{
	border-top:solid 1px #ccc;
	width:400px;
	margin:20px;}
article#index .area01 p{
	margin:20px 0;
	font-size:103%;
}
article#index .area01 img:first-child {
	margin-bottom: 20px;
}
article#index .area02{
	width:717px;
	overflow:hidden;
	margin-left:5px;}
article#index .area02 ul{
	width:732px;
	margin-right:-15px;
	margin-top:10px;}
article#index .area02 ul li{
	background:url(../../img/index/in-li-btm.jpg) left bottom no-repeat;	
	width:229px;
	float:left;
	display:inline;
	margin-right:15px;
	padding-bottom:4px;	
}
article#index .area02 ul li h3{
	background:url(../../img/index/in-li-tp.jpg) no-repeat;
	padding:18px 0 0 0;}	
	

article#index .area02 ul li p{
	background:url(../../img/index/in-li-bg.jpg) repeat-y;
	padding:5px 15px;
	margin:0;
	}

article#index .area03{
	margin:0 10px;
	padding:10px ;
	margin-bottom:30px;
	background:#f0f0f0;
	border:solid 1px #ccc;}
	
article#index .area03 p{
	background:#fff;
	padding:10px 20px;
	margin:0;}	
	
article#index .area04{
	position:relative;
	overflow:hidden;
	/*height: 430px;*/
	}

article#index .area04 h3{
	margin:20px 0;
	font-size:200%;
	color:#fe4c76;}
	
	
article#index .area04 h3 span{
	color:#999;}	

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

article#index_news ul li{
	background:#f0f0f0;
	border:solid 1px #ccc;
	margin:10px 15px;
	padding:10px 20px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	}
	

article#index_news ul li span{
	position:absolute;
	bottom:15px;
	right:15px;}	
	
article#index_news ul li time{
	background:url(../../img/index/time_bg.gif) right no-repeat;
	padding-right:10px;
	display:block;
	float:left;
	width:70px;
	}	
	
article#index_news ul li dl{
	width:570px;
	float:right;
	
	}
	
article#index_news ul li dd{
	width:520px;
	margin:5px 0;}	
	
	
/*------------------------------------------------------------------------
  .main-inq
------------------------------------------------------------------------*/	

#main .main-inq{
	background:url(../img/bg/main_inq_bg.jpg) no-repeat;
	padding:15px 40px 20px 100px;
	overflow:hidden;
	width:590px;
	margin:20px auto 0;}
#main .main-inq p{
	padding:10px 0 0 0;}	

/*------------------------------------------------------------------------
  共通テーブル要素
------------------------------------------------------------------------*/	
#main th, #main td {
	border: 1px solid #534941;
}
#main th.th01 {
	color: #FFF;
	background: #534941;
	text-align:left;
}
#main th.th02 {
	text-align:left;
	background: url(../img/bg/bg_th.jpg);
}
/*------------------------------------------------------------------------
  京都南霊苑について
------------------------------------------------------------------------*/	

#main #kyoto section h3 {
	margin:0 0 30px;
}
#main #kyoto01 strong {
	color:#749A00;
}
#main #kyoto01 .th02 {
	width:30%;
}
#main #kyoto01 td dl {
	margin:0;
}
#main #kyoto01 td dt {
	width:9em;
	float:left;
	font-weight:normal;
	
}
#main #kyoto01 td dd {
	margin-left:9em;
	
}
/*------------------------------------------------------------------------
  無料送迎バス
------------------------------------------------------------------------*/	

#main #bus section h3 {
	margin:0 0 30px;
}
#main #bus01 th, #main #bus01 td {
	text-align:center;
	vertical-align:middle;
}
#main #bus01 .th03 {
	background: url(../../img/bus/b-bg01.jpg);
	width:25%;
}
#main #bus01 .th03 span {
	color:#A7575B;
}
#main #bus01 .stop {
	width:45%;
}
/*------------------------------------------------------------------------
  区画と墓石
------------------------------------------------------------------------*/	

#main #division .sec02 .cal_li4 li img{
	border:solid 1px #39F;}
	
#division .p-li{
	float:left;
	width:400px;
	padding-top:5px;
	padding-left:35px;}
	
#division .p-li li{
	background:url(../../img/price/p-ico.gif) left 5px no-repeat;
	padding-left:20px;}	
	
#division .img_p{
	padding-top:5px;
	padding-bottom:10px;}

/*------------------------------------------------------------------------
  お墓が出来るまで
------------------------------------------------------------------------*/	

article#flow ol{
	list-style:none;}

article#flow ol li{
	overflow:hidden;
	margin-bottom:20px;
	font-size:120%;}

article#flow ol li p{
	margin:20px 0;}
	
article#flow ol li ul{
	width:758px;
	margin-right:-19px;}	
	
article#flow ol li ul li{
	float:left;
	margin-right:19px;}
	
/*------------------------------------------------------------------------
  費用について
------------------------------------------------------------------------*/	

#main article#price table th,#main article#price table td{
	text-align:center;
	font-size:120%;}
	
#main article#price table th.th01{
	text-align:left;
	font-size:130%;}
	
#main article#price	.p-tb2{
	width:480px;
	float:left;}
	
#main article#price	.ovfl p{
	margin:0;}	
	
	
#main article#price .p-li{
	float:left;
	width:400px;
	padding-left:20px;}
	
#main article#price .p-li li{
	background:url(../../img/price/p-ico.gif) left 5px no-repeat;
	padding-left:20px;}		
	
#main article#price .p-tb3{
	width:240px;
	float:right;
	}
	
/*------------------------------------------------------------------------
  霊園概要
------------------------------------------------------------------------*/	

#main #about section h3.ttl2 {
	margin:0 0 30px;
}
#main #about .th02 {
	width:30%;
}
#main #about td dl {
	margin:0;
}
#main #about td dt {
	width:9em;
	float:left;
	font-weight:normal;
		
}
#main #about1 td dd {
	margin-left:9em;
	
}	
#main #about dt{
	position:relative;
}
#main #about dt a{
	position:absolute;
	right:0;
	top:20px;
}
#main #about .bus h4 {
	color: #FFF;
    background: #fe5a7d;
    padding: 10px;
    margin-bottom: 10px;
}
#main #about .bus li {
	background: url(../../img/price/p-ico.gif) left 5px no-repeat;
    padding-left: 16px;
}
#main #about .bus span {
	color: #fe5a7d;
}

/*------------------------------------------------------------------------
  投稿部分
------------------------------------------------------------------------*/		

article#blog article{
	padding:20px 10px; overflow:hidden;
	border-bottom:dashed 1px #ccc;}
	
article#blog article .ttl{
	font-size:16px;
	position:relative;}	

article#blog article .ttl time{
	position:absolute;
	font-size:70%;
	top:30px;
	right:10px;}	
	
article#blog article .entry{
	padding:10px 20px 20px;}	
	
article#blog article .imgR{
	margin-bottom:none;
	margin-top:10px;}	
	
	
/*-------------------------------------------------------------------
　プライバシーポリシー
--------------------------------------------------------------------*/	
article#policy{ }

article#policy dl{
	margin:0 20px;}

article#policy dd{
	padding: 20px;
	}
	
article#policy dt{
	font-size:150%;
	font-weight:normal;
	border-bottom:dotted 1px #333;
	padding:15px 0;}	
	
article#policy dd table,article#policy dd h3{
	margin:15px 0;
	color:#834523;
}
article#policy dd table th{
	width:100px;
	}
	
	
article#policy dd p{
	margin:10px 0;}
	
	
/*-------------------------------------------------------------------
　　404 notfound
--------------------------------------------------------------------*/	

article#notfound p,article#notfound ul{
	margin-left:40px;
	padding:30px 0;}

/* お問い合わせフォーム
----------------------------------------------------------- */	

#main article#contact .blue{
	font-size:230%;
	text-align:center;
	margin-bottom:10px;
	line-height:180%;
	color:#729900;
	}

#main article#contact .time{
	text-align:center;
	}
	
#main article#contact p{
	padding:0 20px;}		

/*----------------------------------------------------------
    form
----------------------------------------------------------- */

#main article#contact table{
	width:710px;
	margin:20px auto;
	}

article#contact td,article#contact th{

	}
	
#main article#contact td p{
	margin:0;
	padding:0 !important;}	

/*-------------------------------------
    送信確認ボタン
--------------------------------------*/
#main .check_btn{
	background:url(../img/buttons/btn_confirm.jpg);
	padding:0;	
	height:40px;
	width:180px;
	text-indent:-9999px;
	border:none;
	display:block;
	margin:20px auto;
	}
#main .check_btn:hover{
	background:url(../img/buttons/btn_confirm_on.jpg);
	padding:0;	
	height:40px;
	width:180px;
	text-indent:-9999px;
	}
/*-------------------------------------
    送信ボタン
--------------------------------------*/	

#main .btnarea{
	padding:20px 0;
	text-align:center;
	}

#main .submit_btn{
	background:url(../img/buttons/btn_submit.jpg);
	padding:0;	
	height:40px;
	width:180px;
	text-indent:-9999px;
	border:none;
	}
#main .submit_btn:hover{
	background:url(../img/buttons/btn_submit_on.jpg);
	padding:0;	height:40px;
	width:180px;
	text-indent:-9999px;
	}	
/*-------------------------------------
    戻るボタン
--------------------------------------*/	

#main .return{
	background:url(../img/buttons/btn_return.jpg);
	padding:0;	height:40px;
	width:180px;
	text-indent:-9999px;
	border:none;
	}
#main .return:hover{
	background:url(../img/buttons/btn_return_on.jpg);
	padding:0;	
	height:40px;
	width:180px;
	text-indent:-9999px;
	}		
/*-------------------------------------
    完了画面のdiv
--------------------------------------*/
#main .form_complete{
	margin:20px auto;
	padding:20px 30px;
	}

#main .form_complete h3{
	padding:13px 0 15px 0;
	color:#834023;
	font-family:ume_m,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:220%;
	font-weight:600;
	}


#main .form_complete p{
	margin:20px 0;}
/*-------------------------------------
    完了画面のトップへ戻るボタン
--------------------------------------*/

#main .return_top{
	background:url(../img/buttons/btn_return_tp.jpg);
	padding:0;	
	height:40px;
	width:180px;
	border:none;
	text-indent:-9999px;
	display:block;
	margin:20px auto;
	}
#main .return_top:hover{
	background:url(../img/buttons/btn_return_tp_on.jpg);
	padding:0;	height:40px;
	width:180px;
	text-indent:-9999px;
	}
/*-------------------------------------
    必須
--------------------------------------*/
	
#main th span.kome{
	margin-left:10px;
	background-color:#C33;
	padding:3px 4px ;
	color:#fafafa;
	font-size:9px;
	letter-spacing:1px;
    margin: 0px 0px 0px 10px;
	line-height:9px;
	border-radius:3px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    }