@charset "utf-8";

/* ==================================================================
	tips.css
	
=================================================================== */

.contents h2{
	margin-bottom:13px;
}

.contents section .description{
	border:1px solid #333;
	padding:2%;
	overflow:hidden;
	margin-bottom:5%;
}

.contents section .description p.director{
	width: 20%;
    float: right;
	margin-bottom: 0 !important;
}

.contents .description dl.Tidbits{
	width:76%;
	font-size:116%;
	float: left;
}

.contents .description dl.Tidbits dt{
	font-size:150%;
	color:#039264;
	font-weight:bold;
}

.contents .description dl.Tidbits dd{
	border-top:1px solid #039264;
	padding:3% 0;
}

.contents .main .accent{
	margin-bottom:28px;
}

.contents .main .navigation{
	overflow:hidden;
	margin:26px 0 26px -5px;
}
.contents .main .navigation li{
	margin-left: 9px;
    width: 19%;
    float: left;
}

.contents .main .navigation li:first-child{
	margin-left:0;
}

.contents .main section section.division .design-photo{
	float:left;
	margin:0 10px 20px;
}

.contents .main section .box{
	padding: 2%;
    margin-bottom: 2%;
	overflow: hidden;
}

.contents .main p{
    font-size: 116%;
    margin-bottom: 5%;
}

.contents .main p.txt {
    font-size: 116%;
    margin-bottom: 5%;
}

.contents .main section table{
	width:100%;
	font-size: 116%;
}

.contents .main section table td.txt{
	width: 64%;
}

.contents .main section table td.btn{
	float:right;
}

/* ==================================================================
	tips	stonetype
=================================================================== */
.stonetype h3{
	margin:20px 0;
}


.stonetype .type-list{
	margin:20px 0 30px;
}

.stonetype .type-list th{
	padding:15px;
	border:1px solid #808080;
}


.stonetype .type-list td{
	padding:15px;
	border:1px solid #808080;
}


.stonetype .type-list th.c01{
	background-color:#FFF;
}

.stonetype .type-list th.c02{
	background-color:#d4e0ec;
}

.stonetype .type-list th.c03{
	background-color:#dedede;
}

.stonetype .type-list th.c04{
	background-color:#ebd5d5;
}

.stonetype .type-list th.c05{
	background-color:#f0f0f0;
}

.stonetype .type-list th.c06{
	background-color:#cacaca;
}


/* ==================================================================
	tips	memorialService
=================================================================== */

.contents .main section.division .right-photo{
	float:right;
	margin:15px;
}

.contents .main section.division ul.melit{
	width: 90%;
    margin: auto;
	margin-bottom: 5%;
    overflow: hidden;
}

	.contents .main section.division ul.melit li{
		width: 47%;
		float: left;
		margin-right: 4%;
		border-radius: 7px;
	}

	.contents .main section.division ul.melit li:last-child{
		margin-right:0;
	}

	.contents .main section.division ul.melit li dl{
		min-height: 151px;
	}
	
	.contents .main section.division ul.melit li dl dt{
		color:#fff;
		font-size:150%;
		text-align:center;
		font-weight:bold;
	}

	.contents .main section.division ul.melit li dl dd{
		font-size: 116%;
		padding:4%;
	}
	
	.contents .main section.division ul.melit li.melit{
		border:2px solid #ff900d
	}
	
	.contents .main section.division ul.melit li.melit dl dt{
		background:#ff900d;
	}
	
	.contents .main section.division ul.melit li.demelit{
		border:2px solid #308f71;
	}
	
	.contents .main section.division ul.melit li.demelit dl dt{
		background:#308f71;
	}

.contents .main section.division p{
	margin-bottom: 4%;
}

.contents .main section.division .txtRed{
	color:#c90044;
}

/* ==================================================================
	tips	cost
=================================================================== */

.contents .main section.division .checkarea{
	overflow: hidden;
    margin-bottom: 5%;
}
.contents .main section.division .checkarea p.txt{
	width: 47%;
    float: left;
}

.contents .main section.division .checkarea dl.check{
	width:47%;
	float:right;
	border:2px solid #ff900d;
	border-radius:7px;
}

.contents .main section.division .checkarea dl.check dt{
	background:#ff900d;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}

.contents .main section.division .checkarea dl.check dd{
	padding:4%;
	font-size:116%;
}

.contents .main section.division .checkarea dl.check dd ul{
	margin-left:20px
}

.contents .main section.division .checkarea dl.check dd ul li{
	list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 10px;
}

.contents .main section.division .check-list{
	float:right;
	margin:0 20px 20px;
}

.contents .main section.division .check-list2{
	float:right;
	margin:0 20px 20px;
	position:relative;
	top:-20px;
}


/* ==================================================================
	tips	cemetery
=================================================================== */
.contents .main section.division .btn-bochi{
	float:right;
}

@media only screen and
(max-width : 640px) {
 
.contents section .description p.director {
	display:none;
} 
 
.contents .description dl.Tidbits {
    width: auto;
    float: none;
}
 
.contents .main section img{
	max-width:100%;
}
 
.contents .main section#tips{
	margin: 0 3% 30px;
}

.contents .main section.division ul.melit li {
    width: auto;
    float: none;
    margin-right: 0;
	margin-bottom:5%;
}

.contents .main .navigation li {
	margin-left: 12px;
    width: 31%;
	margin-bottom:2%;
}

.contents .main .navigation li:nth-child(4){
	margin-left:0;
}

.contents .main section table{
	width:100%;
	font-size: 116%;
}

.contents .main section table td.txt{
	width: 100%;
    display: block;
}

.contents .main section table td.btn{
	display:block;
}

.contents .main section.division .check-list,
.contents .main section.division .check-list2 {
    float: none;
    margin: 0% 0 5%;
}


.contents .main section.division .right-photo {
    float: none;
	display: block;
    margin: 0 auto 4%;
}

/* ==================================================================
	tips	cost
=================================================================== */

.contents .main section.division .checkarea p.txt{
	width: auto;
    float: none;
}

.contents .main section.division .checkarea dl.check{
	width:auto;
	float:none;
}