@charset "utf-8";
body {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
h2{
	font-size:16px;
	line-height:1em;
	margin:0 0 10px 0;
	}
/* ヘッダ */
#header {
	background:url(../images/header_bg.jpg) repeat-x;
	height:92px;
	width:100%;
}
#header_inner {
	margin:auto;
	width:850px;
	height:92px;
	text-align:left;
}
#rogo {
	width:318px;
	float:left;
}
#font {
	width:242px;
	height:48px;
	padding:10px 0 0 290px;
	float:left;
}
#g_menu {
	width:510px;
	height:24px;
	float:left;
	padding-top:10px;
}
#g_menu img {
	float:left;
}
#g_menu img.end {
	margin-right:0;
}
#search {
	width:340px;
	_width:300px;
	height:28px;
	float:left;
	text-align:right;
	padding-top:6px;
}
/* コンテンツ */
#contents {
	width:850px;
	margin:auto;
	height:auto;
	padding-top:12px;
}
#contents_bg {
	background:url(../images/bg1.jpg) repeat-x bottom;
}
#contents_inner {
	background:#fff;
	text-align:left;
	padding:12px 24px 24px 24px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
h1 {
	background: url(../images/h1_bg.png) repeat-x bottom;
	height:44px;
	padding:8px 0 0 24px;
	margin:0;
	text-align:left;
}
#contents_inner p strong {
	line-height:2em;
	font-size:120%;
}
#contents_inner td {
	vertical-align:top;
	text-align:left;
	background:#fff;
}

/*** set the width and height to match your images **/
#slideshow {
	position:relative;
	height:160px;
	width:850px;
	z-index:1;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	margin-top:12px;
	_margin:0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
#info {
	margin-top:12px;
	_margin:0;
	width:850px;
	text-align:left;
}
#info .kouen {
	width:500px;
	float:left;
}
#info .kouen table {
	background:#fff;
}
.detail {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
#info .right_area {
	width:340px;
	margin-left:8px;
	float:left;
}
#info .right_inner {
	background:url(../images/right_bg.jpg) bottom repeat-x;
	padding-top:6px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	height: auto;
}
#info .banner{
	margin:0px 0 0 0;
}
#info hr {
	margin:4px;
}
#list {
 margin:. 0 0 0;
}
#list h2 {
	border-left:4px solid #ff9900;
	padding-left:8px;
}
#list h3 {
	color:#7a9136;
	margin:0;
}
#list ul {
	text-align:left;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0;
	padding-top:12px;
}
#list li {
	list-style:none;
	text-align:left;
	padding-bottom:8px;
	border-bottom:#ccc dotted 2px;
	width:92%;
	margin-bottom:12px;
}
.dan{
	font-size:10px;
	background:#e6e6d2;
}
.muryo{
	font-size:10px;
	background:#e39574;
	color:#fff;
}
.small{
	font-size:10px;
}
.green{
	color:#4e7937;
	font-weight:bold;
}
#topics {
	display:block;
	width:500px;
	clear:both;
	background:#fff;
	margin:0;
}
#topics p {
	margin:4px 4px 4px 0;
	padding:0 0 4px 0; 
	border-bottom:1px dotted #ccc;
}
dl.list309 {
	margin:0 0 20 0;
}
dl.list309 dt {
	clear: left;
	float: left;
	margin: 0 0 20px 20px;
	width: 620px;
	border-left: solid 8px #CCC;
	padding-left: 5px;
	color: #000;
}
dl.list309 dd {
	margin-bottom: 20px;
	margin-left: 18.5em;
}
#footer {
	background:url(../images/footer_bg.jpg) repeat-x;
	height:115px;
	width:100%;
	padding-top:20px;
}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#demo {
	z-index:20;
}
#jsddm {
	margin:0;
	padding:0;
	z-index:20;
}
#jsddm li {
	float:left;
	list-style:none;
	z-index:20;
}
#jsddm li a {
	display:block;
	text-decoration:none;
	width:136px;
	_width:50px;
}
#jsddm li ul {
	margin-top:24px;
	_margin:0;
	padding:0;
	position:absolute;
	visibility:hidden;
	z-index:20;
}
#jsddm li ul li {
	float:none;
	display:inline;
	z-index:20;
	height:3em;
}
#jsddm li ul li a {
	width:auto;
	font-weight:normal;
	z-index:20;
}
#jsddm li ul li.menu a {
	padding:8px 4px 6px 4px;
	background:#3f352a;
	color:#fdfcd4;
	font-size:12px;
	border-bottom:#fdfcd4 1px solid;
}
#jsddm li ul li.menu a:hover {
	color:#ff9900;
}
.blue{
	color:#09F;
}
.red{
	color:#F00;
	font-weight:bold;
}
.new{
	color:#F00;
}