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


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

body {
  color: #333333;
  background: #edc3c3;
  background-position:center top;
}
#container {
  background:#FFFFFF url(img/container.jpg) no-repeat;
  background-position:right top;
  width: 820px;
  margin: 0 auto;
  padding:0;
}
#container_contents {
  background:#FFFFFF url(img/container_contents.jpg) no-repeat;
  background-position:right top;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 820px;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
  padding:0;
}

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

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: none;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

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

.navi-list-link {
  width:106px;
  height:34px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_01.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link:hover {
  text-decoration: none;
  background:url(img/navi_01a.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link2 {
  width:161px;
  height:34px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_02.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link2:hover {
  text-decoration: none;
  background:url(img/navi_02a.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link3 {
  width:68px;
  height:34px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_03.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link3:hover {
  text-decoration: none;
  background:url(img/navi_03a.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link4 {
  width:107px;
  height:34px;
  text-indent:-1500px;
  margin: 0 0 0 0;
  display: block;
  background:url(img/navi_04.gif) no-repeat;
  margin-left:0px;
}

.navi-list-link4:hover {
  text-decoration: none;
  background:url(img/navi_04a.gif) no-repeat;
  margin-left:0px;
}

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

#main {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0;
  margin-left:10px;
  margin-right:10px;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  background: none;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  border: 0px solid #EEEEEE;
}
/* ---------------------------------------------------------------- *
	コンテンツMEDAMA
 * ---------------------------------------------------------------- */
.waku {
  padding: 2px;
  line-height: 1.5;
}
.medama {
  width: 330px;
  padding-top: 0;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.2em;
  font-size: 80%;
  float:left;
  border-top:1px solid #c1272d;
  margin:10px 10px 2px 2px;
}
.medama2 {
  width: 690px;
  padding-top: 0;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.2em;
  font-size: 80%;
  float:left;
  border-top:1px solid #c1272d;
  margin:10px 10px 2px 2px;
}
.medama_3 {
  width: 200px;
  padding-top: 0;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.2em;
  font-size: 80%;
  float:left;
  border-top:1px solid #c1272d;
  margin:10px 10px 2px 2px;
}
.medama_4 {
  width: 460px;
  padding-top: 0;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.2em;
  font-size: 80%;
  float:left;
  border-top:1px solid #c1272d;
  margin:10px 10px 2px 2px;
}

.medamatop {
  padding-top: 0.2em;
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  background: 
  #B33759;
  color: #FFFFFF;
  border-left: 10px solid #3D3D3D;
  line-height: 1.4;

}

.medama td{
  padding: 0.5em;
}

.medama tr{
  padding: 0.5em;
}

.medamami {
  font-size: 17px;
  margin-top: 0px;
  margin-bottom:7px;
  font-weight:bold;
  border-left: 5px solid #c1272d;
  padding-left: 0.5em;
  padding-top:10px;
}

.medama dt {
  float: left;
  width: 70px;
  color: #C04567;
  font-weight:bold;
}

.medama dd {
  margin-left: 70px;
  font-weight:bold;
}

.event_waku {
  border:1px solid #0a0a0a;
  padding:5px;
}

.event_kura dt {
  float: left;
  width: 40px;
  color: #C04567;
  font-weight:bold;
}

.event_kura dd {
  margin-left: 40px;
  font-weight:bold;
}

.sakka dt{
 font-weight:bold;
 font-size:120%;
 width:100px;
 float:left;
}
.sakka dd{
margin-left:100px;
}

.event_kura_table1 {
}
.event_kura_table2 {
}
.event_kura_table1 td{
  border-bottom:1px dotted #d3d3d3;
}
.event_kura_table1 th {
background-color:#666666;
color:#FFFFFF;
}
/* ---------------------------------------------------------------- *
	色分け
 * ---------------------------------------------------------------- */
 .ki {
  color: #D29D2E;
  font-weight:bold;
}
 
/* ---------------------------------------------------------------- *
	変則クラス
 * ---------------------------------------------------------------- */
#indextop {
  width:450px;
  }

.kurashitop {
  padding-top: 0.2em;
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  background: 
  #D29D2E;
  color: #FFFFFF;
  border-left: 10px solid #3D3D3D;
  line-height: 1.4;

}
 
.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;
}
.sakura{
  position:absolute;
   width:195px; 
   height:160px; 
   z-index:1; 
   left: 700px; 
   top: 460px; 
   _left: 590px; 
   _top: 470px; 
   clear:both;
}

.sakura_p{
   width:520px;
  _width:310px;
  }
  
.setsumei_p{
margin-left:90px;
  }
 
#oishiutsuwa{
  background:url(img/kura_bg_utsuwa.jpg) no-repeat;
  padding:120px 350px 10px 30px;
  margin:10px 0 0 0;
}
#colabo{
  clear:both;
  background:#f6f2e4 url(img/kura_bg_fruits.jpg) no-repeat;
  background-position:right bottom;
  padding:10px;
}
#colabo_migi{
  float:right;
  width:495px;
  }
  .colabo_table th{
width:100%;
}
.colabo_table th{
background-color:#666666;
color:#f6f2e4;
}
.bg_purple{
   background-color:#9966CC;
   color:#f6f2e4;
   font-size:85%;
   padding:5px;
   }
 .workshop {
 background:#f6f2e4;
 padding:10px;
 zoom:1;
 }
.contest{
 padding:10px;
 zoom:1;
 border:1px solid #d3d3d3;
 }
.utsueaten {
  width: 330px;
  padding-top: 0;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.8em;
  font-size: 80%;
  float:left;
  border:1px solid #666666;
  margin:2px;
}
.utsueaten h4{
  font-size: 17px;
  margin-top: 0px;
  font-weight:bold;
  border-left: 5px solid #666666;
  padding-left: 0.5em;
  padding-top:10px;
}
.cafe{
  background:#666666 url(img/kura_pie.gif) no-repeat;
  background-position:left top;
  color:#FFFFFF;
  padding:10px 10px 10px 230px;
}
.cafe h3{
  margin-left: 5px;
  padding: 8px;
  border-left: 5px solid #FFFFFF;
 }
/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */
.fig_img {
  margin: 0.4em;
  padding:2px;
  border:1px solid #a0a0a0;
}
.fig {
  float: left;
  margin-top: 0.4em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  margin-left: 0;
  padding:2px;
  border:1px solid #a0a0a0;
}
.fig_right {
  float: right;
  margin-top: 0.4em;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding:2px;
  border:1px solid #a0a0a0;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.imgbox_right {
  float: right;
  background: #FFFFFF;
  margin-top: -200px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

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

.footer {
  font-size: 75%;
  background:#FFFFFF;
  background-position:right top;
  margin: 0;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
  border-top: 1px dotted #000000;
}

 

.footer dt {
        float: left;
        width: 7em;
        font-weight:bold;
}
.footer dd {
        margin-left: 7em;
}