html,
body {height:100%; overflow:hidden; }
body{ margin:0; background-color:#FFFFFF; }

#Container{ position:absolute; top:50%; left:50%; margin-top:-265px; margin-left:-390px; }
img{border: none;}
a{ color:#663300 } a:link { color: #663300; } a:visited { color: gray; } a:active { color: #ff3366; }
h2{margin:0; padding:0; width:237px; float:left;}

#Contents{ width:778px; height:260px; 
	background-image:url(../img/img_ch/bg.jpg);
	background-color:#f9f7f4; border:#663300 solid 1px;
	
}
#Contents table{ width:755px; margin:0; padding:0; margin:10px 0 0 10px;}

#Contents img.bk{float:right;}

div.menu{margin-bottom:6px; margin-top:0}

.foot{margin-top:15px; font-family:font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }



/***** layer page *****/
#ch_Contents{ 
	width:780px; height:320px;
	overflow:hidden;
	background-image:url(../img/img_ch/bg02.jpg);
	background-repeat:repeat-x;
}
#ch_Contents img{border: none;}
#ch_Contents #ch_l{ width:327px; height:300px; float:left; margin-left:25px;}
#ch_Contents p{ margin:0px; padding:0;}

#ch_Contents #ch_l p.tit{ 
	margin:40px 0 0 3px;
	border-bottom:1px solid #714212;
	font-size:23px; color:#663300; line-height:1.2em;
	font-family : "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝",  "ＭＳ 明朝", "Times New Roman", "平成明朝", Serif;
	font-weight:bold;
}
#ch_Contents #ch_l p.jtit{ 
	margin:2px 0 10px 3px;
	font-family : "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝",  "ＭＳ 明朝", "Times New Roman", "平成明朝", Serif;
	font-size:85%;
	color:#663300; font-weight:bold;
}
#ch_Contents #ch_l p.rd{ 
	font-size:80%; line-height:1.4em;
	margin:0 0 10px 3px;
	font-family:font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#ch_Contents #ch_l p.mat{ 
	font-size:70%; line-height:1.4em;
	margin-left:4px;
}
#ch_Contents div.ch_r{ width:380px; float:right;}

#ch_Contents .ban{ position:absolute; top:200px; left:25px;}



/* clearfix */
/**************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* rollover */
/**************************************/
a img.ban{
opacity:1.0;
filter: alpha(opacity=100);
}

a:hover img.ban{
opacity:0.8;
filter: alpha(opacity=80);
}