@charset "Shift-JIS";

/*−−−−ページ構造−−−− */
BODY {
    margin: 0;
    padding: 0;
    font-size:12px;
}

#main {
    margin: 0;
    padding: 0;
    width:880px;
    background-color:#6699FF;
    font-size:12px;
}

.add{
  background:url(../img2/top-rain03.gif);
  background-repeat:no-repeat;
  background-position:top;
}

.top{
  background:url(../img2/top-rain01.gif);
  background-repeat:no-repeat;
  background-position:right;
}

.topic{
  background:url(../img2/top-rain02.gif);
  background-repeat:no-repeat;
  background-position:left top;
}

.shadow{
  background:url(../img2/top-shadow.gif);
  background-repeat:y;
}

.shadow2{
  background:url(../img2/top-shadow2.gif);
  background-repeat:x;
}



/****リンク****/

a.topics{/*リンクされた文字*/
    color:#FF6666;
    font-style:normal;
    text-decoration:none;
}
a:hover.topics{/*マウスをのせたとき*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}

a.soshiki{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:hover.soshiki{/*マウスをのせたとき*/
    color:#6699FF;
    font-style:normal;
    text-decoration:none;
}

a.mail{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:hover.mail{/*マウスをのせたとき*/
    color:#FF0000;
    font-style:normal;
    text-decoration:none;
}

a.area{/*リンクされた文字*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:none;
}
a:hover.area{/*マウスをのせたとき*/
    color:#003366;
    font-style:normal;
    text-decoration:none;
}


/****メニュー用スタイル****/

ul.main{
    position:relative;/*×*/
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    list-style:none;/*△*/
    width:100%;/*○*/
}

/*通常時*/
.main li.off{
    position:relative;/*×*/
    float:left;/*×*/
    overflow:hidden;/*×*/
    padding:0px;/*△*/
    width:130px;/*○*/
    height:20px;/*○*/
}
/*展開時*/
.main li.on{
    float:left;/*×*/
    overflow:hidden;/*×*/
    padding:0px;/*△*/
    width:130px;/*○*/
    height:20px;/*○*/
}
.main > li.on{
    overflow:visible;/*×*/
    height:20px;
    width:130px;
}



/****サブメニュー用スタイル****/
ol.sub{
    position:relative;/*×*/
    margin:0px;/*△*/
    padding:2px;/*△*/
    width:130px;/*○*/
    left:100%;
    top:-20px;
    border:1px solid #FFFFFF;
    background-color:#4180FF;
    list-style: none ;
}

.sub a{
    padding:0px;/*○*/
    display:block;/*△*/
    width:130px;/*○*/
}

/* キーワード検索 */
#keyword-search
,#keyword-search img
,#keyword-search table
,#keyword-search table td {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}
/* キーワード検索 */

/* 地産地消バナー */
#chisan-top-bnr{
	text-align: center;
	}
#chisan-top-bnr a {
	display: block;
	width: 185px;
	height: 40px;
	background: url(../pic2/top-bnr-chisanchisho.jpg) 0px 0px no-repeat;
}
#chisan-top-bnr a:hover {
	background-position: 0px -40px;
}
.chisan-text-link {
	margin: 3px 0px;
	text-align: center;
}
.chisan-text-link a {
	color: #ffffff;
	text-decoration: none;
}
.chisan-text-link a:hover {
	color: #000000;
	text-decoration: none;
}

/*地産地消スペース*/
table#chisan-space td {
	vertical-align: top;
}

/*一般旅館ホテル組合連合会バナー*/
.fukushimayado-top-bnr a{
	display: block ;
	width: 680px ;
	height: 80px ;
	background: url(../img2/top-bnr-fukushimayado.gif) left top no-repeat;
}
.fukushimayado-top-bnr a:hover{
	background-position: left bottom ;
}
/*トップ下バナー*/
.top-banner td{
	vertical-align: bottom;
}