@import url("common.css");

/* どこでつくれる */

#where_matter {
  margin:0 0 0 10px;
  width:900px;
  height:515px;
  background:url(../img/where_back.jpg) no-repeat 0 30px ;
  overflow:hidden;
  position:relative;
  }

.title6 {
  position:absolute;
  top:21px;
  left:550px;
  border-top:5px solid #EBAEAE;
  width:320px;
  font-weight:bold;
  }

/*--プルダウンメニュー↓---------------------------------------------------*/
#area_fukuoka {
  position:absolute;
  top:20px;
  left:10px;
  width:175px;
  font-size:12px;
  }
#area_nagasaki {
  position:absolute;
  top:20px;
  left:187px;
  width:175px;
  font-size:12px;
  }
#area_kumamoto {
  position:absolute;
  top:20px;
  left:364px;
  width:175px;
  font-size:12px;
  }
  ul.main {
    margin:0;
    padding:0;
    width:175px;
	heigth:22px;
    position:relative;
    list-style:none;
    text-align:center;
	overflow:hidden;
	}
    /*-----------通常時*/
  .main li.off{
    margin:0;
    padding:0;
    width:175px;
	height:22px;
    position:relative;
    list-style:none;
	overflow:hidden;
	}
    /*-----------展開時*/
  .main li.on{
    overflow:hidden;
    width:175px;
    background-color:#FFFFD5;
    }
  .main>li.on{
    overflow:visible;
    }
    /*リンクスタイル*/
  .main a{
    display:block;
    text-decoration:none;
    }
  .main a:hover{
    background-color:#FFFFD5;
	display:block;
    }
    /*-----------サブメニュー用スタイル*/
  ol.sub{
    margin:0;
    padding:0;
    position:relative;
    left:0;
    top:0;
    width:175px;
    background-color:#FFCCCC;
    list-style:none;
    text-align:left;
    }
  .sub li{
    display:block;
    }
  .sub li a{
    padding:2px 0 2px 0;
    display:block;
    width:175px;
    }
  .sub li a:hover{
    background-color:#FFFFEC;
    display:block;
    }
/*--プルダウンメニュー↑---------------------------------------------------*/

#movie {
  position:absolute;
  top:70px;
  left:550px;
  width:320px;
  height:275px;
  }

#info {
  position:absolute;
  top:360px;
  left:550px;
  width:320px;
  }
  #info table {
    font-size:12px;
	color:#555;
	}
	#info table tr td {
	  border-top:1px dotted #EBAEAE;
	  }

#info2 {
  position:absolute;
  top:70px;
  left:550px;
  width:320px;
  }
  #info2 table {
    font-size:12px;
	color:#555;
	}
	#info2 table tr td {
	  border-top:1px dotted #EBAEAE;
	  }