@charset "UTF-8";
@import "./common.css";

/*==================================================================*/

/* top css */

/*==================================================================*/

/* -----------------------------------------------*/
/* mainvisual */
/* -----------------------------------------------*/
#mainvisual *{margin:0;padding:0;}
#mainvisual{
	text-align:center;
	margin-bottom:10px;
}

/* ---------------------------------------------------------------- */
/* wrapper：内包枠枠 */
/* ---------------------------------------------------------------- */
#wrapper{
	padding:0px 18px 50px;
}

/* -----------------------------------------------*/
/* news:商工会からのお知らせ */
/* -----------------------------------------------*/
#news *{margin:0;padding:0;}
#news{
	margin-bottom:35px;
}

#news h2{
	margin-bottom:10px;
}

#news table,
#news td{
	border-collapse:collapse;
}

#news table{
	margin:0 10px 15px;
}

#news td{
	padding:10px 0;
	background:url("../common_img/line_dot.gif") repeat-x 0 100%;
	vertical-align:top;
}

#news td.icon{
	width:70px;
	padding:12px 0 0 5px;
}

#news td.date{
	width:160px;
	white-space:nowrap;
}

#news td div.event-date{
	float:right;
	font-size:0.9em;
	margin-left:5px;
	padding:0 4px;
	background-color:#fcf1d6;
	color:#f78400;
}

#news td.detail{
	width:400px;
}

#news td.detail a{
	display:block;
	padding-left:0.7em;
	background:url("../common_img/arw_blue.gif") no-repeat 0 7px;
}

#news ul{
	list-style:none;
	padding-left:15px;
}
/* clear hack */
#news ul{zoom:1;}
#news ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#news li{
	float:left;
	padding-right:15px;
}

/* -----------------------------------------------*/
/* management:経営支援について */
/* -----------------------------------------------*/
#management *{margin:0;padding:0;}
#management{
	margin-bottom:35px;
}

#management h2{
	margin-bottom:15px;
}

#management .top-area{
	margin:0 0 10px 15px;
	background:url("../image/management_top.gif") no-repeat 0 100%;
}
/* clear hack */
#management .top-area{zoom:1;}
#management .top-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#management .bottom-area{
	margin:0 0 0 15px;
	background:url("../image/management_bottom.gif") no-repeat 0 100%;
}
/* clear hack */
#management .bottom-area{zoom:1;}
#management .bottom-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#management dl{
	float:left;
	width:197px;
	margin-right:11px;
	padding-left:5px;
	border-top:#ccc 1px solid;
}

#management dl.long{
	float:left;
	width:408px;
	margin-right:11px;
}

#management dt{
	padding:10px 0 0 6px;
}

#management dd{
	padding:10px 0 8px 6px;
}

#management dd ul{
	list-style:none;
}

#management dl.long dd ul{
	list-style:none;
}
/* clear hack */
#management dl.long dd ul{zoom:1;}
#management dl.long dd ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#management dd li{
	margin-bottom:5px;
	padding-left:12px;
	background:url("../image/mark_management.gif") no-repeat 0 4px;
	line-height:1.3;
}

#management dl.long dd li{
	float:left;
	white-space:nowrap;
	padding-right:2em;
	padding-left:12px;
	background:url("../image/mark_management.gif") no-repeat 0 4px;
}

/* -----------------------------------------------*/
/* information:越前市元気企業情報発信 */
/* -----------------------------------------------*/
#information *{margin:0;padding:0;}
#information{
	margin-bottom:35px;
}

#information h2{
	margin-bottom:15px;
}

#information div{
	margin:0 10px 15px;
	padding:0 5px 15px;
	background:url("../common_img/line_dot.gif") repeat-x 0 100%;
}
/* clear hack */
#information div{zoom:1;}
#information div:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#information dl{
	float:left;
	width:480px;
}

#information dt{
	margin-bottom:8px;
	line-height:1.2
}

#information dt a{
	margin-right:8px;
	padding-left:26px;
	background:url("../image/arw_information.gif") no-repeat 0 2px;
	font-size:1.5em;
	font-weight:bold;
	color:#ef7b14;
}

#information dt a:hover{
	color:#ef3d14;
	text-decoration:none;
}

#information dt span{
	padding:2px 4px;
	background:#fcf1d6;
	font-size:0.9em;
	white-space:nowrap;
}

#information div a img{
	float:right;
	padding:4px;
	border:#ccc 1px solid;
}

#information div a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}