@charset "utf-8";
* { margin : 0 ; padding : 0 ; } /*全ての要素のmargin、paddingは「0」*/

body {
	width : 100% ; 
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;
	line-height:150%;
	color: #707070;
	background: url(images/bk2016.png);
	background-repeat : repeat-x ;
	/*background-color: #1C0000;*/
	}

img {
	border:0px;
	}

#my_body {
	position : relative;
	margin: 0 auto;
	width : 950px;
	background-color: #F5EFDF;
	}

#my_header {
	width : 100%;
	height : 34px;
	background-image: url(images/main-03-1.jpg);
	}

#my_navigation {float : left ; width : 250px ; 
	} /*左メニュー*/

#my_contents {float : left ; width : 700px ; 
	background:url(images/main-03-4.jpg);
	background-repeat : repeat-x ;
	}  /*右コンテンツ*/

#my_footer {
	width : 100% ; clear : both ;
	}


/* HTMLのbody
 <div id="my_body">
      
      <div id="my_header">ヘッダー</div>

      <div id="my_main">-------------------------
      
      	<div id="my_navigation">
       	ここに左ナビゲーション
      	</div>

      	<div id="my_contents">
         ここに右メインコンテンツ
        </div>

      </div>------------------------------------
      
      <div id="my_footer">フッター</div>

      </div>

my_bodyはサイト全体の幅を変えたい時に使います。
センタリングには、margin:0 auto ; またはmargin-left:auto ; margin-right:auto; を使います。 
text-align でセンタリングされるのはIEのみでバグなので気をつける。 
my_mainは真中のメインの部分に背景等を指定したい時に使う。 
左ナビゲーション・ボックスのidにmy_navigation、右コンテンツ・ボックスのidにmy_contentsを指定。
CSSで主に変更するのはこの部分です。 
*/


table {
	margin-left:auto;
	margin-right:auto;
}

h1 {
	font-size: 120%;
	font-style: normal;
	line-height: 130%;
	background-image: url(images/main-02-18.jpg);
	height: 48px;
	width: 634px;
	color: #371C00;
	text-indent: 35px;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-top: 0px;
} 
h2 {
	font-size: 120%;
	font-style: normal;
	line-height: 130%;
	/* [disabled]color: #669900; */
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

h3 {
	font-size: 130%;
	font-style: normal;
	line-height: 130%;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
} 
h4 {
	font-size: 140%;
	font-style: normal;
	line-height: 140%;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	color:#F60;
} 
.pan {
	font-size: 75%;
}

.img-waku {
	position: relative;
	left: -7px;
	top: -7px;
	padding: 7px;
	margin-top: 10px;
	background: #FFFFF0;
	border: 1px solid #EDE0D6;
}

.img-waku-thin {
	border: 2px solid #FFF;
} 

/* テーブル点線 */
.tb-01{	margin-left: 20px; }

.tb-01 th,.tb-01 td{
	/* border-top: 1px dotted #999;*/
	border-bottom: 1px dotted #999;
	padding: 5px;
	}