/*------------------------------------------------------------------------
 基本
--------------------------------------------------------------------------*/


body{
	background-color: #eeffee;  
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#333333;
	font-size:12px;
	line-height:150%;  
	}

table,div,p,ol,ul,li,dl,dt,dd{
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	line-height:150%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}


.clear {	/* 回り込みの解除 */
	clear:both;
	zoom:1;
	}

.f-lef{		/* 左配置回り込み */
	float:left;
	padding-right:5px;
	}
	
.f-rig{		/* 右配置回り込み */
	float:right;
	padding-left:5px;
	}

.cen{		/* 真ん中寄せ */
	text-align:center;
	}

.rig{		/* 右寄せ */
	text-align:right;
	}


h1,h2,h3,h4,h5,h6{		/* 題名 */
	font-size:100%;
	line-height:150%;  
	margin:0px;
	padding:0px;
	}

em{		/* 重要 */
	font-size:90%;
	color:#ff0000;
	font-style:normal;
	}

strong{		/* emより重要 */
	color:#0000cc;
	}
/* 線
hr{
	border:1px dashed #999999;
	height:1px;
	} 
*/

img {		/* イメージ線消し */
	border:0px;
}

.nonetxt{		/* 文字消し */
	display:none;
}

address{		/* アドレス */
	font-style:normal;
	}

.gotop{		/* ページの先頭へ移動 */
	clear:both;
	zoom:1;
	text-align:right;
	padding-top:20px;
}

div#inf{		/* インフォメーション部分 */
	width:250px;
	height:250px;
	background-color:#ffffff;
	overflow:auto;/* はみ出たらスクロールバー */
}

/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
#container{
	width:900px;
	text-align:left;
	padding:0px;
	margin:0px;
	background-color:#eeffee;
	background: #eeffee url("images/bg_content.gif") repeat-y top; 
	}

#content{
	margin:20px 10px 20px 0px;
	}

#main {
	width:730px;
	float:right;
	}

#side {
	width:150px;
	float:left;
	}

#header{
	padding:0px;
	margin:0px;
	background: #999999 url("images/bg_header.jpg") no-repeat top; 
	text-align:left;
	width:100%;
	height:120px;
	}

#footer{
	clear:both;
	zoom:1;
	padding:0px;
	margin:0px;
	background: #999999 url("images/bg_footer.gif") no-repeat top;
	text-align:right;
	width:100%;
	height:50px;
	}



/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/

div#header h1{		/* HP題名 */
	padding:15px 10px;
	float:left;
	font-size:18px;
	color:#333333;
	display:none;
	}

div#header h2{		/* HP説明 */
	padding:20px 10px;
	float:right;
	font-size:12px;
	color:#333333;
	display:none;
	}

div#header div.pan{		/* パンくずリンク */
	clear:both;
	zoom:1;
	padding:0px 5px;
	text-align:right;
	border-bottom:1px solid #666666;
	}

div#header h1 a:link,
div#header h1 a:visited,
div#header h1 a:active,
div#header h1 a:hover{		/* HP題名リンク */
	color:#333333;
	text-decoration:none;
	}


/*------------------------------------------------------------------------
メイン
--------------------------------------------------------------------------*/

/* 題名-------------*/

div#main h3.s1,
div#main h4.s1,
div#main h5.s1,
div#main h6.s1{		/* 題名 */
	font-size:100%;
	margin-bottom:10px; 
	}

div#main h3.s2{		/* 題名 */
	font-size:24px;
	font-family:serif,"ＭＳ 明朝";
	color:#ff6600;
	font-weight:bold;
	}
div#main h3.s3{		/* 題名 */
	font-size:24px;
	font-family:serif,"ＭＳ 明朝";
	font-weight:bold;
	text-align:center;
	}

div#main h4.s2{		/* 題名 */
	font-size:18px;
	background-color:#ff9900;
	color:#ffffff;
	padding:5px;
	text-align:center;
	}
div#main h4.s3{		/* 題名 */
	font-size:18px;
	font-family:serif,"ＭＳ 明朝";
	font-weight:bold;
	}


/* 範囲-------------*/


div#main div#waku1{		/* 枠 */
}

address{		/* アドレス */
	font-style:normal;
	width:300px;
	padding:4px;
	background-color:#009900;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:215px;
	}
	
address a{		/* アドレス */
	color:#99ffff;
	text-decoration:none;
	}


/* 段落-------------*/

div#main p.s1{   /* 文字1文字分下げない */
	margin-bottom:20px;
}

div#main p.s2{   /* 文字1文字分下げる */
	text-indent:1em;
	margin-bottom:20px;
}

div#main p.s3{   /* 文字1文字上げる */
	text-indent: -1em; /* 文字1文字分上げる */
	margin-left: 1em;  /* 2文字分右に下げる */
	margin-bottom:20px;
}

/* テーブル-------------*/
div#main table.s1{   /* テーブル（区画表） */
	width:500px;
	background-color:#000000;
	margin-left:120px;
}
div#main table.s1 th.shu{   /* テーブル（種別） */
	background-color:#ffcccc;
	width:60px;
}
div#main table.s1 th.kuk{   /* テーブル（区画（ｍ）） */
	background-color:#ffffcc;
	width:100px;
}
div#main table.s1 th.men{   /* テーブル（面積（㎡）） */
	background-color:#ccffcc;
	width:70px;
}
div#main table.s1 th.siy{   /* テーブル（永代使用料(円)） */
	background-color:#cccccc;
	width:100px;
}
div#main table.s1 th.kan{   /* テーブル（年間管理料(円)） */
	background-color:#ccccff;
	width:100px;
}
div#main table.s1 td.shu{   /* テーブル（種別） */
	background-color:#ffcccc;
	text-align:center;
	font-weight:bold;
}
div#main table.s1 td.kuk{   /* テーブル（区画（ｍ）） */
	background-color:#ffffcc;
	text-align:center;
}
div#main table.s1 td.men{   /* テーブル（面積（㎡）） */
	background-color:#ccffcc;
	text-align:center;
}
div#main table.s1 td.siy{   /* テーブル（永代使用料(円)） */
	background-color:#cccccc;
	text-align:center;
}
div#main table.s1 td.kan{   /* テーブル（年間管理料(円)） */
	background-color:#ccccff;
	text-align:center;
}
div#main table.s1 tr.kansei{   /* テーブル（完成墓地） */
	background-color:#33ff99;
	text-align:center;
}



div#main table.form th{   /* テーブル（フォーム） */
	text-align:left;
	background-color:#cccccc;
	padding:5px;
}
div#main table.form td{   /* テーブル（フォーム） */
	text-align:left;
	background-color:#f5f5f5;
	padding:5px;
}


/*------------------------------------------------------------------------
サイド
--------------------------------------------------------------------------*/

div#side h3.s1{		/* 題名 */
	font-size:12px;
	margin-bottom:10px;
	}


/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/

div#footer p#cop{		/* コピーライト */
	font-style:normal;
	padding:20px 10px 0px 10px;
	color:#ffffff;
	}
	
div#footer p#t-lin{		/* テキストリンク */
	padding:25px 0px 0px 0px;
}

div#footer a:link,
div#footer a:visited,
div#footer a:active,
div#footer a:hover{		/* テキストリンク */
	color:#ffffff;
	text-decoration:none;
	}


div#footer p#t-lin a{		/* テキストリンク */
	margin-right:10px;
	}













