@charset "utf-8";
/*----- その他基本設定 -----*/
/*表示しない*/
.hidden {
	display: none;
}
/*外部リンクアイコン*/
.icon {
	display: inline;
	vertical-align: -2px;
	margin: 0 2px;
}
/*見出し
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .midashi {
}
#leftcontainer h1 {
	color: #4A2070;
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
	background: #F3F3F3 url(../imgs/common/bg_h1.png) 1px 1px repeat-y;
	padding: 5px 22px;
	border: #ccc 1px solid;
}
h2 {
	border-bottom: 1px solid #cccccc;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 30px 0 0;
	padding: 11px 5px 10px 12px;
	background: #4A2070 url(../imgs/common/bg_h2.png) repeat-x left bottom;
}
h3 {
	background-image: url("../imgs/common/bg_h3.png"), url("../imgs/common/bg_h3_l.png");
	background-position: center bottom, left top;
	background-repeat: repeat-x, no-repeat;
	background-size: auto auto, 4px 80%;
	color: #4a2070;
	font-size: 115%;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 0px 10px 3px 14px !important;
}
h4 {
	border-bottom: 1px solid #555555;
	color: #555555;
	font-size: 110%;
	margin: 10px 0;
	padding: 5px 10px 0 4px;
}
h5 {
	background: url("../imgs/common/bg_h5.png") no-repeat scroll left 0.8em;
	color: #545454;
	font-size: 105%;
	margin: 10px 0;
	padding: 5px 10px 4px 14px;
}
/*テーブル設定
--------------------------------------------------*/
table {
	margin-top: 20px;
}
table {
	border-bottom: solid 1px #BBBBBB;
	border-left: solid 1px #BBBBBB;
	border-right: none;
	border-top: none;
	border-collapse: collapse;
	width: 100%;
}
table caption {
	color: #97253C;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top: 10px;
}
table thead th {
	background: #D5CFE0;
	color: #4A2070;
	font-weight: bold;
}
table th {
	padding: 5px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #BBBBBB;
	border-top: solid 1px #BBBBBB;
	background: #F0F0F0;
	font-weight: bold;
	text-align: center;

}
table td {
	padding: 5px;
	border: solid 1px #BBBBBB;
	background: #fff;
}
.bg-gray{
	background:#999;
}
.scroll-table{
overflow: auto;    /*tableをスクロールさせる*/
	word-break: break-all;
}


/*----- 横幅指定 -----*/
.wd1 {
	width: 1%;
}
.wd2 {
	width: 2%;
}
.wd4 {
	width: 4%;
}
.wd5 {
	width: 5%;
}
.wd7 {
	width: 7%;
}
.wd8 {
	width: 8%;
}
.wd9 {
	width: 9%;
}
.wd10 {
	width: 10%;
}
.wd11 {
	width: 11%;
}
.wd13 {
	width: 13%;
}
.wd14 {
	width: 14%;
}
.wd15 {
	width: 15%;
}
.wd16 {
	width: 16%;
}
.wd17 {
	width: 17%;
}
.wd20 {
	width: 20%;
}
.wd25 {
	width: 25%;
}
.wd30 {
	width: 30%;
}
.wd31 {
	width: 31%;
}
.wd35 {
	width: 35%;
}
.wd37 {
	width: 37%;
}
.wd40 {
	width: 40%;
}
.wd44 {
	width: 44%;
}
.wd45 {
	width: 45%;
}
.wd50 {
	width: 50%;
}
.wd53 {
	width: 53%;
}
.wd60 {
	width: 60%;
}
.wd63 {
	width: 63%;
}
.wd65 {
	width: 65%;
}
.wd70 {
	width: 70%;
}
.wd75 {
	width: 75%;
}
.wd80 {
	width: 80%;
}
.wd85 {
	width: 85%;
}
.wd90 {
	width: 90%;
}
.wd95 {
	width: 95%;
}
.wd100 {
	width: 100%;
}
/*テキスト位置設定
--------------------------------------------------*/
.txt-c {
	text-align: center;
}
.txt-r {
	text-align: right;
}
.txt-l {
	text-align: left;
}
.txt-m {
	vertical-align: middle;
}
.txt-t {
	vertical-align: top;
}
.txt-b {
	vertical-align: bottom;
}
/*リスト設定
--------------------------------------------------*/
.list-f:after, .list-two:after, .list-three:after, .list-four:after, .list-fs:after, .linklist-f:after, .linklist-two:after, .linklist-three:after, .linklist-four:after, .linklist-fs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-f, .list-two, .list-three, .list-four, .list-fs, .linklist-f, .linklist-two, .linklist-three, .linklist-four, .linklist-fs {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .list-f, * html .list-two, * html .list-three, * html .list-four, * html .list-fs, * html .linklist-f, * html .linklist-two, * html .linklist-three, * html .linklist-four, * html .linklist-fs {
	height: 1%;
}
.list-f, .list-two, .list-three, .list-four, .list-fs, .linklist-f, .linklist-two, .linklist-three, .linklist-four, .linklist-fs {
	display: block;
}
/*---- リストアイコン基本設定 ----*/
.list, .list-f, .list-two, .list-three, .list-four, .list-s, .list-fs {
	margin: 10px 0 0 10px;
}
/*リスト大*/
.list li, .list-f li, .list-two li, .list-three li, .list-four li {
	background-image: url(../imgs/common/ic_list.png);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding: 1px 0 1px 18px;
}
/*リスト小*/
.list-s li, .list-fs li {
	background-image: url(../imgs/common/ic_list_s.png);
	background-repeat: no-repeat;
	background-position: 4px 0.6em;
	padding: 1px 0 1px 18px;
}
/*---通常リスト---*/
.list li {
}
/*通常リスト:横並び*/
.list-f li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*通常リスト:2カラム*/
.list-two li {
	float: left;
	width: 45%;
	margin-right: 1%;
}
/*通常リスト:3カラム*/
.list-three li {
	float: left;
	width: 28%;
	margin-right: 1%;
}
/*通常リスト:4カラム*/
.list-four li {
	float: left;
	width: 21%;
	margin-right: 1%;
}
/*通常リスト:小さめ*/
.list-s li {
}
/*通常リスト:横並び(小さめ)*/
.list-fs li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*入れ子にしたとき、画像が出てしまうのを防ぐ*/
.none li {
	background: none;
	padding-left: 0px;
}
/*---- リンクリストアイコン基本設定 ----*/
/* リスト大 */
.linklist, .linklist-f, .linklist-two, .linklist-three, .linklist-four {
	margin: 10px 0 0 10px;
}
.linklist li, .linklist-f li, .linklist-two li, .linklist-three li, .linklist-four li, p.link {
	background-image: url(../imgs/common/ic_linklist.png);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	padding: 1px 0 1px 20px;
}
/* リスト小 */
.linklist-s, .linklist-fs {
	margin: 10px 0 0 10px;
}
.linklist-s li, .linklist-fs li {
	background-image: url(../imgs/common/ic_linklist_s.png);
	background-repeat: no-repeat;
	background-position: 6px 0.6em;
	padding: 1px 0 1px 18px;
}
/*---- リンクリスト ----*/
.linklist li {
}
/*リンクリスト：横並び*/
.linklist-f li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*リンクリスト：2カラム*/
.linklist-two li {
	float: left;
	width: 45%;
	margin-right: 1%;
}
/*リンクリスト：3カラム*/
.linklist-three li {
	float: left;
	width: 28%;
	margin-right: 1%;
}
/*リンクリスト：4カラム*/
.linklist-four li {
	float: left;
	width: 21%;
	margin-right: 1%;
}
/*リンクリスト:小さめ*/
.linklist-s li {
}
/*リンクリスト：横並び(小さめ)*/
.linklist-fs li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*---- 単体リンク ----*/
p.link {
}
/*---- 数字リスト ----*/
.ollist-lr {
	list-style-type: lower-roman;
}
.ollist-ur {
	list-style-type: upper-roman;
}
.ollist-la {
	list-style-type: lower-latin;
}
.ollist-ua {
	list-style-type: upper-latin;
}
/*----- 位置設定 -----*/
/*1/2サイズ*/
.half-l {
	float: left;
	width: 49%;
}
.half-r {
	float: right;
	width: 49%;
}
/*1/3サイズ*/
.three-l {
	width: 32%;
	float: left;
}
.three-c {
	width: 32%;
	float: left;
	padding-left: 10px;
}
.three-r {
	width: 32%;
	float: right;
}
/*フロート左*/
.fl {
	float: left;
	width: auto;
}
/*フロート右*/
.fr {
	float: right;
	width: auto;
}
/*画像フロート左*/
.img-l {
	float: left;
	width: auto;
	margin: 0 20px 20px 0;
}
/*フロート右*/
.img-r {
	float: right;
	width: auto;
	margin: 0 0 20px 20px;
}
/*----- カラーボックス -----*/

.box01, .box02, .box03, .box04, p {
	padding-top: 5px;
}
.box01, .box02, .box03, .box04 {
	padding: 15px;
	margin: 20px 0;
	min-height: 50px;
}
/*グレー 補足ボックス*/
.box01 {
	border: #666666 1px dashed;
	background: #F3F3F3; /* Old browsers */
}
.box01 .box-midashi {
	border-left: 6px solid #999999;
	color: #333333;
	font-size: 100%;
	line-height: 100%;
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 10px;
	font-weight: bold;
	background: none;
	border-bottom: none;
}
/*青 リンクボックス*/
.box02 {
	border: #8058A0 1px dashed;
	background: #EEECF2;
}
/*2020 12月追加*/
.box02 .box-midashi {
	border-left: 6px solid #4a2070;
	color: #333333;
	font-size: 100%;
	line-height: 100%;
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 10px;
	font-weight: bold;
	background: none;
	border-bottom: none;
}
/*黄色 強調ボックス*/
.box03 {
	border: #EA6400 1px dashed;
	background: #F9F3EC;
}
/*レッドライン 注意・警告*/
.box04 {
	border: #D90000 1px dashed;
	background: #F4EAEA;
}
.box04 .box-midashi {
	font-size: 100%;
	line-height: 100%;
	color: #CC0000;
	padding: 2px 5px 2px 10px;
	border-left: solid #CC0000 6px;
	margin-bottom: 10px;
	font-weight: bold;
	background: none;
}
/*マージン
---------------------------------------*/
/*マージン設定*/
/*マージン全方向0*/
.m0 {
	margin: 0 !important;
}
/*マージン全方向10*/
.m10 {
	margin: 10px !important;
}
/*マージン全方向20*/
.m20 {
	margin: 20px !important;
}
/*マージン全方向30*/
.m30 {
	margin: 30px !important;
}
/*マージン左右0*/
.mrl0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*マージン左右10*/
.mrl10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
/*マージン左右20*/
.mrl20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
/*マージン左右30*/
.mrl30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
/*マージン左右 中央*/
.mrlauto {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*マージン上下0*/
.mtb0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/*マージン上下10*/
.mtb10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
/*マージン上下20*/
.mtb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
/*マージン上下30*/
.mtb30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
/*マージン上0*/
.mt0 {
	margin-top: 0 !important;
}
/*マージン上5*/
.mt5 {
	margin-top: 5px !important;
}
/*マージン上10*/
.mt10 {
	margin-top: 10px !important;
}
/*マージン上15*/
.mt15 {
	margin-top: 15px !important;
}
/*マージン上20*/
.mt20 {
	margin-top: 20px !important;
}
/*マージン上30*/
.mt30 {
	margin-top: 30px !important;
}
/*マージン上40*/
.mt40 {
	margin-top: 40px !important;
}
/*マージン下0*/
.mb0 {
	margin-bottom: 0 !important;
}
/*マージン下5*/
.mb5 {
	margin-bottom: 5px !important;
}
/*マージン下10*/
.mb10 {
	margin-bottom: 10px !important;
}
/*マージン下20*/
.mb20 {
	margin-bottom: 20px !important;
}
/*マージン下30*/
.mb30 {
	margin-bottom: 30px !important;
}
/*マージン左0*/
.ml0 {
	margin-left: 0 !important;
}
/*マージン左10*/
.ml10 {
	margin-left: 10px !important;
}
/*マージン左20*/
.ml20 {
	margin-left: 20px !important;
}
/*マージン左30*/
.ml30 {
	margin-left: 30px !important;
}
/*マージン右0*/
.mr0 {
	margin-right: 0 !important;
}
/*マージン右10*/
.mr10 {
	margin-right: 10px !important;
}
/*マージン右20*/
.mr20 {
	margin-right: 20px !important;
}
/*マージン右30*/
.mr30 {
	margin-right: 30px !important;
}
/*パディング*/
/*パディング0*/
.p0 {
	padding: 0;
}
/*リスト以外インデント*/
/*1em*/
.indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
.indent-1-1 {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
.indent-1-2 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
.indent-1-3 {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
.indent-1-4 {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
.indent-1-5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
.indent-1-6 {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
.indent-1-7 {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
.indent-1-8 {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
.indent-1-9 {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
.indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
/*リスト用インデント幅*/
/*1em*/
ul.indent-1 li {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
ul.indent-1-1 li {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
ul.indent-1-2 li {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
ul.indent-1-3 li {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
ul.indent-1-4 li {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
ul.indent-1-5 li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
ul.indent-1-6 li {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
ul.indent-1-7 li {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
ul.indent-1-8 li {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
ul.indent-1-9 li {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
ul.indent-2 li {
	text-indent: -2em;
	margin-left: 2em;
}
/*ライン*/
/*ブロック要素の下にラインがつく*/
.li1 {
	background: url(../imgs/common/li_01.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.li2 {
	background: url(../imgs/common/li_02.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/*テキスト設定
--------------------------------------------------*/
/*---- フォントサイズ ----*/
.font-s,.font-pcsp-s {
	font-size: 85%;
	line-height: 1.2em;
}
.font-ss {
	font-size: 60%;
	line-height: 1.2em;
}
.font-l {
	font-size: 105%;
}
 @media screen and (max-width: 640px) {
.font-sp-s{
		font-size: 85%;
	line-height: 1.2em;
}
.font-pcsp-s {
	font-size: 60%;
	line-height: 1.2em;
}

.text-space-sp{
	letter-spacing: 0.1px;
}

}
@media screen and (max-width: 400px) {
.font-sp-ss{
		font-size: 35%;
	line-height: 1.2em;
}
}
@media screen and (max-width: 350px) {
.font-sp-ss{
		font-size: 30%;
	line-height: 1.2em;
}
}
/*---- フォントカラー ----*/
.font-red {
	color: #97253B;
}
.font-blue {
	color: #1552C1;
}
.font-green {
	color: #006565;
}
.font-darkblue {
	color: #084487;
}
.font-white {
	color: #FFFFFF;
}
.font-gray {
	color: #666;
}
/*---- ボールド ----*/
.font-bold {
	font-weight: bold;
}
/*---- 太字フォントをノーマルにする ----*/
.font-def {
	font-weight: normal;
}
/*---- イタリック ----*/
.font-italic {
	font-style: italic;
}
/*---- 強調見出し ----*/
p.midashi {
	font-size: 130%;
	margin: 15px 0;
}
p.midashi strong {
	color: #97253C;
	font-weight: bold;
}
/*---- 画像用キャプション ----*/
figcaption {
	color: #1A6E2F;
	text-align: left;
	padding: 0;
	margin-top: 10px;
}
figure {
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
}

/*---- 画像用シャドウ ----*/
.img-shadow{
box-shadow: 3px 3px 5px 2px #666;
margin-bottom: 15px !important;
display:block;

}



/*新着情報
----------------------------------------*/
section#newscontainer {
	margin: 0;
}
section#eventcontainer header {
	margin-top: 25px;
}
#newscontainer header, #eventcontainer header {
	position: relative;
	min-height: 32px;
	background: #DCD9E1;
}
#awardcontainer header {
	position: relative;
	min-height: 32px;
	background: #F1DBDA;
}
.more {
	margin: 0;
	background: url("../imgs/top/ic_more.png") no-repeat scroll 16px 50% #d1ccdd;
	font-size: 80%;
	margin: 0;
	min-height: 23px;
	padding: 10px 1px 0 27px;
	width: 70px;
	line-height: 1.1em;
}
.awardmore {
	margin: 0;
	background: url("../imgs/top/ic_more.png") no-repeat scroll 16px 50% #E8D2D1;
	font-size: 80%;
	margin: 0;
	min-height: 23px;
	padding: 10px 1px 0 27px;
	width: 70px;
	line-height: 1.1em;
}
#newscontainer header h2, #eventcontainer header h2, #awardcontainer header h2 {
	border: medium none;
	margin: 0;
	padding: 0;
	background: none;
}
#newscontainer article, #eventcontainer article, #awardcontainer article {
	display: block;
	padding: 10px 0;
	line-height: 1.3em;
	border-bottom: 1px #CCC solid;
}
#newscontainer article a, #eventcontainer article a, #awardcontainer article a {
	text-decoration: none;
}
#newscontainer article:last-child, #eventcontainer article:last-child, #awardcontainer article:last-child {
	border: none;
}
#newscontainer article a:hover, #eventcontainer article a:hover, #awardcontainer article a:hover {
	text-decoration: underline;
}
#newscontainer .cat, #awardcontainer .cat {
	background: #666;
	color: #fff;
	margin: 0;
	padding: 3px 0;
	font-size: 80%;
	min-width: 65px;
	height: 18px;
	text-align: center;
	margin: 0 10px 0 0;
}
#newscontainer time, #awardcontainer time {
	padding-top: 3px;
}
#newscontainer time, #eventcontainer p, #awardcontainer time {
	font-size: 80%;
	color: #666666;
}
#newscontainer h3, #eventcontainer h3, #awardcontainer h3 {
	color: #333;
	background: none;
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0 0;
	overflow: hidden;
	padding: 0;
	line-height: 1.7em;
}
#eventcontainer p {
	margin: 0;
}
.img-l img, .img-r img{
	margin:0 0 5px;
}
.half-l img, .half-r img{
		margin:0 0 5px;
}
/* 強制的な文字の折り返し */
.w-break{
	word-break:break-all;
	display:inline-block;
}
 @media screen and (max-width: 640px) {
.list-f li, .list-two li, .list-three li, .list-four li, .list-fs li, .linklist-f li, .linklist-two li, .linklist-three li, .linklist-four li, .linklist-fs li {
	float: none;
	width: auto;
}
.half-l, .half-r, .three-l, .three-c, .three-r, .float-l, .float-r, .img-l, .img-r, .one-third, .two-third {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.img-l, .img-r {
	text-align: center;
	margin: 10px 0;
}
.img-l img, .img-r img{
	margin:10px 0 5px;
}
.half-l img, .half-r img{
		margin: 10px 0 5px;
}

img.ml20,img.mr20{
	margin:0 !important;
}


table thead th ,table th,table td  {
	box-sizing:border-box;
	word-break: break-word;
}

.scroll-table{
overflow: auto;    /*tableをスクロールさせる*/
	word-break: break-all;
}
.scroll-table::-webkit-scrollbar{  /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll-table::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll-table::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

}