@charset "UTF-8";
/* ---------------------------------------------------------
		ユニバーサルリセット
     --------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
	}
ul{
	list-style:none;
	}
img{
	border:none;
	vertical-align:bottom;
	}
/* ---------------------------------------------------------
		基本レイアウト
     --------------------------------------------------------- */
body{
	background:#ffffff;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:16px;
	}
div#container{
	width:980px;
	margin:0 auto;
	padding-bottom: 0px;
	background:#ffffff;
	text-align:left;
	/*font-size:85%;*/
	}
div#header{
	width:980px;
	height:auto;
	}
div#nav{
	width:492px;
	height:41px;
	margin-top:39px;
	}
div#pagebody{
	width:980px;
	margin:0 0 0 0;
	}
div#main{
	width:770px;
	height:auto;
	float:left;
	}
div#sub{
	width:200px;
	height:auto;
	float:right;
	margin-top: 20px;
	}
div#footer{
	background-color: #dce4e9;
	margin: 0;
	padding: 0;
}
div#footer_inner{
	width:980px;
	margin:0 auto;
	height:auto;
	}
/* ---------------------------------------------------------
		ヘッダ
     --------------------------------------------------------- */
div#header{
	color:#6b9999;
	}
/* ---------------------------------------------------------
		ナビゲーション
     --------------------------------------------------------- */
div#nav{
	color:#997a6b;
	}
/* ---------------------------------------------------------
		メインコンテンツ
     --------------------------------------------------------- */
div#main{
	color:#333333;
	}
/* ---------------------------------------------------------
		img エフェクト
     --------------------------------------------------------- */
a img {
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
a:hover img {
  opacity:  0.6;
  filter: alpha(opacity=60);
}
/* ---------------------------------------------------------
		ページ先頭へ
     --------------------------------------------------------- */
div#go_page_top {
	width: 770px;
	height: 53px;
	margin: 20px 0;
}
div#go_page_top img {
	float: right;
}
div#go_page_top2 {
	width: 570px;
	height: 53px;
	margin: 30px 0;
}
div#go_page_top2 img {
	float: right;
}
div#go_page_top3 {
	width: 750px;
	height: 53px;
	margin: 30px 0;
}
div#go_page_top3 img {
	float: right;
}


/* ---------------------------------------------------------
		サイドバー
     --------------------------------------------------------- */
div#sub{
	color:#333333;
	}
div#sub ul {
	list-style: none;
}
div#sub ul li {
	padding-bottom: 10px;
}
/* ---------------------------------------------------------
		フッタ
     --------------------------------------------------------- */
div#footer{
	color:#333333;
	}
div#footer .copyright {
	padding: 20px 0;
	font-style:normal;
	font-size:75%;
	color:#666666;	
}
/* ---------------------------------------------------------
		その他
     --------------------------------------------------------- */
address{
	font-style:normal;
	font-size:75%;
	color:#999;
	}
address span{
	text-transform:uppercase;
	}
/* ---------------------------------------------------------
		clearfix ハック
     --------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{
	display:inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
.clearfix{
	display:block;
	}
/* End hide from IE-mac */


/* ---------------------------------------------------------
		お知らせ詳細
--------------------------------------------------------- */

.news-detail{padding: 30px 0 0 50px;}
.news-detail #up_ymd{color: #A52225;}
.news-detail h2{margin: 20px 0;}

.news-detail .backORcloseBtn a{
display: block;
padding: 7px 10px;
box-sizing: border-box;
border: solid 1px #9bcdfd;
text-align: center;
margin: 20px 0;
color: #9bcdfd;
}

.news-detail .backORcloseBtn a:hover{
background-color: #d9edfe;
}

/*画像を中心に*/
.detailUpfile img{
display: block;
margin:0 auto;
padding: 10px 0;
}



/* ---------------------------------------------------------
		お知らせ一覧
--------------------------------------------------------- */

.news-list{padding: 30px;}

.news-list ul li{
border-bottom: 1px dashed;
padding: 15px 0;
}

/* 一覧ページの日付 */
.news-list .up_ymd{
display:inline-table;
vertical-align: top;
margin-right: 10px;
}

/* 一覧ページのタイトル */
.news-list_title a{
color: #A52225;
display: inline-block;
margin-bottom: 10px;
width: 370px;
}

/* 一覧ページの抜粋文 */
.comment{
display:inline-table;
vertical-align: top;
width: 370px;
}
 
/* サムネイル画像 */
.thumbNailWrap{
display: inline-block;
width: 120px;
}

/* ページャー */
.pager{overflow: hidden;}

.pager a{
background: #569eb2;
display: block;
float: left;
margin: 7px;
padding: 0 10px;
color: #FFF;
}
.pager a:hover{
background: #185d6d;
}