html{
    height:100%;
}
body{
    height:100%;
	color:#FFFFFF;
    font-size:11pt;
    font-family: "sans-serif";
	line-height:14.4px;
}
* html div#container{
    height:100%;
}

div#container{
    width: 800px;
    height:1000px;
    margin:0px auto;
    position:relative;
    min-height: 100%;
    background-color:#FFFFFF;
    color:black;
    background-image: url('../img/background_img.jpg');
    background-repeat:repeat;
}

div.logo_msg{
	float:right;
	visibility: hidden;
}

div#left{
	float:left;
	width:600px;
	margin:0pt;
	padding:0pt;
	margin-top:20px;
	margin-bottom:30px;
/*	border:1px solid black; */
}

div#right{
	float:right;
	width:200px;
	margin:0pt;
	margin-top:20px;
	margin-bottom:30px;
/*	border:1px solid black; */
}


#foot{
	text-align:center;
	font-size:9pt;
	padding-bottom:20px;
}

a.no_act:hover{	margin-top:0px; color:black; position:relative;	top:0px;	left:0px;}
img.no_act{border:0pt;}


/* ---------------------------------- */
/* ページ下部 							*/
/* ---------------------------------- */
div.bottom_area{
	clear:both;
	width:100%;
	margin:0pt;
	padding:0pt;

}

#bottom_bar_green{
    background-image: url('../img/backdround_img1.jpg');
    background-repeat:repeat;
	height:6px;
	position: relative; /* 絶対位置で指定(親ボックス基準) */ 
	z-index:1;
	margin-top:-5px;
}

#bottom_top_img{
	position: relative; /* 絶対位置で指定(親ボックス基準) */ 
	margin-left:500px;
	margin-top:40px;
	z-index:4;
	border:0px;
}

a.top_img:link{		text-decoration:none;	color:black; font-weight:bold}
a.top_img:active{	text-decoration:none;	color:black; font-weight:bold}
a.top_img:visited{	text-decoration:none;	color: black; font-weight:bold }
a.top_img:hover{	margin-top:0px; color:#9999CC; position:relative;	top:0px;	left:0px;}


#bottom_logo{
    background-image: url('../img/logo1.jpg');
    background-repeat:no-repeat;
	margin-left:10px;
	padding-top:10px;
    text-align:right;
    height:25px;
}

#bottom_background{
    background-image: url('../img/backdround_img2.jpg');
    background-repeat:repeat;
    height:50px;
}

table.all_link{
	margin-left:30pt;
	margin-bottom:100px;
	text-align:left;
	font-size:80%;
}

td.all_link{
	padding:5px;
	width:170px;
}

h1{
	font-size:14pt;
	margin-top:0pt;
	margin-bottom:5px;
	padding-left:24px;
	padding-bottom:0px;
}	


h2{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:20px;
	height:15pt;
	background-image:url(../img/h2.gif);
	background-repeat:no-repeat;
	
	border-bottom-width:2px; 
	border-bottom-style:solid;
	border-bottom-color:#99FF99;

}

h3{
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:5px;
	padding-left:5px;

	border-left-width:7px; 
	border-left-style:solid;
	border-left-color:#99FF99;
	
	border-bottom-width:1px; 
	border-bottom-style:solid;
	border-bottom-color:#99FF99;
}

h4{
	margin:3px;
	font-size:11pt;
	border-bottom-width:1px; 
	border-bottom-style:solid;
	border-bottom-color:orange;
}




div.desc{
	padding:8pt;
	line-height:18pt;
	font-size:10.5pt;
	margin-bottom:10px;
}



img.pic{padding:1px;margin:3px;border:1px solid #99CC99;}

/* ---------------------------------- */
/* リンク一般 							*/
/* ---------------------------------- */
a:link{	text-decoration:underline;	color:green; font-weight:bold}
a:active{	text-decoration:underline;	color:green; font-weight:bold}
a:visited{	text-decoration:underline;	color: green; font-weight:bold }
a:hover{	margin-top:2px; color:#9999CC; position:relative;	top:1px;	left:1px;}


/* ---------------------------------- */
/* menu								*/
/* ---------------------------------- */

#ul_menu{
	width:800px;
	display:inline;	
	list-style:none;
	margin:0pt;
	padding:0pt;
	margin-bottom:0pt;
	font-size:11pt;
}

/* 選択メニューをアクティブにする */
li.li_menu_item{
	float:left;
	width:199px;
	height:41px;
	margin-left:0pt;	
	padding:0pt;
	padding-top:10px;
	text-align:center;
	background-image: url("../img/button_off.jpg");
	background-repeat:no-repeat;
	font-size:14.6px;
	line-height:24px;
}

/* アクティブ */
li.li_menu_item_active{
	float:left;
	width:199px;
	height:41px;
	margin:0pt;
	padding:0pt;
	padding-top:10px;
	text-align:center;
	background-image: url("../img/button_on.jpg");
}

a.navi:link{	text-decoration:none;	color:black; font-weight:bold;font-family: "sans-serif";}
a.navi:active{	text-decoration:none;	color:black; font-weight:bold;font-family: "sans-serif";}
a.navi:visited{	text-decoration:none;	color: black; font-weight:bold;font-family: "sans-serif"; }
a.navi:hover{	margin-top:2px; color:#9999CC; position:relative;	top:1px;	left:1px;font-family: "sans-serif";}


/* ---------------------------------- */
/* カテゴリ */
/* ---------------------------------- */
a.cate:link{	text-decoration:none;	color:black; font-weight:bold;}
a.cate:active{	text-decoration:none;	color:black; font-weight:bold}
a.cate:visited{	text-decoration:none;	color: black; font-weight:bold }
a.cate:hover{	margin-top:0px; color:#9999CC; position:relative;	top:0px;	left:0px;}

#right_layout{
	margin-left:0px;
}
#cate{
	background-image: url('../img/side_text_bg.jpg');
	background-repeat:no-repeat;
	position: relative; /* 絶対位置で指定(親ボックス基準) */ 
	padding-left:10px;
	width:195px;
	height:221px;
	padding:0px;
	font-family: "sans-serif";
	line-height:18px;

}
#cate1{
	background-image: url('../img/cate2.jpg');
	background-repeat:no-repeat;
	position: relative; /* 絶対位置で指定(親ボックス基準) */ 
	height:30px;
	width:250px;
	padding-left:30px;
	padding-top:12px;
	color:green;
	font-weight:bold;
	font-family: "sans-serif";
}

#cate2,#cate3,#cate4{
	background-image: url('../img/category2.jpg');
	background-repeat:no-repeat;
	width:105px;
	height:63px;
	margin-top:2px;
	margin-left:10px;
	padding-left:68px;
	padding-top:10px;
	position: relative; /* 絶対位置で指定(親ボックス基準) */ 
}

#cate3{
	background-image: url('../img/category3.jpg');
	background-repeat:no-repeat;
}

#cate4{
	background-image: url('../img/category4.jpg');
	background-repeat:no-repeat;
}

.cate_link{
	border:0px;
	margin-top:3px;
	
}

#link_gazo{
	padding-left:10px;
	text-align:cetner;
}

/* ---------------------------------- */
/* 商工ニュース   					  */
/* ---------------------------------- */
ul.shoko_news{
	line-height:18pt;
	margin-top:0px;
}

/* ---------------------------------- */
/* 会館利用案内 予約 */
/* ---------------------------------- */
table.yoyaku{
	width:550px;
	border-collapse: collapse;
	color:black;
	border:2px solid gray;
}
td.yoyaku_item,td.yoyaku_data{
	border:1px solid black;
	text-align:center;
	padding:0px;
}
td.yoyaku_item{
	font-weight:bold;
	background-color:#009933;
	color:white;
	font-size:11pt;
}

td.yoyaku_data{
	font-size:9pt;
}

/* ---------------------------------- */
/* 会館利用案内 予約  修正開始>>*/
/* ---------------------------------- */
td.yoyaku_item_main{
	font-weight:bold;
	background-color:#009933;
	color:white;
	font-size:11pt;
	border-left:2px solid gray;
	border-right:2px solid gray;
	text-align:center;
}


td.yoyaku_item_sub,td.yoyaku_data_center,td.yoyaku_data_left,td.yoyaku_data_right{
	font-size:9pt;
	border:1px solid gray;
	padding:2px;
}

td.yoyaku_item_sub{
	background-color:#CCFFCC;
	text-align:center;
}

td.yoyaku_data_left{
	border-left:2px solid gray;
}

td.yoyaku_data_right{
	border-right:2px solid gray;
}
/* ---------------------------------- */
/* 会館利用案内 予約  修正終了<<*/
/* ---------------------------------- */

#yoyaku_link{
	margin-top:10pt;
	margin-bottom:10pt;
	padding:5pt;
	background-color:lightgreen;
	width:80%;
	text-align:center;
	font-size:14pt;
	border:1px solid gray;
	border-right:2px solid black;
	border-bottom:2px solid black;
}


/* ---------------------------------- */
/* 最新								*/
/* ---------------------------------- */
.top_header{
	background-image: url('../img/cate1.jpg');
	background-repeat:no-repeat;
	height:39px;
	width:565px;
	padding-left:30px;
	padding-top:12px;
	color:green;
	font-weight:bold;
	font-family: "sans-serif";
}

.top_main{
	background-image: url('../img/main_text_bg.jpg');
	background-repeat:no-repeat;
	width:520px;
	margin-bottom:20px;
}

table.news,table.topics{
	width:580px;
	margin:0px;
	margin-left:5px;
	margin-bottom:0px;
	font-size:80%;
	
}
td.news_history{
	text-align:right;
	padding:5px;
}

td.news_date, td.news_event,td.topics{
	border-bottom:1px dotted gray;
	height:30px;
}

td.news_date{
	padding-left:10px;
	font-weight:bold;
}
td.news_event{
	width:75%;
}

table.topics{
	line-height:19px;
	vertical-align:top;
}

img.topics{
	border:2px solid #99CC00;
}

td.topics{background-color:white;height:50px;vertical-align:top;}

div.kaiin{
	margin-left:15px;
	line-height:18px;
}


/* ======================================== */
/* 商工会について                           */
/* ======================================== */

/* 商工まつり */
table.shoko_maturi{
	border-collapse: collapse;
	width:450px;
	margin-bottom:10pt;
	font-size:8pt;
	margin-left:7px;

}

td.shoko_maturi{
	width:150px;
	vertical-align: top;
}

img.shoko_maturi{
	border:solid 1.5px #FF9900;
}

ul.menu_shoko_maturi{
	font-size:7.5pt;
	margin:0pt;
	margin-left:15pt;
}

div.shoko_maturi{
	width:450px;
	margin-left:7px;
	padding-left:5pt;
	color:#FF6600;
	font-weight:bold;
	margin-bottom:5pt;
	border-left:solid 5px #FFCC00;
	border-bottom:solid 1px #FFCC00;
}

/* ---------------------------------- */
/* topics       						*/
/* ---------------------------------- */
table.topic0003{
	font-size:90%;
	border-collapse: collapse;
}

td.topic0003_item{
	border:1px solid gray;
	padding:2px;
	background-color:yellow;
	font-weight:bold;
	text-align:center;
}

td.topic0003{
	border:1px solid gray;
	padding:2px;
}

table.topic0003_sakuhin{
	font-size:90%;
	border-collapse: collapse;
	border:2px solid #FF9933;
	padding:3px;
	margin-bottom:30px;
}

td.topic0003_zairyo{
	width:100%;
	text-align:center;
	background-color:#CC3333;
	color:white;
	margin-top:3px;
	height:25px;

}

td.topic0003_zairyo_data{
	width:100%;
	padding:3px;
	vertical-align:top;
}

td.topic0003_resipi{
	padding-top:5px;
	background-color:#CC3333;
	color:white;
	text-align:center;
}

td.topic0003_resipi_data{
	padding:3px;
}
td.sakuhin{
	vertical-align:top;
}

img.sakuhin{
	border:1px solid gray;
}


/* ---------------------------------- */
/* ひらめき       						*/
/* ---------------------------------- */
table.hirameki{
	width:500px;
	border-collapse: collapse;
}

td.hirameki_item{
	background-color:#FF6600;
	font-weight:bold;
	border:1px gray solid;
	color:white;
	padding:3px;
}

td.hirameki_data{
	border:1px gray solid;
	padding:3px;
}

/* ---------------------------------- */
/* むらさき商品券　					*/
/* ---------------------------------- */
div.left_murasaki{
	width:120px;
	float:left;
}

div.right_murasaki{
	width:450px;
	float:right;
	text-align:left;
}

tabel.murasaki{
	width:100%;
}
td.menu_murasaki_cat{
	font-size:90%;
	width:110px;
	padding:5px;
	background-color:green;
	color:white;
	font-weight:bold;
}

td.menu_murasaki{
	border:1px dotted green;
	font-size:90%;
	padding:3px;
}

/* 販売店(加盟店はJqueryで対応) */
table.muraki_hanai{
	border-collapse: collapse;
	border:1px solid gray;
	font-size:90%;
}

td.murasaki_hanbai_item{
	background-color:orange;
	border:1px solid gray;
	text-align:center;
	font-weight:bold;
}

td.murasaki_hanbai_no,td.murasaki_hanbai_name,td.murasaki_hanbai_address,td.murasaki_hanbai_tel{
	padding:2px;
	background-color:#FFFFCC;
	border-bottom:1px solid gray;
}

td.murasaki_hanbai_no{
	font-size:110%;
	border-right:1px solid gray;
	width:20px;
	text-align:center;
}

td.murasaki_hanbai_tel{
	text-align:right;
	padding-right:3px;
}

td.murasaki_hanbai_name{
	width:200px;
}

a.shohinken:link{	text-decoration:none;	color:black; font-weight:bold}
a.shohinken:active{	text-decoration:none;	color:black; font-weight:bold}
a.shohinken:visited{	text-decoration:none;	color: black; font-weight:bold }
a.shohinken:hover{	margin-top:0px; color:#9999CC; position:relative;	top:0px;	left:0px;}

table.shohinken_gaiyo{border-collapse: collapse;}

td.shohinken_gaiyo{
	border-bottom:1px solid gray;
	padding:3px;
	
}

/* ---------------------------------- */
/* 年間行事報告                       */
/* ---------------------------------- */
table.gyouji_yotei{
	border-collapse: collapse;
	border:1px solid gray;
	font-size:90%;
	width:550px;
	margin-bottom:20px;
}

td.yotei1,td.yotei2{width:55px;border:1px solid gray;text-align:center;}
td.yotei3{border:1px solid gray;text-align:center;width:20px;}
td.yotei4{width:200px;border:1px solid gray;text-align:center;}
td.yotei5{width:85px;border:1px solid gray;text-align:center;}
td.yotei6{width:155px;border:1px solid gray;text-align:center;}

td.bbb1,td.bbb2,td.bbb3,td.bbb4,td.bbb5,td.bbb6{border:1px solid gray;}
td.bbb1,td.bbb2,td.bbb3{text-align:center;}


/* ---------------------------------- */
/* バナー　　　                       */
/* ---------------------------------- */
div.banner_wide{
	margin:5px;
	margin-top:30px;
	width:580px;
	height:50px;
	border:1px black solid;
	font-size:12pt;
	background-color:yellow;
	
}