/*  

Share Style [  

----------------------------------------------------------- */  





/* ~~ エレメント / タグセレクター ~~ */





body {

	background: #000000;

	margin: 0;

	padding: 0;

	color: #FFF;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

	font-size: 95%;

	line-height: 1.2em;

}



ul, ol, dl {  /*ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。  */

	padding: 0;

	margin: 0;

}



h1, h2, h3, h4, h5, h6 {

	margin-top: 0px;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */

	padding-right: 0px;

	padding-left: 0px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */

	margin-bottom: 0px;

}



h2 {

	background: url("d2279e6e09de7e65546c3c58.png") no-repeat;

	color: #669900;

	line-height: 30px;

	font-size: 100%;

	text-indent: 45px;

	padding: 0px;

	margin-bottom: 10px;

	letter-spacing: 0.2em;

}



h3 {

	color: #FC0;

	line-height: 1.5em;

	font-size: 95%;

}



table {

	font-size: 90%;

}



a img {

	border: none;

}



/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */

a:link {

	color: #339933;

	text-decoration: underline; 

}



a:visited {

	color: #339933;

	text-decoration: underline;

}



a:hover, a:active, a:focus {

	text-decoration: none;

}



/*/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */

.content ul, .content ol {

	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */

}



/*/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */

ul.nav {

	list-style: none; /* リストのマーカーを削除します。 */

	border-top: 1px solid #666; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */

	margin-bottom: 15px;

	padding-right: 2px;

	padding-left: 2px;

}

ul.nav li {

	border-bottom: 1px solid #666;

	float: left;

}

ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */

	padding: 5px 5px 5px 15px;

	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */

	width: 150px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */

	text-decoration: none;

	background: #C6D580;

}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */

	background: #ADB96E;

	color: #FFF;

}





/* ~~ その他の float/clear クラス ~~ */

.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */

	float: right;

	margin-left: 8px;

}



.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */

	float: left;

	margin-right: 8px;

}



.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}



/* ~~ この固定幅コンテナが他の div を囲みます。~~ */

.container {

	width: 1024px;

	background: #000;

	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */

}



/* ~~ コンテナ内各ページタイトル~~ */

.page_ttl {

	clear: both;

	width: 1024px;

	overflow: hidden;

}

h2.page_ttl {

	background-image:none;

	text-indent:0;

}



/* ~~ コンテナ内パンのくず~~ */

p#topicPath{

	padding:1em 10px 0.2em;

	margin:5px -10px 1em;

	font-size: 80%;

}



p#topicPath a{

	color: #393;

}





/* ~~ ヘッダー ~~ */

#header {

	background: #000;

	position: relative;

	height: 90px;

	margin-top: 0px;

	margin-bottom: 2px;

}



/* ~~ ヘッダー内問合せ ~~ */



.top-contact a{

	clear: right;

	float: right;

	margin-top: 1px;

	margin-right: 0px;

	border-top: none;

	border-right: none;

	border-bottom: none;

	border-left: none;

	background: url("a7b89964eaeea71e7f1f0238.gif");

	display: block;

	height: 35px;

	width: 180px;

	text-indent: -9999px;

}



.top-contact a:hover{

	clear: right;

	float: right;

	border-top: none;

	border-right: none;

	border-bottom: none;

	border-left: none;

	background: url("ef53804c8f98b1ee6a0c12b5.gif");

	display: block;

}



/* ~~ フラッシュ ~~ */

#flash_top {

	height: 260px;

	width: 1024px;

	overflow: hidden;

	margin: 0px;

}







.bx-controls.bx-has-pager.bx-has-controls-direction {

	display:none;

}

.slide_area .bx-wrapper {

    margin-bottom: 0;

}















/* ~~ バナー ~~ */

.banner {

	list-style:none;

	margin:0;

	padding:0;

	display:table;

	table-layout:fixed;

	width:100%;

}

.banner li {

	display:table-cell;

	text-align:left;

	width:50%;

}

.banner li +li {

	text-align:right;

}



/* ~~ 左配置のコンテンツ　 ~~ */

.content {

	padding: 15px 0 10px;

	width: 784px;

	float: left;

	overflow: hidden;

}



/* ~~ 左配置のコンテンツ　バナー（大） ~~ */

.banner780 {

	height: auto;

	width: 765px;

	margin-bottom: 15px;

}

.banner780 img {

	width:100%;

}



.banner780 p {

	margin: 0px 0px 2px;

}



/* ~~ 左配置のコンテンツ　更新情報、ブログ新着情報 ~~ */

.info_box {

	width: 380px;

	color:#FFFFFF;

	height: auto;

	float: left;

	margin: 10px 5px 30px;

} 



.info_box_top {

	height: 45px;

	width: 380px;

	background: url("bcbee800ec7b3a1875f5c907.png") no-repeat top;

	letter-spacing: 0.2em;

	padding-top: 5px;

	text-align: left;

	text-indent: 40px;

	line-height: 45px;

	font-size: 1.2em;

	color: #FFF;

}



.info_box_center {

	height: 340px;

	width: 360px;

	padding-right: 10px;

	padding-left: 10px;

	border-right: 1px none #999;

	border-left: 1px none #999;

	overflow-y: auto;

}



.info_box_bottom {

	height: 20px;

	width: 380px;

	background: url("352ed0d67e7a0ffc68ba7483.png") no-repeat bottom;

}



/* ~~ 左配置コンテンツ　パンフレットページ ~~ */

.pamphletTable {

	width: 765px;

	font-size: 80%;

	margin-bottom: 15px;

	text-align: center;

}



.pamphletTable td {

	padding: 10px;

	width: 200px;

}



/* ~~ 右配置のコンテナ ~~ */

.sidebar1 {

	/*

	float: left;

	width: 230px;

	padding-bottom: 10px;

	margin: 0px 0px 0px 10px;

	padding-top: 15px;

	*/

}



/* ~~ sidebar1内facebook ~~ */

.facebook {

	height: auto;

	width: auto;

	margin: 0px;

	border-top: 1px solid #CCC;

}



/* ~~ sidebar1内バナー ~~ */

.banner230 {

	height: 80px;

	width: 230px;

	margin: 10px 0px 5px;

	background: #FFF;

}



/* ~~ sidebar1天気ガジェット ~~ */

#weather {

	/*

	height: 340px;

	width: 200px;

	*/

	background: url("f52da7af1cefe196eef9dc67.gif") no-repeat center top;

	width: 230px;

	padding-top: 40px;

	margin-top: 10px;

	padding-right: 0;

	padding-left: 0;

	overflow:hidden;

}



/* ~~ フッター ~~ */

#footer {

	padding: 0px 0 10px;

	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */

	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */

	font-size: 95%;

}



/* ~~ フッター内住所表示 ~~ */

.address {

	font-style:normal;

}



/* ~~ フッター内バナー配置 ~~ */

#banner  {

    display: table;

    margin: 16px 0;

    padding: 0;

    width: 1024px;

}

#banner li {

    display: table-cell;

    list-style: outside none none;

    max-width: 250px;

    min-width: 140px;

    text-align: left;

	vertical-align:middle;

}

#banner li img  {

}



/* ~~ フッター内カウンター ~~ */

#counter {

	clear: right;

	float: right;

	height: 30px;

	width: 150px;

	margin-top: 22px;

	overflow: hidden;

	text-align: center;

}



/* ~~ ｈ2　さくらページ ~~ */

.sakura {

	background: url("12463f0dcdeff966b593b011.png") no-repeat left;

	line-height: 35px;

	color: #c66;

}



/* ~~ ｈ2　紅花ページ ~~ */

.benibana {

	background: url("c71dca78a8fbbb3b64fd2ebe.png") no-repeat left;

	line-height: 35px;

	color: #F63;

}



/* ~~ ｈ2　あゆページ ~~ */

.ayu {

	background: url("9cec6ea8c211e00dbcfc906c.png") no-repeat left;

	line-height: 35px;

	color: #fc3;

}



/* ~~ ｈ2　隠れ蕎麦ページ ~~ */

.soba {

	background: url("36264cc5a1d55356c27cb186.png") no-repeat left;

	line-height: 35px;

	color: #99f;

}

































/* ~~ 観光協会会員一覧 ~~ */

.memberdata_Table {

	width: 765px;

	font-size:110%;

	line-height: 2em;

	vertical-align: bottom;

}



.memberdata_Table p {

	margin: 0px;

	padding: 0px;

}



/* ~~ いまっとファンクラブ　協賛店枠 ~~ */

.imatto_shop {

	float: left;

	height: 460px;

	width: 240px;

	margin-right: 4px;

	margin-left: 4px;

	font-size: 80%;

	margin-bottom: 10px;

	border: 1px solid #666;

	padding: 5px;

}



/* ~~ いまっとファンクラブ　協賛店名 ~~ */

.shop_name {

	font-weight: bold;

	font-size: 110%;

	background: #363;

	line-height: 2em;

	margin: 0px;

	text-align: center;

}



/* ~~ いまっとファンクラブ　協賛店コメント ~~ */

.shop_comment {

	padding-top: 10px;

	padding-bottom: 10px;

}



/* ~~ いまっとファンクラブ　プレゼントアイコン ~~ */

.present {

	background: url("fe68b099275121225f8729d9.png") no-repeat;

	text-indent: 25px;

	font-weight: bold;

	color: #F93;

}



/* ~~ いまっとファンクラブ会員規約 ~~ */

#agreement {

	height: 400px;

	margin-bottom: 10px;

	border-width: 1px;

	border-style: groove;

	padding: 5px;

	overflow: auto;

}



/* ~~ いまっとファンクラブ会員規約同意ボタン ~~ */

form #registration {

	width: 220px;

	margin-right: 280px;

	margin-left: 280px;

}



/* ~~ リンクページ　リンク一覧 ~~ */

.links_Table {

	width: 765px;

}



.links_Table td {

	width: 370px;

	vertical-align: top;

}



.links_Table li {

	list-style: none;

	line-height: 2em;

	background: url("7fe5bb37f9ef169ad1cb6cf3.gif") no-repeat left center;

	text-indent: 20px;

}



/* ~~ 中央配置~~ */

.center {

	text-align: center;

	margin-top: 10px;

}



/* ~~ 定義リスト　ベーシック~~ */

.basic_dl {

	border: 5px solid #669900;

	margin: 10px 40px;

	padding: 10px 10px 10px 10px;

	width: auto;

	background: url("c9f4c0f9e1346f724c2c50ef.jpg");

	color: #360;

}



dt {

	float:left;

	width:80px;

	padding:8px 0 8px 10px;

	clear:both;

	font-weight:bold;

}



dd {

	width:auto;

	margin-left:100px;

	padding:8px 5px 8px 10px;

	border-left:1px solid #690;

	font-weight: bold;

}



.table700 {

	width: 700px;

	margin-right: auto;

	margin-left: auto;

}

.table700 td {

	padding: 5px;

	margin: 0px;

	vertical-align: top;

}



/* ~~ まつりページ スケジュール~~ */

.schedule {

	font-size: 100%;

	width: 700px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 20px;

	font-size:16px;

}



.schedule caption {

	text-align: left;

	border-bottom: 2px solid #CCC;

	padding: 5px;

}



.schedule td {

	border-bottom: 1px dotted #FFFFCC;

	padding: 5px;

	margin: 0px;

}



/* ~~ まつりページ 文字あお太字~~ */

.bold_blue {

	font-weight: bold;

	color: #39C;

}



/* ~~ まつりページ 文字背景みどり~~ */

.bg_green {

	font-weight: bold;

	color: #FFF;

	background: #693;

	line-height: 20px;

}



/* ~~ まつりページ　文字背景きいろ ~~ */

.bg_yellow {

	font-weight: bold;

	color: #933;

	background: #CC3;

	line-height: 20px;

}



/* ~~ まつりページ　地図表示 ~~ */

#map_canvas {

	line-height: normal;

	color: #000;

}



/* ~~ アドビリーダー　ダウンロード枠 ~~ */

.adobe {

	font-size: 80%;

	margin-bottom: 15px;

	border: 1px dotted #F30;

	padding: 10px;

	margin-right: 15px;

	margin-left: 15px;

}



/* ~~ 古典桜アイコン説明枠 ~~ */

.kotenzakura {

	font-size: 80%;

	margin-bottom: 15px;

	border: 1px dotted #F36;

	padding: 5px;

	margin-right: 0px;

	margin-left: auto;

	text-align: center;

	width: 350px;

}



/* ~~ 画像配置　右 ~~ */

.img_right {

	float: right;

	margin-right: 20px;

}



/* ~~ ページのトップへ ~~ */

.top {

	display: block;

	width: 60px;

	height: 28px;

	text-indent: -4096px;

	background: url("482aa2fb2b2ae5625768000c.gif") no-repeat;

	line-height: normal;

	padding: 0px;

	margin: 5px 10px 5px auto;

}



/* IE6用ハック */

* html, * html body {

 margin: 0;

 padding: 0;

 width: 100%;

 height: 100%;

 overflow-y: hidden;

}



 * html div#body-inner {

 height: 100%;

 overflow-y: scroll;

}



 * html div.page-back {

 position: absolute;

 right: 30px;

}



.content table tr th {

	font-weight: normal;

	vertical-align: top;

	text-align: left;

}





.wrap {

	width:1024px;

	margin:0 auto;

	position:relative;

}