@charset "utf-8";


*{margin:0;padding:0;}

html{background:#ffffff;}

body{font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background:#ffffff url(images/bg.gif) repeat-x;
}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
a{color:#41add9;}
a:hover{color:#299dc8;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
p.contents{margin: 0 20px 10px 20px;}
.center{text-align:center;}
.right{text-align:right;}
.b{font-weight:bold;}
.display-none{display:none;}

/*******************************
全体幅
*******************************/
#header, #container, .inner{
margin: 0 auto;
width: 960px;
}


/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height: 130px;
background:url(images/town.jpg) no-repeat 0 100%;
background-position: right bottom; 
}

#header h1,#header h2, #header h3, #header ul, #header .banners,#header #fontsize{
position:absolute;
top:0;
color: #fff;
font-size: 12px;
line-height: 30px;
}

/*#header h2{right:0;}*/

/* 文字サイズ */
#header #fontsize{ 
right:0; background:url(images/font-size.gif); display:block; width:180px; height:25px; 
background-position:top right; background-repeat:no-repeat; top:2px;
}


/* ロゴの位置 */
#header h3{top: 35px;}

/*-------------------------------------------------------------
文字の大きさ
-------------------------------------------------------------*/
/* [標準] */
#fontChanger-medium a:link, #fontChanger-medium a:visited { display:block; float:right; width:49px; height:25px; margin:0; background:url(images/font-size.gif) no-repeat -74px 0;}
#fontChanger-medium a:hover, #fontChanger-medium a:active { display:block;  float:right; width:49px; height:25px; margin:0; background:url(images/font-size.gif) no-repeat -74px -25px;}
/* [拡大] */
#fontChanger-large a:link, #fontChanger-large a:visited { display:block; float:right; width:57px; height:25px; margin:0; background:url(images/font-size.gif) no-repeat -123px 0px;}
#fontChanger-large a:hover, #fontChanger-large a:active { display:block; float:right; width:57px; height:25px; margin:0; background:url(images/font-size.gif) no-repeat -123px -25px;}



/* [小] 使わない*/
#fontChanger-small a:link, #fontChanger-small a:visited { display:block; float:right; width:1px; height:1px; margin:0; background:url(images/font-size.gif) no-repeat -90px 0;}
#fontChanger-small a:hover, #fontChanger-small a:active { display:block; float:right; width:1px; height:1px; margin:0; background:url(images/font-size.gif) no-repeat -90px -22px;}

#fontChanger-small,#fontChanger-medium,#fontChanger-large{text-indent:-9999px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 40px;
right:0;
width: 310px;
height: 14px;
line-height:14px;
}

#header ul li{float:left;list-style:none;}

#header ul a{
display: block;
height: 14px;
}




/*******************************
コンテンツ位置
*******************************/
#container{
padding: 20px 0;
}

#main {
float: left;
width: 715px;
padding-bottom:40px;
}

#sidebar {
float: right;
width: 225px;
padding-bottom:40px;
font-size:13px;
}


/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* #sidebar .box1 サイドバーのbox
/* .cont_box 第２階層コンテンツのbox
*************************/
.boxContainer{
width:960px;
margin:0 auto 20px;
/*background:url(images/box1.gif) 0 100%;*/
}

.box1,.box2, .box3, .box4{
float: left;
width: 225px;
margin: 0 20px 20px 0;
}

.box1, .box3, .box4{
width:345px;
border:1px solid #dadada;
margin:0 21px 0 0;
padding: 0;
}

.box h4{margin:0;padding: 0p;}

#sidebar .box1{
width:209px;
margin: 0 0 20px;
padding: 10px 7px;
border:1px solid #dadada;
background: #e2f0fa;
}


#sidebar .box1 .year{
	padding:10px; color:#335268; font-weight:bold;
}
#sidebar .box1 .kaikei{color:#335268;}


.box3{
width:347px;
padding:0 0 10px;
}

.box4{
margin:0 0 20px 0;
padding:0;
width:958px;
border:1px solid #dadada;
background: #fff;
}

/* 最後のbox */
.last{margin-right:0;}


/* 画像を中央表示 */
.box1 .center{padding-bottom:10px;}

/* 画像を左に回りこみ */
.box4 img{
float:left;
margin: 0 10px 10px;
}

.box4 h4 img{float:none;margin:0 0 10px;}

.box4 p{padding: 0 10px 10px;}

.cont_box{margin:0 20px;}

#information_box{
margin:0 10px;
padding: 20px;
border:2px solid #dadada;
background-color:#feffee;
}


#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}


/*************
/* 見出し
*************/
.box3 h4{margin-bottom:10px;}



#container h2{
padding: 0 5px 0 20px;
margin-bottom:10px;
line-height:45px;
font-size: 20px;
color:#3c7988;
background:url(images/h2Bg.png) no-repeat 0 100%;
}

#container .box4 h3{
padding: 7px 5px;
}

#container h3.h3_bg{
padding: 0 0 0 23px;
margin:0 0 10px 0;
font-size: 15px;
color:#2e4f60;
line-height:39px;
height:39px;
background:url(images/h3_bg.jpg) no-repeat 0 100%;
}

#container h4.h4_bg{
padding: 3px 0 3px 23px;
margin-bottom:20px;
color:#0e457b;
/*border-bottom:1px dashed #cfcfcf;*/
line-height:40px;
height:33px;
background:url(images/h4_bg.png) no-repeat 0 100%;
}




#container .sitemap_midashi{display:block; margin:20px 0 8px 0; padding:0 0 5px 5px; color:#0e457b; border-bottom:1px dashed #cfcfcf; list-style:none; font-weight:bold;}


/*************
/* リスト
*************/
#container ul{margin-left: 5px;}

#container ul li, #footerUpper ul li{
list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background:url(images/bullet2.gif) no-repeat 0 5px;
}

#container .box3 ul{padding: 0 5px;}

#sidebar ul{margin-left:3px;}

ol { margin: 0 0 0 50px; padding: 0; }

/*************
サイド（右側）コンテンツ
*************/
#sidebar p{margin-bottom:10px;}
#sidebar ul{margin-bottom:5px;}


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

#footerUpper{
clear:both;
padding: 20px 0 0 0;
border-bottom:1px solid #cfcfcf;
overflow: hidden;
background:url(images/footer_bg.jpg) repeat-x;
}

#footerUpper .inner{
margin-top:70px;
padding-bottom:0px;
/*background:url(images/footerBorder.gif) repeat-y;*/
}

#footerUpper .inner .box{
float: left;
width: 240px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}

#footerUpper .inner .last{
width: 300px;
margin-right:0;
}

#footerUpper a{color:#fff;}
#footerUpper a:hover{color:#eeeeee;}

#footerLower{
clear:both;
padding: 10px;
text-align:right;
border-top:1px solid #295088;
background:#2c6bc4;
}

address{
width:960px;
margin:0 auto;
color: #fff;
font-style:normal;
font-size:13px;
}

#footerUpper h4.footer_midashi{ color:#fff; font-size:150%; font-weight:normal; margin-bottom:15px; }
#footer_ssk_name{ color:#bdd0d8; font-size:160%;}
#footer_ssk_address{ color:#bdd0d8; line-height:140%; }

/*******************************
/* 共通
*******************************/

.blue{ color:#215b83;}
.orange{ color:#e8a800;}
.red{color:#cc0000;}

.fl{float:left;}
.fr{float:right;}
.caption{color:#666666; font-size:85%;}
.catch{color:#215b83; font-size:120%; font-weight:bold;}
.gotop{float:right; font-size:85%; padding:8px;}

.btn a { display:block; background-position:0 0; text-indent:-9999px;}
.btn a:hover { background-position:0 100%; }
.btn a.current { background-position:0 100%; }
.reader{text-indent:-9999px;}

.ma0 { margin:0; } .mt0 { margin-top:0; } .mr0 { margin-right:0; } .mb0 { margin-bottom:0; } .ml0 { margin-left:0; }
.ma5 { margin:5px; } .mt5 { margin-top:5px; } .mr5 { margin-right:5px; } .mb5 { margin-bottom:5px; } .ml5 { margin-left:5px; }
.ma10 { margin:10px; } .mt10 { margin-top:10px; } .mr10 { margin-right:10px; } .mb10 { margin-bottom:10px; } .ml10 { margin-left:10px; }
.ma15 { margin:15px; } .mt15 { margin-top:15px; } .mr15 { margin-right:15px; } .mb15 { margin-bottom:15px; } .ml15 { margin-left:15px; }
.ma20 { margin:20px; } .mt20 { margin-top:20px; } .mr20 { margin-right:20px; } .mb20 { margin-bottom:20px; } .ml20 { margin-left:20px; }
.ma25 { margin:25px; } .mt25 { margin-top:25px; } .mr25 { margin-right:25px; } .mb25 { margin-bottom:25px; } .ml25 { margin-left:25px; }
.ma30 { margin:30px; } .mt30 { margin-top:30px; } .mr30 { margin-right:30px; } .mb30 { margin-bottom:30px; } .ml30 { margin-left:30px; }
.ma40 { margin:40px; } .mt40 { margin-top:40px; } .mr40 { margin-right:40px; } .mb40 { margin-bottom:40px; } .ml30 { margin-left:40px; }

.pa0 { padding:0; } .pt0 { padding-top:0; } .pr0 { padding-right:0; } .pb0 { padding-bottom:0; } .pl0 { padding-left:0; }
.pa5 { padding:5px; } .pt5 { padding-top:5px; } .pr5 { padding-right:5px; } .pb5 { padding-bottom:5px; } .pl5 { padding-left:5px; }
.pa10 { padding:10px; } .pt10 { padding-top:10px; } .pr10 { padding-right:10px; } .pb10 { padding-bottom:10px; } .pl10 { padding-left:10px; }
.pa15 { padding:15px; } .pt15 { padding-top:15px; } .pr15 { padding-right:15px; } .pb15 { padding-bottom:15px; } .pl15 { padding-left:15px; }
.pa20 { padding:20px; } .pt20 { padding-top:20px; } .pr20 { padding-right:20px; } .pb20 { padding-bottom:20px; } .pl20 { padding-left:20px; }
.pa25 { padding:25px; } .pt25 { padding-top:25px; } .pr25 { padding-right:25px; } .pb25 { padding-bottom:25px; } .pl25 { padding-left:25px; }
.pa30 { padding:30px; } .pt30 { padding-top:30px; } .pr30 { padding-right:30px; } .pb30 { padding-bottom:30px; } .pl30 { padding-left:30px; }
.pa40 { padding:40px; } .pt40 { padding-top:40px; } .pr40 { padding-right:40px; } .pb40 { padding-bottom:40px; } .pl40 { padding-left:40px; }
.pa50 { padding:50px; } .pt50 { padding-top:50px; } .pr50 { padding-right:50px; } .pb50 { padding-bottom:50px; } .pl50 { padding-left:50px; }
.pa60 { padding:60px; } .pt60 { padding-top:60px; } .pr60 { padding-right:60px; } .pb60 { padding-bottom:60px; } .pl60 { padding-left:60px; }

/*******************************
/* トップのコンテンツ
*******************************/
p.history{ margin:20px 0 0 20px; line-height:180%;}

.timeline {
    margin:20px;
  display: grid;
  grid-template-columns: 7em 1fr; /* 左：年月 / 右：文章 */
  column-gap: 1em;
  row-gap: 0.75em;
}

.timeline dt {
  grid-column: 1;
  text-align: left;
  white-space: nowrap; /* 年月は折り返さない */
}

.timeline dd {
  grid-column: 2;
  margin: 0;
  text-align: left;
}

/* スマホ微調整（必要なら） */
@media (max-width: 480px) {
  .timeline {
    grid-template-columns: 6em 1fr;
  }
}



/*******************************
/* サイドバー
*******************************/

h3#hokoku{ background:url(images/jigyohokoku.gif) no-repeat; margin:0; padding:0; height:50px; text-indent:-9999px;}