@charset "utf-8";
body{
	color:#333;
	font-size:88%;
	line-height:150%;
	background-image:url(../img/body-bg.png);
}
#wrapper{
	width:790px;
	margin:0 auto;
	padding:0 0 20px 0;
	background-image:url(../img/wrapper-bg.png);
	background-repeat:repeat-y;
}

/* ヘッダー
--------------------------------------------------- */
#header{
	width:780px;
	margin:0 auto;
	position: relative;
}
h1{
	position: absolute;
	z-index: 20;
	font-size: 10px;
	font-weight: 200;
	color: #0b357f;
}
/* メイン
--------------------------------------------------- */
#main{
	width:780px;
	height:284px;
	margin:0 auto;
	background-image:url(../img/main.jpg);
	background-repeat:no-repeat;
}
#main a:hover{
	cursor:pointer;
}
#h15-bn{
	margin:0 0 0 15px;
}
#h10-bn{
	margin:0 0 0 15px;
}
#hinfo-bn{
	margin:115px 0 0 15px;
}

/* 共通
--------------------------------------------------- */
#contetns{
	width:780px;
	margin:16px auto 0 auto;
}

/* 左箱
--------------------------------------------------- */
#left-box{
	width:211px;
	padding:0 0 0 16px;
	background-color:#f2fdff;
	float:left;
}
#menu-lt{
	margin:0 0 15px 0;
	list-style-type:none;
	
}
#menu-lt li{
	margin:0 0 5px 0;
}
#office-lt{
	width:186px;
	margin:0 0 20px 0;
	padding:10px;
	list-style-type:none;
/*	border:solid 1px #ccc;
	background-color:#fff;*/
	font-size:17px;
	clear:both;
	text-align:center;
}
#office-lt li{
	line-height:180%;
}

/* 右箱
--------------------------------------------------- */
#right-box{
	width:520px;
	padding:0 16px 0 0;
	background-color:#f2fdff;
	float:right;
}
#right-box h1{
	padding:20px 0 10px 0;
	clear:both;
}
#right-box h2{
	padding:20px 0 10px 0;
	clear:both;
}

/* 万寿荘は海洋散骨セレモニーの安心パートナーです */
#top-box1{
	width:494px;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	background-image:url(../img/top1.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

/* 万寿荘の海洋散骨セレモニー */
ul#top-lt2{
	width:484px;
	margin:20px 0 0 0;
	padding:0 10px 15px 10px;
	list-style-type:none;
	background-image:url(../img/top2.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
}
ul#top-lt2 li{
	line-height:180%;
}

/* 万寿荘 セレモニー割引のご案内 */
ul#top-lt3{
	padding:0 10px 15px 10px;
	list-style-type:none;
}
ul#top-lt3 li{
	line-height:180%;
}

/* 注目される海洋散骨セレモニー */
ul#top-lt4{
	width:484px;
	margin:10px 0 0 0;
	padding:0 10px 15px 10px;
	list-style-type:none;
	background-image:url(../img/top4.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
}
ul#top-lt4 li{
	line-height:180%;
}

/* ページ下部　お問合せ
--------------------------------------------------- */
#info-box{
	width:750px;
	height:219px;
	margin:0 auto;
	background-image:url(../img/info-bg.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	background-color:#f2fdff;
	clear:both;
}
#info-box div{
	padding:150px 150px 0 0;
}

/* フッター
--------------------------------------------------- */
#footer{
	width:780px;
	margin:0 auto;
	background-image:url(../img/footer-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	color:#399;
	clear:both;
}
#footer a{
	color:#399;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer ul{
	padding:20px 0 0 0;
	list-style-type:none;
}
#footer ul li{
	float:left;
}
#footer address{
	margin:5px 0 10px 0;
	clear:both;
}

/* 装飾
--------------------------------------------------- */
.small{
	font-size:10px;
	color:#666;
}
.blue{
	color:#2c61c9;
	font-weight:bold;
}
.green{
	color:#2a8283;
	font-weight:bold;
}
.text-c{
	text-align:center;
}
.text{
	margin:0 0 5px 0;
	padding:0 10px 15px 10px;
	line-height:180%;
	clear:both;
}