/* Reset */

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

div,span,h1,h2,h3,h4,p,ul,li,dl,dt,dd,ol,table,th,tr,td,img,address,label,object,embed{
	border:0;
	border-spacing:0px;
	border-collapse:collapse;
	font-weight:normal;
	text-decoration:none;
	line-height:100%;
	list-style-type:none;
	text-indent:0px;
}


/* トピックス */
ul.topi { 
	list-style-type:none;
	margin:0px;
	padding: 10px 0px 18px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.topi li {
	background:url("../image/list.gif") left no-repeat; 
	margin:0px;
	padding:0px; 
	text-indent:20px;
	font-size:0.8em;
	line-height:2.1em;
	letter-spacing: 0.1em;
}

table.foot { 
	width:90%;
	color:#66341d;
	font-size:0.9em;
	margin: 10px;
}

table.foot td { 
	padding: 2px 0px 2px 0px;  
}

ul.ind { 
	list-style-type:none;
	margin:0px;
	padding: 5px 0px 5px 5px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.ind li {
	background:url("../image/list.gif") left no-repeat; 
	margin:0px;
	padding:0px; 
	text-indent:20px;
	font-size:0.9em;
	line-height:2.1em;
	letter-spacing: 0.1em;
}


div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 97% !important;
}


/* 店舗・施設＿facilities */
div.facil { 
	text-align:center;
	margin: 0px 0px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

div.facil img { 
	text-align:center;
	margin: 0px 20px 10px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

div.facil a:hover img { 
    -moz-opacity:0.75;
    opacity:0.75;
	  /*IE対応*/
    filter:alpha(opacity=75); 
	zoom:1.0;

}

div.floor { 
	text-align:right;
	margin: 0px 0px 0px 0px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.floor { 
	width:680px;
	color:#66341d;
	margin: 30px 0px 30px 0px;  
}


table.floor td { 
	font-size:0.9em;
	text-indent:10px;
	width:50%;
	margin: 0px 0px 0px 0px; 
	padding: 5px 5px 5px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


table.faci { 
	width:98%;
	color:#66341d;
}

table.faci th { 
	font-size:0.9em;
	text-align:center;
	position:relative;
	background-color:palegoldenrod;
	padding: 10px 20px 10px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.faci td { 
	font-size:0.9em;
	line-height:150% ;
	letter-spacing: 0.1em;
	padding: 5px 15px 5px 15px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.faci { 
	margin:0px;
	color:#66341d;
	padding-left:20px;
}

ul.faci li {
	margin:0px;
	padding-left:10px;
	list-style-type: square; 
	font-size:0.9em;
	line-height: 1.8em;
	margin-top:0.2em;
}


/* イベント */
table.event { 
	width:100%;
	color:#66341d;
	border: 1px #e5e0a5 solid;
	margin: 10px 0px 10px 0px;
}

table.event th { 
	height:30px;
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	position:relative;
	background-color:palegoldenrod;
	border: 1px white solid;
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.event td { 
	height:60px;
	font-size:0.8em;
	line-height:150% ;
	border: 1px #e5e0a5 solid;
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.event td a { 
	font-size:1.1em;
	font-weight: bold;
}

html:not([lang*=""]) table.event {	/* Firefox用ハック */
	border-collapse: separate;
}
th {
	border-bottom: 1px solid white ;
	border-right: 1px solid white ;
}

H2.event {
	background-color: white;  
 	border-bottom: 5px solid tan; 
	padding: 10px 0px 5px 0px;  
	margin:10px 0px 10px 0px;  
	text-align:left;
	text-indent:0.8em;
	line-height:1em;
	font-size:1em;
} 

span.img { 
	margin:20px 20px 10px 20px;   /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	padding: 10px 0px 5px 0px;  
}

span.size { 
	margin:0px 0px 0px 20px;   /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	font-size:0.75em;
}

div.eve { 
	margin:0px 0px 10px 25px;   /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	padding-top:0px;
	padding-bottom:0px;
	line-height:150% ;
	letter-spacing: 0.1em;
	text-align:left;
}

 
ul.eve {
	margin:0px;
	padding: 5px 0px 5px 30px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.eve li {
	font-size:1em;
	line-height: 1.6em;
	list-style-type:square; 
	margin:0px;
	padding: 3px 0px px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

p.eve {
	margin: 25px 0px 15px 0px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	text-align:center;
}


/* お知らせ */
table.news { 
	width:100%;
	color:#66341d;
	margin: 10px 0px 10px 0px;
/* 	border: 1px #e5e0a5 solid;*/
}

table.news th { 
	height:30px;
	font-size:1em;
	text-align:left;
	line-height:30px;
	position:relative;
	/*background:url("../image/y7b.gif") ;*/
	background-color:palegoldenrod;
 	border: 1px white solid;
	padding: 10px 20px 10px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


table.news td { 
	font-size:0.9em;
	line-height:150% ;
	letter-spacing: 0.1em;
/* 	border: 1px #e5e0a5 solid;*/
	padding: 20px 20px 20px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


.ce { 
	text-align:center;
}



html:not([lang*=""]) table.news {	/* Firefox用ハック */
	border-collapse: separate;
}
th {
	border-bottom: 1px solid #e5e0a5;
	border-right: 1px solid #e5e0a5;
}

table.time {
	width:98%;
	color:#66341d;
	border: 1px #e5e0a5 solid;
	font-weight: bold;
}

table.time th { 
	height:40px;
	font-size:1em;
	text-align:left;
	line-height:30px;
	position:relative;
	background-color:palegoldenrod;
	border: 1px #e5e0a5 solid;
	padding: 3px 10px 3px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.time td {
	height:30px;
	font-size:0.9em;
	text-align:center;
	border: 1px #e5e0a5 solid;
	padding: 3px 10px 3px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	font-weight: bold;
}


/* お問合せ */

div.co {
	float:left;
	text-align:left;
	width:200px;
	margin:20px 20px 20px 0px;  
}

div.con {
	float:left;
	text-align:left;
	width:530px;
	margin:20px 0px 20px 0px;  
}


table.shop { 
	width:90%;
	color:#66341d;
	font-size:0.9em;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

table.shop th { 
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.shop td { 
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

/* 交通アクセス */

div.map{ 
	margin:25px 0px 10px 40px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


/* お問合せフォーム */

ol.form { 
	color:#66341d;
	padding-left:10px;
}

ol.form li {
	padding-left:10px;
	font-size:0.8em;
	line-height: 2em;
	margin-top:0.5em;
}

FIELDSET {
		padding: 20px 10px 10px 30px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

/* 施設予約 */
table.rent { 
	width:98%;
	color:#66341d;
	border: 1px #e5e0a5 solid;
	margin: 10px 0px 10px 0px;
}

table.rent th { 
	height:30px;
	font-size:0.9em;
	text-align:left;
	line-height:30px;
	position:relative;
	background-color:palegoldenrod;
	border: 1px #e5e0a5 solid;
	padding: 5px 10px 5px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.rent td { 
	font-size:0.9em;
	border: 1px #e5e0a5 solid;
	padding: 5px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

html:not([lang*=""]) table.rent {	/* Firefox用ハック */
	border-collapse: separate;
}
th {
	border-bottom: 1px solid #e5e0a5;
	border-right: 1px solid #e5e0a5;
}

ul.rent { 
	margin:0px;
	color:#66341d;
	padding-left:10px;
	list-style-type : none;
}

ul.rent li {
	margin:0px;
	padding-left:10px;
	font-size:0.9em;
	line-height: 1.8em;
	margin-top:0.2em;
}

ol.rent {
	margin:0px;
	padding: 5px 0px 5px 30px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	color:#66341d;
}

ol.rent li {
	font-size:1em;
	line-height: 1.6em;
	list-style-type: decimal; 
	margin:0px;
	padding: 3px 0px px 30px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


table.ryo { 
	width:98%;
	color:#66341d;
	border: 1px #e5e0a5 solid;
	margin: 10px 0px 10px 0px;
}

table.ryo th { 
	font-size:0.9em;
	text-align:center;
	position:relative;
	background-color:palegoldenrod;
	border: 1px #e5e0a5 solid;
	padding: 10px 20px 10px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.ryo td { 
	font-size:0.9em;
	border: 1px #e5e0a5 solid;
	padding: 5px 15px 5px 15px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	line-height:140% ;
}

html:not([lang*=""]) table.ryo {	/* Firefox用ハック */
	border-collapse: separate;
}
th {
	border-bottom: 1px solid #e5e0a5;
	border-right: 1px solid #e5e0a5;
}


/* リンク集 */

div.linkt{ 
	text-align : center;
	width:98%;
	margin: 10px 0px 10px 7px;
}

div.linkt img {
	margin: 15px 0px 0px 0px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

div.linkt a:hover img { 
    -moz-opacity:0.75;
    opacity:0.75;
	  /*IE対応*/
    filter:alpha(opacity=75); 
	zoom:1.0;

}

H2.link {
	background-color: white;  
 	border-left: 25px solid tan;  
 	border-bottom: 5px solid tan; 
	padding: 10px 0px 5px 0px;  
	margin:30px 0px 10px 0px;  
	text-align:left;
	text-indent:0.8em;
	line-height:1em;
	font-size:1em;
} 

div.link1 {
	float:left;
	text-align:left;
	width:345px;
	margin:20px 20px 0px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

div.link2 {
	float:left;
	text-align:left;
	width:345px;
	margin:20px 0px 0px 20px;  
}

table.links { 
	width:750px;
	color:#66341d;
	border: 1px #e5e0a5 solid;
	margin: 10px 0px 10px 0px;
}

table.links th { 
	height:30px;
	font-size:0.9em;
	text-align:left;
	line-height:30px;
	position:relative;
	background-color:palegoldenrod;
	border: 1px #e5e0a5 solid;
	margin:0;
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.links td { 
	font-size:0.9em;
	border: 1px #e5e0a5 solid;
	margin:0;
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.links { 
	list-style-type:none;
	margin:0px;
	padding: 8px 0px 0px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.links li {
	background:url("../image/listl.gif") left no-repeat; 
	text-indent:20px;
	font-size:0.9em;
	line-height:1.8em;
	letter-spacing: 0.1em;
}


/* サイトマップ */
div.site {
	float:left;
	text-align:left;
	width:220px;
	margin:20px 23px 0px 0px;  
}

div.siter {
	float:left;
	text-align:left;
	width:221px;
	margin:20px 0px 0px 0px;  
}

ul.linksi { 
	list-style-type : none;
	margin:0px;
	padding: 5px 0px 5px 25px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

ul.linksi li {
	font-size:0.9em;
	line-height: 1.8em;
}


/* みきぷらす */
div.mikip {
	float:left;
	text-align:left;
	margin:0px 0px 15px 7px;  
}


table.mikip { 
	width:100%;
	margin: 10px 0px 10px 0px;
}

table.mikip th { 
	height:30px;
	font-size:0.9em;
	text-align:left;
	line-height:30px;
	position:relative;
	background-color:palegoldenrod;
	padding: 10px 20px 10px 20px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.mikip td { 
	padding: 10px 15px 10px 15px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
	valign: top;
}

img {
	margin: 0px 0px 15px 0px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

H3.title {
	background-color: cornflowerblue;  
 	/* border-left: 30px solid cornflowerblue;  
 	 border-bottom: 5px solid cornflowerblue;  */
	padding: 10px 0px 10px 0px;  
	margin:10px 0px 10px 0px;  
	text-align:left;
	text-indent:0.8em;
	line-height:1em;
	font-size:1.2em;
	color:white;
} 

H3.title a:link {
	color:white;
	text-decoration:none;
	font-weight: bolder;
}

H3.title a:visited {
	color:white;
	text-decoration:none;
}

H3.title a:hover {
	color:white;
	text-decoration:none;
}

div.text1 {
	font-size:0.8em;
	text-align:left;
	line-height:150%;
	text-indent:0.8em;
}



/* 年末年始 */
table.nenmatu { 
	font-size:0.9em;
	width:100%;
	color:#66341d;
	border: 1px #e5e0a5 solid;
	letter-spacing: 0.1em;

}

table.nenmatu th { 
	text-align:center;
	color:white;
	line-height:120%;
	position:relative;
	background-color:darkkhaki;
	font-weight: bold;
	border: 1px #e5e0a5 solid;
	padding: 15px 10px 15px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.nenmatu td { 
	line-height:150%;
	border: 1px #e5e0a5 solid;
	padding: 10px 10px 10px 15px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


html:not([lang*=""]) table.nenmatu {	/* Firefox用ハック */
	border-collapse: separate;
}
th {
	border-bottom: 1px solid #e5e0a5;
	border-right: 1px solid #e5e0a5;
}


table.nenmatu td.bg { 
	background-color:palegoldenrod;
}

table.nenmatu td.tm { 
	text-align:left;
	text-indent:2em;
}

table.nenmatu td.te { 
	color:orangered ;
	font-weight: bold;	
	font-size:1.2em;
}

H3.time {
	background-color: palevioletred;  
	padding: 10px 0px 10px 0px;  
	margin:10px 0px 10px 0px;  
	text-align:left;
	text-indent:0.8em;
	line-height:1em;
	font-size:1.2em;
	color:white;
} 

span.sm { 
	font-size:0.75em;
}


SPAN.te {
	color:orangered ;
	font-weight: bold;
}


table.tai{ 
	width:97%;
	border: 1px #ccc799 solid;
	letter-spacing: 0.1em;

}

table.tai th { 
	height:55px;
	font-size:12px;
	text-align:center;
	line-height:120%;
	position:relative;
	background-color:#e5e0a5;
	font-weight: bold;
	border: 1px #ccc799 solid;
	padding: 3px 10px 3px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

table.tai td { 
	height:55px;
	font-size:12px;
	line-height:120%;
	border: 1px #ccc799 solid;
	padding: 3px 10px 3px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}


html:not([lang*=""]) table.tai {	/* Firefox用ハック */
	border-collapse: separate;
}

th {
	border-bottom: 1px solid #ccc799;
	border-right: 1px solid #ccc799;
}



/* 今週のお勧め商品　*/

table.reco { 
	width:98%;
}

table.reco td { 
	font-size:0.9em;
	line-height:150% ;
	letter-spacing: 0.1em;
	vertical-align: top;
	padding: 10px 30px 10px 30px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}

span.name{ 
	color:maroon;
	font-size:1.3em;
	font-weight:bolder;
	letter-spacing: 0.1em;
}


/* 三木市観光案内　*/

table.sight { 
	width:98%;
}

table.sight td { 
	font-size:0.9em;
	line-height:150% ;
	letter-spacing: 0.1em;
	vertical-align: top;
	padding: 10px 10px 10px 10px;  /* ［上］ と ［右］ と ［下］ と ［左］ を指定 */
}
.red {
	color: #FF0000;
}