@charset "utf-8";
html {
	height:100%;
}

body {
	height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:90%;
}

#wrapper {
	height:100%;
}

#header {
	height:170px;
	text-align:right;
	color: #333;
	background-color:#FFF;
}

#header_top {
	background-image: url(../img/header_top.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 980px;
	margin:0 auto;
	padding-top: 3px;
	background-color:#FFF;
}

#header #header_mid {
	background-image: url(../img/header_mid-2.jpg);
	background-repeat: no-repeat;
	height: 137px;
	width: 980px;
	margin:0 auto;
	padding-top:3px;
}
/*#menu {
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
*/
#menu {
	display:none;
}

/*#menu #menu_main {
	width: 980px;
	margin:0 auto;
	background-image: url(../img/header_menu.jpg);
	padding-top: 10px;
	padding-left:3px;
	clear: both;
}
*/
#contents{
	overflow:hidden;
	width:980px;
	margin:0 auto;
	background-color:#FFF;
}

#maincolumn{
	float:right;
	height: 100%;
	width:760px;
	background-color:#FFF;
}

#sidecolumn {
	float:left;
	height: 100%;
	width:214px;
	padding: 3px;
}
#sidecolumn side_menu {
}

#wrapper #footer{
	margin:0 auto;
	margin-top:20px;
	width: 980px;
	background-color:#093;
}

#wrapper #footer #footer_main {
	text-align: center;
	color: #FFF;
	height:5em;
}

	
/*装飾*/
h1{
	font-size:150%;
}
h2{
	font-size:140%;
}
h3{
	font-size:130%;
}
h4{
	font-size:120%;
}
h5{
	font-size:110%;
}
hr {
	border:none;
	height:3px;
	background-image:url(../img/hr.jpg);
	clear: both;
}
ol {
	list-style:decimal;
	list-style-position:inside;
}
ul {
	list-style-position:inside;
	list-style-type: disc;
}
dl {
	padding-left:2em;

}
dt {
	font-weight:bolder;
}
dd {
	padding-left:2em;
}



/*ヘッダー部*/
#wrapper #header #header_mid p {
	font-size:160%;
	
}

/*ヘッダーメニュー*/

#header_kensaku {
	position:relative;
	height:77px;
	padding:3px 3px 0 0;
}

#header_breadcrumb {
	font-size:100%;
	margin-left:3px;
}

/*トップメニュー*/

#header #header_top ul {
	float:right;
	clear:both;
}
#header #header_top li {
	display:inline;
	float:right;
	border-left:1px solid #666;
}  
#header #header_top a {
	display:block;
	color:#666;
	text-decoration:none;
	padding:3px 5px 3px 5px;
}
#header #header_top a:hover {
	background-color:#E7E7E7;
}


/*トップメニュー（ミドル）*/
#header #header_mid ul {
	float:right;
	clear:both;
}
#header #header_mid li {
	display:inline;
	float:right;
	border-left:1px solid #666;
}  
#header #header_mid a {
	display:block;
	color:#666;
	text-decoration:none;
	padding:3px 5px 3px 5px;
}
#header #header_mid a:hover {
	background-color:#E7E7E7;
}

/*メインメニュー*/

#menu #menu_main ul {
	float:left;
	clear:both;
}
#menu #menu_main li {
	display:inline;
	float:left;
	border-left:1px solid #666;
}  
#menu #menu_main a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}
#menu #menu_main a:hover {
	background-color:#FFF;
}

/*サイドメニュー*/

#sidecolumn #side_menu {
	
}

#sidecolumn #side_menu ul {
	clear:both;
	list-style-type:none;
}

#sidecolumn #side_menu li {
	border:#69F solid 1px;
	font-size:1em;
	margin:3px 3px 3px 0
}  

#sidecolumn #side_menu a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:0.4em 0 0.4em 3px;
	background-color:#EAEAEA;
	font-size: 102%;
}

#sidecolumn #side_menu a:hover {
	background-color:#FFF;

}


#sidecolumn #information {
	padding:3px 3px 3px 3px;
	background-color: #fff;
	font-size:93%;
}



/*コンテンツ部　記事*/

#maincolumn .box {
	padding: 3px;
}

#maincolumn img {
	border:none;
}
#maincolumn img.right {
	float:right;
	clear:both;
}

#maincolumn img.left {
	float:left;
	clear:both;
}

.entryColumn h2, .entryColumn h3, .entryColumn h4, .entryColumn h5{
	margin-top:15px;
}

#maincolumn h1,h2,h3,h4,h5,h6 {
	margin-bottom:0.1em;
}

#maincolumn .box h1{
	padding:0.2em 0 0.2em 0.5em;
	clear:both;
/*
	background-image:url(../img/header_menu.jpg);
	background-repeat:no-repeat;
*/

	background: #DCDCDC;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#b0b0b0');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#b0b0b0')";
background-image: -moz-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: -ms-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: -o-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: -webkit-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: linear-gradient(top, #f0f0f0, #b0b0b0);


}
#maincolumn .box h2{
	padding:0.2em 0 0.2em 0.5em;
	clear:both;
/*
	background-image:url(../img/header_menu.jpg);
	background-repeat:no-repeat;
*/
	background: #DCDCDC;

}
#maincolumn .box h3{
	padding:0.2em 0 0.2em 0.5em;
	clear:both;
	width: 98%;
/*
	background-image:url(../img/header_menu.jpg); 
	background-repeat:no-repeat;
*/
	background: #ABC;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddeeff', endColorstr = '#8899aa');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddeeff', endColorstr = '#8899aa')";
background-image: -moz-linear-gradient(top, #ddeeff, #8899aa);
background-image: -ms-linear-gradient(top, #ddeeff, #8899aa);
background-image: -o-linear-gradient(top, #ddeeff, #8899aa);
background-image: -webkit-linear-gradient(top, #ddeeff, #8899aa);
background-image: linear-gradient(top, #ddeeff, #8899aa);

}
#maincolumn .box h4{
	padding:0.2em 0 0.2em 0.5em;
	clear:both;
	width: 96%;
/*
	background-image:url(../img/header_menu.jpg);
	background-repeat:no-repeat;
 */
	background: #AC9;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffcc', endColorstr = '#88aa77');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffcc', endColorstr = '#88aa77')";
background-image: -moz-linear-gradient(top, #ddffcc, #88aa77);
background-image: -ms-linear-gradient(top, #ddffcc, #88aa77);
background-image: -o-linear-gradient(top, #ddffcc, #88aa77);
background-image: -webkit-linear-gradient(top, #ddffcc, #88aa77);
background-image: linear-gradient(top, #ddffcc, #88aa77);


}
#maincolumn .box h5{
	padding:0.2em 0 0.2em 0.5em;
	clear:both;
	width: 94%;
/*
	background-image:url(../img/header_menu.jpg);
	background-repeat:no-repeat;
*/
	background: #ACD;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffff', endColorstr = '#88aabb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffff', endColorstr = '#88aabb')";
background-image: -moz-linear-gradient(top, #ddffff, #88aabb);
background-image: -ms-linear-gradient(top, #ddffff, #88aabb);
background-image: -o-linear-gradient(top, #ddffff, #88aabb);
background-image: -webkit-linear-gradient(top, #ddffff, #88aabb);
background-image: linear-gradient(top, #ddffff, #88aabb);

}
#maincolumn .box p{
	padding:0.2em 0 0.2em 0.5em;
}
#maincolumn .box ul{
	padding:0.2em 0 0.2em 0.5em;
}

#maincolumn div.otoiawasesaki{
	font-size:120%;
	font-weight:bold;
	background-color:#DBEABF;
	padding:2em;
	text-align: center;
	background-image:url(../img/header_menu.jpg);
	background-repeat:no-repeat;
}

/*緊急情報用*/

#maincolumn .emergency {
     padding: 3px;
}

#maincolumn .emergency h1{
     padding:0.2em 0 0.2em 0.5em;
     clear:both;
/*
     background-image:url(../img/header_menu.jpg);
     background-repeat:no-repeat;
*/

     background: #DCDCDC;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#b0b0b0');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#b0b0b0')";
background-image: -moz-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: -ms-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: -o-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: -webkit-linear-gradient(top, #f0f0f0, #b0b0b0);
background-image: linear-gradient(top, #f0f0f0, #b0b0b0);

}
#maincolumn .emergency h2{
     padding:0.2em 0 0.2em 0.5em;
     clear:both;
/*
     background-image:url(../img/header_menu.jpg);
     background-repeat:no-repeat;
*/
     background: #DCDCDC;

}
#maincolumn .emergency h3{
     padding:0.2em 0 0.2em 0.5em;
     clear:both;
     width: 98%;
/*
     background-image:url(../img/header_menu.jpg); 
     background-repeat:no-repeat;
*/
     background: #ABC;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffe0de', endColorstr = '#ff1506');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffe0de', endColorstr = '#ff1506')";
background-image: -moz-linear-gradient(top, #ffe0de, #ff1506);
background-image: -ms-linear-gradient(top, #ffe0de, #ff1506);
background-image: -o-linear-gradient(top, #ffe0de, #ff1506);
background-image: -webkit-linear-gradient(top, #ffe0de, #ff1506);
background-image: linear-gradient(top, #ffe0de, #ff1506);

}
#maincolumn .emergency h4{
     padding:0.2em 0 0.2em 0.5em;
     clear:both;
     width: 96%;
/*
     background-image:url(../img/header_menu.jpg);
     background-repeat:no-repeat;
*/
     background: #AC9;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffcc', endColorstr = '#88aa77');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffcc', endColorstr = '#88aa77')";
background-image: -moz-linear-gradient(top, #ddffcc, #88aa77);
background-image: -ms-linear-gradient(top, #ddffcc, #88aa77);
background-image: -o-linear-gradient(top, #ddffcc, #88aa77);
background-image: -webkit-linear-gradient(top, #ddffcc, #88aa77);
background-image: linear-gradient(top, #ddffcc, #88aa77);


}
#maincolumn .emergency h5{
     padding:0.2em 0 0.2em 0.5em;
     clear:both;
     width: 94%;
/*
     background-image:url(../img/header_menu.jpg);
     background-repeat:no-repeat;
*/
     background: #ACD;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffff', endColorstr = '#88aabb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddffff', endColorstr = '#88aabb')";
background-image: -moz-linear-gradient(top, #ddffff, #88aabb);
background-image: -ms-linear-gradient(top, #ddffff, #88aabb);
background-image: -o-linear-gradient(top, #ddffff, #88aabb);
background-image: -webkit-linear-gradient(top, #ddffff, #88aabb);
background-image: linear-gradient(top, #ddffff, #88aabb);

}
#maincolumn .emergency p{
     padding:0.2em 0 0.2em 0.5em;
}
#maincolumn .emergency ul{
     padding:0.2em 0 0.2em 0.5em;
}



/*コンテンツ部　第1階層リスト*/

#maincolumn .list01 {
	background-color:#FFF;
}

#maincolumn .list01 ul{
	font-size:180%;
	padding-left:20px;
}

#maincolumn .list01 li{
	list-style-image:url(image/list20.jpg);
	list-style-position:inside;
}
#maincolumn .list01 a{
	text-decoration:none;
	color:#333;
}


/*コンテンツ部　お知らせ*/

#maincolumn #information {
}
#maincolumn #information h1 {
	padding:3px 0 3px 3px;
	color:#333;
}
#maincolumn #information h1.osirase {
	background-color:#FC0;
	background-image:url(image/!.jpg);
	background-repeat:no-repeat;

}
#maincolumn #information p {
	margin-left:1em;
}

#maincolumn #information a {
	color:#333;
	text-decoration:none;
}

/*フッター*/

/*調整用*/
.clear {
	clear:both;
	
}


.entryColumn a[target^='_blank'] { 
	padding-right: 18px;
	background: transparent url(icon/icon_external.gif) no-repeat center right;
}
.entryColumn a[href$='.doc'], .entryColumn a[href$='.docx'] { 
	padding-right: 18px;
	background: transparent url(icon/icon_doc.gif) no-repeat center right;
}
.entryColumn a[href$='.xls'], .entryColumn a[href$='.xlsx'] { 
	padding-right: 18px;
	background: transparent url(icon/icon_xls.gif) no-repeat center right;
}
.entryColumn a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(icon/icon_pdf.gif) no-repeat center right;
}
#clist ul,ul#headline{
  list-style-image: url(list-icon.jpg);
}


/* テーブル用スタイル 20150810*/

.entryColumn table {
	border:#000 solid 1px;
}

.entryColumn table.mgnlft1 {
	margin-left:1em;
}

.entryColumn table.mgnlft3 {
	margin-left:3em;
}

.entryColumn table.mgnlft5 {
	margin-left:5em;
}

.entryColumn td {
    padding: 3px;
}
.entryColumn tr {
	border:#000 solid 1px;
}

/* タブレット・スマホ用 */
@media only screen and (max-width : 800px){
  #header_top, #header #header_mid, 
  #contents, #maincolumn, #footer, 
  #wrapper #footer, #sidecolumn{
    width:99%;
  }
  #contents{
    overflow: visible;
  }
  #side_menu{
    width: 650px;
    margin-top: 30px;
  }
  #sidecolumn #side_menu li{
    width:150px;
    float:left;
  }
  #footer,#information{
    clear:both;
  }
}
@media only screen and (max-width : 500px){
  #side_menu{
    width: 100%;
  }
  #header #header_mid{
    background-position:-25px 5px;
  }
  #headNavi{
    width:100%;
    background-color:#fff;
  }
}