/* CSS Document */

/*タグ再定義*/
* { margin: 0px; padding: 0px;}

ul {
list-style-image: none;
list-style-type: none;
}

body {
margin: 0px auto;
padding: 0px;
background-color: #f7f7f7;
text-align: center;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅", "sans-serif";
font-size: 12px;
color: #333333;
}

/*改行でクリア*/
.clear { clear: both; font: 0px/0px sans-serif;}

/*テキストとタイトル*/
.ttl01 {
color: #666666;
margin: 10px 0px 5px 0px;
font-weight: bold;
}

.ttl02 {
color: #666666;
margin: 10px 0px 5px 0px;
font-weight: bold;
border-bottom: 1px dotted #CCCCCC;
}

.txt01 {
line-height: 1.5em;
}

.txt02{
line-height: 1.7em;
width: 500px;
}


/*コンテンツ枠*/
#bg {
margin: 0px auto;
background-image: url(img/common/bg.gif);
background-repeat: repeat-y;
width:820px;
}

/*ラップ*/
#wrapper {
margin: 0px auto;
width: 790px;
text-align: left;
background-image: url(img/top/bg1.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/*ヘッダー*/
h1 {
	margin:0px;
	font-size: 24px;
	color: #006666;
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	background-image: url(img/common/title_name.gif);
	background-repeat: no-repeat;
	height: 40px;
}

h1 span {
	visibility: hidden;
}
h1 a { color: #006666; text-decoration: none;}
h1 a:hover { color: #006666; text-decoration: none;}

/*フォントサイズの設定　ボタン周り*/
#fontsize {
margin: 0px;
float: right;
width: 85px;
}

#fontsize ul {}

#fontsize li { float: left; font-size: 10px;}

#fontsize a {
text-decoration: none;
display: block;
height: 24px;
width: 24px;
}

#fontsize span {visibility: hidden;}

#fontsize li.fs {width: 80px;}

/*フォントサイズ　小*/
#fontsize li.dafault_s a {
	background-image: url(img/common/s.png);
	background-repeat: no-repeat;
}

#fontsize li.active_s a {
	background-image: url(img/common/s_o.png);
	background-repeat: no-repeat;
}

/*フォントサイズ　中*/
#fontsize li.dafault_m a {
	background-image: url(img/common/m.png);
	background-repeat: no-repeat;
}

#fontsize li.active_m a {
	background-image: url(img/common/m_o.png);
	background-repeat: no-repeat;
}

/*フォントサイズ　大*/
#fontsize li.dafault_l a {
	background-image: url(img/common/l.png);
	background-repeat: no-repeat;
}

#fontsize li.active_l a {
	background-image: url(img/common/l_o.png);
	background-repeat: no-repeat;
}

/*パンくず*/
.pan {
font-size: 14px;
color: #666666;
margin-bottom: 25px;
float: left;
}

.pan a {
	color: #666666;
	text-decoration: none;
}
.pan a:hover {
	color: #006666;
	text-decoration: underline;
}


/*コンテンツ左*/
#left {
width: 220px;
float: left;
}

ul.info01 {
	list-style-type: none;
	list-style-image: none;
	line-height: 20px;
}

/*メニュー共通*/
#menu {
	background-color: #E5F9CD;
	padding: 10px 0px 10px 10px;
	background-image: url(img/common/menu_back.gif);
}

#menu li {
text-indent: 15px;
}

#menu a {
color: #000000;
display:block;

}

#menu a:hover {
color: #ffffff;
}

.menu01,.menu02,.menu03,.menu04 {background-image: url(img/common/menu_matt.png);}
.menu01 {
	width: 200px;
	height: 25px;
	padding-top: 15px;
}
.menu02 {
width: 200px;
height: 25px;
padding-top: 15px;
}
.menu03 {
width: 200px;
height: 25px;
padding-top: 15px;
}
.menu04 {
width: 200px;
height: 25px;
padding-top: 15px;
}

/*コンテンツ中*/
#center {
float: left;
margin-left: 25px;
}

#center_top {
width: 380px;
float: left;
margin-left: 25px;
}

/*コピーライト*/
.copyright {
font-size: 10px;
color: #333;
line-height: 170%;
border-top: 1px dotted #CCCCCC;
margin-top: 30px;
padding-top: 10px;
}


/*----------トップページ　index.html----------*/
/*ご挨拶*/
.greetings {
line-height: 24px;
font-size: 15px;
}

/*コンテンツ右*/
#right {
width: 140px;
float: right;
/*background-color: #E5F9CD;*/
}

/*西福寺の風景*/
.hoverbox {
background-color: #E5F9CD;
padding-top: 10px;
}

.hoverbox a {cursor:default; position: relative;}

.hoverbox a .preview {display:none;}

.hoverbox a:hover .preview {
display: block;
position: absolute;
top: -20px;
left: -30px;
z-index:1;
}

.hoverbox img {
border: 1px solid #000;
padding: 1px;
vertical-align:top;
width: 118px;
height: 88px;
margin-bottom: 10px;
margin-left: 10px;
}

.hoverbox .preview{
width: 178px;
height: 118px;
}

/*----------西福寺の紹介 profile.html----------*/
#wrapper_profile {
margin: 0px auto;
width: 790px;
text-align: left;
background-image: url(img/profile/bg1.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/*----------行事・催事のご案内 funeral.html----------*/
#wrapper_funeral {
margin: 0px auto;
width: 790px;
text-align: left;
background-image: url(img/funeral/bg1.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/*----------合祀墓 ikoi.html----------*/
#wrapper_ikoi {
margin: 0px auto;
width: 790px;
text-align: left;
background-image: url(img/ikoi/bg1.jpg);
background-repeat: no-repeat;
background-position: right top;
}