@charset "UTF-8";

/*============================================================
//
//  ■スタイル
//  目次---------------------
//  ・商工会議所情報
//  ・共通設定
//  ・左カラム
//  ・右カラム
//  ・404表示
//
//==========================================================*/

/*============================================================
//  ・商工会議所情報
//==========================================================*/
.top{
	width:950px;
	height:240px;
	background:url(/img/project21/bg.jpg) no-repeat bottom;
}

#flash{
	width:620px;
	height:235px;
	padding-top:1px;
	float:left;
}

.top .data{
	width:265px;
	height:202px;
	margin:7px 14px 0 0;
	padding:18px 20px 0 20px;
	color:#fff;
	background:url(/img/project21/data_bg.jpg) no-repeat bottom;
	float:right;
	display: inline;
}

.top .data .spot{
	font-size:24px;
	font-weight:bold;
	line-height:140%;
	margin-bottom:5px;
}

.top .data .address{
	font-size:12px;
	/*font-weight:bold;*/
	line-height:140%;
	margin-bottom:10px;
}

.top .data .tel{
	line-height:140%;
	text-indent:22px; 
	padding-top:2px;
	background:url(/img/project21/icon_tel.gif) no-repeat left;
	float:left;
}

.top .data .fax{
	line-height:140%;
	text-indent:24px;
	padding-top:2px;
	margin-left:30px;
	background:url(/img/project21/icon_fax.gif) no-repeat left;
	float:left;
}

.top .data .url{
	line-height:140%;
	text-indent:22px; 
	padding-top:2px;
	background:url(/img/project21/icon_url.gif) no-repeat left;
}

.top .data .mail{
	line-height:140%;
	text-indent:22px; 
	padding-top:2px;
	background:url(/img/project21/icon_mail.gif) no-repeat left;
	margin-bottom:10px;
}

.top .data .o_spot{
	font-size:12px;
	line-height:120%;
	font-weight:bold;
}

.top .data a{color:#fff;text-decoration:underline;}
.top .data a:hover{color:#fff;text-decoration:none;}

/*============================================================
//  ・共通設定
//==========================================================*/
#contents{
	width:920px;
	padding:20px 15px 30px ;
	background:url(/img/common/bg.gif) repeat-y center center;
}

#cont_inner{
	width:920px;
	background:#fff;
}

/*============================================================
//  メインコンテンツ
//==========================================================*/


/*============================================================
//  左カラム
//==========================================================*/
#main_cont{
	float:left;
	width:605px;
	font-size:14px;
	line-height:140%;
	color:#333;
}

#main_cont .title{
	width:528px;
	padding:5px 0 10px 72px;
	background:url(/img/project21/icon_21nen.jpg) no-repeat;
}
#main_cont .title .lead{
	font-size:12px;
	line-height:140%;
	color:#242424;
	margin-left:3px;
	margin-bottom:3px;
}
#main_cont .title h3{
	font-size:18px;
	line-height:120%;
	font-weght:bold;
	color:#333333;
}
#main_cont img.main{
	float:left;
	margin:0 10px 0 0;
	border:1px #D5C496 solid;
	padding:2px;
}
#main_cont h4{
	margin-bottom:7px;
}

#main_cont .main_txt{
	margin-bottom:20px;
}

#main_cont .inner{
	font-size:12px;
	color:#333333;
	margin-bottom:15px;
}

#main_cont h5{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:8px 0 0 34px;
}

#main_cont .h5_box_left h5{
	width:571px;
	height:27px;
	margin-bottom:12px;
	background:url(/img/project21/bar_bg.jpg) no-repeat left top;
}

.art_border1{
	width:605px;
	height:10px;
	background:url(/img/etc/art_border.gif) repeat-x top;
}

#main_cont h6{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin-bottom:8px;
}

#main_cont .h6_box_left .inner{
	font-size:12px;
	color:#333333;
	padding:10px 10px 14px 10px;
	width:585px;
	background-color:#F6F5F3;
}

#main_cont .h6_box_left .inner .h6_title{
	font-size:14px;
	font-weight:bold;
	color:#FF9900;
	margin-bottom:6px;
}

#main_cont .h6_box_left .inner .project_1{
	width:141px;
	margin-right:7px;
	float:left;
}

#main_cont .h6_box_left .inner .project_2{
	width:141px;
	margin-right:7px;
	float:left;
}

#main_cont .h6_box_left .inner .project_3{
	width:141px;
	margin-right:7px;
	float:left;
}

#main_cont .h6_box_left .inner .project_4{
	width:141px;
	float:left;
}

#main_cont img.project{
	border:1px #D5C496 solid;
	padding:2px;
}

/*============================================================
//  右カラム
//==========================================================*/
#info_cont{
	float:right;
	width:305px;
	font-size:12px;
	line-height:140%;
	color:#333;
}

#info_cont .project_box{
	padding-top:20px;
	margin-bottom:20px;
}

#info_cont .project_21{
	height:35px;
	padding:0 0 0 47px;
	margin-bottom:10px;
	background:url(/img/project21/icon_21nen_s.jpg) no-repeat;
}

#info_cont .project_20{
	height:35px;
	padding:0 0 0 47px;
	margin-bottom:10px;
	background:url(/img/project21/icon_20nen_s.jpg) no-repeat;
}

#info_cont .project_19{
	height:35px;
	padding:0 0 0 47px;
	margin-bottom:10px;
	background:url(/img/project21/icon_19nen_s.jpg) no-repeat;
}

#info_cont .project_18{
	height:35px;
	padding:0 0 0 47px;
	margin-bottom:10px;
	background:url(/img/project21/icon_18nen_s.jpg) no-repeat;
}

#info_cont a{text-decoration:underline;}
#info_cont a:hover{text-decoration:none;}

.art_border2{
	width:283px;
	height:16px;
	background:url(/img/etc/art_border.gif) repeat-x center;
}

#info_cont h5{
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:10px 0 0 34px;
}

#info_cont .news_box{
	width:305px;
	background:url(/img/project21/right_box_head.jpg) no-repeat left top;
	margin-bottom:8px;
}

#info_cont .area_box{
	width:305px;
	background:url(/img/project21/right_box_head.jpg) no-repeat left top;
	margin-bottom:8px;
}

#info_cont dl{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:0 10px 24px 10px;
}

#info_cont dt{
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}

#info_cont dd{
	padding-bottom:0px;
}

#info_cont .area_box .view_list{
	text-align:right;
}
#info_cont .area_box .view_list a{
	text-decoration:underline;
}

#info_cont .sp_box{
	width:305px;
	background:url(/img/project21/right_box_head.jpg) no-repeat left top;
}

.btn_ichiran {
	background: url(/img/project21/btn_ichiran.jpg) no-repeat;
	width:45px;
	height:20px;
	margin:8px 13px 0 0;
	float:right;
	display: inline;
}
.btn_ichiran a {
	width:45px;
	height:20px;
	display:block;
	text-indent:-9999px;
}

#info_cont .sp_box .inner{
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:0 10px 24px 10px;
}

#info_cont .sp_box .sp{
	margin:2px 0 4px 2px;
}

/*============================================================
//  ・404表示
//==========================================================*/
.e404 .error{
	font-size:14px;
	line-height:150%;
	color:#c00;
	padding-bottom:30px;
}