/*==================================================================*/
/*	綾町商工会
/*  base.css
/*  date:2007.06.20
/*==================================================================*/

*,
* * {
	font-size:100%;margin: 0;padding: 0;}

body	{
	color		:#555555;
	margin		:0px;
	padding		:0px;
	background	:#FCF7C5;
	font		:normal 0.96em/1.5em "verdana";
	font-family	:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	xxxxxtext-align	:justify;
}


/******************************************************
		レイアウト
******************************************************/

/* 基本レイアウト
---------------------------------------------------- */
/*#wrapper {width:784px;margin:0px auto 0px auto;}*/
#wrapper {width:784px;margin:0px 0px 0px 0px;}


/*レイアウト用テーブル
---------------------------------------------------- */
table#layout_tbl		{width:784px;	border:0px;}
/**上部**/
#layout_tbl td#top		{height:17px;	background:url(../images/common/img_top.gif) no-repeat;}
/**左部グラテーション**/
#layout_tbl td#left		{width:7px;		background:url(../images/common/img_leftside.gif) repeat-y;}/**中央部（コンテンツ）**/
#layout_tbl td#center	{width:770px;	background-color:#FFFFFF;}
/**右部グラテーション**/
#layout_tbl td#right	{width:7px;		background:url(../images/common/img_rightside.gif) repeat-y;}
/**下部**/
#layout_tbl td#bottom	{height:17px;	background:url(../images/common/img_bottom.gif) no-repeat;}

/*コンテンツ部テーブル
---------------------------------------------------- */
td#contents					{vertical-align:top;}

table#contents_tbl			{width:760px;	margin-left:5px; border:0px;}
/**ヘッダー部**/
#contents_tbl td#header		{height:264px;	background:url(../images/common/img_heder.gif) no-repeat;}	
/**パンくず**/
#contents_tbl td#bread		{height:1em; text-align:left; font-size:0.8em;}						
/**コンテンツ**/
#contents_tbl td#contents	{width:100%; padding:0px 20px 0px 20px;}
/**フッター部**/
#contents_tbl td#fotter		{height:132px; background:url(../images/common/img_fotter.gif) no-repeat #98C35D;}	


/*ヘッダー部
---------------------------------------------------- */
#header_top	{margin:15px 0px 0px 0px;padding:0px;}
#header_bottom	{margin:0px;padding:0px;}

/*フッター部
---------------------------------------------------- */
#fotter_area	{
	margin		:30px 0px 0px 0px;
	padding		:10px 0px 10px 0px;
	background	:url(../images/common/img_fotter.gif) no-repeat #98C35D;
}

#fotter_adrres	{
	padding		:20px 0px 0px 0px;
	text-align	:center;
	line-height	:1.3em;
}

#fotter_name	{
	font-size	:1.6em;
	font-weight	:bold;
}

#fotter_link	{
	padding		:12px 0px 0px 0px;
	color		:#FFFFFF;
}

#copyright		{
	font-size	:0.75em;
	line-height	:1.5em;
	text-align	:right;
	float		:right;
}

/******************************************************
		特殊要素
******************************************************/
img			{border:0px;}

.hidden		{display: none;}
.hidden1	{text-indent:-9999px; height:0px;}

.clear_left	{clear:left;}
.clear_right{clear:right;}
.float_right{float:right;}
.float_left	{float:left;}
.float_clear{clear:both;}

.just_right	{text-align:right;}
.just_center{text-align:center;}
.sty_red 	{color: #FF0000;}
.font_bold,
.futoji		{font-weight:bold}

.vertical_top	{vertical-align:top;}

/******************************************************
		ナビ
******************************************************/

/* ヘッダー部ナビ
---------------------------------------------------- */
#home	{
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	text-indent	:-9999px;
	float		:left;
}

#home a	{
	width		:430px;
	height		:100px;
	display		:block;
	overflow	:hidden;
}

ul#header_navi {
	margin		:0px 5px 0px 0px;
	padding		:10px 0px 0px 0px;
	list-style	:none;
	display		:block;
	float		:left;
}

ul#header_navi li {
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	height		:30px;
	width		:80px;
	font		:normal 10px/10px "verdana";
	text-indent	:-9999px;
	display		:block;
	float		:left;
}

ul#header_navi li a {
	text-decoration	:none;
	display			:block;
	height			:30px;
/* これ以降Mac IE 5には適用されない \*/
	overflow		:hidden;
/* これ以降Mac IE 5にも適用される */
}

/* コンテンツ部ナビ
---------------------------------------------------- */
ul#contents_naviA {
	list-style	:none;
	margin		:0px 0px 0px 10px;
	padding		:0px 0px 0px 0px;
	display		:block;
	clear		:both;
	float		:left;
}

ul#contents_naviA li {
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	height		:126px;
	width		:116px;
	font		:normal 10px/10px "verdana";
	text-indent	:-9999px;
	display		:block;
	float		:left;
}

ul#contents_naviA li a {
	text-decoration	:none;
	display			:block;
	height			:126px;
/* これ以降Mac IE 5には適用されない \*/
	overflow		:hidden;
/* これ以降Mac IE 5にも適用される */
}

ul#contents_naviA li#eventBtn 		a{background:url(../images/common/btn_navi.gif) 0px 0px no-repeat;}
ul#contents_naviA li#memberBtn 		a{background:url(../images/common/btn_navi.gif) -116px 0px no-repeat;}
ul#contents_naviA li#guidanceBtn	a{background:url(../images/common/btn_navi.gif) -232px 0px no-repeat;}
ul#contents_naviA li#mapBtn			a{background:url(../images/common/btn_navi.gif) -348px 0px no-repeat;}
ul#contents_naviA li#honmonoBtn		a{background:url(../images/common/btn_navi.gif) -464px 0px no-repeat;}

ul#contents_naviA li#eventBtn		a:hover{background:url(../images/common/btn_navi.gif) 0px -200px no-repeat;}
ul#contents_naviA li#memberBtn		a:hover{background:url(../images/common/btn_navi.gif) -116px -200px no-repeat;}
ul#contents_naviA li#guidanceBtn	a:hover{background:url(../images/common/btn_navi.gif) -232px -200px no-repeat;}
ul#contents_naviA li#mapBtn			a:hover{background:url(../images/common/btn_navi.gif) -348px -200px no-repeat;}
ul#contents_naviA li#honmonoBtn		a:hover{background:url(../images/common/btn_navi.gif) -464px -200px no-repeat;}

body#event		ul#contents_naviA li#eventBtn		a{background	:url(../images/common/btn_navi.gif) 0px -400px no-repeat;}
body#member		ul#contents_naviA li#memberBtn		a{background:url(../images/common/btn_navi.gif) -116px -400px no-repeat;}
body#guidance	ul#contents_naviA li#guidanceBtn	a{background:url(../images/common/btn_navi.gif) -232px -400px no-repeat;}
body#map		ul#contents_naviA li#mapBtn			a{background:url(../images/common/btn_navi.gif) -348px -400px no-repeat;}
body#honmono	ul#contents_naviA li#honmonoBtn		a{background:url(../images/common/btn_navi.gif) -464px -400px no-repeat;}



/* 本物センター部ナビ
---------------------------------------------------- */
ul#contents_naviB {
	list-style	:none;
	margin		:10px 0px 20px 10px;
	padding		:0px 0px 0px 0px;
	display		:block;
	clear		:both;
	float		:left;
}

ul#contents_naviB li {
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	height		:50px;
	width		:128px;
	font		:normal 10px/10px "verdana";
	text-indent	:-9999px;
	display		:block;
	float		:left;
}

ul#contents_naviB li a {
	text-decoration	:none;
	display			:block;
	height			:50px;
/* これ以降Mac IE 5には適用されない \*/
	overflow		:hidden;
/* これ以降Mac IE 5にも適用される */
}


ul#contents_naviB li#institutionBtn	a{background:url(../images/common/btn_navi.gif) 0px -619px no-repeat;}
ul#contents_naviB li#articleBtn		a{background:url(../images/common/btn_navi.gif) -165px -619px no-repeat;}

ul#contents_naviB li#institutionBtn	a:hover {background:url(../images/common/btn_navi.gif) 0px -719px no-repeat;}
ul#contents_naviB li#articleBtn		a:hover {background:url(../images/common/btn_navi.gif) -165px -719px no-repeat;}



/* フッター部ナビ
---------------------------------------------------- */
ul#fotter_navi {
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 130px;
	font-size	:0.75em;
}

ul#fotter_navi li {
	margin		:0px 0px 0px 0px;
	padding		:0px 0.5em 0px 0.5em;
	list-style	:none;
	display		:inline;
	border-right:1px solid #FFFFFF;
}

ul#fotter_navi li a,
ul#fotter_navi li a:link,
ul#fotter_navi li a:visited,
ul#fotter_navi li a:active
{
	text-decoration: none;
	color		:#FFFFFF;
}

ul#fotter_navi li a:hover	{
	color			:#FF0000;
	text-decoration	:underline;
}

/******************************************************
		ページタイトル
******************************************************/
td#ttl_page					{height:56px; text-indent:-9999px;}
body#index		td#ttl_page	{background:url(../images/index/ttl_page_index.gif) no-repeat;}
body#index		td#ttl_whatsnew	{background:url(../images/index/ttl_whatsnew.gif) no-repeat;height:56px;text-indent:-9999px;}
td#ttl_whatsnew2	{background:url(../images/index/kaiin-title.gif) no-repeat;height:56px;text-indent:-9999px;}
body#event 		td#ttl_page	{background:url(../images/event/ttl_event.gif) no-repeat;}
body#member		td#ttl_page	{background:url(../images/member/ttl_member.gif) no-repeat; }
body#guidance	td#ttl_page	{background:url(../images/guidance/ttl_guidance.gif) no-repeat; }
body#map		td#ttl_page	{background:url(../images/map/ttl_map.gif) no-repeat;}
body#honmono	td#ttl_page	{background:url(../images/honmono/ttl_honmono.gif) no-repeat; width:760px; height:111px;}
body#hinayama	td#ttl_page	{background:url(../images/hinayama/ttl_hinayama.jpg) no-repeat; text-indent:0px; height:233px;}
body#link		td#ttl_page	{background:url(../images/link/ttl_page_link.gif) no-repeat;}
body#inquiry	td#ttl_page	{background:url(../images/inquiry/ttl_inquiry.gif) no-repeat;}
body#kankou		td#ttl_page	{background:url(../images/member/ttl_kankou.gif) no-repeat;}


/******************************************************
		各ページ
******************************************************/

/**画像に枠表示**/
#contents img	{
	border	:1px solid #dddddd;
	padding	:3px;
}

/**会員紹介：画像の枠非表示**/
body#member #contents #member_table img
{
	border	:none;
	padding	:0px;
}


/*---------------------------------------------------
	トップページ・新着情報用テーブル
----------------------------------------------------*/
table.whatsnew_tbl	{width:90%; margin-left:40px; border:0px;}


/*イベント情報
---------------------------------------------------- */
body#event #contents hr{display: none;border:solid #9F4600 1px; margin:0px 0px 10px 0px; padding:0px;}
body#event #contents th{width:90px; vertical-align: top; text-align:center;}
body#event #contents p{margin:0px 0px 15px 0px; padding:0px;}
body#event #contents dt{margin:0px 0px 0px 20px; padding:0px;}
body#event #contents dd{margin:0px 0px 0px 230px; padding:0px;}

body#event #contents .horizontal_rule	{border-bottom:solid #9F4600 1px; width:100%}

/*---------------------------------------------------
	会員紹介
---------------------------------------------------- */
body#member #contents #member_table a {text-decoration: none;}
xxxxxbody#member #contents #member_table .location {font-size:0.9em; line-height:1em;}

#member_table	table
{
	width:100%;
	border-collapse:collapse;
	background-color:#ffffff;/**線色**/
}

/*会員紹介テーブル_セル幅指定(合計710)*/
.wd_ad	{width:220px;}
.wd_lc	{width:170px;}
.wd_na	{width:100px;}
.wd_te	{width:140px;}
xxxxx.wd_ur	{width:90px;}

/*.wd_81	{width:180px;}*/
.wd_82	{width:190px;}
.wd_83	{width:170px;}
.wd_84	{width:100px;}

#member_table	table th	{text-align:center;}
#member_table	table th,
#member_table	table td
{
	padding:5px 0px 5px 10px;
	border:solid 1px #FFFFFF;
}

/**「観光施設」テーブル**/
#tbl_kankou		h3	{color:#98C35D; margin:1em 0 0 0; padding:0;}
#tbl_kankou		th	{background-color:#98C35D;}
#tbl_kankou		td	{background-color:#DDFFAD;}

/***「食事どころ」テーブル*/
#tbl_syokuji	h3	{color:#B05000; margin:1em 0 0 0; padding:0;}
#tbl_syokuji	th	{background-color:#EAB31A;}
#tbl_syokuji	td	{background-color:#FFEBB6;}

/**「食品販売」テーブル*/
#tbl_syokuhin	h3	{color:#5DBF00; margin:1em 0 0 0; padding:0;}
#tbl_syokuhin	th	{background-color:#B0FF65;}
#tbl_syokuhin 	td	{background-color:#CFFBA5;}

/**「工房」テーブル*/
#tbl_koubou		h3	{color:#002AFF; margin:1em 0 0 0; padding:0;}
#tbl_koubou		th	{background-color:#B1FFFF;}
#tbl_koubou		td	{background-color:#D7FFFF;}

/**「その他テーブル」**/
#tbl_sonota		h3	{color:#000000;  margin:1em 0 0 0; padding:0;}
#tbl_sonota		th	{background-color:#C1C1C1;}
#tbl_sonota		td	{background-color:#DCDCDC;}

.wd_ad img	{ margin:0 5px 0px 0px;}


/**会員詳細ページ**/
table .tblmem_name		{height:2em;width:100%; margin:1.2em 0 0 0;}
table .tblmem_name td	{background-color:#D9C195;}
table .tblmem_name .td1	{width:70px; text-align:left; padding:0 0 0 5px;}
table .tblmem_name .td3	{text-align:right;}

.tblmem_name h3			{font-size:1.5em;}

#tbl_explanation table td		{vertical-align:top; padding:10px 10px 10px 0px;}
#tbl_explanation table td img	{margin:0 0 10px 0;}
#tbl_explanation ul				{margin:0px 0px 0px 2em;}
#tbl_explanation table.menu td	{padding:0px; margin:0px;}


/*企業情報テーブル*/
.company_information h3,
.company_map h3
{
	font-size:1.5em; margin:1em 0 1em 0px;
	padding:0px 0px 0px 3px;
	border-left:10px #B04200 solid;
	border-bottom:1px #B04200 solid;
}
.company_information table 		{width:100%; border-collapse:collapse;}
.company_information table th	{width:100px;}
.company_information table th	{
	background-color:#E7FFC4;/**背景色**/
	padding:3px 3px 3px 10px;
	border:solid 1px #999999;
}
.company_information table td	{
	background-color:#ffffff;/**背景色**/
	padding:3px 3px 3px 10px;
	border:solid 1px #999999;
}

/**GoogleMAP**/
div.company_map iframe 	{border:#999999 solid 1px;}

/*---------------------------------------------------
	商工会案内
---------------------------------------------------- */
body#guidance #contents h3	{
	font-size	:1.5em;
	color		:#9F4600;
	margin		:1.4em 0px 0.8em 0px;
	border-bottom:#9F4600 solid 1px;
}

body#guidance #contents h4	{
	font-size		:1.2em;
	color			:#FF9600;
	margin			:1.4em 0px 0.8em 0px;
	padding			:0px 0px 0px 3px;
	border-left		:#FF9600 solid 10px;
	border-bottom	:#FF9600 dotted 1px;
}

body#guidance #contents img	{border:1px solid #dddddd;padding:3px;}

body#guidance #contents	ul{	margin:0px 0px 0px 2em; padding:0px; }
body#guidance #contents dl{	margin:0px 0px 0px 1em; padding:0px;}
body#guidance #contents dd{	margin:0px 0px 0px 2em; padding:0px;}

body#guidance #contents .duties			{padding:0 1em 0 1em;}
body#guidance #contents .duties .box	{border:red solid 1px;}


/**商工会事業案内説明テーブル**/
body#guidance #contents table.business_box	{
	margin:0.5em 0em 0.5em 1em;
	border-collapse:collapse;
}
body#guidance #contents table.business_box td {padding:5px 10px 5px 0px; background-color: #FFEBB6;}
body#guidance #contents table.business_box li {font-size:1em; line-height:1.5em;}


/**活動内容テーブル**/
.activity			{padding:0 1em 0 1em;}
.activity h5		{margin:1em 0 0 0;}
.activity table		{width:100%;border-collapse:collapse;}
.activity table th,
.activity table td
{
	padding:3px 0px 3px 10px;
	border:solid 1px #ffffff;
}

.activity table th{
	background-color:#B4DF96;
	font-weight:normal;
	width:150px;
}

.activity table td{
	background-color:#FFEBB6;
}

/*---------------------------------------------------
	マップ
---------------------------------------------------- */
body#map	#contents h3	{
	font-size:1.5em;
	color:#9F4600;
	margin:1.4em 0px 0.8em 0px;
	border-bottom:#9F4600 solid 1px;
}
body#map	#contents h4	{
	font-size:1.2em;
	color:#FF9600;
	margin:1.4em 0px 0.8em 0px;
	padding:0px 0px 0px 3px;
	border-left:#FF9600 solid 10px;
	border-bottom:#FF9600 dotted 1px;
}

body#map	#contents ul	{
	margin:0em 0px 0em 0em;
	padding:0 0 0 2em;
}

body#map	#contents img	{border:none;}


/*---------------------------------------------------
	綾手作りほんものセンター
---------------------------------------------------- */
body#honmono #contents h3	{margin:0em 0px 1em 0px;}
body#honmono #contents h4	{
	font-size:1.2em;
	color:#FF9600;
	margin:1.4em 0px 0.8em 0px;
	padding:0px 0px 0px 3px;
	border-left:#FF9600 solid 10px;
	border-bottom:#FF9600 dotted 1px;}

body#honmono #ttl_honmono_1{ background:url(../images/honmono/sisetu.gif) no-repeat; width:165px; height:51px; text-indent:-9999px; }
body#honmono #ttl_honmono_2{ background:url(../images/honmono/syouhin.gif) no-repeat; width:152px; height:51px; text-indent:-9999px;}
body#honmono #ttl_honmono_3{ background:url(../images/honmono/title_s2.gif) no-repeat; width:719px; height:55px; text-indent:-9999px;}
body#honmono #ttl_honmono_4{ background:url(../images/honmono/title_s3.gif) no-repeat; width:719px; height:55px; text-indent:-9999px;}
body#honmono #ttl_honmono_5{ background:url(../images/honmono/title_s4.gif) no-repeat; width:760px; height:111px; text-indent:-9999px;}


/*---------------------------------------------------
	リンク集
---------------------------------------------------- */
.link{
	margin:5px 0px 20px 20px; 
	padding:0px; 
	list-style-type:none;
}

.under{
	border-bottom:1px #cc6600 solid; 
	color:#cc6600;
	font-size:1em; 
	padding:10px 0px 0px 0px;
}
/*---------------------------------------------------
	お問い合わせ
---------------------------------------------------- */
body#inquiry #form_tbl	{margin:20px 0px 0px 0px;}


body#inquiry #form_tbl th,
body#inquiry #form_tbl td
	{
	padding:5px 10px;
	background-color:#DDFFAD;
	font-weight:normal;
}

xxxxxbody#inquiry #form_tbl td	{

	background-color:#DDFFAD;
}




/*---------------------------------------------------
	雛山まつり
---------------------------------------------------- */
/**回数**/
body#hinayama #number	{
	xxxxxheight:100px;
	margin:65px 0px 0px 100px;
	padding:10px;
	font-size:3em;
	font-weight:bold;
	color:#FF5494;
	overflow:hidden;
	xxxxxborder:1px red solid;
}
/**期間**/
body#hinayama #period	{
	width:450px;
	margin:25px 0px 0px 120px;
	padding:7px 0px 7px 0px;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
	line-height:1.5em;
	border:#FF66A2 solid 2px;
}

body#hinayama #contents h3	{
	font-size:1.5em;
	color:#FF66A2;
	margin:1.4em 0px 0.8em 0px;
	border-bottom:#FF66A2 solid 1px;
}
body#hinayama #contents h4	{
	font-size:1.2em;
	color:#FF9600;
	margin:1.4em 0px 0.8em 1em;
	padding:0px 0px 0px 3px;
	border-left:#FF9600 solid 10px;
	border-bottom:#FF9600 dotted 1px;
}

body#hinayama #contents ul	{
	margin:0em 0px 0em 1em;
	padding:0 0 0 3em;
}


/**会場テーブル**/
body#hinayama .place table	{border-collapse:collapse; margin:0em 0px 0em 1em;}
body#hinayama .place table th,
body#hinayama .place table td
{
	padding:3px 10px 3px 10px;
	border:solid 1px #ffffff;
}

body#hinayama .place table th{
	width:33%;
	background-color:#FF93C0;
}

body#hinayama .place table td{
	background-color:#FFE6F0;
}

body#hinayama .photo table	{border-collapse:collapse; margin:2em 0px 0em 1em;}