@charset "UTF-8";

/*
==================================================

   お知らせ

==================================================
*/



/*
==================================================
  レイアウト
==================================================
*/

#main {
float: right;
width: 100%;
margin: 0 0 0 -160px;
}
#content {
margin: 0 0 0 170px;
padding: 0 0 1px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}
#navi {
float: left;
width: 160px;
margin: 0;
}

div.single #main {
float: none;
width: 100%;
margin: 0;
}
div.single #content {
margin: 0;
padding: 0 0 1px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#main {
float: none;
margin: 0 0 30px;
}
#content {
margin: 0;
}
#navi {
float: none;
width: 100%;
}

div.single #main {
margin: 0 0 30px;
}
div.single #content {
margin: 0;
}

}
/* ----- /767 ----- */



/*
==================================================
  添付文書ファイル（共通）
==================================================
*/

/* 文書ファイルのアイコン */
img.atticon {
margin: 0 2px 0 7px;
vertical-align: middle;
}
/* 文書ファイルの情報 */
span.attinfo {
color: #7f7f7f;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

}
/* ----- /767 ----- */



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

/* ----- セクション ----- */
#content section.list {
padding: 1.6em 10px 0.6em;
}

/* ----- セクション内 ----- */
/* 見出し */
#content section.list > h2 {
margin: 0;
padding: 8px 10px 7px;
background-color: #ffd67b;
font-size: 100%;
line-height: 120%;
}

/* ----- 記述セクション ----- */
#content section.list > div.inner {
margin: 1.5em 15px 0;
}

/* ----- 段落 ----- */
#content section p {
margin: 0 0 1em;
line-height: 180%;
}

/* ----- 記事リスト ----- */
#content div.list {
margin: 60px 0 0px;
}
#content div.list dl.info {
margin: 0 0 40px;
padding: 4px 0 0;
border-top: 1px #b4b4b4 dotted;
}
#content div.list dl.info dt {
width: 7.5em;
float: left;
padding: 17px 0 15px 0.2em;
line-height: 160%;
}
#content div.list dl.info dd {
margin: 0;
padding: 17px 0.2em 15px 7.7em;
border-bottom: 1px #b4b4b4 dotted;
line-height: 160%;
}

#content div.list dl.info dt.emp {
display: block;
width: auto;
float: none;
padding: 20px 0;
}
#content div.list dl.info dd.emp {
display: none;
}

/* ----- ページャー ----- */
#content div.list ul.pager {
margin: 0;
padding: 5px 0;
font-size: 94%;
line-height: 100%;
text-align: center;
}
#content div.list ul.pager li {
display: inline;
margin: 0 1px;
}
#content div.list ul.pager li.prev {
margin: 0 10px 0 0;
}
#content div.list ul.pager li.next {
margin: 0 0 0 10px;
}

#content div.list ul.pager li > * {
display: inline-block;
width: 2.1em;
padding: 0.5em 0 0.4em;
}
#content div.list ul.pager li.prev > *,
#content div.list ul.pager li.next > * {
width: 5em;
background-repeat: no-repeat;
}
#content div.list ul.pager li.prev > * {
padding: 0.5em 0 0.4em 0.7em;
background-image: url(../../info/icon/prev.html);
background-position: 1em;
}
#content div.list ul.pager li.next > * {
padding: 0.5em 0.7em 0.4em 0;
background-image: url(../../info/icon/next.html);
background-position: 4.3em;
background-position: calc(4.7em - 6px);
}
#content div.list ul.pager li a {
background-color: #ffffff;
border: 1px #c0c0c0 solid;
color: #2a2a2a;
text-decoration: none;
}
#content div.list ul.pager li span,
#content div.list ul.pager li.prev a,
#content div.list ul.pager li.next a {
background-color: #236ab1;
border: 1px #236ab1 solid;
color: #f9f9f9;
}
#content div.list ul.pager li.prev span,
#content div.list ul.pager li.next span {
background-color: #c0c0c0;
border: 1px #c0c0c0 solid;
}

#content div.list ul.pager li a:hover {
background-color: #5494d3;
border: 1px #5494d3 solid;
color: #f9f9f9;
}

#content div.list p.back {
margin: 30px 0 0;
text-align: center;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content section.list {
padding: 1.6em 5px 0.6em;
}
#content section.list > div.inner {
margin: 1.5em 2px 0;
}

#content section.list > h2 {
padding: 8px 5px 7px;
}

#content div.list {
margin: 40px 0 0;
}
#content div.list dl.info {
padding: 0;
}
#content div.list dl.info dt {
width: auto;
float: none;
margin: 20px 0 5px;
padding: 0;
}
#content div.list dl.info dd {
padding: 0 0 20px;
}

#content div.list dl.info dt.emp {
padding: 0;
}

#content div.list ul.pager {
font-size: 100%;
}
#content div.list ul.pager li {
display: none;
}
#content div.list ul.pager li.prev,
#content div.list ul.pager li.next {
display: inline;
}
/* hoverの無効化 */
#content div.list ul.pager li a:hover {
background-color: #236ab1;
border: 1px #236ab1 solid;
}

}
/* ----- /767 ----- */



/*
==================================================
  個別ページ
==================================================
*/

/* ----- 記事セクション ----- */
#content div.info {
margin: 0 50px;
padding: 40px 0 0;
}

/* ----- 更新日 ----- */
#content div.info footer.date {
margin: 0 0 50px;
padding: 0 10px 15px;
border-bottom: 1px #c0c0c0 solid;
}
#content div.info footer.date p {
margin: 0;
text-align: right;
line-height: 100%;
}

/* ----- 記事本文（上段・下段） ----- */
#content div.info div.body1,
#content div.info div.body2 {
margin: 0 10px 60px;
line-height: 200%;
}

/* ----- 記事本文（画像ファイル） ----- */
#content div.info div.img {
margin: 0 10px 60px;
}
#content div.info div.img figure {
margin: 0;
text-align: left;
}
#content div.info div.img figure.center {
text-align: center;
}
#content div.info div.img figure figcaption {
margin: 10px 0 0;
font-size: 90%;
line-height: 140%;
}

/* ----- 文書ファイル ----- */
#content div.info div.doc {
margin: 0 10px;
line-height: 200%;
}

/* ----- 記事内フッタ ----- */
#content div.info footer.back {
margin: 60px 0;
padding: 30px 0 0;
border-top: 1px #c0c0c0 solid;
text-align: center;
}
#content div.info footer.back p {
margin: 0;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content div.info {
margin: 0 5px;
padding: 20px 0 0;
}

#content div.info footer.date {
padding: 0 0 20px;
padding: 0 2px 10px;
}

#content div.info div.body1,
#content div.info div.body2 {
margin: 0 2px 50px;
}

#content div.info div.img {
margin: 0 2px 50px;
}

#content div.info div.doc {
margin: 0 2px;
}

#content div.info footer.back {
margin: 50px 0;
}

}
/* ----- /767 ----- */