@charset "utf-8";

*{
	margin:0;
	padding:0;
}

/* 全般設定======================================== */
body{
	text-align:center;
	color:#000;
	font-size:11pt;
	line-height:16pt;
  background-color:#fff;
  font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

/* リンク */
a:link{text-decoration:none; color:#060}
a:visited{text-decoration:none; color:#060}
a:active{text-decoration:none; color:#033}
a:hover{text-decoration:underline; color:#f00}

img{
	border:0;
}

#topFrame{
	text-align:left;
	width:830px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border-width:0px;
	border-style:solid;
	border-color:#ccc;
	background-color:#fff;
}

#topHeader{
	width:810px;
	height:72px;
	border-width:0px;
	border-style:solid;
	border-color:#00f;
	background-color:#f00;
}

#topLogo{
	float:left;
	width:130px;
	height:72px;
	border-width:0px;
	border-color:#fff;
	background-color:#fff;
}

#topNavigation{
	text-align:left;
	float:right;
	width:680px;
	height:72px;
	border-width:0px;
	border-color:#fff;
	background-color:#fff;
}

#topNavigation img{
	margin-top:8px;
	margin-right:7px;
}

#topNavigation ul li{
	display:inline;
}

/* 下メインフレーム内定義 ========================================= */
#mainFrame{
	width:810px;
	border-width:0px;
	border-color:#fff;
	background-color:#fff;
}

#mainContent{
	float:right;
	width:680px;
	border-width:0px;
	border-color:#fff;
	background-color:#fff;
}

#monthlyPoster{
	width:370px;
	float:left;
}

#monthlyPoster h3{
	font-size:11pt;
	color:#644;
}

/* リンク */
#monthlyPoster a:link{text-decoration:none; color:#644}
#monthlyPoster a:visited{text-decoration:none; color:#644}
#monthlyPoster a:active{text-decoration:none; color:#033}
#monthlyPoster a:hover{text-decoration:underline; color:#f00}


/* 右側のコンテンツ定義 ==================================== */
#rightContent{
	font-size:9pt;
	width:305px;
	float:left;
	padding-left:5px;
}

/* リンク */
#rightContent a:link{text-decoration:none; color:#644}
#rightContent a:visited{text-decoration:none; color:#644}
#rightContent a:active{text-decoration:none; color:#033}
#rightContent a:hover{text-decoration:underline; color:#f00}


#rightContent h2{
	margin-top:5px;
	font-size:11pt;
	font-wight:bold;
}

#rightContent h3{
	clear:left;
	color:#644;
	font-size:11pt;
	font-wight:bold;
	background-color:#fff;
	margin-top:2px;
}


#rightContent ul{
	line-height:10pt;
}

#rightContent li{
	font-size:9pt;
	margin-right:6px;
	display:inline;
}

#rightContent #calDiscript img{
  margin:21px 10px 10px 0;
	float:left;
}

#rightContent span#calHead{
	line-height:1em;
  font-family:"ＭＳ Ｐ明朝","平成明朝","ヒラギノ明朝",serif;
	color:#060;
	font-size:44pt;
  font-weight:bold;
}
#rightContent p#calDiscript{
	line-height:12pt;
  font-family:"ＭＳ Ｐ明朝","平成明朝","ヒラギノ明朝",serif;
	color:#000;
	font-size:10pt;
}

/* 各カテゴリーインデックスの中央のコンテンツ定義 ==================================== */
#CategoryIndexPics{
	width:350px;
	float:left;
	padding-left:0px;
}

#CategoryIndexPics img{
	width:350px;
	float:left;
	margin:21px 0 0 0px;
}


/* 各カテゴリーインデックスの右側のコンテンツ定義 ==================================== */
#CategoryIndexRightContent{
	font-size:9pt;
	width:315px;
	float:left;
	padding-left:15px;
}

#CategoryIndexRightContent img#CIimg{
       width:310px;
       margin-top:21px;
}

#CategoryIndexRightContent h2.CategoryIndexTitle{
       margin:20px 0px 10px 0px;
}


/* リンク */
#CategoryIndexRightContent a:link{text-decoration:none; color:#644}
#CategoryIndexRightContent a:visited{text-decoration:none; color:#644}
#CategoryIndexRightContent a:active{text-decoration:none; color:#033}
#CategoryIndexRightContent a:hover{text-decoration:underline; color:#f00}


#CategoryIndexRightContent h3{
	clear:left;
	color:#644;
	font-size:11pt;
	font-wight:bold;
	background-color:#fff;
	margin-top:2px;
}

#CategoryIndexRightContent ul{
	line-height:16pt;
	margin:6px 25px 10px 25px;
}

#CategoryIndexRightContent li{
	font-size:10pt;
	margin-right:6px;
	display:inline;
}

/* 各カテゴリーインデックス、レイアウト０２施設紹介等ののコンテンツ定義 =========================== */

div.expBox{
  clear:left;
  width:680px;
  padding:0 0 20px 0;
}

div.expBox h2{
  color:#644;
  font-family:"ＭＳ Ｐゴシック",sans-serif;
  font-size:18pt;
  padding:15px 4px 10px 0;
}

div.expBox h2 a:link{text-decoration:none; color:#644}
div.expBox h2 a:visited{text-decoration:none; color:#644}
div.expBox h2 a:active{text-decoration:none; color:#033}
div.expBox h2 a:hover{text-decoration:underline; color:#f00; background-color:#ff0;}


div.expBoxExp h3{
  color:#644;
  font-size:13pt;
  font-weight:bold;
  padding:10px 0 3px 0;
}

div.expBoxExp h4{
  color:#644;
  font-size:12pt;
  font-weight:bold;
  padding:10px 0 3px 0;
}

div.expBoxExp li{
  margin: 0 10px 0 20px;
  color:#006;
  font-size:10pt;
  line-height:1.5;
  list-style-image: url("http://www.e-ikeda.jp/kurashi/images/dot.gif");
}



div.expBox div.expBoxPics{
  width:280px;
  float:left;
  padding:0 0 20px 0;
}

div.expBox div.expBoxExp_small{
  font-size:8pt;
  line-height:1.3;
  width:110px;
  float:left;
  padding:10px 0 10px 0;
}

div.expBox div.expBoxPics_small{
  float:right;
  padding:10px 0 10px 0;
}

div.expBox div.expBoxExp{
  font-size:9pt;
  width:370px;
  padding:0 0 20px 30px;
  float:left;
}

/* 各カテゴリーインデックス、レイアウト０３施設紹介等ののコンテンツ定義 =========================== */

div.expBox div.expBoxLeft{
  font-size:9pt;
  width:330px;
  padding:0 0 0 0;
  float:left;
}

div.expBox div.expBoxRight{
  font-size:9pt;
  width:330px;
  padding:0 0 0 0;
  float:right;
}

/* 各カテゴリーインデックス、レイアウト０３商品紹介等ののコンテンツ定義 =========================== */


div.expBox div.expBox3dan{
  font-size:9pt;
  line-height:1.3;
  width:210px;
  padding:0 20px 0 0;
  float:left;
}

div.expBox div.expBox3danRight{
  font-size:9pt;
  line-height:1.3;
  width:220px;
  padding:0 0 0 0;
  float:right;
}




/* ポスターギャラリー、レイアウト定義 =========================== */
/* リンク */
div.poster a:link{text-decoration:none; color:#644}
div.poster a:visited{text-decoration:none; color:#644}
div.poster a:active{text-decoration:none; color:#033}
div.poster a:hover{text-decoration:underline; color:#f00}

table#posterIndex{
    margin-top:21px;
    margin-left:55px;
}

table#posterIndex img{
    vertical-align:bottom;
    margin:0 24px 30px 0;
}

table#posterIndex td{
    vertical-align:bottom;
}


div.poster{
	text-align:center;
}

/* カレンダー、レイアウト定義 =========================== */

h2#calendarHead{
  font-family:"ＭＳ Ｐ明朝","平成明朝","ヒラギノ明朝",serif;
  font-size:28pt;
  color:#060;
  margin: 10px 0 10px 0;
}

table#calendar{
  width:600px;
  color:#fff;
  font-family:"ＭＳ Ｐ明朝","平成明朝","ヒラギノ明朝",serif;
  font-size:10pt;
  border-spacing:2px;
  background-color:#fff;
  margin:auto;
}

table#calendar th{
  background-color:#693;
  text-align:center;
  padding:5px;
}

table#calendar td{
  background-color:#693;
  padding:5px;
}


table#calendar td.month{
  width:40px;
  text-align:center;
}

table#calendar td.event{
  width:160px;
  text-align:left;
}

table#calendar td.gyoji{
  width:160px;
  text-align:left;
}

table#calendar td.kurashi{
  width:120px;
  text-align:left;
}

table#calendar td.shoku{
  width:120px;
  text-align:left;
}

/* 左側のナビゲーションバー ==================================== */
#sideBar{
	float:left;
	width:130px;
	border-width:0px;
	border-style:dashed;
	border-color:#fff;
	background-color:#fff;
}

#sideBar h3{
	color:#060;
	margin-top:8px;
	font-size:10pt;
	font-weight:bold;
}

#sideBar img#posterLogo{
	margin-top:21px;
	margin-bottom:0px;
}


#sideBar ul{
	line-height:10pt;
	list-style-type:none;
	
}

#sideBar li{
	color:#060;
	font-size:9pt;
	display:block;
}

#baseFooter{
	clear:left;
	clear:right;
	font-size:8pt;
	background-color:#fff;
}