@charset "UTF-8";

/***** 基本 ****/

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
  color: #000000;
  background: #E2F1F7;
   width:800px;
  margin: 0px auto;
  padding: 0px;
  font-size: 100%;
  line-height: 1.6;
  text-align:center;
  
}

img { 
  margin: 0px; 
  padding: 0px;
  border: 0;
}

a img {
  border: 0;
}

a{ 
  color: #0066cc; 
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
}

a:hover{ 
  color: #de4cc1;
  text-decoration: underline;
  overflow: hidden;
}


table{
  margin: 0px;
  padding: 0px;
}

table tr{
  margin: 0px;
  padding: 0px;
}

table tr td{
  margin: 0px;
  padding: 0px;
}

ul{
  margin: 0px;
  padding: 0px;
}

ul li{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  
}

dl,dt,dd{
  margin: 0px;
  padding: 0px;
}

h1,h2,h3,h4{
  margin: 0px;
  padding: 0px;

}

p,div,span{
  margin: 0px;
  padding: 0px;
}
/***** ヘッダー ****/
#container {
  width:800px;
  background: #C9A063;
}

#header {
  width:100%;
  height: 61px;
  overflow:hidden;
}

#header h1 {
  width: 265px;
  height: 61px;
  background: url(http://www.yaf.or.jp/yoshino/images/header_1.gif) no-repeat left;
  text-indent: -9999px;
  text-align: left;
  display: block;
  float:left;
}

#headerimg{
  width: 535px;
  height: 61px;
  float:right;
}

#navi{ 
/*  background: #ff0000;*/
  width: 800px;
  height: 43px;
  text-align:right;
  clear:both;
  overflow:hidden;
}

#navi li {
  display: inline;
}

#wrapper {
  width: 800px;
  background: #ffffff url(http://www.yaf.or.jp/yoshino/images/wrapBg.gif) repeat-y top left;
}

.mBottom10{
  margin-bottom:10px;
}

/***** サイドバー ****/

#sidebar{
  width: 88px;
  float: left;
}

#sideimg{
/*  background: #ff0000;*/
  height:10px;
  overflow:hidden;
}

#subnavi{
  width:88px;
  margin-top: 126px;
  height:306px;
  overflow:hidden;
}

#subnavi li{
  height:44px;
  overflow:hidden;
}



/***** コンテンツ部 ****/

#content{
  width:712px;
  
  float: right;
  overflow:hidden;
}

#contimg h2{

}

/***** トップ左ニュース一覧 ****/
#left {
  float: left;
}

#newsBg{
  width: 241px;
  height:240px;
  _margin: 15px 0px 0px 21px;
  margin: 30px 0px 0px 43px;
  padding: 0px;
  background: #FFFCD1;
  position:relative;
}

#newsTitle h2 {
  position:absolute;
  top:10px;
  left:7px;


}

#newsMore{
  position:absolute;
  top:204px;
  left:135px;
}

#news ul{
 position:absolute;
  top:38px;
  left:0px;
}


#news ul li {
  margin: 0px 0px 8px 5px;
  font-size: 75%;
  line-height: 1.3;
  text-decoration: none;
  text-align:left;
}

#date{
  font-size: 75%;
}

#bannerTitle h2{
  margin: 44px 0px 5px 43px;
  padding: 0px;
  text-align:left;
}

/***** トップ下バナー ****/

#banner{

  height:55px;
  margin: 0px 0px 15px 43px;
  padding: 0px;
  clear:both;
  text-align:left;
}
/*
#bannerBtn{
  margin: 0px;
  padding: 0px;
}
*/
#banner li{
  display:inline;
  margin-right: 4px;
  
}


/***** トップ右Flashエリア ****/
#right {
  display:inline;
  width: 395px;
  _margin-right: 18px;
  margin-right: 18px;
  float: right;
}

#swfarea{
  /*
  width:100%
  height:280px;*/
}

#errortext{
  text-align:left;
  padding:100px 10px 0px;
}


/***** 下層メインコンテンツ（左） ****/
#main {
  display:inline;
  float: left;
  width: 491px;
  margin: 0px 0px 20px 49px;
  padding:0px;
  text-align:left;
}

/* 施設案内メインコンテンツ */
#main_2{
  display:inline;
  float: left;
  width: 672px;
  margin: 10px 20px 20px;
  padding:0px;
  text-align:left;
}

/* お問い合せメインコンテンツ */
#main_3{
  display:inline;
  float: left;
  width: 572px;
  margin: 30px 40px 20px 100px;
  padding:0px;
  text-align:left;
}

/* 利用案内メインコンテンツ */
#main_4{
  display:inline;
  float: left;
  width: 491px;
  margin: 0px 0px 40px 49px;
  padding:0px;
  text-align:left;
}

/* 吉野町とは、ニュースTOPメインコンテンツ */
#main_5 {
  display:inline;
  float: left;
  width: 491px;
  margin: 30px 0px 20px 49px;
  padding:0px;
  text-align:left;
}


/***** ニューストップ ****/
.newsindex{
  width:491px;

}

.newsindex li {
  width:491px;
  margin-bottom: 10px;
  font-size: 100%;
  line-height: 1.4;
  text-decoration: none;
}

.newstitle{
  margin:0px 0px 0px 5px;
  padding:0px;
  width:486px;
}

.newstitle h3{
  margin:10px 0px;
  font-size:95%;
  line-height: 1;
}

.newstext{
  font-size:86%;
}
.newsbtn{
  margin: 0px 5px 15px 407px;
 
}


/***** イベントトップ ****/

.eventtitle{
  display:inline;
  margin:0px 0px 0px 3px;
  padding:0px;
  width:366px;
  float:left;
}

.eventtitle h3{
  margin:10px 0px;
  font-size:95%;
  line-height: 1;
}

.eventtext{
  font-size:86%;
  width:361px;
}

.eventimg{
  display:inline;
  width:120px;
  height:90px;
  margin: 10px 0px 10px 0px;
  padding:0px;
  float:right;
  border:1px solid #999999;
}

.eventbtn{
  display:inline;
  margin: 0px 5px 15px 284px;
 
}



/***** 吉野町市民プラザとは？ ****/

#maintext{
width: 496px;
  font-size:86%;
  margin:0px 0px 0px 0px;
  padding:0px;
}

#maintext h3{
  margin:0px;
  padding:0px;
}

#maintext p{
  margin:0px 0px 20px 0px;

}

#aboutimg{
  float:right;
  margin-left:20px;
}


/***** 施設紹介 ****/

#faciltable{
  width:672px;
  margin: 10px 0px 0px;
}

#faciltable tr td{
  width: 296px;
  margin: 0px;
  padding: 10px 20px 0px;
  vertical-align:top;
}
#faciltext1{
  margin: 0px;
  padding: 0px;
  font-size: 86%;
}

#faciltitle{
  width:166px;
  float:left;
}

#faciltitle h3{
  margin: 10px 0px 10px 5px;
  padding:0px;
}

#faciltext2{
  margin: 0px 0px 5px 5px;
  padding:0px;
  font-size: 75%;
}

#facilimg{
  width:120px;
  height:90px;
  margin:10px 0px 0px 0px;
  float:right;
  border:1px solid #999999;
}

#facilbtn{
   margin: 0px 0px 0px 92px;
}

#facilimgtable{
  width:491px;
  margin: 0px 0px 10px;
  padding: 10px 0px 10px;

  line-height:1.4;
}
/*
#facilimgtable table{
  width:100%;
  height:300px;
  margin:10px 0px 10px;
  text-align:center;
  vertical-align: top;
}
*/
.facilthumbnail{
/*  margin-bottom:10px*/
margin: 0px 26px 0px;
}

#facilimgbig{
  width:439px;
  border:3px solid #999999;
  margin: 0px 26px 10px;
}

#floormaptable{
  width:491px;
}

#floormaptable tr{

}
.floorName{
  width:70px;
  vertical-align:top;
  text-align:center;
  font-size:150%;
  
}

.floorImg{
  text-align:left;
  padding-bottom:20px;
}

.floorLink{
  text-align:right;
  padding-bottom:30px;
}

.facilitable2{
  width:491px;
}

.facilitable2 td{
  text-align:center;
  height:25px;
}
.facilitable{
  width:100%;
}

.facilitable tr{
  height:40px;
}


.tdcolor1{
  background: #FFFCD1;
  width:100px;
  margin: 0px;
  padding: 0px;
  text-align:center;
}

.tdcolor2{
  background: #FFFFFF;
  margin: 0px;
  padding: 5px;
  text-align:left;
}

.tdcolor3{
  background: #FFFCD1;
  width:250px;
  margin: 0px;
  padding: 0px;
  text-align:center;
}

.tagbg3{
  width:491px;
  margin: 10px 0px;
  padding: 0px;
  font-size:75%
}


/***** 利用案内 ****/
#subimg{
  margin: 0px 0px 5px 30px;
  padding: 0px;
}

#conttop{
  margin-bottom:20px;
}

#infoleft{
  width:160px;
  float:left;
}

#inforight{
  width:321px;
  margin-left:10px;
  float:right;
  font-size:86%;
}

.flow{
  height:157px;
}

#main_4 h4{
  margin: 20px 0px 1px;
  font-size:86%
}

.infotable td{
  margin: 0px;
  padding: 0px;
  text-align:center;
}

.infotable{
 width:491px;
}
.red{
  color:#FF0000;
}

.redBig{
  color:#FF0000;
  font-size:115%
}

#main_4 p{
  font-size:86%
}

#main_4 ol{
  margin-left: 10px;
  padding: 0px;
}

#main_4 ul li{
  font-size:86%
}

#atttext li{
  margin-bottom: 10px;
  font-size:86%
}

#main_4 dl{
  font-size:86%
}

#main_4 dt,dd{

}

#tagbg{
  width:391px;
  background: #FFFCD1;
  margin: 10px 50px 10px 0px;
  padding: 5px 10px 10px 30px;
}

#tagbg2{
  width:491px;
  margin: 0px 0px 10px;
  padding: 0px;
  font-size:75%
}

#tagbgdetail{
  width:491px;
  margin: 0px 0px 5px;
  padding: 0px;
  font-size:86%
}


#pricetable tr{
  height:40px;
}

#equiptable{
  width:491px;
}

#equiptable tr{
  height:25px;
}

#equiptext li{
  margin-bottom: 5px;
  font-size:86%
}

.smalltx{
  font-size:86%
}

.alignRight{
  text-align:right;
}

/***** リンク ****/
/*
#main_2 h4{
  font-size:86%;
  margin: 20px 0 0 30px;
  padding: 0px;
}

#main_2 li{
  font-size:86%;
  margin-left: 35px;
}
*/

/***** ニュース、イベント詳細 ****/

#newstitle_2{
  margin: 5px 0px 0px 0x;
}

#newstitle_3{
  margin: 10px 0px 10px;
  padding:0;
}

#date_2{
  font-size:86%
}

#newstitle_2 h3{
  margin: 0px 0px 10px;
}

#newsimg_2{
  margin: 0px 0px 10px 0px;
  
}

#newsimg_img{
  border: 2px solid #999999;
}

#backbtn{
  margin: 0px 0px 10px 412px;
}


.detailtext{
  width:491px;
  font-size:86%;
}

.detailtext table{
  margin-bottom: 10px;
}

.detailtext table td{
  vertical-align:top;
  text-align:left;
}

.tablepaddingset td{
  padding:5px 0px;
}

.innerTable td{
  padding:0px 5px 0px 0px;
}

.detailtext ul{
  margin-bottom:15px;
}

.num{

}

.tdTitle{
  width:90px;
  padding-right:15px;
}

.tdTitle2{
  width:120px;
  padding-right:15px;
}

.tdTitle3{
  width:150px;
  padding-right:15px;
}

.year{
  width:60px;
}

.ulindent{
  margin-left:1em;
}

.liindent{
  text-indent: -1.0em;
}

.icon1{
  background: url(http://www.yaf.or.jp/yoshino/images/marker.gif) left top no-repeat;
  padding: 0px 0px 0px 22px;
}

.icon1_2{
  background: url(http://www.yaf.or.jp/yoshino/images/marker.gif) left top no-repeat;
  padding: 0px 0px 0px 22px;
}

.icon2{
  background: url(http://www.yaf.or.jp/yoshino/images/marker2.gif) left top no-repeat;
  padding: 0px 0px 0px 22px;
}

.icon3{
  background: url(http://www.yaf.or.jp/yoshino/images/marker3.gif) left top no-repeat;
  padding: 0px 0px 0px 28px;
}

.icon4{
  background: url(http://www.yaf.or.jp/yoshino/images/marker4.gif) left center no-repeat;
  padding: 3px 0px 0px 15px;
}

.icon5{
  background: url(http://www.yaf.or.jp/yoshino/images/marker5.gif) left top no-repeat;
  padding: 0px 0px 0px 28px;
}

.moreimg{
  margin:20px 0px 10px;
}

.moreText{
  margin:10px 0px 20px;
}

.arrowCenter{
  text-align:center;
  margin-top:10px;
/*  margin-left:154px;*/
}

/***** サブメニュー（右端）****/
#submenu {
  display:inline;
  width:132px;

  margin: 19px 20px 0px 0px;
  padding:0px;
  float: right;
 
}

#newssubmenu li{
  margin-bottom:5px;
}

#newssubmenu{
  margin-bottom:15px;
}

#eventsubmenu li{
  margin-bottom:5px;
}

select {
  width: 132px;
  border: 1px #999999 solid;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
  margin-bottom:7px;
}

.finishedBtn{
  margin-top:10px;
  margin-bottom:10px;
}


/***** ウェブページ基本 *****/
#maincontent{
  width: 612px;
  margin: 30px 50px 30px;
  text-align:left;
}

/***** アクセス *****/
#yoshinotext p{
  font-size:86%;
}


#accessmap{
  margin: 20px 10px 20px 0px ;
  border: solid 1px #775220;
  float:left;
}

#accessmap2{
  margin: 209px 135px 20px 0px ;
  float:right;
}

#accessmap3{
  margin: 20px 8px 20px 0px ;
  border: solid 1px #775220;
  float:left;
}

#accessmap4{
  margin: 253px 0px 20px 0px ;
  border: solid 1px #775220;
  float:right;
}

#accesstext{
  clear:both;
}

#accesstext li{
  color: #775220;
  margin-bottom:10px;
  font-size:86%;
}


/***** プライバシーポリシー ****/
#privacytext h4{
  font-size:86%;
}

#privacytext p{
  margin: 5px 0px 20px;
  font-size:75%;
}

#privacytext li{
  margin-bottom:10px;
  font-size:75%;
}


/***** サイトマップ ****/
#sitemaptext{
  font-size:86%;
}

#sitemaptext h4{
  margin-top:20px;
}

#sitemaptext ul{
  margin-left:20px;
}

#siteleft{
  float:left;
  margin: 0px 0px 40px 10px;
}

#siteright{
  float:right;
  margin: 0px 80px 40px 0px;
}


/***** メールフォーム ****/
#errortitle{
  margin-top:30px;
}

#errormessage{
  color:#FF0000;
}

/***** よくあるご質問 ****/
#question{
  font-size:86%;
  margin-bottom:50px
}

#answer{
  font-size:86%;
}

#answer h4{
  margin-bottom: 10px;
}

.qicon{
  margin:0px 5px 0px 0px;
}

.answericon{

}

.answertext{

}

.pagetopBtn{
  text-align:right;
}

/***** ページTOPへボタン ****/


/***** フッター ****/
#footer {
  width: 800px;
  height: 68px;
  background: url(http://www.yaf.or.jp/yoshino/images/footer_bg.gif) repeat-x left;
  margin: 0px;
  padding:0px;
  position:relative;
  font-size: 75%;
  text-align: center;
  clear: both;
}

#eraser{
  position:absolute;
  top:46px;
  left:71px;
}

#weather{
  position:absolute;
  top:0px;
  left:727px;
}

#petNum{
  margin:0 3px;
  padding: 0;
  /*vertical-align:-2px;*/
  font-size:225%;
  color:#ff87f5;
  font-weight: bold;
}

.petimg{
  vertical-align:bottom;
  margin-top:1px;
}

#privacy{
  position:absolute;
  top:45px;
  left:680px;
}

#upbtn{
  position:absolute;
  top:8px;
  left:774px;
}

.clearfix: after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */