@charset "utf-8";

/* メインエリアスタイル
----------------------------------------------------------- */
div#main h2 {
	background: url(../../images/h2_bg.jpg) 0 0 no-repeat;
}








/* 小川村の施設紹介
----------------------------------------------------------- */
div#main dl {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
}

div#main dl dt {
	float: left;
	clear: left;
}

div#main dl dt span {
	display: block;
	width: 220px;
	height: 156px;
	margin: 4px 0 0 4px;
	padding: 0 2px 4px 0;
	background: #e7e7e7;
}

div#main dl dt span img {
	position: relative;
	margin: -4px 4px 0 -4px;
	border: 1px solid #c0c0c0;
}

* html body div#main dl dt span img {
	margin: -4px 2px 0 -4px;
}

div#main dl dd {
	margin: 0 0 0 245px;
}

div#main dl dd h4 {
	margin: 0 0 5px 0;
}

div#main dl dd p {
	margin: 0 0 10px 0;
}



/* 昔話のスタイル
----------------------------------------------------------- */
div#main div#kouka {
	width: 628px;
	background: #fff9d1;
	padding: 0 0 20px 0;
	font-size: 116%;
	margin: 0 0 10px 0;
}

div#main div#kouka p {
	margin: 0 0 23px 25px;
}

div#main div#kouka p.text_bottom {
	margin: 0 0 0 25px;
}

div#main div#kouka p.name {
	text-align: right;
	font-size: 90%;
	margin: 0 15px 15px 0;
}


/* 写真アルバム　スタイル */
div#main ul {
	width: 100%;
	overflow: hidden;
	margin: 25px 0 0 0;
}

div#main ul li {
	float: left;
	margin: 0 4px 0 0;
}

div#main ul li.no_right {
	margin: 0;
}


/*div#main ul li span {
	display: block;
	width: 300px;
	height: 225px;
	margin: 4px 0 0 4px;
	padding: 0 2px 4px 0;
	background: #e7e7e7;
}

div#main ul li span img {
	position: relative;
	margin: -4px 4px 0 -4px;
	border: 1px solid #c0c0c0;
}

* html body div#main ul li span img {
	margin: -4px 2px 0 -4px;
}

div#main ul li p {
	text-align: right;
	margin: 5px 10px 8px 0;
}*/


/*方言テーブル分割*/

div#main .left-table
{
	float:left;
	width:300px;
}

div#main .right-table
{
	float:right;
	width:300px;
}

/* tableのスタイル(追加) */
div#main .right-table div#school_program table,
div#main .left-table div#school_program table 
{
	width:100%;
	border: 1px solid #c5c5c5;
	border-collapse: collapse;
	font-size: 100%;
}
div#main .right-table div#school_program table th,
div#main .right-table div#school_program table td,
div#main .left-table div#school_program table th,
div#main .left-table div#school_program table td
{
	padding: 5px 0;
	text-align: center;
	border: 1px solid #c5c5c5;
	width: 12.5%;
}

div#main .right-table div#school_program table th,
div#main .left-table div#school_program table th 
{
	background: url(../images/th_bg.gif) 0 0 no-repeat;
}

.cler
{
	clear:both;
}



/* tableのスタイル */
div#main table {
	border: 1px solid #c5c5c5;
	width: 626px;
	border-collapse: collapse;
	font-size: 100%;
	margin: 10px 0 30px 2px;
}

div#main table th,
div#main table td {
	padding: 7px 12px;
	border: 1px solid #c5c5c5;
}

div#main table th {
	text-align: center;
	white-space: nowrap;
	background: url(../images/th_bg.gif) 0 0 no-repeat;
}