@import'font.css';

/* WEB お参り
-------------------------------------------------------------------------------- */
#web_omairi{
	max-width:950px;
	color:#555;
}
.omairi_600{
	width:90%;
	max-width:800px;
	margin:0 auto;
}
.omairi_center{
	margin:15px auto 5px;
	text-align:center;
	clear:both;
}
.subtitle{
	background:#0066cc;
	color:#fff;
	padding-top:3px;
	margin:5px auto;
	width:90%;
	clear:both;
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
}
dt{font-size:14px;text-align:left;font-weight:bold;padding-top:10px;color:#000;}
dd{font-size:12px;line-height:1.2em;text-align:left;font-weight:normal;margin:5px 0 0 5px;color:#555;}
/* WEB お参り 霊園について
-------------------------------------------------------------------------------- */
.reien_midashi{
	clear:both;
	height:20px;
	margin:20px auto 5px;
	padding:4px 0 0;
	background:#0C9;
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}
.attention{
	color:#B00;
	margin-top:15px;
	text-align:left;
}
.reien_list{
	background:#ffd;
	margin:0px auto;
	padding:10px 0;
}
.reien_list ul{
	width:360px;
	margin:0px auto;
}
.reien_list li{
	font-size:14px;
	font-weight:bold;
	margin:5px 0 15px;
	padding-left:5px;
	text-align:left;
}
.reien_note{
	width:100%;
	margin:5px auto;
	padding:10px 0;
	font-size:12px;
	line-height:1.5em;
	text-align:left;
}
.reien_note ul{
	width:80%;
	margin:0px auto;
}
.reien_note li{

	margin:5px 0;
	text-indent:-12px;
	
}

/* WEB お参り table
-------------------------------------------------------------------------------- */
.ta_th{
	margin:0px auto;
	font-weight:bold;
	text-align:center;
}
.omairi_tb span,.omairi_tb2 span{
	margin-left:5px;
}
.omairi_tb,.omairi_tb2{
	border:0;
	width:95%;
	margin:15px auto;
}

.omairi_tb td{
	padding:5px 0 5px 5px;
	text-align:left;
}

@media screen and (min-width:481px){/* PC---bt_hakaBar.jpg */
.omairi_tb li,.omairi_tb2 li{
	float:left;
	margin:0px auto;
	padding:8px 0 0 5px;
	text-align:center;
	min-height:25px;
}
.omairi_tb ul,.omairi_tb2 ul{
	width:100%;
	margin:2px auto;
}
.omairi_tb li:first-child{
	width:40%;margin-right:2px;
}
.omairi_tb li:first-child + li{
	width:55%;
	text-align:left;
	padding-left:10px;
}
.omairi_tb ul:after{content:"";display:block;clear:both;}

.omairi_tb2 li:first-child{
	width:20%;margin-right:2px;
}
.omairi_tb2 li:first-child + li{
	width:70%;
	text-align:left;
	padding-left:10px;
}
.omairi_tb2 ul:after{content:"";display:block;clear:both;}

.omairi_tb2 textarea{width:90%;}
.omairi_tb2 .formtHTA{min-height:40px;}
.omairi_tb2 .formtHTB{min-height:100px;}
}
@media screen and (max-width:480px){/* スマホ---bt_hakaBar.jpg */
.omairi_tb li,.omairi_tb2 li{
	margin:0px auto;
	padding:8px 0 5px;
	text-align:center;
	min-height:20px;
	width:90%;
}
.omairi_tb ul,.omairi_tb2 ul{
	width:100%;
	margin:2px auto;
}
.omairi_tb2 textarea{width:90%;}
.omairi_tb2 .formtHTA{min-height:20px;}
.omairi_tb2 .formtHTB{min-height:20px;}
}
.inputA{width:90%;}
.inputB{width:80%;}
.inputC{width:60%; min-width:150px;}



/* WEB お参り 質問の部屋
-------------------------------------------------------------------------------- */
.hotoke{
	clear:both;
	width:100%;
	max-width:700px;
	height:auto;
	min-height:200px;
	margin:0 auto;
}
.hotokeSpacer{
	clear:both;
	width:100%;
	max-width:700px;
	height:0;
	margin:0 auto;
}
.hotoke_gazou{
	width:50%;
	height:auto;
	float:left;
	margin-top:35px;
}
.hotoke_setsumei{
	width:50%;
	height:auto;
	float:right;
	text-align:left;
	margin-top:35px;
}
.hotoke_name{
	font-weight:bold;
	font-size:15px;
	color:#000;
	margin-top:15px;
}
.hotoke_hiragana{
	color:indigo;
	margin:10px 0;
}

/* WEB お参り 建立申請フォーム
-------------------------------------------------------------------------------- */
.form{
	width:100%;
}
.form_midashi{
	background:#5FA;
	text-align:left;
	padding:5px;
}
.form_button{
	width:90%;
	margin:10px auto;
}
.form_button li{
	float:left;
	width:45%;
}
.form_button li input{
	width:100px;
	text-align:center;
}
.form_button ul:after{content:"";display:block;clear:both;}

/* WEB お参り 経典
-------------------------------------------------------------------------------- */
.bosho_hannya{
	margin:30px auto 45px;
	height:130px;
	width:100%;
	max-width:600px;
}
.kyouten_img{
	width:50%;
	max-width:250px;
	height:130px;
	float:left;
}
.kyouten_dotto{
	width:50%;
	height:130px;
	float:left;
}
.kyouten_dotto p{
	width:95%;
	height:100px;
	text-align:left;
}
.kyouten_download{
	width:124px;
	height:30px;
}
.kyouten_download a{text-indent:-9999px;width:124px;height:26px; display:block;background:url('../images/bt_dl.jpg') no-repeat;background-position: 0r 0px;}
.kyouten_download a:hover {background-position: 0 -26px;}