@charset "shift_jis";
/* CSS Document */

body {
	font: 90%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
    line-height:200%;
}

/*　ブラウザー間の相違により、リストの余白とマージンはゼロがお勧め。.nav リストにも適用されることに注意　*/
ul, ol, dl {
	padding: 0;
	margin: 0;
}

 /* H1タグ非表示 */
h1 {
	font-size:20px;
	color:#ff0000;
	padding:20px 0px 0px 0px;
}

 /* H2タグ指定 */
h2{
	font-size:18px;
	color:#000000;
	line-height:200%;

}

 /* H3タグ指定 */
h3{
	padding: 0;
	margin: 0;
}

 /* dt */
dt{
	font-size:120%;
	font-weight: bold;
	color: #ff6600;
	padding:10px 20px 10px 40px;
}


/* こちらのマージンもゼロがお勧め。それ以外だとはみだすかも。div自体ではなくdiv外の両側に余白を追加することでボックスモデル計算が不要になる */
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 50px;
}
 /* リンクの青ボーダー削除 */
a img {
	border: none;
}
/* 以下、リンクのカラーやライン指定。順序厳守！ */
a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* 他の div を囲む固定幅コンテナ */
.container {
	width: 950px;
	background: #FFF;
	background-image:url(img/back.jpg);
	margin: 0 auto; /* ←中央に揃えるための魔法 */
}

/* TV用固定幅コンテナ */
.tv{
	overflow: hidden;
}

/* ヘッダー幅指定なし(レイアウトの幅全体まで広がる) */
.header {
	background:#996600;
}

/* ヘッダー幅指定なし(レイアウトの幅全体まで広がる) */
.back_b {
	background:#996600;
	background-image:url(img/back_b.jpg);
	text-align:center;
}

/* 以下、レイアウト情報。上記にあるようにボックスモデル計算を行わなくていいようにしているんで、極力divそのものに余白やボーダーを指定しないこと。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできる。*/

.content {
	padding: 10px 0;
}

.content p{
	margin:0px 20px 30px 20px;
}

.naiyou{
	width:85%;
	margin:0 auto;
	padding:0px 50px 30px 50px;
}

/* フッター */
.footer {
	padding: 10px 0;
	background:#996600;
		background-image:url(img/foot.jpg);
		background-repeat:no-repeat;
	text-align: center;
}

/* 画像の右寄せ */
.fltrt { 
	float: right;
	margin-left: 8px;
}

/* 画像の左寄せ */
.fltlft { 
	float: left;
	margin-right: 8px;
}

 /* #footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できる。 */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ロールオーバーボタン */

#comform a{
	color:#ffffff;
	line-height: 50px;
	text-decoration: none;
	background-image: url(img/form.png);
	text-align: center;
	display: block;
	height: 50px;
	width: 300px;
	background-repeat: no-repeat;

}

#comform a:hover{
color:#000; 
background:url(img/form.png) no-repeat;
}