@charset "utf-8";


/*フォントサイズ*/
body {
	font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Meiryo, "MS PGothic", sans-serif;
	font-size: 75%;
	letter-spacing: 0;
}
#wrap {
	font-size: 100%;
	color: #2E302E;
}
table {
	font-size:inherit;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	clear: both;
	visibility: hidden;
}
*+html .clearfix{
  height:1%;
}
* html .clearfix {
   height: 1%;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*共通*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
a {
	color: #23821f;

}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
.clear {
	clear: both;
}
.pd10 {
	padding: 10px;
}
.fl_r {
	float: right;
}
.fl_l {
	float: left;
}
.tx_ac {
	text-align: center;
}
.tx_ar {
	text-align: right;
}
.break {
        word-break: break-all;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター固定用css*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
html,body{
	height:100%;
	margin:0;
	padding:0;

/*　検証　一時コメントアウト
	overflow: auto;
*/

}

#wrap {
	position: relative;
	height: 100%;
	min-height: 100%;

}

body > #wrap {
	height: auto;
}

#contener {
	padding-bottom:230px;

}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;

}

div#content {
	margin: 0 auto 20px auto;
	line-height: 1.5;
	background: url("../img/hed_bg.gif") repeat-x left top;
}



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

#wrap {

}

#main {
	background: #f1ecdd;
	width: 960px;
	border: 1px solid #ad9c6a;
	margin: 0 auto;
	padding: 9px;
        position: relative;

}
#main_box {
	width: 750px;
}
#side {

	width: 250px;
}

body#general {
	background: url("../img/main_bg.jpg") no-repeat center 105px;
}
body#member {
	background: url("../img/main_bg.jpg") no-repeat center -70px;
}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ヘッダー*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#top_hed {
	width: 980px;
	height: 105px;
	margin: 0 auto;
	position: relative;
}
#top_hed h1 {
	position: absolute;
	width: 371px;
	height: 86px;
	top: 11px;
}
#top_hed h1 a,
#top_hed h1 span{
	background: url("../img/logo.gif") no-repeat left top;
	width: 371px;
	height: 86px;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}
.main_logo {
	position: absolute;
	right: 0;
	top: 20px;
	height: 70px;
        /*width: 400px;*/
        overflow: hidden;

}
.main_logo img {
	height: 70px;
}
.logout {
	position: absolute;
	right: 0;
	top: 40px;
	width: 180px;
	height: 40px;

}
.mypage {
	position: absolute;
	right: 190px;
	top: 40px;
	width: 180px;
	height: 40px;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*グローバル 一般*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#g_navi_general ul {
	width: 980px;
	height: 68px;
	margin-bottom: 15px;
	background: url("../img/g_navi_general.gif") no-repeat left top;

}
#g_navi_general ul li {
	width: 240px;
	height: 68px;
	float: left;

}
#g_navi_general ul li a {
	display: block;
	width: 240px;
	height: 68px;
	text-indent: -10000px;
	overflow: hidden;
}
#g_navi_general ul li#menu1 a:hover {
	background: url("../img/g_navi_general.gif") no-repeat left -68px;
}
#g_navi_general ul li#menu2 a:hover {
	background: url("../img/g_navi_general.gif") no-repeat -240px -68px;
}
#g_navi_general ul li#menu3 a:hover {
	background: url("../img/g_navi_general.gif") no-repeat -480px -68px;
}
#g_navi_general ul li#menu4 a:hover {
	background: url("../img/g_navi_general.gif") no-repeat -720px -68px;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*グローバル メンバー  ADD 2014-03-28*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#g_navi_member ul {
	width: 980px;
	height: 68px;
	margin-bottom: 15px;
	background: url("../img/g_navi_member.gif") no-repeat left top;

}
#g_navi_member ul li {
	width: 160px;
	height: 68px;
	float: left;

}
#g_navi_member ul li a {
	display: block;
	width: 160px;
	height: 68px;
	text-indent: -10000px;
	overflow: hidden;
}
#g_navi_member ul li#menu1 a:hover {
	background: url("../img/g_navi_member.gif") no-repeat left -68px;
}
#g_navi_member ul li#menu2 a:hover {
	background: url("../img/g_navi_member.gif") no-repeat -160px -68px;
}
#g_navi_member ul li#menu3 a:hover {
	background: url("../img/g_navi_member.gif") no-repeat -320px -68px;
}
#g_navi_member ul li#menu4 a:hover {
	background: url("../img/g_navi_member.gif") no-repeat -480px -68px;
}
#g_navi_member ul li#menu5 a:hover {
	background: url("../img/g_navi_member.gif") no-repeat -640px -68px;
}
#g_navi_member ul li#menu6 a:hover {
	background: url("../img/g_navi_member.gif") no-repeat -800px -68px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/**/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#top_main_img {
	width: 980px;
	height: 164px;
	background: url("../img/top_main_img.png") no-repeat left top;
	margin: 115px auto 110px auto;
	text-indent: -10000px;
}
#member_main_img {
	width: 980px;
	height: 110px;
        /* TAM141127 Change */
	/*background: url("../img/member_main_img.png") no-repeat left top;*/
	background: url("../img/member_main_img.png") no-repeat -450px top;
	margin: 0px auto 0 auto;
	text-indent: -10000px;
}

#top_main_noimg {
	width: 980px;
	height: 110px;
	margin: 0px auto 0 auto;
	text-indent: -10000px;
}



#main_box {
	width: 680px;
	background: #ffffff;
	padding: 9px;
	border: 1px solid #ad9c6a;
}

/*水土里ネットシステムとは*/

#top_info {
	margin-bottom: 25px;
}

#h2_img_top_info {
	background: url("../img/h2_img_top_info.gif") no-repeat left top;
}

#top_info ul.top_info_about {

}
#top_info ul.top_info_about li {
	float: left;
	margin-right: 10px;

}
#top_info ul.top_info_about li:nth-child(3) {
	margin-right: 0;

}

/* TAM150212 Add Start *******************/
/*新着情報*/

#h2_img_top_important {
	background: url("../img/h2_img_top_important.gif") no-repeat left top;
}
/* TAM150212 Add End *******************/

/*新着情報*/

#h2_img_top_news {
	background: url("../img/h2_img_top_news.gif") no-repeat left top;
}

.top_news_box {

	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bdb088;
}

dl.list_dl_hyde {
	overflow-y: scroll;
	padding: 0 10px;
	max-height: 150px;
}
dl.list_dl_hyde dt {
	float: left;
	clear: both;
	width: 150px;
	padding: 5px 10px 5px 15px;
	background: url("../img/ring_orange.gif") no-repeat left center;
	font-weight: bold;
}
dl.list_dl_hyde dd {
	padding: 5px;
	margin-bottom: 5px;
}


dl.list_dl {
	padding: 0 10px;
}
dl.list_dl dt {
	float: left;
	clear: both;
	width: 150px;
	padding: 5px 10px 5px 15px;
	background: url("../img/ring_orange.gif") no-repeat left center;
	font-weight: bold;
}
dl.list_dl dt.no_mark {
        background: none;
}
dl.list_dl dt.indent {
        padding-left: 2em;
}
dl.list_dl dd {
	padding: 5px;
	margin-bottom: 5px;
}


/*地図一覧*/
.map_sort_updated {
    text-align: right;
    margin: 0;
    margin-bottom: 20px;
}

.map_comment {
    min-height: 30px;
    margint: 0;
    margin-left: 50px;
    padding: 5px;
    border: 1px solid #ccc;
}




/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*サイド*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*ログインボックス*/
.member_box {
	width: 230px;
	background: #ffffff;
	padding: 9px;
	border: 1px solid #ad9c6a;
	margin-bottom: 10px;
}
.member_box h3 {
	width: 230px;
	height: 46px;
	background: url("../img/h3_member_box.gif") no-repeat left center;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -10000px;
}


/*地図データ一覧*/
#map_area_box {
	width: 230px;
	background: #ffffff;
	padding: 9px;
	border: 1px solid #ad9c6a;
	margin-bottom: 10px;
}
#map_area_box h3 {
	width: 230px;
	height: 46px;
	background: url("../img/h3_map_area.gif") no-repeat left center;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -10000px;
}
#map_area_box ul {
}
#map_area_box ul li {
	padding: 8px 8px 8px 15px;
	background: url("../img/ring_orange.gif") no-repeat left center;
}



#side_bnr {
}
#side_bnr li {
	margin-bottom: 10px;
}

.report_date {
        font-size: 95%;
        font-weight: normal;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


#go_top {
	width: 200px;
	height: 60px;
	position: absolute;
	top: -60px;
	right: 0;

}
#go_top a {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 60px;
	background: url("../img/btn_go_top.gif") no-repeat left top;
	text-indent: -10000px;
}

#footer {
	background: url("../img/ft_bg.gif") repeat-x left top #ffffff;
	height: 150px;
	margin-top: 50px;
}
.footer_inr {
	width: 980px;
	height: 140px;
	margin: 0 auto;
	position: relative;
}
.footer_inr small {
	position: absolute;
	top: 20px;
	left: 0;
}
.footer_inr address {

	position: absolute;
	font-style: normal;
	left: 0;
	top: 50px;
}
span.new {
	background: red;
	color: #fff;
	padding: 3px;

}