/* ==========================================================================*/
/*【全般設定】*/
/* ==========================================================================*/

html{
	background:#FFFFFF;
	background-image:url(../images/common/bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-attachment:fixed;
}

body {
	margin:0;
	padding:0;
	font-size:62.5%;
	line-height:1.6;
	color:#4c4c4c;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Arial,Verdana,sans-serif;
	text-align:center;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}

dl,dt,dd,
form,fieldset,input,textarea,button{
	margin:0;
	padding:0;
}

form{
	font-size:1em;
}

fieldset{
	border:solid 1px #aaaaaa;
}

textarea{
	padding:0.2em;
	border:1px solid #aaaaaa;
}

input{
	padding:0.2em;
	border:1px solid #aaaaaa;
}

input.formButton {

}

p {
	margin:1.4em 0;
}

img{
	border:none;
	vertical-align:middle;
}


.hidden{
	display:none;
}


/* ==========================================================================*/
/*【テーブルの設定】*/
/* ==========================================================================*/


table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

th {
	padding:4px;
	font-size:100%;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
	background:#EAF4D2;
	border:solid 1px #999999;
}

td {
	padding:4px;
	font-size:100%;
	line-height:1.2;
	border:solid 1px #999999;
}

td.head {
	padding:4px;
	font-size:100%;
	line-height:1.2;
	background:#eeeeee;
	border:solid 1px #999999;
}

table.bordernone{
	border:none;
}

table.bordernone th{
	border:none;
}

table.bordernone td{
	border:none;
}


/* ==========================================================================*/
/*【リンクの設定】*/
/* ==========================================================================*/

a {
	color:#399692;
	text-decoration:underline;
}

a:hover {
	color:#399692;
	text-decoration:underline;
	font-size:bold;
}



/* ==========================================================================*/
/*【見出しの設定】*/
/* ==========================================================================*/

h1 {
	margin:0;
	padding:0;
}

h1.page {
	margin:0;
	padding:8px;
	font-weight:bold;
	color:#ffffff;
	font-size:1.4em;
	background-color:#079042;
	border-top:solid 1px #62B74C;
	border-bottom:solid 1px #62B74C;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

h1 a {
	color:#ffffff;
	text-decoration:none;
}

h2 {
	margin:0;
	padding:0;
}

h2.page {
	margin:1.4em 0;
	padding:6px;
	font-weight:bold;
	color:#000000;
	font-size:1.2em;
	background-color:#eef8d2;
	border-top:solid 2px #079042;
	border-bottom:dotted 1px #079042;
}

h2 a {
	color:#000000;
	text-decoration:none;
}


h3 {
	margin:1.2em 0;
	padding:6px;
	color:#000000;
	font-weight:bold;
	font-size:1em;
	border-top:double #079042;
	border-bottom:double #079042;
}

h3 a {
	color:#000000;
	text-decoration:none;
}


h4 {
	margin:1.2em 0;
	font-size:1em;
	color:#000000;
	background:#FFFFFF;
	border:dotted 1px #079042;
	padding:5px 10px;
	text-align:left;
}

h4 a{
	color:#000000;
	text-decoration:none;
}

h5 {
	margin:1.2em 0;
	font-size:1em;
	color:#000000;
	background:#FFFFFF;
	padding:5px 10px;
	font-weight:bold;
}

h5 a{
	color:#000000;
	text-decoration:none;

}

hr{
	height:1px;
	border: 1px dotted #4fc9c4;
	margin:1em 0;
}


/* ==========================================================================*/
/*【リストの設定】*/
/* ==========================================================================*/

ul {
	margin:0px;
	margin-left:15px;
	padding:0px;
	padding-left:15px;
	text-align:left;
	font-size:1.0em;
}

ol {
	margin:0px;
	margin-left:15px;
	padding:0px;
	padding-left:15px;
	text-align:left;
	font-size:1.0em;
}

ul li {
	list-style:outside;
	margin:0.5em 0em;
	background-image:none;
}

ol li {
	list-style:outside;
	margin:0.5em 0em;
	background-image:none;
	list-style-type: decimal;
}

ul.bulletin{
	margin:0;
	padding:0;
}

ul.bulletin li{
	padding:0.5em 5px;
	margin:0;
	list-style:none;
	border-bottom:dotted 1px #555555;
	line-height:1.4;
	background:#FFFFFF;
}


/* ==========================================================================*/
/*【レイアウト設定】*/
/* ==========================================================================*/

.inner {
	padding:0 10px 10px 10px;
}

#header {
	padding:0;
	text-align:center;
	background-image:url(../images/common/hbg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

#header-inner {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
	line-height:1.5;
	font-size:1.2em;
}

#headermenu {
	margin:0;
	padding:0 10px;
	font-size:0.8em;
}

#logo {}

#container {
	width:960px;
	margin:0 auto;
	text-align:left;
	font-size:1.4em;
}

#return{
	width:960px;
	margin:0 auto;
	margin-top:10px;
	text-align:right;
}
#footer {
	padding:5px 0;
	text-align:center;
	background:#eaf4d2;
}

#footer-inner {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
	line-height:1.5;
	font-size:1.2em;
}


/* ==========================================================================*/
/*【ソーシャルボックス設定】*/
/* ==========================================================================*/

ul#social_box{
	width:40px;
	padding:10px;
	margin-left:-50px;
	text-align:center;
	position:fixed;
	top:200px;
	list-style-type:none;
}

ul#social_box li{
	list-style:outside none;
}

ul#social_box {
	/position: expression('absolute');
	/top: expression((documentElement.scrollTop || document.body.scrollTop) + 200 + 'px');
	/left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 150 + 'px');
}


/* ==========================================================================*/
/*【やまなし絆ネットワークページ定義】*/
/* ==========================================================================*/

.point{
	width:440px;
	padding:10px;
	margin-bottom: 20px;
	background:#B3DEEB;
	text-align:center;
}

.point_inner{
	width:420px;
	background:#ffffff;
	margin:0;
	padding:10px;
	text-align:left;
	height:100%;
	overflow:hidden;
}

.point_title{
	font-size:1.4em;
	line-height:1.2;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#000000;
}


/* ==========================================================================*/
/*【新しい公共の場づくりのためのモデル事業ページ定義】*/
/* ==========================================================================*/

table th.pjlogo {
	width:150px;
}

table th.pjcon {
	width:300px;
}

table th.pjwall {
	width:490px;
}

table.pj td {
	background:#ffffff;
}

table.pj td.top {
	vertical-align:top;
}


/* 複数RSSフィードをまとめて昇降順に表示する定義 */
#links {}

#links ul {
	list-style-type:none;
	width: 490px;
}

#links li {
	list-style:outside none;
	border: 1px dotted #4fc9c4;
	border-width: 1px 0;
	margin: 0;
	background-image:none;
}

#links li a {
	color:#4c4c4c;
 	display: block;
	padding: 5px;
	text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 490px;
}

#links li a:hover {
	background: #eef8d2;
	  filter: alpha(opacity=100);
	  -moz-opacity:1.00;
	  opacity:1.00;
}

#links a span.date {
	color:#4c4c4c;
}

#links a span.entrytitle {
;	color:#399692;
	line-height:1.5;
}

#links a span.new{
	color:#ff0000;
	font-weight:bold;
}


/* ==========================================================================*/
/*【NPO団体一覧ページ定義】*/
/* ==========================================================================*/

.npolist {}

.npolist ul {
	list-style-type:none;
	width: 940px;
	margin:0;
	padding:0;
}

.npolist ul li {
	list-style: none;
	border-bottom: 1px dotted #4fc9c4;
	border-width: 1px 0;
	margin: 0;
}

.npolist ul li a {
	color:#4c4c4c;
 	display: block;
	padding: 8px;
	text-decoration: none;
	padding-left:30px;
 	background-image:url(../images/common/npolist.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

 * html .npolist ul li a {  /* make hover effect work in IE */
	width: 960px;
}

.npolist ul li a:hover {
	background: #eef8d2;
	  filter: alpha(opacity=100);
	  -moz-opacity:1.00;
	  opacity:1.00;
 	background-image:url(../images/common/npolist.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#399692;
	text-decoration:underline;
}


table.npolist {
	width:100%;
	background: #ffffff;
}

table.npolist th.item01{
	width:350px;
}

table.npolist th.item02{
	width:150px;
}

table.npolist th.item03{
	width:270px;
}

table.npolist th.item04{
	width:170px;
}




/* ==========================================================================*/
/*【検索ページ定義】*/
/* ==========================================================================*/

table.search {
	width:100%;
}

table.search th{
	width:150px;
}


/* ==========================================================================*/
/*【検索結果ページ定義】*/
/* ==========================================================================*/

/* タブメニューの設定 */
ul.tabNavigation {
	margin:0;
	padding:0;
	border-bottom: 3px solod #079042;
}

ul.tabNavigation li {
	list-style: none;
	margin:0;
	padding:0;
	width:470px;
	float:left;
}

ul.tabNavigation li a {
	padding: 10px;
	margin:0 1px;
	border:1px solid #079042;
/*	border-bottom:none;	*/
	background:#ffffff;
	text-decoration: none;
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#4c4c4c;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
	background-color: #079042;
	color: #ffffff;
	font-weight:bold;
	font-size:1.2em;
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs div#map,div#list {
	margin:0;
	padding: 0;
	padding-top:1px;
	width:940px;
	clear:both;
}

div.tabs > div h2 {}



span.tosearch {
	padding:4px 8px;
	border:solid 1px #399692;
	background:#ffffff;
	color:#399692;
}

.cases {
	margin:0;
	padding:0;
	text-align:right;
}

.list-navi {
	margin:0;
	padding:0;
}

span.n-navi {
	padding:4px;
	border:dotted 1px #999999;
	background:#ffffff;
	font-size:0.9em;
}


table.result {
	width:100%;
	margin:10px 0;
}

table.result td.head{
	width:150px;
}

table.result td.item{
	width:330px;
}


/* 吹き出しの設定 */

.bubble-ex {
	position: relative;
	width: 400px;
}

.bubble-ex .body {
	background-color: #A5D63B;
	text-align:center;
}


.bubble-ex .body-inner {
	background-color: #A5D63B;
	padding:10px;
}


.bubble-ex .body table{
	width:380px;
	background:#ffffff;
	text-align:left;
}

.bubble-ex .body table td.head{
	width:80px;
}

.bubble-ex .tail {
	border-top: 18px solid #A5D63B;
	border-right: 24px solid transparent; 
	position: absolute;
	bottom: -18px;
	left: 36px;
	width: 0; 
	height: 0; 
}

*html .bubble-ex .tail {
	border-top: 18px solid #A5D63B;
	border-right: 24px solid transparent; 
	position: absolute;
	bottom: -30px;
	left: 36px;
	width: 0; 
	height: 0; 
}


.bubble-npo {
	position: relative;
	width: 400px;
}

.bubble-npo .body {
	background-color: #FEB63D;
	text-align:center;
}


.bubble-npo .body-inner {
	background-color: #FEB63D;
	padding:10px;
}


.bubble-npo .body table{
	width:380px;
	background:#ffffff;
	text-align:left;
}

.bubble-npo .body table td.head{
	width:80px;
}

.bubble-npo .tail {
	border-top: 18px solid #FEB63D;
	border-right: 24px solid transparent; 
	position: absolute;
	bottom: -18px;
	left: 36px;
	width: 0; 
	height: 0; 
}

*html .bubble-npo .tail {
	border-top: 18px solid #FEB63D;
	border-right: 24px solid transparent; 
	position: absolute;
	bottom: -30px;
	left: 36px;
	width: 0; 
	height: 0; 
}


/* ==========================================================================*/
/*【震災復興支援ページ定義】*/
/* ==========================================================================*/

table.data {
	width:100%;
	background: #ffffff;
}

table.data th{
	text-align:center;
}

table.data td{
	text-align:center;
}

table.data th.item01{
	width:190px;
}

table.data th.item02{
	width:100px;
}

table.data th.item03{
	width:150px;
	background:#eeeeee;
}

table.data th.sum{
	padding:10px;
	background:#eeeeee;
}

table.data td.sum{
	background:#EDF7FD;
}


/* ==========================================================================*/
/*【避難者・支援者情報マップページ定義】*/
/* ==========================================================================*/

#map-canvas {
	position: relative;
	margin:0;
	margin-bottom:1em;
	padding:0;
	text-align:center;
}

.popup-title {
	font-size:1.8em;
	font-weight:bold;
	color:#000000;
}

table.popup-ns {
	margin:10px 0;
	width:100%;
	text-align:left;
	font-size:1.2em;
}

table.popup-ns th{
	width:20%;
}

table.popup-ns td{
	width:80%;
}


.s-databox {
	width:560px;
	padding:5px;
	border:2px solid #cccccc;
	background:#ffffff;
}

.s-Ldatabox {
	width:290px;
	margin-right:5px;
	float:left;
}

.s-Rdatabox {
	width:245px;
	margin-left:5px;
	float:right;
}

.nsdata-city {
	font-size:1.8em;
	font-weight:bold;
	color:#000000;
}

table.nsdata {
	width:290px;
	font-size:0.9em;
	margin-top:10px;
}

table.nsdata th{
	font-size:0.9em;
	width:80px;
}

table.nsdata td{
	text-align:left;
}

.ns-item {
	margin-top:0.5em;
	padding:2px 6px;
	font-weight:bold;
	color:#000000;
	background:#EEF8D2;
	text-align:left;
}

ul.ns-list {
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0px;
	padding-left:10px;
	font-size:0.9em;
}

ul.ns-list li {
	list-style:outside;
	margin:0.3em 0em;
	background-image:none;
}

.ns-inquiry {
	margin:10px 0;
	text-align:right;
}


.nsdata-cityname {
	position: absolute;
	width: 226px;
	margin-left:-113px;
	left: 50%;
}




/* ==========================================================================*/
/*【避難者の活躍レポートページ定義】*/
/* ==========================================================================*/

.reportbox {
	width:940px;
	margin: 0;
	padding:15px 0;
	border-bottom:dotted 1px #079042;
}

.rbl{
	width:300px;
	float:left;
	margin-right:15px;
}

.rbr{
	width:610px;
	float:right;
	margin-left:15px;
}


.rb-title {
	width:610px;
	margin:0 0 1.4em 0;
	padding:6px;
	font-weight:bold;
	color:#000000;
	font-size:1.3em;
	background-color:#eef8d2;
	border-top:solid 2px #079042;
	border-bottom:dotted 1px #079042;
}

.rb-title span {
	font-size:0.75em;
}

.rb-con {
	width:610px;
}

.fullstory {
	width:610px;
	margin:5px 0;
	text-align:right;
}

.reportslist {
	margin:1em 0;
	width:940px;
}

.reportslist a{
 	display: block;
	padding:10px 15px;
	border:solid 1px #079042;
	background:#ffffff;
	color:#079042;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}


.reportslist a:hover{
 	display: block;
	padding:10px 15px;
	border:solid 1px #079042;
	background:#079042;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
}





/* ==========================================================================*/
/*【みんなの動画ひろばページ定義】*/
/* ==========================================================================*/

.moviebox {
	width:450px;
	margin:0 10px;
	padding:10px 0;
	border-bottom:dotted 1px #079042;
	display:inline;
	float:left;
}

.mb-title {
	width:450px;
	margin:0 0 1em 0;
	padding:6px 0;
	font-weight:bold;
	color:#000000;
	font-size:1.3em;
	background-color:#eef8d2;
	border-top:solid 2px #079042;
	border-bottom:dotted 1px #079042;
}

.mb-title span {
	font-size:0.75em;
}

.mb-con {
	width:450px;
}


/* ==========================================================================*/
/*【バナー定義】*/
/* ==========================================================================*/

.banner {
	padding:10px 0;
}

.banner-ex {
	margin-bottom:10px;
	padding:10px 0;
	border-bottom: 1px dotted #999999;
}


/* ==========================================================================*/
/*【clearfixの設定】*/
/* ==========================================================================*/


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	overflow: hidden;
	display:inline-block;
}



# * html .clearfix             { zoom: 1; } /* IE6 */  
# *:first-child+html .clearfix { zoom: 1; } /* IE7 */  


/* ==========================================================================*/
/*【回り込みなどの定義】*/
/* ==========================================================================*/

.left{
	float:left;
	margin-right:10px;
}

.right{
	float:right;
	margin-left:10px;
}

.clear-l{
	clear: left;
}

.clear-r{
	clear: right;
}


/* 文字整形の設定 */
.textleft{
	text-align:left;
}

.textright{
	text-align:right;
}

.textcenter{
	text-align:center;
}


.waku {
	border: 1px dotted #4fc9c4;
	background:#ffffff;
	margin:1.4em 0px;
	padding:15px;
	font-size:1.2em;
}

.waku2 {
	padding:0 10px;
}