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

/* ------------------------------------------  
COMMON
------------------------------------------ */
*{
	margin:0;
	padding:0;
}

html {
	overflow-y: scroll;
}

body {
	height: 100%;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
	color:#45433f;
	background:#ffffff;
	text-align:center;
	font-size:medium;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

a			{outline: none; color: #3d6f97; text-decoration:none;}
a:visited	{color: #82a4be;}
a:hover		{color: #04398a; text-decoration:underline;}
a:active	{color: #04398a;}

img {
	border:none;
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align:bottom;
}

#main img{
	max-width: 98%;
	margin:0 1% 20px;
}

a img:hover	{
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

#main p{
	line-height:1.7em;
	margin:0 1% 20px;
}

em{
	color:#9d2b30;
}

hr{
	clear:both;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px 0 0;
	display:block;
	height:1px;
	margin:20px 1%;
}

.right	{float:right;}
.left	{float:left;}
.center	{ text-align:center;}

#wrapper {
	/*width: 100%;*/
}


/* ------------------------------------------  
HEADER
------------------------------------------ */
header{
	width:100%;
	text-align:left;
	background-image:url("img/bg_body2.jpg");
	background-image/*\**/: url(img/bg_body2.jpg)\9;
	background-repeat:repeat;
	background-size:100px;
}

	#header-inner{
		width: 1000px;
		margin:0 auto;
		padding:0;
		overflow:hidden;
		*zoom: 1;
	}
	
		h1{
			float:left;
			width:330px;
			height:50px;
			text-indent:-99999px;
			padding:15px 0;
		}

			h1 a{
				display:block;
				width:330px;
				height:50px;
				background-image:url("img/bg_h1.png");
				background-image/*\**/: url(img/bg_h1_ie.png)\9;
				background-repeat:no-repeat;
				background-size:contain;
			}

			h1 a:hover{
				opacity:0.5;
				filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
			}

		p#desc{
			float:right;
			text-align:right;
			font-size:85%;
			color:#7e7a6c;
			padding:18px 0;
		}



/* ------------------------------------------  
CONTENTS BASE
------------------------------------------ */
#contents-wrapper{
	width:100%;
	padding-top:40px;
	background-image:url("img/bg_body.jpg");
	background-image/*\**/: url(img/bg_body.jpg)\9;
	background-repeat:repeat;
	background-size:100px;
}

#contents {
	max-width:1024px;
	width:98%;
	margin:0 auto;
	position:relative;
	z-index:101;
	padding-bottom:40px;
}

#main {
	float:right;
	width: 75%;
	padding-bottom: 20px;
	text-align:left;
	font-size:medium;
}

#sub{
	float:left;
	width: 23%;
	/*padding:0 1%;*/
	padding-top:20px;
	margin:0 1% 20px;
	text-align:left;
	clear:left;
	border-top:1px solid #cfcaba;
}

	#sub img{
		margin-bottom:20px;

	}



/* slidemenu */
#gnav {
	float:left;
	width: 23%;
	/*padding:0 1%;*/
	margin:0 1%;
	font-size:85%;
}

	#gnav-menu {
	width: 100%;
	height:0;
	padding-top: 54.3%;
	margin-bottom:10px;
	text-indent:-99999px;
	background-image:url(img/gnav-menu.png);
	background-image/*\**/: url(img/gnav-menu_ie.png)\9;
	background-size:contain;
	background-repeat:no-repeat;
	}

	#gnav-btn {
		display: none;
	}

	#gnav nav {
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}

		#gnav nav ul {
			float: none;
			margin: 0;
			width:100%;
			text-align:left;
			list-style:none;
		}
	
			#gnav nav ul li {
				float: none;
			}
			
			#gnav nav ul li a{
				display:block;
				padding:20px 10px;
				color:#45433f;
				text-decoration:none;
				border-top:1px solid #cfcec3;
				background-color: rgba(255,255,255,0.5);
			}

			#gnav nav ul li a:hover{
				background-color: rgba(228,228,205,0.5);
			}
			
			#gnav nav ul li#gnav04 a{
				border-bottom:1px solid #cfcec3;
				margin-bottom:20px;
			}
			
		
			#gnav nav ul li#gnav05 a,
			#gnav nav ul li#gnav06 a,
			#gnav nav ul li#gnav07 a{
				height:0;
				padding:0;
				padding-top: 47.82%;
				margin-bottom:10px;
				text-indent:-99999px;
				text-decoration:none;
				background-repeat:no-repeat;
				background-position:0 0;
				background-size:contain;
				background-color: rgba(255,255,255,0);
				border:none;
			}			

			#gnav nav ul li#gnav05 a{
				background-image:url(img/gnav05.png);
				background-image/*\**/: url(img/gnav05_ie.png)\9;
			}			

			#gnav nav ul li#gnav06 a{
				background-image:url(img/gnav06.png);
				background-image/*\**/: url(img/gnav06_ie.png)\9;
			}			

			#gnav nav ul li#gnav07 a{
				background-image:url(img/gnav07.png);
				background-image/*\**/: url(img/gnav07_ie.png)\9;
			}			

			#gnav nav ul li#gnav05 a:hover,
			#gnav nav ul li#gnav06 a:hover,
			#gnav nav ul li#gnav07 a:hover{
				opacity: 0.7;
				filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
			}
			


/* pagemove */
#pagemove{
	position:fixed;
	bottom:20px;
	right:20px;
	width: 100px;
	height:115px;
	text-indent:-99999px;
	background-image:url(img/pagemove.png);
	background-image/*\**/: url(img/pagemove_ie.png)\9;
	background-repeat:no-repeat;
	background-size:100px 115px;
	background-position:0 0;
	z-index: 200;
}

	#pagemove:hover{
		opacity: 0.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	}

	
	
	
/* footer */
footer{
	width: 100%;
	text-align: center;
	color:#45433f;
	font-size:90%;
	background-image:url(img/bg_body2.jpg);
	background-image/*\**/: url(img/bg_body2.jpg)\9;
	background-size:100px;
}

	#footer-inner {
		width: 1000px;
		margin: 0 auto 30px;
		padding: 30px 0 15px;
		border-bottom:1px solid #cfcec3;
	}

		footer nav {
			padding:10px 0;
		}
	
			footer ul li {
				display: inline-block;
				*display: inline;
				*margin-bottom: 12px;
				margin-bottom: 10px;
				padding: 0 10px 0 15px;
				line-height: 120%;
				border-left: solid 1px #45433f;
				*zoom: 1;
			}
	
			footer ul li:first-child {
				border-left: none;
			}
				
				footer ul li a,
				footer ul li a:visited{
					color:#45433f;
					text-decoration:none;
				}
				
				footer ul li a:hover{
					color:#45433f;
					border-bottom:1px dotted #45433f;
					text-decoration:none;
				}
				
	footer img{
		width:300px;
		height:auto;
	}
	
	#copy{
		width: 1000px;
		margin: 10px auto 30px;
		padding: 10px 0 0;
	}

	#copy p{
		line-height:1.6em;
		margin:0 0 10px 0;
	}

	#copy a{
		color:#45433f;
		text-decoration:none;
	}

	#copy a:hover{
		border-bottom:1px dotted #45433f;
	}


/* ------------------------------------------  
BOX
------------------------------------------ */
/* grid */
.grid1,
.grid2,
.grid3,
.half{
	float: left;
	display: inline;
	margin:0 1% 20px;
}

.grid1	{width: 31.33%;}
.grid2	{width: 64.67%;}
.grid3	{width: 31.33%;}
.half	{width: 48%;}

.box{
	margin:0 1% 40px;
	width:98%;
	clear:both;
}

.box_white{
	clear:both;
	width:98%;
	padding:30px 30px 10px;
	margin:0 1% 40px;
	background-color: rgba(255,255,255,0.5);
	background-color/*\**/: #faf9f1\9;
	
	box-sizing:border-box;
}

.border-white{
	display: block;
	border: solid 2px #ffffff;
}


/* ------------------------------------------  
LINK
------------------------------------------ */
/* arrow */
a.arrow{
	padding-left:15px;
	margin:0 1% 0;
	zoom: 1;
	text-decoration:none;
	background-image: url("img/arrow_blue.png");
	background-image/*\**/: url(img/arrow_blue_ie.png)\9;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:15px;
}

	a.arrow:hover{
		color:#18517f;
		text-decoration:underline;
	}



/* ------------------------------------------  
LIST
------------------------------------------ */
#main ul{
	clear:both;
	/*margin:5px 0 20px 20px;*/
	margin:0 1% 20px;
}

	#main ul li{
		list-style-position: inside;
		margin-left:1em;
		text-indent:-1em;
		/*margin:0 0 0 5px;*/
		list-style-type: disc;
		line-height:1.6em;
	}

	#main ul li.list_no{
		list-style:none;
	}


/* table ul */
#main table ul,
#main table ul li{
	margin:0;
}

#main table ul li{
	margin-left:1em;
}


#main ol{
	clear:both;
	/*margin:5px 0 20px 12px;*/
	margin:0 1% 20px;
}

	#main ol li{
		list-style-position: outside;
		/*padding-left:20px;*/
		margin:0 0 0 32px;
		line-height:1.6em;
	}



#main dl{
	clear:both;
	/*margin:5px 0 10px 0;*/
	margin:0 1% 20px;
}

#main dl dt{
	line-height:1.6em;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #cfcaba;
}

#main dl dd{
	line-height:1.6em;
	padding-top:5px;
	margin-bottom:20px;
}




/* ------------------------------------------  
TABLE
------------------------------------------ */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:98%;
	margin:0 1% 20px;
	border-top: #cfcec3 1px solid;
	border-bottom: #cfcec3 1px solid;
}

	table th,
	table td{
		padding:10px;
		line-height:1.6em;
		color:#45433f;
	}
	
	table th{font-weight: bold;}

	table tbody th{
		background :#f9f9f9; 
		text-align:left; 
	}

	tr:nth-child(odd) th,
	tr:nth-child(odd) td { 
		background-color: rgba(223,222,196,0.3);
	}
	
	tr:nth-child(even) th,
	tr:nth-child(even) td {  
		background-color: rgba(255,255,255,0.5);
	}  

	table th em{color:#e8c55b;}



/* ------------------------------------------  
TITLE
------------------------------------------ */
#main h2{
	clear:both;
	height:0;
	padding-top:10%;
	margin:25px 1%;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-size: contain;
	background-position:0 0;
}

/* index_title */
#main h2#h2_top{
	background-image:url(img/h2_top.png);
	background-image/*\**/: url(img/h2_top_ie.png)\9;
}

#main h2#h2_info{
	padding-top:8%;
	margin:0 1% 20px;
	background-image:url(img/h2_info.png);
	background-image/*\**/: url(img/h2_info_ie.png)\9;
}

#main h2#h2_footcontact{
	padding-top:13.3%;
	margin:0 1% 20px;
	background-image:url(img/h2_footcontact.png);
	background-image/*\**/: url(img/h2_footcontact_ie.png)\9;
}

/* contents_title */
#main h2#h2_greeting{
	background-image:url(img/h2_greeting.png);
	background-image/*\**/: url(img/h2_greeting_ie.png)\9;
}
#main h2#h2_about{
	background-image:url(img/h2_about.png);
	background-image/*\**/: url(img/h2_about_ie.png)\9;
}
#main h2#h2_cemetery{
	background-image:url(img/h2_cemetery.png);
	background-image/*\**/: url(img/h2_cemetery_ie.png)\9;
}
#main h2#h2_tombstone{
	background-image:url(img/h2_tombstone.png);
	background-image/*\**/: url(img/h2_tombstone_ie.png)\9;
}
#main h2#h2_pet{
	background-image:url(img/h2_pet.png);
	background-image/*\**/: url(img/h2_pet_ie.png)\9;
}
#main h2#h2_access{
	background-image:url(img/h2_access.png);
	background-image/*\**/: url(img/h2_access_ie.png)\9;
}
#main h2#h2_contact{
	background-image:url(img/h2_contact.png);
	background-image/*\**/: url(img/h2_contact_ie.png)\9;
}
#main h2#h2_privacy{
	background-image:url(img/h2_privacy.png);
	background-image/*\**/: url(img/h2_privacy_ie.png)\9;
}
#main h2#h2_link{
	background-image:url(img/h2_link.png);
	background-image/*\**/: url(img/h2_link_ie.png)\9;
}
#main h2#h2_sitemap{
	background-image:url(img/h2_sitemap.png);
	background-image/*\**/: url(img/h2_sitemap_ie.png)\9;
}



#main h3{
	clear:both;
	padding:12px 10px 10px 15px;
	margin:50px 1% 20px;
	line-height:1.5em;
	font-size: 130%;
	font-weight:bold;
	color:#ffffff;
	background-image:url(img/bg_h3.png);
	background-image/*\**/: url(img/bg_h3_ie.png)\9;
	background-color: rgba(178,175,124,0.6);
	background-color/*\**/: #cdcaa5\9;
	background-repeat:no-repeat;
	background-size:80px;
	background-position:right 0;
	border-radius:4px;
}

#main h3.h3_top{
	text-indent:-99999px;
	height:0;
	padding-top:12.32%;
	margin:0 1% 5px;
	background-size:contain;
	border-radius:0;
	background-color:transparent;
}

#main h3#h3_cemetery{
	background-image:url(img/h3_top1.png);
	background-image/*\**/: url(img/h3_top1_ie.png)\9;
}

#main h3#h3_tombstone{
	background-image:url(img/h3_top2.png);
	background-image/*\**/: url(img/h3_top2_ie.png)\9;
}



#main h4{
	clear:both;
	padding-bottom:5px;
	margin:0 1% 15px;
	color:#828161;
	font-size: 120%;
	font-weight:bold;
	line-height:1.6em;
	border-bottom:1px solid #828161;
}



#main h5{
	clear:both;
	margin:0 1% 20px;
	color:#45433f;
	font-size: 120%;
	font-weight:bold;
	line-height:1.6em;
}



/* ------------------------------------------  
BUTTON
------------------------------------------ */
div.button{
	width:100%;
	text-align: center;
	margin: 20px auto;
	clear:both;
	font-size:85%;
}

	.button a,
	.button a:visited{
		min-width:120px;
		position: relative; 
		overflow: visible; 
		display: inline-block;
		padding: 15px 1.5em 13px 1.5em; 
		margin: 10px auto;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer; 
		background:#3d6f97;
		border-radius: 6px;
		zoom: 1; 
		*display: inline;
	}
	
	.button a:hover,
	.button a:active{
		text-decoration:none;
		opacity: 0.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	}


	
/* ------------------------------------------  
INDEX
------------------------------------------ */
#main p.read{
	font-size:120%;
	text-align:center;
	line-height:2em;
	padding:10px 0 0;
}

#pet a{
	clear:both;
	display:block;
	height:0;
	padding-top:21%;
	margin:0 1% 40px;
	text-indent:-99999px;
	background-image:url(img/bn_pet.jpg);
	background-image/*\**/: url(img/bn_pet_ie.jpg)\9;
	background-repeat:no-repeat;
	background-size: contain;
	background-position:0 0;
}

#pet a:hover{
	text-decoration:none;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}


/* info */
#main .info{
	width:98%;
	padding: 0;
	margin: 0 1% 20px;
	border:none;
	}

	#main .info li{
		line-height: 1.7em;
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom:1px solid #cfcec3;
		text-indent:0;
		clear: left;
		}
		
		.info li a{
			/*padding:10px 5px 15px;*/
			margin: 0;
			line-height: 1.6em;
			display: block;
			text-decoration: underline;
			color: #45433f;
			}
		
		.info li a:hover{
			background: #f6f6f6;
			}
	
			.info li span.date{
					display: inline-block;
					float:left;
					color: #888888;
					padding: 6px 2px 10px 0;
					margin-right: 10px;
					font-family:Georgia, "Times New Roman", Times, serif;
					}
				
			.info li span.title{
				color: #222222;
				display: block;
				padding-left:110px;
				padding-top:10px;
				padding-bottom:5px;
				line-height:1.6em;
			}



/* 下につくお問い合わせ */
.foot_link{
	margin-top:50px;
	padding-top:50px;
	border-top:1px solid #cfcec3;
}


#main p.foot_tel{
	clear:both;
	height:0;
	padding-top:8%;
	margin:20px 1%;
	text-indent:-99999px;
	background-image:url(img/foot_tel.png);
	background-image/*\**/: url(img/foot_tel_ie.png)\9;
	background-repeat:no-repeat;
	background-size: contain;
	background-position:0 0;
}

#main p.foot_tel span{
	display:none;
}



/* ------------------------------------------  
CONTENTS_STYLE
------------------------------------------ */
/* breadcrumbs */
.breadcrumbs{
	width:98%;
	min-height:2em;
	line-height:1.7em;
	padding:8px 10px 5px;
	margin:0 1% 5px;
	font-size:82%;
	color:45433f;
	background-color: rgba(255,255,255,0.5);
	box-sizing:border-box;
}

	.breadcrumbs a,
	.breadcrumbs a:visited{
		padding-right:20px;
		margin-right:0;
		color:#a3a29f;
		text-decoration: underline;
		background-image: url(img/arrow_gray.png);
		background-image/*\**/: url(img/arrow_gray_ie.png)\9;
		background-repeat:no-repeat;
		background-size:12px 12px;
		background-position:right 45%;
	}
	
	.breadcrumbs a:hover{
		color:#6d9644;
	}



/* ページ内リンク */
#main ul.ul_nav{
	margin:0 1% 20px;
	text-align:center;
}

	#main ul.ul_nav li{
		display:inline-block;
		font-size:85%;
		margin:0 15px 0 0;
		list-style:none;
		text-indent:0;
	}
	
	#main ul.ul_nav li a{
		width:auto;
		padding:5px 20px 5px 28px;
		margin:0 0 8px 0;
		text-indent:0;
		color:#ffffff;
		text-decoration:none;
		display:inline-block;
		position:relative;
		overflow:visible;
		border-radius:4px;
		background-color:#3d6f97;
		background-image:url(img/bg_nav.png);
		background-image/*\**/: url(img/bg_nav_ie.png)\9;
		background-size:18px;
		background-position:12px 50%;
		background-repeat:no-repeat;
	}
	
	#main ul.ul_nav li a:hover{
		opacity:0.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	}



/* about */
#themes{
	height:0;
	padding-top:17.33%;
	margin:25px 1%;
	text-indent:-99999px;
	background-image:url(img/themes.png);
	background-image/*\**/: url(img/themes_ie.png)\9;
	background-repeat:no-repeat;
	background-size: contain;
	background-position:0 0;
}

#main .gallery{
	width:
	background-color:rgba(255,255,255,0.5);
}

#main .gallery img{
	margin:0 1%;
}

#main .gallery p{
	display:block;
	padding:10px;
	margin:0 1%;
	font-weight:bold;
	color:#828161;
	background-color:rgba(255,255,255,0.5);
}

#main .box_white .gallery p{
	background-color:rgba(223,222,196,0.3);
}




/* 霊園分譲について */
#main ul.feature{
	clear:both;
	width:98%;
	padding:30px;
	margin:0 1% 30px;
	background-color: rgba(61,111,151,0.1);
	box-sizing:border-box;
}

#main ul.feature li{
	line-height:1.5em;
	font-size:130%;
	color:#3d6f97;
	margin-bottom:20px;
}

#main ul.feature li:last-child{
	margin-bottom:0;
}



/* 共同墓地 */
#main p.center_large{
	text-align:center;
	font-size:130%;
	margin:0 1% 50px;
}

.flyer-box{
	margin-top:60px;
}

	.flyer-box a{
		box-sizing: border-box;
		border:solid 2px #fff;
		display: block;
	}

	#main .flyer-box a img{
		width: 100%;
		max-width: 100%;
		margin: 0;
	}


/* sitemap */
#main .dl_link{
	margin-bottom:20px;
}

	#main .dl_link dt{
		border-bottom:none;
	}

	#main .dl_link dt a{
		font-size: 1em;
		padding-left:15px;
		zoom: 1;
		background-image: url(img/arrow_blue.png);
		background-image/*\**/: url(img/arrow_blue_ie.png)\9;
		background-repeat:no-repeat;
		background-size:15px;
		background-position:0 45%;
	}
	
		#main .dl_link dt a:hover{
			color:#04398a;
			text-decoration:underline;
		}
	
	#main .dl_link dd{
		padding-left:15px;
		padding-top:0;
		padding-bottom:8px;
		margin-bottom:10px;
		border-bottom:1px dotted #cccccc;
	}



/* Google Map,YouTube */
.google iframe{
	margin:0 1%;
}


.pc{
	display: block;
}

.sp{
	display: none;
}


/* ------------------------------------------  
for - 1070px * important *
------------------------------------------ */
@media screen and (max-width:1070px) {
	
/* header 1070 */
#header-inner{
	width: 96%;
}

#header-left{
	width:48%;
}

}




/* ------------------------------------------  
for - 979px
------------------------------------------ */
@media screen and (max-width:979px) {

/* footer 979 */
#footer-inner,
#copy{
	width:100%;
}


}




/* ------------------------------------------  
for - 768px
------------------------------------------ */
@media screen and (max-width:768px) {

/* header 768 */
h1,
h1 a{
	width:260px;
	height:39px;
}
	
p#desc{
	font-size:75%;
}



/* base 768 */
#main {
	min-height:0;
}



/* table 768 */
table{
}

table th,
table td{
	display:block;
	border:none;
	padding:8px;
}

table th{
	width:auto;
	line-height:1.6em;
	padding:8px 8px 0;
}



/* pagemove 768 */
#pagemove{
	bottom:20px;
	right:20px;
	width: 80px;
	height:93px;
	background-size:80px 93px;
}


/* title 768 */
#main h2#h2_footcontact{
	padding-top:15%;
	background-size: 140%;
	background-position:50%;
}



/* 下につくお問い合わせ 768 */
#main p.foot_tel{
	padding-top:15%;
	background-size: 150%;
	background-position:50%;
}



/* about 768 */
#themes{
	padding-top:20%;
	background-size: 130%;
	background-position:50%;
}



}




/* ------------------------------------------  
for - 640px
------------------------------------------ */
@media screen and (max-width:640px) {

/* header 640 */
h1,
h1 a{
	float:none;
	width:240px;
	height:36px;
	margin:0 auto;
}
	
p#desc{
	float:none;
	font-size:75%;
	margin:0 auto;
	padding:0 0 15px;
	text-align:center;
}



/* base 640 */
#main,
footer{
	/*font-size:90%;*/
}

#contents-wrapper {
	padding-top: 20px;
}

#contents {
	width:100%;
}

#main{
	float: none;
	width: 98%;
	margin: 0 1%;
	padding-bottom: 0;
}



/* index 640 */
#pet a{
	padding-top:45%;
	background-image:url(img/bn_pet_s.jpg);
	background-image/*\**/: url(img/bn_pet_s_ie.jpg)\9;
}





/* slidemanu 640 */
#gnav{
	float: none;
	width: 100%;
	margin: 0 auto;
	*margin: 0 auto 20px;
	overflow: hidden;
	*zoom: 1;
}

	#gnav-menu{
		display:none;
	}
	
	#gnav-btn {
		display: block;
		margin:0 auto;
		width:160px;
	}

	#gnav-btn a{
		padding: 10px 0;
		display: block;
		height: 25px;
		line-height: 25px;
		color: #ffffff;
		/*font-size: small;*/
		text-align: center;
		border-radius: 6px;
	}
	
	#gnav-btn a:link,
	#gnav-btn a:visited {
		display:block;
		width:auto;
		height:2em;
		line-height:2em;
		padding:8px 0 5px;
		margin:0 auto;
		color:#ffffff;
		font-weight:300;
		text-indent:0;
		text-align:center;
		text-decoration:none;
		border-radius:6px;
		background-color:#b8b5a4;
		text-decoration:none;
				}
	
	#gnav-btn a:hover,
	#gnav-btn a:active,
	#gnav-btn a.current {
		opacity: 0.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	}

	#gnav nav {
		margin: 0 0 20px;
		padding: 0;
		overflow: hidden;
		width: 100%;
		border-bottom:none;
	}
	
	#gnav nav ul {
		display: none;
		float: none;
		margin: 0;
		padding: 15px 0 0;
		width:100%;
		text-align:left;
		border-bottom:none;
		background:none;
	}

	#gnav nav ul li {
		float: none;
		margin:0 0.5em;
	}
		
	#gnav nav ul li#gnav01 a,
	#gnav nav ul li#gnav02 a,
	#gnav nav ul li#gnav03 a,
	#gnav nav ul li#gnav04 a,			
	#gnav nav ul li#gnav05 a,
	#gnav nav ul li#gnav06 a,
	#gnav nav ul li#gnav07 a{
		padding:10px 0 8px 15px;
		zoom: 1;
		font-weight:bold;
		text-indent:0;
		background-image:none;
		border:none;
		background-color:none;
		border-bottom:1px dashed #cfcaba;
		height:30px;
		line-height:30px;
		background:#ffffff;
		color:#494330;
	}

	#gnav nav ul li#gnav01 a:hover,
	#gnav nav ul li#gnav02 a:hover,
	#gnav nav ul li#gnav03 a:hover,
	#gnav nav ul li#gnav04 a:hover,			
	#gnav nav ul li#gnav05 a:hover,
	#gnav nav ul li#gnav06 a:hover,
	#gnav nav ul li#gnav07 a:hover{
			color:#45433f;
			background-color: rgba(228,228,205,0.5);
			background-size:none;
			border:none;
			border-bottom:1px dashed #cfcaba;
			opacity:1;
		}
		
	#gnav nav ul li#gnav04 a,			
	#gnav nav ul li#gnav05 a,
	#gnav nav ul li#gnav06 a,
	#gnav nav ul li#gnav07 a{
		margin-bottom:0;
	}



/* footer 640 */
footer ul{
	border-top:1px dashed #cfcec3;
}

footer ul li{
	display:block;
	text-align:left;
	border-left:none;
	border-bottom:1px dashed #cfcec3;
	margin-bottom:0;
	padding:0;
}

footer ul li a{
	display:block;
	padding:15px;
}

footer ul li a:hover{
	border-bottom:none;
	background-color: rgba(255,255,255,0.2);
}



/* pagemove 640 */
#pagemove{
	bottom:10px;
	right:10px;
	width: 60px;
	height:69px;
	background-size:60px 69px;
}



/* title 640 */
#main h2#h2_info{
	padding-top:12.5%;
	margin:0 1% 10px;
	background-image:url(img/h2_info_s.png);
	background-image/*\**/: url(img/h2_info_s_ie.png)\9;
}

#main h2#h2_footcontact{
	padding-top:20%;
	margin:0 1% 20px;
	background-size: contain;
	background-image:url(img/h2_footcontact_s.png);
	background-image/*\**/: url(img/h2_footcontact_s_ie.png)\9;
}

#main h3{
	padding:12px 10px 10px 15px;
	font-size: 110%;
	background-size:60px;
}



/* index 640 */
#main p.read{
	font-size:110%;
	padding: 0;
	margin:0 1%;
}

/* info 640 */
.info li span.date{
	padding: 6px 2px 5px 0;
}

.info li span.title{
	display: block;
	clear:both;
	padding-left:0;
	padding-top:5px;
}





/* 下につくお問い合わせ 640 */
#main p.foot_tel{
	background-image:none;
	padding-top:0;
	height:0;
	margin-bottom:20px;
	font-size:150%;
}

#main p.foot_tel,
#main p.foot_tel span{
	display:block;
	height:auto;
	text-indent:0;
	text-align:center;
	line-height:1.6em;
}

#main p.foot_tel span{
	font-size:60%;
}



/* Google Map,YouTube 640 */
.google {
position: relative;
padding-bottom: 75%; /*縦横比*/
height: 0;
overflow: hidden;
}

.google iframe {
position: absolute;
top: 0;
left: 0;
width: 98% !important;
height: 100% !important;
}

.pc{
	display: none;
}

.sp{
	display: block;
}

}



/* ------------------------------------------  
for - 479px
------------------------------------------ */
@media screen and (max-width:479px) {

/* contents-wrapper 479 */
#contents-wrapper{
	padding-top:20px;
}



/* footer 479 */
footer{
	/*font-size:85%;*/
}

footer img{
	width:240px;
}



/* title 479 */



/* grid 479 */
.grid1,
.grid2,
.grid3,
.half{
	float: none;
	width: 98%;
	clear:both;
	margin:0 1% 15px;
}



/* BUTTON 479 */
.button a,
.button a:visited{
    padding: 12px 1.5em 10px 1.5em; 
}


}


/* ------------------------------------------  
CLEARFIX-HACK
------------------------------------------ */
#header-inner:after,
#contents:after,
#main:after,
footer:after,
#footer-inner:after,
.copy:after,
.grid1:after,
.grid2:after,
.grid3:after,
.half:after,
.box:after,
#pagemove:after,
.foot_link:after,
.ul_nav:after,
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;}

#header-inner,
#contents,
#main,
footer,
#footer-inner,
.copy,
.grid1,
.grid2,
.grid3,
.half,
.box,
#pagemove,
.foot_link,
.ul_nav,
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html #header-inner,
* html #contents,
* html #main,
* html footer,
* html #footer-inner,
* html .copy,
* html .grid1,
* html .grid2,
* html .grid3,
* html .half,
* html .box,
* html #pagemove,
* html .foot_link,
* html .ul_nav,
* html .clearfix{height: 1%;}

#header-inner,
#contents,
#main,
footer,
#footer-inner,
.copy,
.grid1,
.grid2,
.grid3,
.half,
.box,
#pagemove,
.foot_link,
.ul_nav,
.clearfix{display: block;}
/* End hide from IE-mac */