@charset "UTF-8"; 
/* custom.css */

/* 全体的な定義 */

* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}


html{
 font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
 font-size:13px;
 _font-size:9pt;
 line-height:1.22em;
}


*:first-child+html { font-size:9pt; }
html>/**/ {  font-size /*\**/: 9pt\9 }


body {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 color            : #333;                     /* 文字の色 */
 background-color : #F7F7F7;                     /* バックの色 */
 letter-spacing:0px;
}

ul,li {
 margin           : 0;      /* 上・右・下・左の余白 */
 padding          : 0;      /* 上・右・下・左の間隔 */
 list-style-position:inside;
}

ol{
 list-style-position:outside;
}

ol li{
 list-style-position:outside;
 _line-height:1.3em
}

*:first-child+html ol li{ line-height:1.3em; }
html>/**/body ol li{  line-height /*\**/: 1.3em\9 }



dl,dt,dd{
 margin:0;
 padding:0;

}

address{
 font-style:normal;
 text-decoration:none;
}

 

table {
 border-collapse:collapse;
/*
 font-size        : 100%;
*/
}

table td {
 vertical-align   : top;                      /* 文字の水平位置 */
}


/* ヘッダ部分 */
h1#header {
 color            : #FFF;                     /* 文字の色 */
 letter-spacing   :  5pt;                     /* 文字の間隔 */
 background-color : #666;                     /* バックの色 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          : 15px 10px 20px 10px;      /* 上・右・下・左の間隔 */
 border-style     : double none double none;  /* 上・右・下・左の枠線の種類 */
 border-color     : #CCC #AAA #CCC #AAA;      /* 上・右・下・左の枠線の色 */
 border-width     :  5px  0px 5px  0px;       /* 上・右・下・左の枠線の太さ */
}

/* メイン部分 */
table#main {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-collapse  : collapse;                 /* セルの枠線の表示形式 */
}


/* 左カラムと右カラム */
td.colLeft , td.colRight {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 width            : 170px;                    /* 横幅 */
 background-color : #CCC;                     /* バックの色 */
}

/* 右カラム */
td.colRight {
 background-color : #EEE;                     /* バックの色 */
}

/* 左カラムと右カラムのタイトル部分 */
div.colLeft_Title , div.colRight_Title {
 margin           :  0px;                     /* 余白 */
 padding          :  5px;                     /* 間隔 */
 color            : #FFF;                     /* 文字の色 */
 font-weight      : bold;                     /* 文字の太さ */
 background-color : #666;                     /* バックの色 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
}

/* 左カラムと右カラムのコンテンツ部分 */
div.colLeft_Content , div.colRight_Content {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 color            : #666;                     /* 文字の色 */
 background-color : #FFF;                     /* バックの色 */
 border-style     : none solid solid solid;   /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
}

/* 中央カラム */
div.center {
 padding:0 2px 0 2px;
 margin           :  0 auto 0 auto;      /* 上・右・下・左の余白 */
}

.colCenter {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-style     : none none none none;      /* 上・右・下・左の枠線の種類 */
}

/* 中央カラムのタイトル部分 */
 div.colCenter_blkRight_Title {
 margin           :  0px  2px  0px  2px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 color            : #FFF;                     /* 文字の色 */
 font-weight      : bold;                     /* 文字の太さ */
}

div.colCenter_blkLeft_Title{
 margin           :  0px  2px  0px  2px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 color            : #FFF;                     /* 文字の色 */
 font-weight      : bold;                     /* 文字の太さ */
}

/* 中央カラムのコンテンツ部分 */
div.colCenter_blkRight_Content {
 padding          : 5px 0px 5px 0px;       /* 上・右・下・左の余白 */
 color            : #666;                     /* 文字の色 */
 position:relative;
}

div.colCenter_blkLeft_Content, div.colCenter_blkCenter_Content{
 padding          : 5px 0px 5px 0px;      /* 上・右・下・左の間隔 */
 color            : #666;                     /* 文字の色 */
}

/* メニュー */

td#mainmenu a , td#usermenu a {
 display          : block;                    /* 要素の性質 */
 margin           :  1px  0px  0px  0px;      /* 上・右・下・左の余白 */

}
ul#mainmenu {
 height:45px;
 behavior:url("http://www.okakyoikukai.or.jp/csshover3.htc");
}

ul#mainmenu li{
 list-style:none;

}

ul#mainmenu li.firstli{
 margin:0;
 padding:0;
 float:	left;
 width:102px;
 height:45px;
 position: relative;
 vertical-align:bottom;
}

#mainmenu li.firstli a.first{
 display : block;
 margin:0;
 padding:0;
 width:102px;
 height:45px;

}

ul#mainmenu ul{
 margin-top:-2px;
}

#mainmenu li.subli a{
 font-weight:normal;
 _font-weight:bold;
 font-size:12.09px;
 _font-size:9.45pt;
 _width:140px;
 
 display : block;
 padding:0 0 0 5px;
 _padding:0 0 0 5px;
}

*:first-child+html #mainmenu li.subli a{
 padding:0 0 0 5px;
  width:135px;
  font-size:9.45pt;
 font-weight:bold;
}
html>/**/body #mainmenu li.subli a{
 font-weight /*\**/:bold\9;
 padding /*\**/:0 0 0 5px\9;
  font-size /*\**/: 9.45pt\9;
  width /*\**/: 135px\9;
}

#mainmenu li.subli a:hover{
 color:aquamarine;
}


.hidden{
 display:none;
 visibility:hidden;
}
#mainmenu  a#mnuTop{
/*
	background-image:url(./img/toppage_b.gif);
*/
	background-image:url(./img/toppage_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#mainmenu  a#mnuTop:hover{
/*
	background-image:url(./img/toppage_a.gif);
	background-repeat:no-repeat;
*/
	background-position:right top;

}

#mainmenu  a#mnuCompany{
/*
	background-image:url(./img/companyInfo_b.gif);
*/
	background-image:url(./img/companyInfo_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#mainmenu  a#mnuCompany:hover{
/*
	background-repeat:no-repeat;
	background-image:url(./img/companyInfo_a.gif);
*/
	background-position:right top;
}

#mainmenu  a#mnuPublic{
/*
	background-image:url(./img/public_b.gif);
*/
	background-image:url(./img/public_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#mainmenu li.firstli li.subli{
	width:102px;
	_width:140px;
	background-color:#444444;
 padding-top:5px;
 padding-bottom:5px;
}


*:first-child+html #mainmenu li.firstli li.subli { width:140px; }
html>/**/body #mainmenu li.firstli li.subli{  width /*\**/: 140px\9 }

#mainmenu  li li a{
	color:#FFFFFF;
}

#mainmenu li ul{
	display:none;
}


#mainmenu  li.firstli:hover ul{
	display:block;
	position:absolute;
 z-index:20;
 visibility:visible;
	_left:-30px;
}

*:first-child+html #mainmenu li.firstli:hover ul { left:-20px; }
html>/**/body #mainmenu li.firstli:hover ul{  left /*\**/: -20px\9 }

#mainmenu :hover a{
 z-index:21;
 visibility:visible;

}

#mainmenu  a#mnuPublic:hover{
/*
	background-repeat:no-repeat;
	background-image:url(./img/public_a.gif);
*/
	background-position:right top;
}

#mainmenu  a#mnuRental{
/*
	background-image:url(./img/rental_b.gif);
*/
	background-image:url(./img/rental_1.gif);

	background-position:left top;
	background-repeat:no-repeat;
}

#mainmenu  a#mnuRental:hover{
/*
	background-repeat:no-repeat;
	background-image:url(./img/rental_a.gif);
*/
	background-position:right top;
}

#mainmenu  a#mnuContact{
/*
	background-image:url(./img/contact_b.gif);
*/
	background-image:url(./img/contact_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#mainmenu  a#mnuContact:hover{
/*
	background-repeat:no-repeat;
	background-image:url(./img/contact_a.gif);
*/
	background-position:right top;
}
#mainmenu  a#mnuPayment{
/*
	background-image:url(./img/payment_b.gif);
*/
	background-image:url(./img/payment_1.gif);

	background-position:left top;
	background-repeat:no-repeat;
}

#mainmenu  a#mnuPayment:hover{
/*
	background-repeat:no-repeat;
	background-image:url(./img/payment_a.gif);
*/
	background-position:right top;
}

#mainmenu  a#mnuAccess{
/*
	background-image:url(./img/access_b.gif);
*/
	background-image:url(./img/access_1.gif);

	background-position:left top;

	background-repeat:no-repeat;
}

#mainmenu  a#mnuAccess:hover{
/*
	background-repeat:no-repeat;
	background-image:url(./img/access_a.gif);
*/
	background-position:right top;
}




/* メニュー　未訪問のとき */
td#mainmenu a:link , td#usermenu a:link {
 color            : #666;                     /* 文字の色 */

}

/* メニュー　訪問済み */
td#mainmenu a:visited , td#usermenu a:visited {
 color            : #666;                     /* 文字の色 */
}

/* メニュー　マウスカーソルが乗っているとき */
td#mainmenu a:hover , td#usermenu a:hover {
 color            : #F00;                     /* 文字の色 */
}

/* メニュー　クリックされたとき */
td#mainmenu a:active , td#usermenu a:active {
 color            : #F90;                     /* 文字の色 */
}

/* メニュー　メインメニュー（「ニュース」など） */
td#mainmenu a.menuTop , td#mainmenu a.menuMain , td#usermenu a {
}

/* メニュー　サブメニュー（「ニュース投稿」など） */
td#mainmenu a.menuSub {
}

/* メニュー　受信箱に未読があるときの表示 */
td#usermenu a.highlight {
 background-color : #CCC;                     /* バックの色 */
}

/* リンクの設定 */

a, div#link, div#visiter, div#hover, div#active {
 font-weight      : bold;                     /* 文字の太さ */
 text-decoration  : none;                     /* 文字の飾り */
}

/* 未訪問 */
a:link, div#link {
 color            : #066;                     /* 文字の色 */
}


ul#linklist li a{
 vertical-align:20%;
}

ul#linklist li a:link ,
.pdfLists ul li a:link{
 color            : #0000ff;
}


/* 訪問済み */
a:visited, div#visiter {
 color            : #066;                     /* 文字の色 */
}

ul#linklist li a:visited ,
.pdfLists ul li a:visited{
 color            : #0000ff;
/*
 color            : #7B5F9F;
*/
}


/* マウスカーソルが乗っているとき */
a:hover, div#hover {
 color            : #099;                     /* 文字の色 */
}


/* リンクのあるイメージ */
a img {
 border-style     : none;                     /* 枠線の種類 */
}
h1 ,h2 ,  h3 , h4 , h5 , h6{
 font-size:100%;
}


/* 見出し（汎用的な設定） */
h1 ,  h3 , h4 , h5 , h6 {
 margin           : 0.5em  0px 0.5em 0px;     /* 上・右・下・左の余白 */
 padding          :  5px  0px  2px  5px;      /* 上・右・下・左の間隔 */
 /* padding          :  5px  0px  2px  0px;      上・右・下・左の間隔 */
 border-style     : none none solid none;     /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  2px  0px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

h3 , h4 ,h5{
 border-style     : none;     /* 上・右・下・左の枠線の種類 */
 border-width     :0;
}

h2{
/*
 vertical-align:bottom;
*/
 margin           : 0;     /* 上・右・下・左の余白 */
 padding          : 0;      /* 上・右・下・左の間隔 */
 border-style     : none;     /* 上・右・下・左の枠線の種類 */
 border-width     :0;
}

h5{
 font-size:100%;
}
/* モジュールのコンテンツ部 */
div#content {
 margin           :  5px  3px  5px  3px;      /* 上・右・下・左の余白 */
 padding          :  5px  0px  5px  0px;      /* 上・右・下・左の間隔 */
}

/* ニュースモジュールのコンテンツ */
/* ニュース以外のモジュールでも使用されています。 */

/* 記事の枠組み */
.item {
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
}

/* テーブルのタイトル部 */
.itemHead {
 color            : #FFF;                     /* 文字の色 */
 background-color : #666;                     /* バックの色 */
 text-align       : left;                     /* 文字の水平位置 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* テーブルのタイトル部（リンク部分） */
.itemHead a:link , .itemHead a:visited , .outer th a:link , .outer th a:visited {
 color            : #FFF;                     /* 文字の色 */
}
/* テーブルのタイトル部（マウスカーソルが乗っているとき） */
.itemHead a:hover , .outer th a:hover {
 color            : #DD0;                     /* 文字の色 */
}
/* テーブル　タイトル部（クリックされたとき） */
.itemHead a:active {
 color            : #FF0;                     /* 文字の色 */
}

/* 投稿者などの情報欄 */
.itemInfo {
 color            : #336;                     /* 文字の色 */
 font-size        : 85%;                  /* フォントの大きさ */
 background-color : #DDD;                     /* バックの色 */
 text-align       : right;                    /* 文字の水平位置 */
 padding          :  2px  5px  2px  5px;      /* 上・右・下・左の間隔 */
}

/* 投稿者などの情報欄　投稿者 */
.itemPoster {
}

/* 投稿者などの情報欄　投稿日付 */
.itemPostDate {
}

/* 投稿者などの情報欄　ヒット数 */
.itemStats {
}

/* 記事の内容 */
.itemBody {
 padding          :  2px  5px  2px  5px;      /* 上・右・下・左の間隔 */
 background-color : #FFF;                     /* バックの色 */
}

/* 記事の内容　文面 */
.itemText {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
}

/* 記事のフッタ部 */
.itemFoot {
 color            : #336;                     /* 文字の色 */
 font-size        : 85%;                  /* フォントの大きさ */
 background-color : #DDD;                     /* バックの色 */
 text-align       : right;                    /* 文字の水平位置 */
 padding          :  2px  5px  2px  5px;      /* 上・右・下・左の間隔 */
}

/* 記事のフッタ部　[編集][削除] */
.itemAdminLink {
}

/* 記事のフッタ部　「続き...」～「コメントする」 */
.itemPermaLink {
}

/* ニュースアーカイブなどのテーブル　コンテンツ部 */
tr.even td {
 background-color : #FFF;                     /* バックの色 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #CCC #CCC #CCC #CCC;      /* 上・右・下・左の枠線の色 */
}

/* フォーラムのスレッド一覧などで、行ごとに色を変える奇数行の指定 */
.outer tr.even td {
 background-color : #FFF;                     /* バックの色 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #CCC #CCC #CCC #CCC;      /* 上・右・下・左の枠線の色 */
}

/* フォーラムのスレッド一覧などで、行ごとに色を変える偶数行の指定 */
tr.odd td {
 background-color : #DDD;                     /* バックの色 */
 padding: 5px  5px  5px  5px;
}

/* フォーラムのスレッド一覧などで、カラムごとに色を変える指定 */
/* 奇数カラム */
.even {
 background-color : #EEE;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* 偶数カラム */
.odd {
 background-color : #FFF;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* 外枠 */
.outer {
 width            : 100%;                     /* 横幅 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

/* テーブルのヘッダ部分 */
.head {
 background-color : #EEE;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 font-weight      : bold;                     /* 文字の太さ */
}

/* テーブルのフッタ部分 */
.foot {
 background-color : #EEE;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* コメントのタイトル */
.comTitle {
 font-weight      : bold;                     /* 文字の太さ */
 background-color : #FFF;                     /* バックの色 */
 margin           :  0px  0px  5px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #EEE #EEE #EEE #EEE;      /* 上・右・下・左の枠線の色 */
}

/* コメントのテキスト */
.comText {
}

/* コード */
div.xoopsCode {
 font-family      : "monospace";              /* フォントの種類 */
 background-color : #FFF;                     /* バックの色 */
 margin           :  5px  0px  5px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #333 #333 #333 #333;      /* 上・右・下・左の枠線の色 */
}

/* 引用 */
div.xoopsQuote {
 background-color : #FFF;                     /* バックの色 */
 margin           :  5px  0px  5px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #333 #333 #333 #333;      /* 上・右・下・左の枠線の色 */
}
blockquote {
 margin           :  5px  5px  5px  5px;      /* 上・右・下・左の余白 */
}

/* ユーザーステータス（「登録日」などの枠） */
.comUserStat {
 font-size        : 77%;                 /* フォントの大きさ */
 font-weight      : bold;                     /* 文字の太さ */
 color            : #099;                     /* 文字の色 */
 margin           :  1px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  1px  1px  1px  1px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

/* ユーザーステータス（「登録日」などのキャプション部分） */
.comUserStatCaption {
 font-weight      : normal;                   /* 文字の太さ */
}

/* ユーザーランク（「管理人」などの星マークを含めた全体） */
.comUserRank {
 margin           :  0px  0px  15px  0px;     /* 上・右・下・左の余白 */
}

/* ユーザーランク（「管理人」などのテキスト部分） */
.comUserRankText {
 font-size        : 77%;                  /* フォントの大きさ */
}

/* ユーザーイメージ（アバター） */
.comUserImg {
 margin           :  2px  2px  2px  2px;      /* 上・右・下・左の余白 */
}

/* 投稿日時（日時部分を含む全体） */
.comDate {
 font-size        : 85%;                 /* フォントの大きさ */
 text-align       : right;                   /* 文字の水平位置 */
}

/* 「投稿日時:」の部分 */
.comDateCaption {
 font-weight      : bold;                     /* 文字の太さ */
}

/* その他の設定 */

/* リスト */


.bosyu_noza{
 width:400px;
}

.bosyu_syougaku{
 width:250px;
}

.topPDFList ul{
 margin-top:5px;
}

.topGaiyou,
.wrapSecMargin{
  _margin-top:2em;
}
*:first-child+html .topGaiyou,
*:first-child+html .wrapSecMargin { margin-top:2em; }
html>/**/body .topGaiyou{  margin-top /*\**/: 2em\9 }
html>/**/body .wrapSecMargin{  margin-top /*\**/: 2em\9 }

.pdfLists ul li{
 list-style-position:inside;
 line-height:2em;

 text-indent:2em;
 list-style-type:none;
 background-image:url(./img/pdficon_s.gif);
 background-repeat:no-repeat;
 padding-top:0.3em;
}

#payment_body .pdfLists ul li.xls{
 background-image:url(./img/xlsicon_s.gif);

}
#public_body .pdfLists ul li.doc{
 background-image:url(./img/docicon_s.gif);

}

.pdfLists ul a{
 line-height:1.6em;
/*
 vertical-align:bottom;
*/
}


.topPDFList p{
 text-indent:1em;
}


ul#linklist{
 margin-top:10px;
 line-height:1.7em;
 text-align:left;
}

ul#linklist li{
 list-style-type:none;
 padding-left:2em;
 /* padding-left:1em; */
 background-image:url(./img/list_head.gif);
 background-repeat:no-repeat;
}

/* エラーメッセージ */
div.errorMsg {
 background-color : #FCC;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #DDF #AAA #AAA #DDF;      /* 上・右・下・左の枠線の色 */
 font-weight      : bold;                     /* 文字の太さ */
 padding          : 10px 10px 10px 10px;      /* 上・右・下・左の間隔 */
}

/* 確認メッセージ */
div.confirmMsg {
 font-weight      : bold;                     /* 文字の太さ */
 color            : #C33;                     /* 文字の色 */
 background-color : #DDD;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          : 10px 10px 10px 10px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  2px  2px  2px  2px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

/* 結果メッセージ */
div.resultMsg {
 font-weight      : bold;                     /* 文字の太さ */
 color            : #333;                     /* 文字の色 */
 background-color : #CCC;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
 padding          : 10px 10px 10px 10px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  2px  2px  2px  2px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
}

/* フッター部*/
#footer {
 text-align       : left;                   /* 文字の水平位置 */
 margin           :  0;
}


#footer .footerdiv{
/*
 margin:0 30px 0 30px;
*/
 margin:0 auto 0 auto;
 width:50em;
 padding:0 5px 0 5px;
 zoom:1;
}

#footer .footerdiv .outerDiv{
 border: solid 2px #555555;
 background-color:#CCCCCC;
 padding:3px;
}

#footer .footerdiv .outerDiv .inner{
  background-color:#F7F7F7;
  padding:0.5em;
}

#footer .footerdiv .outerDiv .inner #addRightBlk{
  float:right;
}
#footer .footerdiv .outerDiv .inner #addRightBlk img{
 margin-top:0.3em;
}

#footer .footerdiv .outerDiv .inner #addLeftBlk{  float:left;}

#footer .footerdiv .outerDiv .inner h2{
 margin-bottom:0.3em;
}

#footer .footerdiv .outerDiv .inner dl{
  margin-left:1em;
}
#footer .footerdiv .outerDiv .inner dt{
 font-size:131%;
 margin-bottom:0.3em;
}

#footer .footerdiv .outerDiv .inner dd{
 font-size:108%;
}

#footer .footerdiv .outerDiv .inner dl div{
 margin-bottom:0.2em;
}

#footer .footerdiv .outerDiv .inner dl div.worktime{
 text-indent:1em;
 font-size:93%;
}


/* フッター内のリンク部 */
#footer a {
 color            : #999;                     /* 文字の色 */
}
/* マウスカーソルが乗っているとき */
#footer a:hover {
 color            : #933;                     /* 文字の色 */
}

/* メインメニューなどブロック内にテーブルを置いた場合の調整 */
div.colLeft_Content table , div.colCenter_blkCenter_Content table , div.colCenter_blkLeft_Content table , div.colCenter_blkRight_Content table , div.colRight_Content table {
 width            : 90%;                      /* 横幅 */
}

table#mainManuTable{
width            : 100%;
}

/*
div.colCenter_blkRight_Content{
margin-right:auto;
margin-left:auto;
}
*/
#MainCont{
 position:relative;
	margin: 0 auto 0 auto;
	padding: 0 5px 0 5px;
	width:720px;
}

.fooerMenuWrap{
  text-align:center;
}
#footermenu{
	margin:10px auto 0 auto;
/*
	width:630px;
*/
 display:table;
 list-style:none;
}	

ul#footermenu{
/*
 width:auto;
*/
}

#footermenu li{
 float:left;
 width:101px;
 font-size:11.05px;
 _font-size:7pt;
 list-style:none;
}

*:first-child+html #footermenu li{ font-size:7pt; }
html>/**/ #footermenu li{  font-size /*\**/: 7pt\9 }

.colCenter_blkCenter_Title{
 height:30px;
 width:680px;
}

#forumTitle{
 background-image:url(./img/mida_keijiban.gif);
 background-repeat:no-repeat;
}

iframe{
 border-style:none;
 border-width:0;
}

#fontChanger{
 float:right;
}

#fontChanger div{
 margin:0;
 width:190px;
}

#fontChanger p{
 float:left;
 margin:0;
 width:62px;
 height:24px;
 background-position:left top;
 background-repeat:no-repeat;
}

#fontChanger-small{
 background-image:url(./img/txt_default.gif);
}

#fontChanger-medium{
 background-image:url(./img/txt_large.gif);
}

#fontChanger-large{
 background-image:url(./img/txt_xlarge.gif);
}

#toppdfs_list{

}

#toppdfs_list li{
 background-image:url(./img/pdficon_s.gif);
 background-position:left top;
 background-repeat:no-repeat;

}


.SpaceUnit{
 text-align:left;
 margin-top:3px;
 _margin-bottom:1em;
 position:relative;

 border-style     : double;  /* 上・右・下・左の枠線の種類 */
 border-color     : #CCC;      /* 上・右・下・左の枠線の色 */
 border-width     :  2px;       /* 上・右・下・左の枠線の太さ */
}

*:first-child+html .SpaceUnit { margin-bottom:1em; }
html>/**/body .SpaceUnit{  margin-bottom /*\**/: 1em\9 }

#Canf1Area{
 position:absolute;
 top:0px;
 left:0px;
 height:20px;
 width:20px;
 background-color:#343434;
 visibility:hidden;
}



.SpaceUnit p{
 text-indent:1em;
}

.SpaceUnit .thum{
 margin:0 0 60px 0;
 padding:4px;
 width:170px;
}

.SpaceUnit .thum p{
 text-indent:0;
 text-align: center;

}

.SpaceUnit h4{
 margin-bottom:0;
}

.SpaceUnit .discript{
 width:520px;
 margin-bottom : 30px;
}

.SpaceUnit .discript h3{
 font-size:123.1%;
 text-indent:17px;
 _text-indent:19px;
 background-image:url(./img/shisetsulist_mark.gif);
 background-repeat:no-repeat;
 background-position:left center;

}

*:first-child+html .SpaceUnit .discript h3{ text-indent:17pt; }
html>/**/ .SpaceUnit .discript h3{
  text-indent /*\**/: 18pt\9;
  line-height:123.1%;
 }


.SpaceUnit .bihin p{
 padding:0;
 margin:0;
 font-size:93%;
}

.SpaceUnit .bihin{
 padding-left:10px;
}

.SpaceUnit div.thum,
.SpaceUnit div.discript{
 float:left;
}

.SpaceUnit a{
 display:block;
 position:absolute;
 width:104px;
 height:29px;
 background-repeat:no-repeat;
 background-position:left top;
}


.SpaceUnit a.roomDetail{
 top:132px;
 left:33px;
 background-image:url(./img/more_view.png);
}

.SpaceUnit a.roomLayout{
 top:162px;
 left:33px;
 background-image:url(./img/more_layout.png);
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.red{
 color:red;
}

#contact{
 margin:10px auto 10px auto;
 border-style     : solid ;     /* 上・右・下・左の枠線の種類 */
 border-width     :  2px  ;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA  ;      /* 上・右・下・左の枠線の色 */
 border-collapse:collapse;
}

#contact th,
#contact td{
 border-bottom:2px solid #AAA;
}

#contact th{
 background-color : #CAE5C6;                   
 width:300px;
}


#iframebbs{
 width:680px;
}

/*
.toppage2blk{
 width:358px;
}
*/
.wrap_fontchange{
 margin:0 0 0 auto;
 right:0px;
 top:0px;
 width:280px;
}

#mida_fontchange{
 float:left;
 margin:0;
 padding-top:5px;
/*
 display:inline;
 line-height:1.5em;

 vertical-align:-40px;
*/
}

#mida_fontchange em{
 font-weight:bold;
 font-style:normal;
 font-size:15.8px;
 _font-size:10.44pt;
}


*:first-child+html #mida_fontchange em{ font-size:10.44pt; }
html>/**/ #mida_fontchange em{  font-size /*\**/: 10.44pt\9 }


#contact_body div{
 text-align:left;
 padding-right: 3em;

}

table#contact td input,table#contact td textarea{
 width:250px;
}
div.contactInfo
{
    width:450px;
    font-size:123.1%;
}
div.contactInfo>*
{
	margin-bottom: 0.5em;
}
div.contactInfo .adress
{
    display:inline-block;
}
div.contactInfo .tel::before
{
    content:"TEL : ";
}
div.contactInfo .tel
{
    display:inline-block;
}
div.contactInfo .fax::before
{
    content:"FAX : ";
}
div.contactInfo .fax
{
    display:inline-block;
}
div.contactInfo .openingHour::before
{
    content:"受付時間 : ";
}
div.contactInfo .openingHour
{
	display:inline-block;
}

.midaContact{
    font-size:146.5%;
	margin-bottom: 1em;
}

.contactComment
{
	margin-top: 3em;
	margin-bottom: 1em;
	font-weight: bold;
    font-size:131%;
}

.bbsblock{
 _margin-top:1em;
}

*:first-child+html .bbsblock { margin-top:2em; }
html>/**/body .bbsblock{  margin-top /*\**/: 2em\9; }

.posirelative{
 position:relative;
}

.posirelative a#BBSRSS{
 position:absolute;
 top:-22px;
 left:630px;
}

.pUnit{
 width:90%;
 margin:0 auto 0 auto;

}

.pUnit p{
/*
 text-indent:1em;
*/
 padding-left:1em;
 margin-bottom:0.5em;
}

.pdfListTable{
 width:80%;
 border:1px solid #5A5A5A;
 margin:1em auto 0 auto;
}

.pdfListTable td{
 padding:5px;
}

.pdfListTable caption{
 padding-top:2px;
 border-style:solid solid none solid ;
 border-color:#5A5A5A #5A5A5A #FFFFFF #5A5A5A;
 border-width:1px 1px 0px 1px;
 text-align:left;
 text-indent:1em;
}
.nozaki{
 background-color : #FDEADB;                     /* バックの色 */
}

.BlockCenter{
 text-align:center;
}

.BlockCenter img{
 display:block;
 margin:0 auto 0 auto;
}


.DefTable .BlockRight{
 text-align:right;
}

.DefTable .BlockLeft{
 text-align:left;
}

.DefTable .BlockCenter{
 text-align:center;
}

.DefTable{
 width:100%;
 text-align:left;
 border-collapse:collapse;
 border:none;
 border-style:solid;
 border-color:#5A5A5A;
 border-width:1px;
 margin-bottom:10px;
}


.DefTable caption{
 text-align:left;
}
.DefTable th,
.DefTable td{
 border-style:solid;
 border-color:#5A5A5A;
 border-width:1px;
 vertical-align:middle;
 padding-top:0.3em;
 padding-bottom:0.3em;
 _line-height:1.3em;

}

*:first-child+html .DefTable th { line-height:1.3em; }
*:first-child+html .DefTable td { line-height:1.3em; }



.DefTable td{
 padding-left:0.3em;
 padding-right:0.3em;
/*
 text-align:left;
*/
}

.DefTable th{
/*
 padding-left:0.3em;
 padding-right:0.3em;
*/
 font-weight:bold;
 text-align:center;
 background-color : #CAE5C6;
}



.kaigiThWid1{
  width:13px;
}

.kaigiThWid2{
  width:26px;
}

.kaigiThWid3{
  width:39px;
}

.kaigiThWid4{
  width:52px;
}

.kaigiThWid5{
  width:67px;
}

.kaigiThWid6{
  width:78px;
}
.kaigiThWid7{
  width:91px;
}
.kaigiThWid8{
  width:104px;
}
.kaigiThWid9{
  width:117px;
}

.kaigiThWid10{
  width:130px;
}

.kaigiThWid11{
  width:143px;
}

.kaigiThWid12{
  width:156px;
}

.kaigiThWid13{
  width:169px;
}

.kaigiThWid14{
  width:182px;
}

.kaigiThWid15{
  width:195px;
}

.kaigiThWid16{
  width:208px;
}

.kaigiThWid17{
  width:221px;
}

.kaigiThWid18{
  width:234px;
}

.kaigiThWid19{
  width:247px;
}

.kaigiThWid20{
  width:260px;
}

.kaigiThWid21{
  width:273px;
}

.kaigiThWid22{
  width:286px;
}

.kaigiThWid23{
  width:299px;
}

.kaigiThWid23{
  width:299px;
}

.kaigiThWid24{
  width:312px;
}

.kaigiThWid25{
  width:325px;
}

.kaigiThWid26{
  width:338px;
}

.kaigiThWid27{
  width:351px;
}

.kaigiThWid28{
  width:364px;
}

.kaigiThWid29{
  width:377px;
}

.kaigiThWid30{
  width:390px;
}

.flow {
	width : 90%;
	margin : 0 auto;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.flow img {
  position: absolute;
  top: 0;
  height: auto;
  width: 100%;
}

.shogakuTable {
 margin: 5px auto 0 auto;
 width:90%;
}

.shogakuTable th{
 width:7em;
}
/*
.shogakuTable th,shogakuTable td{
 color:#000000;
}
*/

/*
.shogakusei, .kakushisetu ,.kaigiCap{
 background-color : #CAE5C6;
}
*/

.shogakusei,.kaigiCap{
 background-color : #CAE5C6;
}

.adobereader{
 margin:1em auto 0 auto;
 padding:3px;
 width:79%;
 text-align:left;
 border:1px solid #5F5F5F;
}

.adobereader p{
 margin:0 0 5px 0;
}

.adobereader img{
 float:left;
 margin-right:5px;
}

.adobereader .caution{
 font-size:77%;
}

#payment_body li{
 margin-bottom:0.2em;
}

#contact_body p,
#payment_body p{
 padding-left:1em;
}

#payment_body p.cautionText{
	padding-left: 0em;
	font-weight: bold;
}

#payment_body .noMargin{
 padding : 0;
}

#payment_body .lerge{
	font-size: 123.1%;
	font-weight: bold;
}

#public_body address{
 display:block;
 line-height:1.5em;
 padding-left:1em;
}

#public_body h3,
#company_body h3,
#payment_body h3{
 font-size:131%;
 border-bottom:1px solid #5A5A5A;
}

#public_body h4,
#company_body h4,
#payment_body h4{
 margin-bottom:0;
 padding-top:5px;
 height:1.22em;
 text-indent:1.5em;
/*  text-indent:1.8em; */
 background-repeat:no-repeat;
 background-position:left top;
 background-image:url(./img/mida_pink.gif);
 font-size:108%;
}

#public_body h5,
#company_body h5,
#payment_body h5{
 font-size:108%;
 border-left:5px solid DarkRed;
 *padding-left:5px;
/*
 border-bottom:2px solid green;
*/
}
#public_body ul{
  list-style:none;
}

#company_body ul{
 text-indent:2em;
}

#company_body p{
 padding-left:1em;
}

.pdfLists ul {
	position : relative;
}

.mappdf{

/* margin-top: -40px; */
/*
 margin-top:0.5em;
 width:49%;
 float:left;
*/
}

.mappdf img{
 margin-top:0.5em;

}
.syougaku_honbun{
 margin:0 auto 1em auto;
 width:80%;
}

p{
 margin:0.3em 0px 0px 0px;
 _line-height:1.3em;
}

*:first-child+html p{ line-height:1.3em; }

ol p{
 margin:5px 0px 5px 0px;
}

ol ol{
 list-style-type:upper-roman;
}

.midashisp{
 margin-top:10px;
 _margin-top:3em;
}

*:first-child+html .midashisp { margin-top:3em; }
html>/**/body .midashisp{  margin-top /*\**/: 3em\9 }

.Secmidashisp{
 _margin-top:2em;
}

*:first-child+html .Secmidashisp { margin-top:2em; }
html>/**/body .Secmidashisp{  margin-top /*\**/: 2em\9 }

/*
.imgMapRight{
 float:right;
}

.imgMapRight img{
 margin-top:6px;
}
*/

.enkaku table{
 width:100%;
 margin-top:10px;
 margin-bottom:10px;
}
/*
#headflash{
  position: relative;
}
#headflash div{
  position:absolute;
  background-color: transparent;
  top:0px;
  left:0px;
}

#headflash a{
  display:block;
  width:720px;
  height:250px;
}
*/
.enkaku table th span{
 display:block;
 border-left:5px solid DarkRed;
}

.enkaku table th{
 padding:0.5em 0 0.3em 0;
/*
 width:80px;
*/
 width:6.3em;

 text-indent:0.5em;
 text-align:left;
 /*border-bottom:2px solid #AAAAAA;*/
 /*
  background-image:url(./img/enakuk_head.gif);
  background-repeat:no-repeat;
  background-position:left center;
*/
}

.enkaku table td{
  vertical-align:middle;
  _line-height:1.22em;
  padding:0.3em 0 0.3em 1em;
  border-bottom:2px solid #AAAAAA;
}

*:first-child+html .enkaku table td{ line-height:1.22em; }
html>/**/ .enkaku table td{  line-height /*\**/: 1.22em\9 }


.enkaku table caption{ text-indent:0.5em;font-size:123.1%;font-weight:bold;text-align:left;}

.ListPadding:before{
  content: ".";
  visibility: hidden;
}

.NoVis{
  visibility: hidden;
  /display:none;
}

.TopMinusmargin{
/*
 margin-top:-1.2em;
*/
 /display:inline;
 /vertical-align:top;
 /margin-top:0;
}

.bg_gray{
 background-color:#dddddd;
}

.tableThSmall{
 table-layout:fixed;
 /table-layout:auto;
}

.tableThSmall th{
 font-size:85%;
}
.tableThSmall td{
 font-size:85%;
}

.tableThSmall td.moresmall{
 font-size:77%;
}

.font-small{
 font-size:77%;

}


.tableBasshi{
 padding-top:15px;
 text-align:center;
 position:absolute;
 width:20em;
 height:2.5em;
 top:150px;
 left:200px;
 font-size:123.1%;
 background-color:#bbbbbb;
 z-index:10;
}

#history,#nozaki{
 _margin-top:3em;

}
*:first-child+html #history,
*:first-child+html #nozaki { margin-top:3em; }

html>/**/body #history,
html>/**/body #nozaki{  margin-top /*\**/: 3em\9 }


#syougakukin{
 _margin-top:2em;
}
*:first-child+html #syougakukin { margin-top:2em; }
html>/**/body #syougakukin{  margin-top /*\**/: 2em\9 }

.innerTable{
 display:block;
 width:auto;
}

.innerTable th,innerTable td{
 width:auto;
}


.layoutTable{
 width:710px;
 margin:0 auto 0 auto;
}

#access_body h2{
 margin-bottom:1em;
}

h2#detail,
h2#wireless{
 margin-top:1em;
}


#access_body .route{
	line-height: 1.22em;
	text-indent: -1em;
	margin-left: 2em;
	margin-bottom: 5px;
	font-size: 123.1%;
	font-weight: bold;
}


/* ここからＴＯＰページ掲示板用 */

.bbsblock .diary p,
.bbsblock .diary li,
.bbsblock .diary dt,
.bbsblock .diary dd,
.bbsblock .diary address {
    color: #444444;
    line-height: 1.4;
}

.bbsblock .diary .text img {
	margin-right: 10px;
	margin-bottom: 5px;
	border: 0px;
}

.bbsblock div#diary div.date{
	padding-top: 2px;
	padding-bottom: 2px;
	width:80px;
	float:left;
}
.bbsblock div#diary div.date span{
	font-size: 116%;
	display :block;
/*
	text-decoration: underline;
	color: #0000AA;
*/
}

.bbsblock a:link, a:visited {
	color: #0000AA;

	text-decoration: underline;
}
.bbsblock  div#diary div.text{
	float:left;
	width:100%;
	display: none;
}



.bbsblock div#logs {
	float: left;
}

.bbsblock div#diary, div#comment, div#trackback {
	margin: 0px 15px;
}


.bbsblock div#diary h3 {

	padding-top: 2px;
	padding-bottom: 0px;

	margin-left: 5.5em;
	padding-left: 0.5em;

	font-size: 116%;
/*
	margin: 5px 5px 20px 5px;
	float: left;
*/
/*
	padding: 5px;
*/

/*
	color: #FFFFFF;
	background-color: #777788;
*/
}

.bbsblock div#logs {
	width: 678px;
}

.bbsblock div#diary .diary {
	margin-bottom: 10px;
	padding: 2px;
	border-bottom: 2px dotted #777777;
}


html>body .bbsblock div#logs {
	width: 680px;
}


.bbsblock div#diary .text * {
	font-size: 85%;
}
html>body .bbsblock  div#diary .text * {
	font-size: 93%;
}

.bbsblock div#diary .text p {
	margin: 10px 10px 10px 15px;
}


.bbsblock .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.bbsblock .clearfix {
  min-height: 1px;
}

* html .bbsblock .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.bbsblock .diary .article_header:hover{
	cursor: pointer;
	color: Darkorange;
}

.tate{
	width: 1em;
/*
	-webkit-writing-mode: vertical-rl;
	font-family:"@ＭＳ Ｐ明朝", "@MS PMincho", "@ヒラギノ明朝 Pro W3", "@Hiragino Mincho Pro", serif;
	writing-mode: tb-rl;
	direction:ltr;
*/
}

.kubun{
	 table-layout: auto;
}

.mainBuild {
	margin-top: 10px;
	line-height: 2em;
	display: flex;
}

.mainBuild span{
	font-size: 182%;
	font-weight: bold;
}


.mainBuild span:before{
	content: '●';
}

.mainBuild .featureText {
	margin-left: 1em;
}
/*
.mainBuild span:after{
	content: ')';
}
*/


.diary	.text .parsonBlk{
	clear: both;
	padding-left : 120px;
	padding-right : 120px;
	margin-bottom: 15px;
}

#diary .diary .text  .belong{
	font-size: 116%;
}

.diary	.text  .belong{
	float: left;
	margin : 0;
	padding : 0;
}

#diary .diary .text .parsonBlk dl{
	margin-top: 15px;
	font-size: 116%;
	display: flex;
	justify-content: right;
}
.diary	.text .parsonBlk dl{
	vertical-align: top;
	text-align: right;
}

.diary .text .parsonBlk dl .personName {
	text-align: left;
	width: 6em;
}

.diary .text .parsonBlk dl .personPost {
	text-align: left;
	width: 4em;
	margin-left: 0.5em;
}

.discript .bihin p{
	text-indent: -1em;
	padding-left: 5em;
}

.btView{
	background-repeat: no-repeat;
	background-position: right center;
	background-image:url(./img/closeBt.png);
}

/* add koyama 20170324 */
.dateview{
	text-align    : right;
	margin-bottom : -10px;
	position: relative; z-index: 10;
}

.dateview p{
	font-size: 116%;
}


/* add koyama */
#slides {
  display    : none;
  margin-top : -250px;
}
#headflash div.alphafilter{
  margin-top : -250px;
  z-index    : 15;
  position: relative;
}

#headflash {
  position: relative;
}

.slidesjs-previous {
    position   : absolute;
    top        : 100px;
    margin-left: -32px;
}

.slidesjs-next {
    position   : absolute;
    top        : 100px;
    left       : 720px;
}

.multiParenthesis {
	position: relative;
	width: 100%;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.multiParenthesis::before,
.multiParenthesis::after {
	position: absolute;
	top: 0;
	content: '';
	width: 20px;
	height: 100%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.multiParenthesis::before {
	left: 0;
	border-left: 3px solid #555;
}
.multiParenthesis::after {
	right: 0;
	border-right: 3px solid #555;
}