/* 基本構造 */

html,body, #PAGETOP{height:80%;}
body	{
	font-size: small;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
}
hr	{display: none;}

/* ヘッダー */

#PAGETOP	{
	text-align: left;
	margin: 0px auto;
	width: 650px;
	position: relative;
	border-right: 1px solid #CCCCCC;
	min-height: 100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}
body > #PAGETOP {height: auto;}

#HEADER	{
	background-image: url(img/index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
	width: 500px;
	margin-left: 0px;
	margin-top: 0px;

}
#PAN	{
	font-size: 10px;
	text-align: right;
	line-height: 25px;
	height: 25px;
	width: 620px;
	position: absolute;
	left: 25px;
	top: 0px;
	display: inline;
}
#PAN li {display: inline;}
#PAN li a {
	background-image: url(img/pan.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

/* メニュー */

#MENU	{
	position: absolute;
	left: 505px;
	top: 23px;
	height: 200px;
	padding-top: 30px;
}
	#MENU	li {
	margin-bottom: 1px;
	width: auto;
	height: 10px;
	font-size: 14px;
}
 #MENU a {
	color: #000000;
	text-decoration: none;
	background-color: #E7E7EB;
	text-align: left;
	display: block;
	height: 5px;
	width: 100%;
	font-size: 14px;


}
 #MENU a:hover{
	background-color: #D3CFD9 !important;
	background-image: url(img/menu_on.gif) !important;
}

/* 記事部分 */

#KIZI	{
	line-height: 150%;
	width: auto;
	margin-left: 25px;
}
	div.text	{
	background-image: url(img/back_text.gif);
	background-repeat: repeat-y;
	background-position: 180px 0;
	border-top: 1px solid #cdd8de;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;


}
	ul.modori	{
	font-size: 10px;
	text-align: right;
	margin-top: 0.5em;
}

/* フッター */

#FOOTER	{
	background-image: url(img/footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	padding: 7px 0px;
	width: 100%;
	margin-top: 1em;
}
#FOOTER li {
	display: inline;
	margin-left: 15px;
}
#FOOTER ul {padding-right: 25px;}


/* ============================================== */

/* 見出し */
h1,h2,h3,h4,h5,h6	{
	font-size: 100%;
	font-weight: bold;
}
h1	{
	font-size: 150%;
	color: #FFFFFF;
	letter-spacing: 10px;
	padding-left: 15px;
	position: absolute;
	top: 35px;
}

/* 左側見出し位置調整はここで */
h2	{
	color: #5B7E91;
	background-image: url(img/h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
	padding-left: 14px;
	position: relative;
	bottom: 0px;
	left: 3px;
	top: 0px;
	height: auto;
	border-bottom: 1px solid #cdd8de;
}
/* 左側見出し位置調整はここまで */

#MENU h2,#FOOTER h2	{display: none;}
h3	{
	color: #000000;
	background-image: url(img/h3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	position: relative;
	left: -20px;
	margin-top: 0.5em;
}
h4	{color: #5B7E91;}
h5	{color: #999999;}
h6	{font-size: 90%;}

/* アンカー */
a	{
	color: #0000FF;
}
	a:hover	{text-decoration: none;}

/* 強調・追加・削除 */
em,strong	{font-weight: bold;}
strong	{color: #CC0000;}
ins	{text-decoration: underline;}
del	{
	text-decoration: line-through;
	color: #999999;
}

/* リスト */
ol li	{list-style-position: inside;}
ul li,#KIZI .modori li	{
	list-style-image: none;
	list-style-type: none;
	background-image: none;
}
	#KIZI ul li	{
	background-image: url(img/listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
dt	{color: #5B7E91;}
	dd	{
	margin-left: 10px;
	padding-left: 10px;
	border-left: #5B7E91;
}

/* フォーム */

input,textarea	{
	margin-bottom: 5px;
	font-size: 100%;
}
textarea,input#TEXT	{border: 1px solid #666666;}
input#BUTTON {
	color: #000000;
	background-color: #f0f0f0;
	border: 1px solid #000000;
}

/* アドレス */
address	{
	display: inline;
}

/* 引用 */
blockquote	{	
	color: #808080;
	background-color: #f0f0f0;
	border: 1px solid #808080;
}
cite,q	{
	font-style:oblique;
	color: #808080;
}

/* 整形済みテキスト */
pre	{	border: 1px solid #808080;}

/* 物理要素 */
b{font-weight:bold;}
i{font-style:oblique;}
big{font-size:medium;}
small{font-size:x-small;}

/* --------------- 装飾BOX ---------------*/
.box1{
	background:#FFFFFF;
	border:solid 1px #666;
	padding:0.3em 0.5em;
	margin:0 0 0.8em;}

.box2{
	height:80px;
	overflow:auto;
	background:#eee;
	padding:0.3em 0.5em;
	margin:0 0 0.8em;}
.menu-on a  { 
	background-color: #CCCCCC!important;
	background-image: url(img/menu_on.gif) !important;
 } 

/* photo memo風 */
dl.img_side02{
 margin:0.4em 0;
}
dl.img_side02 dt{
 width:143px;
 float:left;
}
dl.img_side02 dd{
 margin-left:155px;
}
dl.img_side02 dd.title{
 font-weight:bold;
 padding-left:18px;
 background:url(../img/clock.gif) no-repeat 0% 50%;
}
* > dl.img_side02 dd.title{
 background-position:0% 30%;
}

/* 画像右寄せ */
dl.img_side03{
 margin:1em 0;
}
dl.img_side03 dt{
 width:180px;
 float:right;
}
dl.img_side03 dd{
 margin-right:200px;
}
dl.img_side03 dd.title{
 font-weight:bold;
 padding:0 0.3em;
 margin-bottom:0.4em;
 border-bottom:1px dotted #ccc;
}

/* 回り込み解除 */
br.clear{ 
 clear:both;
 line-height:0px;
}

/* 画像の周りの枠線 */
img.img-line{ 
 border:1px solid #cdd8de;
 a img:border none;
}

/* 長幸寺ニュース */
dl.news{
 margin:0.5em 0;
}
dl.news dt{
 width:120px;
 float:left;
}
dl.news dd{
 margin-left:120px;
 padding-left:0.5em;
}