 /*----------  共通設定　-----------*/
BODY
{
  background-repeat: repeat-y; 
  background-position: 780px; 
  BACKGROUND-IMAGE: url(images/bgcolor.gif);
}
.bottom
{
  width: 760px;
  height: 50px;
}
DIV.hrwidth
{
  width: 760px;
}
.midfont {
  font-size         : 8pt;
  font-weight       : normal;
}
.smallfont {
  font-size         : 7pt;
  font-weight       : normal;
}
/*----------  個別設定　-----------*/

/* 通常（未アクセス）の色　*/
  A.login:link {
  color: #000000;
}
/* アクセス済みの色　*/
  A.login:visited {
  color: #000000;
}
/* ポイント時の色　*/
  A.login:hover {
  color: blue;
}
/* アクティブ時の色　*/
  A.login:active {
  color: 000000;
}

/*----------  管理者ログイン　-----------*/
TR.login
{
  height:60px;
}
/*----------  管理者登録画面　共通　-----------*/
TABLE.updatetable TH {
  text-align: left;
}
/*----------  Bottom　-----------*/
.bottom {
  width:760px;
  border-width:0px;
}
.tb_bottom {
  border-width:0px;
}
.address {
  font-size : 12px;
  color : #999999;
}
.mailto {
  float: right;
  font-size : 12px;
  color : #999999;
}
/*----------  Topリンクメニュー　-----------*/
/*----------  Subリンクメニュー　-----------*/
.submenu_pos{
  height : 30px;
  padding-bottom: 5px;
}
.submenu{
  position:absolute;
  top:125px;
  left:30px;
  width:760;
  height:20;
  text-align : center;
  font-size : 10pt;
  margin: 0px;
  padding: 0px;
}
.smonn,.smoff,.smcur,.smimg{
  width: 120px;
  height: 20px;
  position:absolute;
  text-align : center;
}
span.smonn,span.smoff,span.smcur{
  width: 120px;
  height: 18px;
}

span.smonn{
  background-color: #FFF5C0;
  background-image: url("images/menu_onn.gif");
}
span.smoff{
  background-color: #FFD530;
  background-image: url("images/menu_off.gif");
}
span.smcur{
  background-color: #FFA500;
  background-image: url("images/menu_cur.gif");
}
#m1,#i1{
  top:0px;
  left:0px;
}
#m2,#i2{
  top:0px;
  left:120px;
}
#m3,#i3{
  top:0px;
  left:240px;
}
#m4,#i4{
  top:0px;
  left:360px;
}
#m5,#i5{
  top:0px;
  left:480px;
}
#m6,#i6{
  top:0px;
  left:600px;
}
#m1,#m2,#m3,#m4,#m5,#m6{
  padding-top: 3px;
}

/*----------  ホームページ　-----------*/
/* 天気PR用　現在削除中　LiveDoorから注意がきたら*/
/* 通常（未アクセス）の色　*/
  .indexweather a:link {
  color: #000000;
}
/* アクセス済みの色　*/
  .indexweather a:visited {
  color: #000000;
}
/* ポイント時の色　*/
  .indexweather a:hover {
  color: blue;
}
/* アクティブ時の色　*/
  .indexweather a:active {
  color: 000000;
}
.indexweather
{
  font-size         : 6pt;
}
.indexweather2
{
  font-size         : 10pt;
  text-align: left;
}

/* ホームレイアウトテーブル　*/
TABLE.table_index1
{
  WIDTH: 760px;
}
TABLE.table_index2
{
  WIDTH: 760px;
}
/* index up後　ここから 削除　　削除　　削除　　削除　　削除　　削除　　削除　　削除　　削除　　　*/
/* トップ写真　*/
.indexphoto
{
  width: 300px;
}
.indexphoto IMG
{
  border: 1px solid #AFAFAF;
}
/* トップ写真コメント　*/
.indexphotocomment
{
  font-size         : 80%;
  color:#666666;
}
/* ホームお知らせタイトル　*/
.indexletterhead
{
  font-size         : 11pt;
  color:#666666;
}
/* 広告　*/
.indexflash
{
  BACKGROUND-color: #f3f3ff;
  border-left: 2px inset;
  border-top: 2px inset;
}
/* イベント情報タイトル　*/
.indexeventhead
{
  font-size         : 11pt;
  font-weight: bold;
  color:#19BB28;
}
/* イベント情報　*/
DIV.tb_event_waku {
	MARGIN: 0px 0px 0px 1px;
	padding: 10px 0px;
	width:440px;
	border-top-width: thin; 
	border-top-color: #8f8f8f; 
	border-top-style: dotted;
	border-bottom-width: thin; 
	border-bottom-color: #8f8f8f; 
	border-bottom-style: dotted;
}

DIV.tb_event_top {
	width:440px;
	/* 2009/08/30 UPDATE　155→120*/
	height:120px;
	margin: 0px 0px 0px 1px;
	padding: 0;
	font-size         : 80%;
	font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
    white-space:nowrap;
	overflow: auto;
	color: #808080;
}

/* index up後　ここまで 削除　　削除　　削除　　削除　　削除　　削除　　削除　　削除　　削除　　　*/


/* compass club　*/
.compassclub {
	MARGIN: 0px;
	padding: 10px 0px;
	width:480px;
	height:450px;
	border-width: thin; 
	border-color: #8f8f8f; 
	border-style: dotted;
	vertical-align: top;
	overflow:auto;
}
/* イベント情報　*/
DIV.indexevent_waku {
	MARGIN: 0px 0px 0px 1px;
	padding: 10px 0px;
	width:480px;
	border-top-width: thin; 
	border-top-color: #8f8f8f; 
	border-top-style: dotted;
	border-bottom-width: thin; 
	border-bottom-color: #8f8f8f; 
	border-bottom-style: dotted;
}

DIV.indexevent_top {
	width:480px;
	/* 2009/08/30 UPDATE　155→120*/
	height:120px;
	margin: 0px 0px 0px 1px;
	padding: 0;
	font-size         : 80%;
	font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
    white-space:nowrap;
	overflow: auto;
	color: #808080;
}

.tb_events A:link {
	color: #8f8f8f;
}
.tb_events A:visited {
	color: #8f8f8f;
}
.tb_events A:hover {
	color: #ff8f8f;
}
.tb_events A:active {
	color: #8f8f8f;
}

.tb_events LI {
	CLEAR: both;
}

LI.new {
	list-style-type:none;
	list-style-image: url(index/images/new.gif);
}
LI.old {
	list-style-type:none;
	list-style-image: none;
}


/* ホームお知らせ写真　*/
.indexletterphoto
{
  FLOAT: left;
}
/* ホームお知らせ　*/
.indexletter
{
  BACKGROUND-color: #f3f3ff;
  color:#666666;
}

/* ホーム見出し */
.indexHeader
{
}
.indexarrowimg
{
	vertical-align: 0px;
}
.indexheaderimg
{
	border:none; 
	margin:10px;
	vertical-align: middle;
}

/* ホームバナー */
.indexbanner
{
	width:234px;
	padding-left:10px;
}
/* ホームサービスメニュー */
.indexservicetable
{
	border: #f4fefe 4px outset;
	padding: 0px;
	width:254px;
}

/* ホームサービスメニュー個別 */
.indexservice{	
	border: solid 1px #000000;
	border-collapse: separate;
	padding:0px;
}
.indexservice a{
	display: block; /* ブロック化 */
	padding-top: 46px; /* 内側の余白 */
	padding-left: 10px;
	background-repeat:no-repeat;
	background-position: center center;
	text-decoration:none;
	font-weight:bold;
}
.indexservice a:link{/* 未訪問 */
	background-color:#FFF;/* 背景色 */
	color:red;/* 文字色 */
}
.indexservice a:visited{/* 訪問済 */
	background-color:#FFF;/* 背景色 */
	color:red;/* 文字色 */
}
.indexservice a:hover{/* マウスでボイント */
	background-color :#f00;/* 範囲の背景色 */
	color:blue;
}
.indexservice a:active{/* 選択中 */
	background-color :#00ff00;/* 範囲の背景色 */
	color:blue;
}



/*----------  イベント情報　サブウィンドウ　-----------*/
TABLE.eventsubwindow
{
  width: 450px;
  border: #f4fefe 4px outset;
  background-color: #f0f0f0;
}
.eventswdateh
{
  
  width: 70px;
}
.eventswcol
{
  
  width: 10px;
}
.eventswdated
{
  width: 300px;
  
}
.eventswclose
{
  width: 60px;
   text-align: center;
}
.eventswhead
{
  border: 3px outset;
  background-color: #d8e0d8;
}
.eventswdata
{
  border-left: 2px outset;
  border-bottom: 2px outset;
  border-right: 2px outset;
  padding: 10px;
  background-color: #f0f0f8;
  height: 280px;
  vertical-align:top;
}
/*----------  商工会だより　サブウィンドウ　-----------*/
TABLE.lettersubwindow
{
  width: 450px;
  border: #f4fefe 4px outset;
  background-color: #f0f0f0;
}
.letterswdateh
{
  
  width: 70px;
}
.letterswcol
{
  
  width: 10px;
}
.letterswdated
{
  width: 300px;
  
}
.letterswclose
{
  width: 60px;
   text-align: center;
}
.letterswhead
{
  border: 3px outset;
  background-color: #d8e0d8;
}
.letterswdata
{
  border-left: 2px outset;
  border-bottom: 2px outset;
  border-right: 2px outset;
  padding: 10px;
  background-color: #f0f0f8;
  height: 280px;
  vertical-align:top;
}
/*----------  会員情報　-----------*/
.search-title {
  font-size: 10pt;
  margin-top: 10px;
}
.search-topbar
{
  text-align: right;
  MARGIN:1 5 1 0;
  background-image : url(member/images/search_bg.jpg);
  background-repeat : repeat-y;
    WIDTH: 758px;
}
TABLE.member
{
  border-collapse: separate;
  font:80%;
  border-width:1px;
  width:760px;
}
TH.member-name
{
  width:200px;
}
TH.member-info　//2009/10/22 ADD
{
  width:80px;
}
member-info-center　//2009/10/22 ADD
{
  display:block;
  margin-left:auto;margin-right:auto;
  text-align: center;
}

TH.member-address
{
  width:290px;
}
TH.member-tel
{
  width:120px;
}
TH.member-fax
{
  width:100px;
}
TH.member-email
{
  width:18px;
}
TH.member-map
{
  width:32px;
}
TR.member-line1
{
  background-color:#DDDDDD;
  height:30px;
}
TR.member-line2
{
  background-color:#EEEEEE;
  height:30px;
}

/*----------  商工会だより　-----------*/
TABLE.letterlist
{
  width:730px;
}
TR.frame
{
  height:10px;
}
TR.cork
{
  height:20px;
}
TR.paper
{
  height:15px;
}
TD.frame_left_top
{
  background-image : url(/letter/images/cork_table/frame_left_top.jpg);
  background-repeat : no-repeat;
  width:8px;
}
TD.frame_top
{
  background-image : url(/letter/images/cork_table/frame_top.jpg);
  background-repeat : repeat-x;
}
TD.frame_right_top
{
  background-image : url(/letter/images/cork_table/frame_right_top.jpg);
  background-repeat : no-repeat;
  width:8px;
}
TD.cork_left
{
  background-image : url(/letter/images/cork_table/frame_left.jpg);
  background-repeat : repeat-y;
  width:8px;
}
TD.cork_middle
{
  background-image : url(/letter/images/cork_table/cork.jpg);
  background-repeat : repeat;
}
TD.cork_right
{
  background-image : url(/letter/images/cork_table/frame_right.jpg);
  background-repeat : repeat-y;
  width:8px;
}
TD.paper_left_right
{
  background-image : url(/letter/images/cork_table/cork.jpg);
  background-repeat : repeat;
  width:20px;
}
TD.paper_left_top
{
  background-image : url(/letter/images/cork_table/paper_left_top.jpg);
  background-repeat : no-repeat;
  width:14px;
}
TD.paper_top
{
  background-image : url(/letter/images/cork_table/paper_top.jpg);
  background-repeat : repeat-x;
}
TD.paper_right_top
{
  background-image : url(/letter/images/cork_table/paper_right_top.jpg);
  background-repeat : no-repeat;
  width:14px;
}
TD.paper_left
{
  background-image : url(/letter/images/cork_table/paper_left.jpg);
  background-repeat : repeat-y;
  width:14px;
}
TD.paper_middle
{
  vertical-align:middle;
  background-image : url(/letter/images/cork_table/paper.jpg);
  background-repeat : repeat;
  width:700px;
}
TD.paper_right
{
  background-image : url(/letter/images/cork_table/paper_right.jpg);
  background-repeat : repeat-y;
  width:14px;
}
TD.paper_left_bottom
{
  background-image : url(/letter/images/cork_table/paper_left_bottom.jpg);
  background-repeat : no-repeat;
  width:14px;
}
TD.paper_bottom
{
  background-image : url(/letter/images/cork_table/paper_bottom.jpg);
  background-repeat : repeat-x;
}
TD.paper_right_bottom
{
  background-image : url(/letter/images/cork_table/paper_right_bottom.jpg);
  background-repeat : no-repeat;
  width:14px;
}
TD.frame_left_bottom
{
  background-image : url(/letter/images/cork_table/frame_left_bottom.jpg);
  background-repeat : no-repeat;
  width:8px;
}
TD.frame_bottom
{
  background-image : url(/letter/images/cork_table/frame_bottom.jpg);
  background-repeat : repeat-x;
}
TD.frame_right_bottom
{
  background-image : url(/letter/images/cork_table/frame_right_bottom.jpg);
  background-repeat : no-repeat;
  width:8px;
}
TD.letterinput
{
	/* 出力領域より50小さく */
  width:650px;
}
/*----------  サイトマップ　-----------*/
.sitemaplink
{
	text-decoration : none ;
	color: #0000FF;
}
.sitemapheadtr
{
	height:40px;
}
.sitemapheadtd
{
    background-image : url(/images/sitemap_head.gif);
	background-repeat : no-repeat;
	width:300px;
	font-size: 90%;
	padding-left:10px;
}
/*----------  観光案内　-----------*/
/* 観光案内用テーブルクラス */
TABLE.guide
{
	font-weight: bold;
	font-size: 10pt;
	border-right: olive 10px outset;
	border-top: olive 10px outset;
	border-left: olive 10px outset;
	border-bottom: olive 10px outset;
	
	vertical-align: top;
	width: 760px;
	color: olive;
	line-height: 15pt;
	background-color: #fefef0;
}
/* コース名 */
TH.guideL
{
  font-size: 14pt;
  background-color:#f8ffff;

  border-left-width: 3px;
  border-left-style: outset;
  border-left-color: #fefef0;
  border-right-width: 3px;
  border-right-style: inset;
  border-right-color: #3e3e00;
  border-bottom-width: 3px;
  border-bottom-style: inset;
  border-bottom-color: olive;
  border-top-width: 3px;
  border-top-style: outset;
  border-top-color: #fefef0;
}
/* 中央イメージ */
TH.guideC
{

	background-image : url(guide/images/ring.jpg);
	background-repeat: repeat-y;
}
/* コースサブタイトル */
TH.guideR
{
	color: #ff9966;
	background-color: #f8ffff;
	border-right: olive 3px inset;
	border-top: #fefef0 3px outset;
	border-left: #fefef0 3px outset;
	border-bottom: olive 3px inset;
	text-align: left;
}
/* 季節と装備 */
TD.guideTDHeadL
{
	font-size: 12pt;
	vertical-align: middle;
	color: #cc9900;
	text-align: left;
}
/* コーススポット */
TD.guideTDHeadR
{
	color: #cc9900;
	vertical-align: top;
}
/* コーススポットタイトル */
TD.guideTDL
{
	font-size: 12pt;
	vertical-align: middle;
	color: #999900;
	text-align: right;
}
/* コーススポット詳細説明 */
TD.guideTDR
{
	vertical-align: top;
}
/* コース先頭 */
TR.guide
{
}
/* コース1行おき */
TR.guideTR1
{
	padding-bottom: 50px;
}
/* コース1行おき */
TR.guideTR2
{
	background-color:#ececd0;
	padding-bottom: 50px;
}
.guideTR1 TD,.guideTR2 TD {
	padding-bottom: 50px;
}

/* 観光案内強調フォント用 */
SPAN.guideInfoFB
{
	font-size: 14pt;
}

/* 観光案内強調フォント用 */
SPAN.guideInfoColor
{
	color: red;
}

/*----------  特産品　-----------*/

TABLE.product
{
	WIDTH: 760px;
	border: #f4fefe 6px outset;
	border-collapse: collapse;
	background-color: #f4fefe;
}
TR.productTR1
{
	border-collapse:collapse;
	border: none 0px #000000;
	background-color: #fefef4;
}
TR.productTR2
{
	border-collapse:collapse;
	border: none 0px #000000;
	background-color: #fef4fe;
}
TD.productTDHeadL
{
	font-weight: bold;
	font-size: 16pt;
	border-top: #f4fefe 4px outset;
	border-left: #f4fefe 4px outset;
	border-bottom: #f4fefe 4px outset;
	border-collapse: collapse;
}
TD.productTDHeadR
{
	border-collapse:collapse;
	border-top: #f4fefe 4px outset;
	border-right: #f4fefe 4px outset;
	border-bottom: #f4fefe 4px outset;
}
TD.productTDL
{
	vertical-align: middle;
	border-left: #f4f4f4 1px solid;
	border-bottom: #f4f4f4 1px solid;
	border-collapse: collapse;
	text-align: right;
}
TD.productTDR
{
	border-right: #f4f4f4 1px solid;
	border-bottom: #f4f4f4 1px solid;
	border-collapse: collapse;
	text-align: left;
}

/*----------  サービス  -----------*/
DIV.service_message1,DIV.service_message2 {
  width:700px;
  background-color: #f7f7f3;
  color: #3f3f1f;
  border: 2px inset;
  padding: 5px;
  margin-left: 20px;
}
DIV.service_message1 {
  font-size: small;
}
DIV.service_message2 {
  font-size: medium;
}
H5.service {
  width: 760px;
  color: #4f3f3f;
  background-color: #fff6e0;
  border-color: #fff8f8 #ffefef #ffefef #fff8f8;
  border-style: solid ridge ridge solid;
  border-width: 3px;
  padding: 2 0 2 20;
  padding: 0;
  margin: 10 0;
}

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

A.link_menu,A.sitemap_menu {
  height: 20px;  /* 画像1枚分の高さ */
  font-size: 14px;
  vertical-align: middle;
  padding-left : 20px;
  background-image: url("images/bglinkbtn.gif");  /* 画像ファイル名 */
  background-repeat : no-repeat;
}
A.link_menu {
  width: 190px;  /* 画像1枚分の横幅 */
  line-height: 20px;
  padding-bottom : 1px;
}
A.sitemap_menu {
  width: 720px;  /* 画像1枚分の横幅 */
  padding-bottom : 5px;
}
A.link_menu:hover,A.sitemap_menu:hover {
  background-position: bottom left;  /* 背景画像の表示開始基準を左下に変更 */
}

/*----------  アクセスマップ  -----------*/
DIV.accessmap {
  width: 760;
  text-align:right;
}
.accessmap A {
  font-size: xx-small;
}

/*----------  会報さくほ  -----------*/
.kaihou {
  color: #555555;
}
.kaihou A:link{
  color: #5555cc;
}
.kaihou A:visited{
  color: #cc5555;
}
.kaihou A:hover{
  color: #555555;
}
.kaihou A:active{
  color: #555555;
}
.kaihou H4 {
  width: 760px;
  background-color: #eeeeff;
  border-color: #f8f8ff #efefff #efefff #f8f8ff;
  border-style: solid ridge ridge solid;
  border-width: 3px;
  padding: 2 0 2 20;
  padding: 0;
}
.kaihou IMG {
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd #888888 #777777 #cccccc;
}
.col1a,.col1b,.col2{
  font-size         : x-small;
  height: 250px;
}
.col1a{
  margin-left: 30;
  padding: 8;
  width: 220px;
  float: left;
  background-repeat: no-repeat;
  background-image:url("kaihou/images/shadow2.gif");
}
.col1b{
  margin-left: 30;
  padding: 8;
  width: 220px;
  float: left;
  background-repeat: no-repeat;
  background-image:url("kaihou/images/shadow.gif");
}
.col2{
  width: 300px;
  float: left;
  border-left: 3px dotted #cccccc;
}
.colend{
  width: 1px;
  clear: both;
}


/*----------  会員情報　サブウィンドウ　-----------*/
.membersubwindow
{
  width: 450px;
  background-image:none;
}
TABLE.membersubtable
{
  padding: 8;
  border-width:3px;
}
