@charset "shift_jis";

/* 一括で全ての要素の余白をゼロに指定 */
* {
	margin: 0;
	padding: 0;
}

body{
    line-height:1.2em;
	background-color:#ffffff;
}

img{border:0;}
.list-img{float:left;}
.pict-img{margin:10px;}

a:link,a:visited,a:active{
	color:#1199bb;
	text-decoration:none;
}
a:hover{
	color:#77ddee;
    border-bottom:1px dotted #1199bb;
    text-decoration:none;
}

p{
    line-height:1.5em;
}

strong.more{
	text-shadow:#c0c0c0 1px 1px;
	filter:dropshadow(OffX=1, OffY=1, Color='#c0c0c0', Positive='true');
	zoom:1;
}
.emphasis{
	margin:0 10px;
	font-size:110%;
	font-weight:bold;
	text-shadow:#c0c0c0 1px 1px;
	filter:dropshadow(OffX=1, OffY=1, Color='#c0c0c0', Positive='true');
	z-index:10;
}

table.noborder{
	margin:0;
	padding:2px;
    border:none;
    border-spacing:0;
    background-color:transparent;
    width:100%;
}
.noborder th{
    padding:4px;
    text-align:right;
    line-height:1.5em;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}
.noborder td{
    padding:4px 8px;
    line-height:1.5em;
}

table.list{
	margin:0;
	padding:2px;
    border:none;
    border-spacing:0;
    background-color:transparent;
}
.list th{
    padding:4px;
    color: #990033;
    text-align:right;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}
.list td{
    padding:4px 8px;
    line-height:1.5em;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}

table.borderlist{
    border-spacing:0;
    border-left:5px:1px solid #6666FF;
    border-bottom: 1px solid #000099;
    background-color:transparent;
    width:100%;
}
.borderlist th{
    padding:4px;
    border-left:5px:1px solid #000099;
    border-bottom: 1px solid #6666FF;
    line-height:1.5em;
    text-align:center;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}
.borderlist td{
    padding:10px 0 10px 10px;
    border-left:5px:1px solid #000099;
    border-bottom: 1px solid #6666FF;
    line-height:1.5em;
}

table.blacklist{
    border-spacing:0;
    border-left:5px:1px solid #6666FF;
    border-bottom: 1px solid #000099;
    background-color:#333333;
    color: #CCCCCC;
    width:100%;
}
.blacklist th{
    padding:4px;
    border-left:5px:1px solid #000099;
    border-bottom: 1px solid #6666FF;
    line-height:1.5em;
    text-align:center;
}
.blacklist td{
    padding:10px 0 10px 10px;
    border-left:5px:1px solid #000099;
    border-bottom: 1px solid #6666FF;
    line-height:1.5em;
}

table.paragraph{
	padding:3px 0 5px 20px;
    border:none;
    border-spacing:0;
    background-color:transparent;
    width:100%;
}
.paragraph th{
    padding:4px;
    color: #990033;
    line-height:1.5em;
    text-align:left;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}
.paragraph td{
    padding:4px 0 20px 20px;
    line-height:1.5em;
}

table.simpleparagraph{
	padding:3px 3px 5px 5px;
    border:none;
    border-spacing:0;
    background-color:transparent;
}
.simpleparagraph th{
    padding:4px;
    color: #990033;
    line-height:1.5em;
    text-align:left;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}
.simpleparagraph td{
    padding:4px 0 20px 10px;
    line-height:1.5em;
}

table.charlist{
	margin:0;
	padding:2px 0;
    border:none;
    border-spacing:0;
}
.charlist th{
    padding:0.3em 0.5em 2px 1em;
    color:black;
    font-weight:normal;
    text-align:left;
    vertical-align:top;
    background:none;
}
.charlist td{
    padding:2px;
    line-height:1.5em;
}

table.comment{
	margin:0 1em;
	padding:2px;
    border:none;
    border-spacing:0;
    background:none;
    font-family: 'ＭＳ 明朝','ヒラギノ明朝Pro',serif;
    font-size:140%;
    font-weight:bold;
    color:black;
}
.comment th{
    text-align:right;
    line-height:1.5em;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}
.comment td{
	padding:none;
    line-height:1.5em;
}

table.blueborder{
	margin:0 5px;
	border:2px dotted #000099;
	border-collapse:collapse;
	border-spacing:0;
    background-color:transparent;
}
.blueborder th{
    padding:4px;
	border:2px dotted #000099;
    line-height:1.5em;
    color:black;
	background:none;
}
.blueborder td{
    padding:4px 8px;
	border:2px dotted #000099;
}

table.orangeborder{
	margin:0 5px;
	border:2px dotted #FF6600;
	border-collapse:collapse;
	border-spacing:0;
    background-color:transparent;
}
.orangeborder th{
    padding:4px;
	border:2px dotted #FF6600;
    line-height:1.5em;
    color:black;
	background:none;
}
.orangeborder td{
    padding:4px 8px;
	border:2px dotted #FF6600;
}

table.bluetable{
	margin:0 5px;
	border:2px solid #3399FF;
	border-collapse:collapse;
	border-spacing:0;
    background-color:transparent;
}
.bluetable th{
    padding:4px;
	border:2px solid #3366FF;
	text-align: center;
    line-height:1.5em;
    color:#FFFFFF;
    background:#000099 none;
}
.bluetable td{
    padding:4px 8px;
	border:2px solid #3366FF;
}

ul.kokorozasi {
	padding:0 0 0 2em;
}
.kokorozasi li {
	list-style: cjk-ideographic outside;
	padding:2px 0;
}

.h1box{
	margin:0;
	padding:0;
	background:url("../image/orange-line.png") repeat-x;
}
.h2box{
	margin:15px 0 4px 0;
	padding:0 10px;
	border-bottom: 2px solid #cc3333;
	background-color:#e8e8e8;
}
.h3box{
    padding:4px;
    color: #990033;
    line-height:1.5em;
    text-align:left;
	background:url("../image/darkyellow-gradation.png") repeat-x bottom;
}

h1{
	line-height:1.6em;
	text-align:center;
    font-family: 'ＤＦ太丸ゴシック体','AR P丸ゴシック体M','ヒラギノ丸ゴPro', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:200%;
	color:#990033;
	text-shadow:#cccccc 2px 2px;
	filter:dropshadow(OffX=2, OffY=2, Color='#cccccc', Positive='true');
	zoom:1;
}
h2{
	line-height:36px;
	text-align:left;
	font-size:130%;
	font-weight:bold;
	color:#990033;
	text-indent: 6px;
}
h3{
	font-size:110%;
	font-weight:bold;
	text-shadow:#c0c0c0 1px 1px;
	filter:dropshadow(OffX=1, OffY=1, Color='#c0c0c0', Positive='true');
	zoom:1;
}
h4{
	font-size:100%;
	font-weight:bold;
	text-shadow:#c0c0c0 1px 1px;
	filter:dropshadow(OffX=1, OffY=1, Color='#c0c0c0', Positive='true');
	zoom:1;
}

.shadow{
	text-shadow:#c0c0c0 1px 1px;
	filter:dropshadow(OffX=1, OffY=1, Color='#c0c0c0', Positive='true');
	zoom:1;
}

.borderarea{
	margin:3px;
	width: auto;
	border:2px dotted #000099;
}
.borderareaorange{
	margin:3px;
	width: auto;
	border:2px dotted #FF6600;
}


/* --- googleマップ表示エリア --- */
#office_map{
	margin: 10px;
	border: 2px dotted #FF6600;
}
#emecs_map{
	margin: 10px;
	border: 2px dotted #FF6600;
}
#hisaichi_map{
	margin: 10px;
	border: 2px dotted #FF6600;
}

/* --- リンケージエリア --- */
#linkage {
	display:block;
	padding:20px 5px 0 5px;
	border-left:5px:2px dotted #FF6600;
}
#linkage ul.nl {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}
#linkage ul.nl li {
	display: inline;
	padding: 0 7px 0 15px;
	background: url(../image/orange_triangle.png) no-repeat 0 0.2em;
	line-height:1.5em;
}


/* --- メッセージ「人づくりまちづくり」 --- */
#hm1 {
	display:block;
	margin:20px 10px;
	padding:10px 0;
}
#hm1 ul.nl {
	margin:0;
	padding:10px 0;
	list-style-type: disc;
	list-style: disc inside;
	border-left:8px solid #9999FF;
}
#hm1 ul.nl midasi{
	display:block;
	margin:0 0 20px 0;
	padding:10px;
	font-size: large;
	color: #5050FF;
	border-bottom:2px solid #9999FF;
}
#hm1 ul.nl li {
	padding:0 0 0 20px;
	font-size: none;
	line-height:1.5em;
}

#hm2 {
	display:block;
	margin:20px 10px;
	padding:10px 0;
}
#hm2 ul.nl {
	margin:0;
	padding:10px 0;
	list-style-type: disc;
	list-style: disc inside;
	border-left:8px solid #33CC33;
}
#hm2 ul.nl midasi{
	display:block;
	margin:0 0 20px 0;
	padding:10px;
	font-size: large;
	color: #00AA00;
	border-bottom:2px solid #33CC33;
}
#hm2 ul.nl li {
	padding:0 0 0 20px;
	font-size: none;
	line-height:1.5em;
}

#hm3 {
	display:block;
	margin:20px 10px;
	padding:10px 0;
}
#hm3 ul.nl {
	margin:0;
	padding:10px 0;
	list-style-type: disc;
	list-style: disc inside;
	border-left:8px solid #FFCC66;
}
#hm3 ul.nl midasi{
	display:block;
	margin:0 0 20px 0;
	padding:10px;
	font-size: large;
	color: #CCAA00;
	border-bottom:2px solid #FFCC66;
}
#hm3 ul.nl li {
	padding:0 0 0 20px;
	font-size: none;
	line-height:1.5em;
}

#hm4 {
	display:block;
	margin:20px 10px;
	padding:10px 0;
}
#hm4 ul.nl {
	margin:0;
	padding:10px 0;
	list-style-type: disc;
	list-style: disc inside;
	border-left:8px solid #99FF00;
}
#hm4 ul.nl midasi{
	display:block;
	margin:0 0 20px 0;
	padding:10px;
	font-size: large;
	color: #66CC00;
	border-bottom:2px solid #99FF00;
}
#hm4 ul.nl li {
	padding:0 0 0 20px;
	font-size: none;
	line-height:1.5em;
}

#hm5 {
	display:block;
	margin:20px 10px;
	padding:10px 0;
}
#hm5 ul.nl {
	margin:0;
	padding:10px 0;
	list-style-type: disc;
	list-style: disc inside;
	border-left:8px solid #FF33AA;
}
#hm5 ul.nl midasi{
	display:block;
	margin:0 0 20px 0;
	padding:10px;
	font-size: large;
	color: #CC3399;
	border-bottom:2px solid #FF33AA;
}
#hm5 ul.nl li {
	padding:0 0 0 20px;
	font-size: none;
	line-height:1.5em;
}


.announce{
	margin: 20px 20px 20px 0;
	padding: 20px 30px;
}

/* --- facebook エリア --- */
.resizeimage_FB {
	max-width: 200px;
  /*  min-width: 240px; */
 }
 
 .FBarea {
	margin:20px 0 0 5px;
	padding:5px;
     border:3px dotted #3B5998;  
 }