@charset "utf-8";
body
{
    width:100%;
    margin:0px;
    font-size:12px;
    /*background:url(./img/body-back.gif) repeat-x;*/
    background: linear-gradient(#94BEF7, #FFFFFF ) fixed;
/*    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';*/
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    color: #333333;
}
A:link
{
    text-decoration:none;
	color:#3333CC;
}
A:visited
{
    text-decoration:none;
	color:#3333CC;
}
A:hover
{
    text-decoration:underline;
	color:#3333CC;
	background:#DBF3FF;
}

/***** コンテナ *****/
#conteiner
{
    display:flex;
    width:100%;
    height:auto;
}

/*****ヘッダー部*****/
#header
{
    width:100%;
}
#header-body
{
    margin:6px 10px 0px 10px;
	padding:10px;
	background-color:#FFFFFF;
    border:solid 1px #1E88E5;
	border-radius:4px;
}

/*****メニュー部*****/
#menu
{
	flex-basis:210px;
}
#menu-body
{
    border:solid 1px #1E88E5;
	background-color:#FFFFFF;
    padding:8px;
	margin:6px 0px 0px 10px;
	border-radius:4px;
}

#menu-body ul
{
	margin:0;
	padding:0;
	list-style:none;
	border-top:6px solid #307DB3;
}

#menu-body li
{
	padding:0;
	margin:0;
	border-width:0px 1px 1px 1px;
	border-color: #C9DBEE;
	border-style:solid;
	vertical-align:middle;
}

#menu-body .select
{
	background-color:#e3f2fd;
}

#menu-body li a
{
	background:url(./img/menu.gif) no-repeat 0 4px;
	padding:6px 0 6px 18px;
	font-size:12px;
	line-height:1.3em;
	font-weight:bold;

	display:block;
	text-decoration:none;
	color:#1565C0;
}
#menu-body li a:hover
{
	color:#666666;
	background:#DBF3FF;
	background:url(./img/menu.gif) no-repeat 0 4px #DBF3FF;
}
#menu-body .sub-menu-sel a
{
	background:url(./img/submenu-sel.gif) no-repeat 10px 5px;
	padding:6px 0 6px 35px;
	font-size:14px;
	line-height:1.3em;
	font-weight:bold;

	display:block;
	text-decoration:none;
	color:#1565C0;
	text-shadow:-1px 1px 0px rgba(150, 150, 150, 1);
}
#menu-body .sub-menu-sel a:hover
{
	color:#666666;
	background:#DBF3FF;
	background:url(./img/submenu-sel.gif) no-repeat 10px 5px #DBF3FF;
}
#menu-body .sub-menu a
{
	background:none;
	padding:6px 0 6px 35px;
	font-size:12px;
	line-height:1.3em;
	font-weight:bold;

	display:block;
	text-decoration:none;
	color:#1565C0;
}
#menu-body .sub-menu a:hover
{
	color:#666666;
	background:#DBF3FF;
}
/***** 広告表示 *****/
#ad
{
    width:210px;
    float:left;
}
#ad-body
{
    margin:6px 10px 0px 10px;
    padding:10px;
}
/*****コンテンツ部*****/
#contents
{
    font-size:16px;
    flex-basis:100px;
    flex-grow:1;
    width:100%;
}
.contentbody
{
    padding-top:5px;
    padding-left:5px;
    font-size:16px;
    line-height:180%;
}
.content-base
{
    font-size:16px;
    line-height:180%;
}
.info-pnl
{
    border-radius:5px;
    border: 1px solid #4584b1;
    padding:10px;
/*    background-color:#F2FBFF;*/
    background-color:#eeeeee;
}
.outline
{
    border:solid 1px #1E88E5;
    margin-top:6px;
    margin-left:4px;
    margin-right:10px;
    margin-bottom:0px;
    padding:8px;
    background-color:#FFFFFF;
    border-radius:4px;
}

/*
.outline h1
{
    color:#003377;
    font-size:16px;
    margin-top:3px;
    margin-bottom:3px;
    padding:3px 3px 3px 12px;
    border:solid;
    border-width: 1px 1px 1px 0px;
    border-color:#99CCFF;
    background-image: url(./img/h1.gif);
    background-repeat: no-repeat;
    background-color:#e6f1f8;
}
*/

.outline h1
{
    color:#1565C0;
    font-size:20px;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:3px;
    padding:3px 3px 3px 3px;
    border:solid;
    border-width: 0px 0px 3px 0px;
    border-color:#2196F3;
}

.outline h2{
    font-size:18px;
    font-weight:bold;
    margin:10px 10px 10px 5px;
}

.outline h3{
    font-size:16px;
    font-weight:bold;
    margin:5px 5px 5px 2px;
}

.list-table
{
	border-collapse:collapse;
}
.list-table-head
{
    font-size:14px;
    border:solid 1px #6B90DA;
    background-color:#bbdefb;
    padding:5px;
}
.list-table-head-small
{
    font-size:10px;
    border:solid 1px #6B90DA;
    background-color:#bbdefb;
    padding:5px;
}
.list-table-row
{
    font-size:14px;
    border:solid 1px #6B90DA;
    padding:5px;
    vertical-align: top;
}
.list-table-row .remark
{
	font-size:10px;
	color:#5D5D5D;/*gray;*/
}
.list-table-row .remark-large
{
	font-size:12px;
	color:#5D5D5D;/*gray;*/
}
.caution
{
    color: #FF3333;
}
.caution-bold
{
    font-size:18px;
    color: #FF3333;
    font-weight:bold;
}
.caution-bold-blue
{
    font-size:18px;
    color: #0070C0;
    font-weight:bold;
}

.content-base ul
{
	margin-top: 5px;
	margin-bottom: 10px;
}
.content-base ol
{
	margin-top: 5px;
	margin-bottom: 10px;
}

/** お知らせ用 **/
#announce-list dl,dt,dd
{
	margin:0;
	padding:0;
}
#announce-list dl
{
	margin:0;
	padding: 5px;
}
#announce-list dl dt
{
	float:left;
	width: 95px;
    font-size:14px;
	font-weight:bold;
	color:#467599;
	padding: 5px 0 0 0;
}
#announce-list dl dd
{
	padding:5px 0 0 95px;
	border-bottom: solid 1px #C9DBEE
}

/** 市民公開講座予定リスト **/
.seminer-list{
    max-height: 200px;
    overflow: auto;
}
.seminer-list dl,dt,dd
{
	margin:0;
	padding:0;
}
.seminer-list dl
{
    margin:0;
    padding: 5px;
}
.seminer-list dl dt
{
    float:left;
    width: 170px;
    font-size:14px;
    font-weight:bold;
    color:#467599;
    padding: 5px 0 0 0;
}
.seminer-list dl dd
{
    padding:5px 0 0 95px;
    border-bottom: solid 1px #C9DBEE;
}

/** リンク系 **/
.link-pdf
{
	background:url(./img/pdf.gif) no-repeat 0 1px;
	padding:0 0 0 20px;
}
.link-pdf:hover
{
	background:#DBF3FF;
	background:url(./img/pdf.gif) no-repeat 0 1px #DBF3FF;
	font-weight:bold;
}
.link-link
{
	background:url(./img/link.gif) no-repeat 0 4px;
	padding:0 0 0 20px;
}
.link-link:hover
{
	background:#DBF3FF;
	background:url(./img/link.gif) no-repeat 0 4px #DBF3FF;
	font-weight:bold;
}
.link-word
{
	background:url(./img/word.gif) no-repeat 0 2px;
	padding:0 0 0 20px;
}
.link-word:hover
{
	background:#DBF3FF;
	background:url(./img/word.gif) no-repeat 0 2px #DBF3FF;
	font-weight:bold;
}
.link-zip
{
	background:url(./img/zip.gif) no-repeat 0 2px;
	padding:0 0 0 20px;
}
.link-zip:hover
{
	background:#DBF3FF;
	background:url(./img/zip.gif) no-repeat 0 2px #DBF3FF;
	font-weight:bold;
}

/*****フッター部*****/
#footer
{
    width:100%;
    clear:both;
	text-align:center;
}
#footer-body
{
    margin:6px 0px 6px 10px;
	font-size:12px;
	color:#5D5D5D;/*gray;*/
	padding:8px;
}
#footer-body table
{
	margin-right: auto;
	margin-left: auto;
}
#footer-body td
{
	font-size:12px;
	color:#5D5D5D;/*gray;*/
}


/*****ページャ*****/
.pager
{
    width:100%;
	text-align:center;
	font-size:14px;
	color:#5D5D5D;/*gray;*/	
	font-weight:bold;
}

/*****市民公開講座テーブル用*****/
.kouza-table{
    border-collapse:collapse;
}
.kouza-table tr{
    border-bottom: solid 1px #C9DBEE;
}
.kouza-table tr:hover{
    background-color:#DBF3FF;
}
.kouza-table td{
    vertical-align:top;
}


.indent-10
{
    padding-left:10px;
}
.indent-20
{
    padding-left:20px;
}
.indent-30
{
    padding-left:30px;
}
.blue
{
    color:#1565C0;
}

/** 理事長挨拶 **/
.president-img
{
    float:left;
    margin:0 15px 15px 0;
}

.member_ad
{
    margin: 10px;
    display:flex;
    width:100%;
    height:auto;
}
.member_ad .ad_item
{
    margin: 5px;
}