@charset "utf-8";

/*
-----------------------------------------------
Reset
-----------------------------------------------*/

html,h1,h2,h3,h4,ul,ol,li,dl,dt,dd,a,blockquote,iframe{margin:0;padding:0;}

img{
	border:none;
}

li {
	list-style-type:none;
}

li.archivesList{
margin-bottom:1em;
margin-left:20px;
font-size:120%;
list-style-type: square;


}
li.archivesList span{
padding-right:10px;
}


/*
-----------------------------------------------
Base Setting
-----------------------------------------------*/
body{
	background:url(http://ceremo21.com/img/page-bg.gif);
	font-family:"メイリオ", "Meiryo", verdana;
	/*font-size:Verdana, Arial, sans-serif;*/
	font-style:normal;
	font-size:x-small;
	line-height:1.5;
	padding:0;
	margin:0;
	text-align: center;
}

#wrap {
	text-align: left;
	width:900px;
	margin:auto;
}

/*
----------Base Link Color Setting------------*/
a:link {
	color:#06C;
	text-decoration:underline;
}

a:visited {
	color:#06C;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:none;
}
/*
----------Text Color Style------------*/


.red{
	color:#bc1632;
}

.lightRed{
	color:#fa6347;
}

.yellow{
	color:#ffff00;
}

.blue{
	color:#5c88e1;
}

.green{	
	color:#009933;
}

.pink{
	color:#ff3399;
}

.bold{
	font-weight:bold;
}

.redBox{
	background:#bc1632;
	color:#fff;
	padding-left:2px;
}

.greenBox{
	color:#fff;
	background:#009933;
	padding:5px;
}

.lightgreenBox{
	color:#fff;
	background:#b0cd87;
	padding:5px;
}

.lightBlueBox{
	color:#fff;
	background:#8fb1d4;
	padding:5px;
}

.whiteBox{
	background:#FFFFFF;
	color:#333333;
}

.pinkBox{
	background:#ff3399;
	color:#fff;
	padding:5px;
}

.small{
	font-size:85%;
}

.x-small{
	font-size:75%;
}

.left{
	float:left;
}

#sptokuten{
	position:relative;
	left:310px;
	font-size:90%;
}

#ohuse{
	border:dashed 1px #ccc; 
	width:628px;
	background-color:#dde6b6;
	padding:5px;
}

#ohuse p{
	margin:0;
	padding-top:5px;
	margin-bottom:5px;
	padding:0;
}


/*
-----------------------------------------------
header
-----------------------------------------------*/
h1#top{
	font-size:12px;
	font-weight:normal;
	color:#fff;
}

p#top{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:0;
}


#header{
	background:url(../img/hdr-bg.gif);
	background-repeat:no-repeat;
	width:900px;
	height:85px;
	position:relative;
}

#logo{
	position:absolute;
	left:0px;
	top:0px;
}

#hdrForm{
	position:absolute;
	top:4px;
	left:640px;
}

#header ul{
	position:absolute;
	top:45px;
	left:375px;

}

#header li{
	display:inherit;
	float:left;
	padding-left:13px;
}

/*
-----------------------------------------------
contentsHeader
-----------------------------------------------*/

#contentsHeader{
	width:900px;
	position:relative;
}

#flaLink{
	position:absolute;
	left:213px;
	top:140px;
}

#contentsHeader img{
	vertical-align:bottom;
}

#contentsHeader img.topform{
	width:210px;
	float:left;
	line-height:0;
}

#contentsHeader #fla{
	width:690px;
	float:left;
}
/*
-----------------------------------------------
container
-----------------------------------------------*/

#container{
	float:left;
	background:url(http://ceremo21.com/img/blog-container-bg.gif);
	background-repeat: repeat-y;
	width:900px;

}


#main div.day{
	padding:5px 0 30px 0;
	font-size:0.8em;
	text-align:right;
}


/*
-----------------------------------------------
sub
-----------------------------------------------*/

#sub{
	float:left;
	width:210px;
	background:#d8dcd5;
	padding:0;
	margin:0;
	padding-top:8px;
	
}

.side-fbtn{
	padding-left:5px;

}

.nav{
	padding-top:10px;
	padding-left:5px;
}

.sideBn{
	padding-top:10px;
	padding-left:5px;
	margin-bottom:10px;
}

.sideBn li{
	padding:0;
	margin:0;
	line-height:0;
}

.sideBn li img{	
	vertical-align:bottom;
}

.sideBn02 img{
	margin-bottom:5px;

}

.sideBn03 img{
	padding-left:5px;
	padding-bottom:20px;

}

.info {
	background-color:#fafaf8;
	width:183px;
	color:#333;
	font-size:12px;
	margin-top:10px;
	margin-left:5px;
	margin-bottom:0px;
	line-height:1.6;
	padding:10px 0px 5px 10px;
}

#kanren{
	width:183px;
	margin-left:5px;
	line-height:22px;
	padding:2px 0px 10px 10px;
	background:#fafaf8;
	border-top:#e9ebe7 dotted 2px;
	font-size:120%;
}

#kanren span{
	display:block;
	position:relative;
	left:-5px;
}

#qr{
	width:183px;
	color:#333;
	font-size:12px;
	margin:0;
	margin-left:5px;
	margin-bottom:10px;
	line-height:22px;
	padding:10px 0px 10px 10px;
}


#qr span{
	font-size:0.9em;
	line-height:1.5em;
}

.denpo{
	margin:0;
	margin-left:5px;
	margin-bottom:10px;
	line-height:1.5;
	padding:5px 0px 0px 10px;
	font-size:1em;
}

#sslbn{
	padding-left:15px;
	padding-bottom:10px;

}




/*
-----------------------------------------------
main
-----------------------------------------------*/

#main{
	float:left;
	width:440px;
	height:100%;
	background:#e6ebdf;
	padding-top:7px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}


h1.entry-title{
	color:#000066;
	font-size:1.2em;

}


/*
-----------------------------------------------
next-page
-----------------------------------------------*/

.next-page{
	float:right;
	font-size:0.9em;
	text-align: right;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:120%;
}

/*
-----------------------------------------------
footer
-----------------------------------------------*/

#wrap #footer{
	clear:both;
	background:url(http://ceremo21.com/img/ftr-bg.gif);
	font-size:120%;
	margin-bottom:10px;
}

#footer a{
	text-decoration:none;
	color:#fff;
}

#footer a:hover{
	text-decoration:underline;
}

#footer a:active{
	text-decoration:none;
}

#footer ul{
	width:900px;
	padding-top:8px;
	height:inherit;
	text-align:center;
}


#footer ul li{
	display:inline;
	margin-right:4px;
	padding-left:10px;
	border-left:1px solid #fff;
	list-style-type:none;
}

#footer ul li.home{
	padding-left:0;
	border-left:0;
}

#footer .copyright{
	width:900px;
	color:#fff;
	margin:0;
	padding:0;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
}



/*
-----------------------------------------------
sitemap
-----------------------------------------------*/

#sitemap .sitemapBox01{
	float:left;
	width:300px;
	padding:20px 12px;
	font-size:120%;
	line-height:2;
}

#sitemap h3{
	color:#5a6682;
	border-bottom:dotted 2px #5a6682;
	font-size:140%;
}

.sitemapBox01 ul{
	padding-top:10px;

}

.sitemapBox01 a{
	color:#000000;
	text-decoration:none;
	background:url(http://ceremo21.com/img/listmark-s.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:12px;
}

.sitemapBox01 a:hover{
	background-repeat:no-repeat;
	text-decoration:underline;
}


.sitemapBox01 p a{
	padding-left:12px;
}


/*
-----------------------------------------------
bridal
-----------------------------------------------*/
#bridal #main{	
font-size:130%;

}

#bridal #main li{
	line-height:2;

}

#bridal .b-mttl{
	font-weight:bold;
	color:#984807;
	background:url(http://ceremo21.com/img/b-mttlmark.gif);
	background-repeat:no-repeat;
	padding:0;
	padding-left:20px;
	display:block;
	margin-bottom:5px;
}

.bridalInfoBox{
	width:650px;
	background:url(http://ceremo21.com/img/b-box-bg.gif);
	float:left;
	margin-bottom:20px;
}

.bridalInfoBox img{
	float:left;
	width:165px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
}

.bridalInfoBox p.bfSummary{	
	width:245px;
	float:left;
	padding-left:5px;
/*	border-right:#999999 1px dashed;*/
}

.bridalInfoBox p.bfTokuten{
	width:220px;
	float:left;
	padding-left:10px;

}




/*
-----------------------------------------------
company
-----------------------------------------------*/
#company table{
	margin-top:15px;
	font-size:130%;
	line-height:1.8;
	width:640px;
	position:relative;
	left:10px;
}

#company table th{
	border-bottom:dotted 1px #5a6682;
}

#company table td{
	border-bottom:dotted 1px #5a6682;
}

#company table td dt span{
	font-weight:bold;
}

#company table td dd{
	margin-bottom:5px;
	font-size:90%;
	border-bottom:dashed 1px #ccc;
}

#company table td dd.lastDd{
	border:none;
}


#company table b{
	/*color:#333366;*/
	color:#100841;
}



/*
-----------------------------------------------
privacy
-----------------------------------------------*/
#privacy{	
	margin-top:30px;

}


#privacy p{
	padding-left:10px;
	padding-bottom:10px;
	font-size:130%;

}


#privacy h3{
	padding-left:5px;
	font-size:130%;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #6d7b9d;
	border-left-color: #6d7b9d;
	width:400px;
	margin-bottom:10px;
	position:relative;
	left:10px;
}

/*
-----------------------------------------------
sougi(葬儀プラン一覧、告別式までの流れ)
-----------------------------------------------*/
#sougi #main .sougiSummaryTtl{
	padding:5px 7px;
	font-size:140%;
	color:#fff;
	background:#800000;
	width:400px;
	margin-bottom:0px;
	display:inline;
	clear:both;

}

.sougiSummaryBox{
	font-size:130%;
	border:3px solid #6d7b9d;
	background:#fff;
	padding:7px;

}

.sougiPlanTtl{
	padding:5px 7px;
	font-size:140%;
	color:#fff;
	background:#174167;
	width:626px;
	margin-bottom:10px;
	margin-top:40px;


}

.sougiPlanBox01{
	width:640px;
/*	float:left;*/
	font-size:130%;
	border: thin solid #CCCCCC;
	border-top:none;
	background:#fff;
	padding-bottom:5px;
	margin-bottom:10px;
}

.sougiPlanBox01 p{
	margin:0;
	margin-top:10px;
	padding:0px 10px;
	line-height:1.8;
}

.sougiPlanBox02L p{
	margin:0;
	margin-top:5px;
	padding:0px 7px;
	line-height:1.7;
}
.sougiPlanBox02R p{
	margin:0;
	margin-top:5px;
	padding:0px 7px;
	line-height:1.7;
}

#sougi p.sougiPlanBoxTtl01{
	background:#718f6a;
	font-size:120%;
	margin:0;
	padding:3px 13px;
	color:#FFFFFF;
	font-weight:bold;
}

#sougi p.sougiPlanBoxTtl02{
	background:#718f6a;
	font-size:110%;
	margin-top:3px;
	padding:2px 13px;
	color:#FFFFFF;
	font-weight:bold;
}

#sougi p.sougiPlanBoxTtl03{
	background:#547ea2;
	font-size:110%;
	margin-top:3px;
	padding:2px 13px;
	color:#fff;
	font-weight:bold;
}

.sougiPlanBox02L{
	float:left;
	width:300px;
	margin-top:20px;
	font-size:130%;
	border: thin solid #CCCCCC;
	border-top:none;
	background:#fff;
	margin-bottom:10px;
	padding-bottom:15px;
	margin-right:40px;
}

.sougiPlanBox02R{
	float:left;
	width:300px;
	font-size:130%;
	border: thin solid #CCCCCC;
	border-top:none;
	background:#fff;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:15px;

}

#sougi ol.hiyou{
	padding-top:8px;
	padding-left:8px;
	line-height:1.5;

}

#sougi ol.hiyou li{
	border-bottom:#CCCCCC dashed 1px;
}


#sougi #s-flow{
	clear:both;
	float:left;
	width:650px;
/*	margin-top:100px;*/
	font-size:140%;
}

#sougi #s-flow ol{
	width:650px;
	padding-top:20px;
	height:50px;
	clear:both;
	padding-bottom:20px;
}

#sougi #s-flow ol li{
	float:left;
	display:inline;
	width:213px;
}

#sougi #s-flow ol li span{
	font-weight:bold;
	color:#0099FF;
}

#sougi #s-flow p.s-flowSummary{
	padding-top:10px;
	padding-bottom:10px;
	width:650px;
	clear:both;
}

#sougi #s-flow .s-flowBox{
	float:left;
	width:650px;
	background:url(http://ceremo21.com/img/flow-arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:65px;
	margin-top:10px;
}
#sougi #s-flow .s-flowBox h4{
	width:648px;
	padding:5px 0px 5px 2px;
	font-size:150%;
	background:#ffffcc;
	color:#666666;

}
#sougi #s-flow .s-flowBox img{
	float:left;
	padding-right:20px;
}
#sougi #s-flow .s-flowBox p{
	margin-top:10px;
	float:left;
	width:490px;
}

#sougi #s-flow .s-flowBoxLast{
	float:left;
	width:650px;
	background:#fff;
	background-position:bottom left;
	margin-top:10px;
}
#sougi #s-flow .s-flowBoxLast h4{
	width:648px;
	padding:5px 0px 5px 0px;
	font-size:150%;
	background:#ffffcc;
	color:#666666;

}

#sougi #s-flow .s-flowBoxLast img{	
	float:left;
	padding-right:20px;
}
#sougi #s-flow .s-flowBoxLast p{
	margin-top:5px;
	float:left;
	width:440px;
}

#sougi #main #s-flow ul{
	float:left;
}

#sougi #main #s-flow ul li{
	background:url(http://ceremo21.com/img/green-listmark.gif);
	background-repeat:no-repeat;
	padding-left:15px;
}



/*
-----------------------------------------------
s-plans(葬儀各プラン）
-----------------------------------------------*/
#s-plans #main{
	font-size:130%;

}

#s-plans #main .mttl{
	font-weight:bold;
	color:#333366;
	margin-top:40px;
	margin-bottom:8px;
	background:url(http://ceremo21.com/img/mttlmark.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:1px;
}

#s-plans #main h2.mttl{
	font-size:110%;
}

#s-plans #main h3.mttl{
	font-size:110%;
}

/*
-----------------------------------------------
見出し ポジション
-----------------------------------------------*/
#sougi #main h1{
	position:relative;
	left:-10px;
}

#kaiin #main h2{
	position:relative;
	left:-10px;
}

#kaiin #main h3{
	position:relative;
	top:20px;
	left:-10px;
}

#s-plans #main h1{
	position:relative;
	left:-10px;
}

#sougi #main h1{
	position:relative;
	left:-10px;
}

#bridal #main h1{
	position:relative;
	left:-10px;
}

#company #main h2{
	position:relative;
	left:-10px;
}

#campanylinks #main h2{
	position:relative;
	left:-10px;
}

#bridal #main h3{
	position:relative;
	left:-10px;
}


/*
-----------------------------------------------
kaiin
-----------------------------------------------*/
#kaiinSummaryBox00{
	font-size:130%;
	background:#fff;
	width:638px;
	margin-top:15px;
	margin-bottom:20px;
	padding:5px;
	border:#CCCCCC solid 1px;

}


#kaiin .kaiinBox{
	padding-top:10px;
	padding-bottom:10px;
/*	padding-left:18px;*/
	font-size:140%;
}

#main #kaiinSummaryBox{
	margin-top:10px;
	margin-bottom:30px;
	padding-top:50px;
	padding-left:10px;
	background:url(http://ceremo21.com/img/kaiin-summary-bg.gif);
	background-repeat:no-repeat;
	font-size:140%;
	float:left;
	width:640px;
}

#main #kaiinSummaryBox p{
 width:325px;
 font-weight:bold;
 clear:both;
}

#main #kaiinSummaryBox ul{
	color:#f12629;
	font-weight:bold;
	width:320px;
	float:left;
	margin-bottom:20px;
}

#main #kaiinSummaryBox li{
	line-height:2;
}


#main #kaiinSummaryBox li span{
	background:#f12629;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	margin-right:4px;
}

#main #kaiinSummaryBox img{
	position:relative;
	top:25px;
}
/*
-----------------------------------------------
kaiinSammaryBox2
-----------------------------------------------*/

#kaiin #main #kaiinSummaryBox2{
	margin-top:10px;
	margin-bottom:30px;
	padding-bottom:10px;
	padding-top:50px;
	padding-left:10px;
	background:url(http://ceremo21.com/img/kaiin-summary-bg2.jpg);
	background-repeat:no-repeat;
	font-size:140%;
	float:left;
	width:640px;
}

#bridal #main #kaiinSummaryBox2{
	margin-top:10px;
	margin-bottom:30px;
	padding-bottom:10px;
	padding-top:50px;
	padding-left:10px;
	background-repeat:no-repeat;
	float:left;
	width:640px;
	background-image: url(http://ceremo21.com/img/kaiin-summary-bg2.jpg);
}

#bridal #main #kaiinSummaryBox2 dl{
	line-height:1.8;
}

#bridal #main #kaiinSummaryBox2 dt{
	font-weight:bold;
	color:#FF0000;
	
}

#bridal #main #kaiinSummaryBox2 dd{
	color:#006ab0;
	padding-left:10px;
}

/*-------------*/

#kaiin #main #kaiinSummaryBox2 dl{
	line-height:1.8;
}

#kaiin #main #kaiinSummaryBox2 dt{
	font-weight:bold;
	color:#FF0000;
	
}

#kaiin #main #kaiinSummaryBox2 dd{
	color:#006ab0;
	padding-left:10px;
}

#kaiin #kaiinSummaryBox2 p{
	width:370px;
}


#main #kaiinSummaryBox2 p{
	width:370px;
}


#main #kaiinSummaryBox2 ul{
	color:#fa6347;
	font-weight:bold;
	width:320px;
}



/*
-----------------------------------------------
こんな時ご相談下さい
-----------------------------------------------*/
#kaiin #main #soudanSummaryBox{
	margin-top:10px;
	margin-bottom:40px;
	padding-top:50px;
	padding-bottom:20px;
	padding-left:10px;
	background:url(http://ceremo21.com/img/soudan-bg.gif);
	background-repeat:no-repeat;
	font-size:130%;
	float:left;
	width:640px;
}

#kaiin #main #soudanSummaryBox ul{
	color:#003399;
	font-weight:bold;
	width:320px;
	float:left;
	line-height:2;


}


/*
-----------------------------------------------

-----------------------------------------------*/

#kaiin .kaiinBox img{	
	margin-bottom:10px;

}

#kaiin ul.card{
	width:600px;
	float:left;
	margin-bottom:20px;
	margin-top:5px;
}

#kaiin ul.card li{
	display:inline;
	margin-right:30px;
	width:160px;
	float:left;
}

#kaiin ul.card li img{
	margin-top:5px;
	margin-bottom:0;
}

#kaiin ul.card li span{
	display:block;
	width:160px;
	float:left;
	padding-left:5px;
}


/*
-----------------------------------------------
会員特典詳細
-----------------------------------------------*/
#kaiin #kaiinTokutenBox{
	float:left;
	padding-bottom:20px;
	font-size:130%;
	width:650px;
}

#kaiin #kaiinTokutenBox h4 img{
	padding-top:30px;
	padding-bottom:10px;
	position:relative;
	left:-7px;
}

#kaiin #kaiinTokutenBox table{
	float:left;
	width:600px;
}

#kaiin .tokutenBox02 img{
	float:left;
	padding-right:15px;
}
#kaiin .tokutenBox02 p{
	padding-top:0px;
	margin-top:0px;
	float:left;
	width:400px;
	height:120px;
}

#kaiin .tokutenBox03{
	float:left;
}

#kaiin .tokutenBox03 .plusTokuten{
	background:#FFFFFF;
	width:560px;
	padding:15px;
}

/*
-----------------------------------------------
s-place 葬儀場一覧
-----------------------------------------------*/
#s-place #main{
	font-size:130%;
}


#s-place #main h3{
	margin-top:10px;
	font-size:150%;
	color:#333366;
}

#s-place #main table{	
	border:none;
	background:#fff;
	margin-bottom:100px;
}

#s-place #main table th{
background:#800000;
color:#FFFFFF;

}

/*
-----------------------------------------------
提携企業一覧
-----------------------------------------------*/

#campanylinks #main table{
	/*margin-top:10px;*/
	font-size:130%;
}

#campanylinks #main table th{
	padding-top:10px;
	text-align:left;
	border-bottom: thin #999999 dashed;
}

#campanylinks #main table td{
	padding-top:10px;
	border-bottom: thin #999999 dashed;
	vertical-align:middle;
}

#campanylinks #main h3{
	margin-top:30px;
	font-size:140%;
	position:relative;
	left:-5px;
	color:#ac8100;
}

#campanylinks #main a{
	color:#0e97d1;
}
/*
-----------------------------------------------
blogSection
-----------------------------------------------*/

.blogSection h3{
	padding-left:10px;
	font-size:1.2em;
	border-left:solid #3e3f6e 3px;
	border-bottom:dotted #CCCCCC 2px;
	color:#3e3f6e;
        margin-bottom:10px;
}

.blogSection{
	margin-top:20px;
	margin-bottom:5em;
	font-size:1.3em;
}

/*
-----------------------------------------------
sub2
-----------------------------------------------*/
#sub2{
	padding:0;
	margin:0;
	padding-left:8px;
	width:200px;
	background:#d8dcd5;
	float:right;
}

#sub2 img{
	margin-top:10px;
	vertical-align:bottom;

}

ul.blog-List{
	font-size:1.3em;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #CCCCCC solid;
	width:194px;
	background:url(http://ceremo21.com/img/lis-bg.gif);
	background-repeat:repeat-y;
}

ul.blog-List li{
	padding:3px 3px 3px 22px;
	border-bottom:1px #CCCCCC dotted;
	background:url(http://ceremo21.com/img/blog-list-mark.gif);
	background-repeat:no-repeat;
	
}

ul.blog-List li a{
	display:block;
	
}


/*
-----------------------------------------------
印刷用
-----------------------------------------------*/
@media print {

	#sub{
		display:none;
	}

	#contentsHeader{
		display:none;
	}

	* html body{
		zoom:0.7;
	}

}