@charset "UTF-8";


/* 下層ページ 共通のcss */


/* ===ヘッダー=== */


/* ページタイトル */
div#header div.h2 {
	padding: 0 1px 0 1px;
	background: url(/images/common/line_bg.gif) left repeat-y;
}
div#header div.h2 h2 { /* 各ページ用cssから画像を読み込んでます。 */
	width: 941px;
	height: 114px;
	text-indent: -9999px;
	overflow: hidden;
}


/* パンくずリスト */
div#header div#pan {
	width: 941px;
	height: auto;
	border-top: 1px solid #eaf0f4;
	border-bottom: 1px solid #eaf0f4;
	padding: 1px;
	background: url(/images/common/line_bg.gif) left repeat-y;
}
div#header div#pan ul {
	width: 941px;
	height: 27px;
	background: #dee9ef url(/images/common/pan_bottom.gif) bottom repeat-x;
	overflow: hidden;
	color: #3a5367;
}

div#header div#pan ul li {
	float: left;
	height: 27px;
	background: url(/images/common/pan_list.gif) 0 0 no-repeat;
	position: relative;
	font-size: 93%;
	overflow: hidden;
}
div#header div#pan ul li span {
	display: block;
	padding: 13px 10px 0 20px;
	margin-top: -0.65em;
}
div#header div#pan ul li.home {
	padding-left: 35px;
	background: url(/images/common/pan_home.gif) 10px 5px no-repeat;
}

div#header div#pan ul li a {
	color: #3a5367;
	text-decoration: none;
	display: block;
	padding: 13px 10px 0 20px;
	margin-top: -0.65em;
}
div#header div#pan ul li.home a {
	padding: 13px 10px 0 0px;
}
div#header div#pan ul li a:hover {
	color: #3573a8;
	text-decoration: underline;
}

/* ===グローバルナビからフッターまで囲っている枠=== */

@media screen and (min-width: 768px) {
div#line_side {
	padding-top: 27px;
}
}




/* ============ #main ============== */
/* ページ先頭へ戻る */
@media screen and (min-width: 769px) {
#main div.go_top {
	width: 695px;
	height: auto;
	margin-top: 50px;
}
}

@media screen and (max-width: 768px) {
#main div.go_top {
	height: auto;
	margin-top: 50px;
}
}

@media screen and (min-width: 769px) {
#main div.go_top a {
	display: block;
	width: 122px;
	height: 26px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/common/go_top.gif) top left no-repeat;
}
}

@media screen and (max-width: 768px) {
#main div.go_top a {
	display: block;
	width: 122px;
	height: 26px;
	margin:auto;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/common/go_top.gif) top left no-repeat;
}
}


#main div.go_top a:hover {
	background: url(/images/common/go_top_on.gif) top left no-repeat;
}

/* 霊園・墓地をお持ちでない方は・・・ */
#main ul.bottom_link {
	width: 670px;
	height: auto;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
	margin: 80px 0 8px 25px;
}

#main ul.bottom_link li {
	float: left;
	margin: 0 9px 9px 0;
}
#main ul.bottom_link li.right {
	float: right;
	margin: 0 0 9px 0;
}

#main ul.bottom_link li a {
	float: left;
}
#main ul.bottom_link li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}



/* ============ 横のリンクなど #side ============== */
div#side {
	position: relative;
	padding-top: 2px;
}

@media screen and (max-width: 769px) {
	div#side {
	display: none;
	}
}


/* 丸長石材について */

@media screen and (min-width: 769px) {
div#side div.side_about ,
div#side div.side_about a {
	display: block;
	background: url(/images/common/second_side_about.gif) top left no-repeat;
	width: 111px;
	height: 111px;
	overflow: hidden;
	text-indent: -9999px;
}
}

@media screen and (max-width: 768px) {
div#side div.side_about ,
div#side div.side_about a {
	display: none;
}
}

div#side div.side_about {
	position: absolute;
	top: -119px;
	left: 143px;
}

div#side div.side_about a:hover {
	display: block;
	background: url(/images/common/second_side_about_on.gif) top left no-repeat;
}

/* ページ別メニュー */
div#side dl.side_menu {
	width: 199px;
	height: auto;
	margin-left: 1px;
    /**usa**/
	background: #f23822;

    font-size: 100%;
}

div#side dl.side_menu dt {
	background: #ff863c;
	margin: 0;
	border-bottom: 1px solid #e97731;
	color: #fff;
	font-size: 100%;
	padding: 10px;
}
div#side dl.side_menu dt.sub_title {
	border-bottom: 0;
	padding: 0;
}
div#side dl.side_menu dt.sub_title span{
	display: block;
	padding: 7px 0 7px 7px;
}
div#side dl.side_menu dt.title {
	background: url(/images/common/second_side_menu_top.gif) top left no-repeat;
	height: 32px;
	margin: 0;
	border-bottom: 0;
	color: #fff;
	padding: 0;
}

div#side dl.side_menu dt.title div {
	padding: 7px 0 0 7px;
}

div#side dl.side_menu dd {
/*	background: url(/images/common/second_side_menu_line.gif) bottom repeat-x;
	padding-bottom: 1px;
*/
    border-bottom: 1px solid #cccccc;
	margin: 0;
}
div#side dl.side_menu dd.no_border {
	padding-bottom: 0;
	background: 0;
}

div#side dl.side_menu dd.last {
	margin: 0;
	padding: 0 0px 1px 0px; 
	background: url(/images/common/second_side_menu_bottom.gif) bottom left no-repeat;
}

div#side dl.side_menu dd a {
	display: block;
	color: #2c3740;
	text-decoration: none;
    transition: all 0.5s ;
    -webkit-transition: all 0.5s;
}
div#side dl.side_menu dt.title a {
	display: block;
	text-decoration: none;
	height: 32px;
	color: #fff;
}
div#side dl.side_menu dt.sub_title a {
	display: block;
	text-decoration: none;
	color: #fff;
	margin: 0 3px;
}
div#side dl.side_menu dt.second {
	background: url(/images/ohaka_search_side_menu_top.jpg) top left no-repeat;
}
div#side dl.side_menu dt.second a:hover {
	background: url(/images/ohaka_search_side_menu_top_on.jpg) top left no-repeat;
}
div#side dl.side_menu dd a span {
	display: block;
	padding: 3px 0 4px 20px;
    /**usa**/
	padding: 18px 0px 18px 18px;    
}
/**サイド検索枠専用**/
div#side dl.search_box dd a span {
	padding: 10px 0px 10px 18px; 
}

div#side dl.side_menu dd a {
	background: #fff url(/images/common/second_side_menu_odd.gif) 8px 50% no-repeat;
}
div#side dl.side_menu dd.even a {
	background: #EAF1F4 url(/images/common/second_side_menu_even.gif) 8px 50% no-repeat;
}
div#side dl.side_menu dd a.on { /* 現在のページ */
	background: #FFC48C url(/images/ohaka_search_side_menu_on.gif) 8px 50% no-repeat;
}


div#side dl.side_menu dd a:hover {
	background: url(/images/common/second_side_menu_hover.gif) 8px 50% no-repeat;
    background-color:#FFC48C;

}

/* ============ 横のリンクなど #side ============== */
/* ページ別メニュー */
div#side ul.side_menu {
	width: 199px;
	height: auto;
	background: url(/images/top/side_menu_bg.gif) left bottom no-repeat;
	padding-bottom: 8px;
	margin-top: 10px;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
	float: left;
}
div#side ul.side_menu li:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
}

div#side ul.side_menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 181px;
}
div#side ul.side_menu li.menu1 a {
	height: 36px;
	background: url(/images/top/side_menu1.gif) top left no-repeat;
}

div#side ul.side_menu li.menu2 a {
	height: 33px;
	background: url(/images/top/side_menu2.gif) top left no-repeat;
}
div#side ul.side_menu li.menu3 a {
	height: 36px;
	background: url(/images/top/side_menu3.gif) top left no-repeat;
}
div#side ul.side_menu li.menu4 a {
	height: 54px;
	background: url(/images/top/side_menu4.gif) top left no-repeat;
}
div#side ul.side_menu li.menu5 a {
	height: 35px;
	background: url(/images/top/side_menu5.gif) top left no-repeat;
}


div#side ul.side_menu li.title {
	padding: 0;
	display: block;
	width: 199px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/top/side_menu.gif) top left no-repeat;
}
div#side ul.side_menu li a {
	float: left;
}
div#side ul.side_menu li a:hover {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}


.youtube{
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}