@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);


/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  color: #001c46;
  background: #2FC3F3 url(img/bg_sudare.jpg);
}
#container {
  background:#003c92 url(img/bg_head.jpg) no-repeat;
  background-position:10px 0;
  width: 720px;
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  background: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  height:150px;
}
/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
  margin: 0 10px;
  padding: 0 0 0 0;
  position: relative; 
  background: #FFFFFF;
  zoom:1;
}
.contents {
  background: none;
  margin-top: 0;
  margin-bottom: 10px;
  padding:0 15px;
}
.contents_event {
  background: none;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 1em;
  padding-left: 1.2em;
  _padding-left: 1em;
}
/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

div.navi-list {
  height:38px;
  margin:10px 0 0 5px;
  padding:0;
}
ul.navi-list {
  margin:0;
  padding:0;
}
.navi-list-item {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ------ナビ--------- */

.navi-list-link {
  width:292px;
  height:38px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:#000000 url(img/navi_01.jpg) no-repeat;
}
.navi-list-link:hover {
  text-decoration: none;
  background:url(img/navi_01_h.jpg) no-repeat;
}
.navi-list-link2 {
  width:120px;
  height:38px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_02.jpg) no-repeat;
}
.navi-list-link2:hover {
  text-decoration: none;
  background:url(img/navi_02_h.jpg) no-repeat;
}
.navi-list-link3 {
  width:139px;
  height:38px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_03.jpg) no-repeat;
}
.navi-list-link3:hover {
  text-decoration: none;
  background:url(img/navi_03_h.jpg) no-repeat;
}
.navi-list-link4 {
  width:141px;
  height:38px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_04.jpg) no-repeat;
}
.navi-list-link4:hover {
  text-decoration: none;
  background:url(img/navi_04_h.jpg) no-repeat;
}

/* ------サブカテゴリ--------- */

.navi_2 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 100%;
  text-align: center;
  list-style: none;
}
.navi_22 {
  float: left;
  color:#FFFFFF;
  margin: 0px;
  display: block;
  padding: 2px;
}


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

img.fig {
  float: left;
  margin: 0.4em 5px 0.5em 0;
  _margin: 0px;
  border:1px solid #c3c3c3;
  padding:5px;
  _padding:2px;
}
img.fig2 {
  float: left;
  margin-top: 0.4em;
  margin-right: 5px;
  margin-bottom: 0.1em;
  margin-left: 0;
}
.imgbox_right {
  float: right;
  margin-top: 0.4em;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-left: 1em;
}

/* ---------------------------------------------------------------- *
	コンテンツの表
 * ---------------------------------------------------------------- */
 
.waku {
  width:680px;
  line-height: 1.5;
  zoom:1;
}
/* ------宮前公園--------- */
.waku_m {
  width:660px;
  line-height: 1.5;
  zoom:1;
}
table.waku_m tr{
  padding:3px;
}

/* ------定義リストの設定--------- */
dt.nichizi_50{
  width:50px;
}
dt.nichizi_70{
  width:70px;
}
dt.nichizi_100{
  width:100px;　
}
dt.nichizi_150{
  width:150px;　
}
dt.nichizi_200{
  width:200px;　
}
dd.nichizi_50{
  margin-left:50px;　
}
dd.nichizi_70 {
  margin-left: 70px;
}
dd.nichizi_70_s {
  margin-left: 70px;
}
dd.nichizi_200{
  margin-left: 200px;
}
/* ---------------------------------------------------------------- *
	dl回り込み
 * ---------------------------------------------------------------- */
dl.fig{
  float:left;
}
dl.fig2{
  margin-left:300px;
}

/* ---------------------------------------------------------------- *
	色分けなど変則
 * ---------------------------------------------------------------- */
/* ------複数登場もの--------- */
.kakoi {
  background-color:#FFCCCC;
  border:1px dotted #B33759;
  padding:10px;
}
.cream {
   background:#FFFBC8;
   border:dotted 1pt #D29D2E;
   padding:10px;
   margin:10px 5px 10px 5px;
   line-height:150%;
   zoom:1;
}
.cream dt{
   width:150px;
   float:left;
}
.cream dd{
   margin-left:150px;
}
.blue {
  color:#0082AB;
 }
.bold {
  color:#0082AB;
  font-weight:bold;
 }
/* ------index--------- */
 div.index_main{
   width:700px;
   height:370px;
   background: url(img/bg_indextop.jpg);
   background-position:0 -20px;
 }
 
 .mainflow {
color:#FFFFFF;
font-size:12px;
height:91px;
left:25px;
line-height:17px;
position:absolute;
top:200px;
width:664px;
}
* html .mainflow { 
  top: 220px;
  left: 18px;
  width:687px; } 
/* ------宮前公園--------- */
div#miyamae{
  background:#0D894A url(img/clover.jpg);
  padding:10px;
}
.miyamae_middle{
   background:#006A09;
   line-height:150%;
   font-size:90%;
   margin:0 0 5px 0;
   padding:5px 20px;
   color:#FFFFFF;
}
 /* ------アクセス--------- */
 p.koutsu{
    margin:0 0 3px 20px;
	line-height:100%;
	}
/* ------瀬戸蔵--------- */
div.profile {
  padding:5px;
  float:right;
  margin:10px 5px 0 10px; 
  width:300px;
  border:1px dotted #030303;
}
.kurashi_b {
  padding-top: 0.2em;
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  background: #EBEBEB;
  border: 1px dotted #C7C7C7;
  line-height: 1.4;
  font-size:9px;
  margin-top: 10px;
}
.kurashi_b2 {
  font-weight:bold;
  color: #C04567;
}
/* ------イベントわく--------- */
div.medama {
  width: 308px;
  padding: 0.8em;
  float:left;
  margin:0px 6px 6px 0px;
  border:1px solid #c3c3c3;
}

div.medama h4{
  font-size: 17px;
  margin-top: 0px;
  margin-bottom:7px;
  font-weight:bold;
  padding:10px 0px;
  line-height:105%;
  border-bottom:1px solid #c3c3c3;
  border-top:1px solid #c3c3c3;
  float:left;
  width:227px;
}

div.medamatop {
  background: #d3e2ec;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom:7px;
  padding:8px 0px;
  border-bottom:1px solid #c3c3c3;
  border-top:1px solid #c3c3c3;
  width:80px;
  float:right;
  text-align:center;
  line-height: 1.4;
}
div.medamatop2 {
  background: #d3e2ec;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom:7px;
  padding:17px 0px;
  border-bottom:1px solid #c3c3c3;
  border-top:1px solid #c3c3c3;
  width:80px;
  float:right;
  text-align:center;
  line-height: 1.4;
}

.medama p {
 margin:0px;
}

.medama dl {
  clear:both;
  margin-top:0px;
  width: 100%; /* for IE6,7 */
}

.medama dt {
  float: left;
  color: #005087;
  margin-bottom:3px;
}

.medama dd {
  margin-left: 100px;
  margin-bottom:3px;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

.footer {
  font-size: 75%;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
  border-top: 1px dotted #000000;
  clear:both;
}
.footer dt {
  float: left;
  width: 7em;
  font-weight:bold;
}
.footer dd {
  margin-left: 7em;
}