@charset "UTF-8";
/**** 記事ページ見出しのスタイル ****/
.mol_contents h2 {
	font-size: 136%;
	width: 100%;
	padding: 6px 2px 6px 12px;
	margin: 16px 0 0;
	position: relative;
	border-bottom: 2px dotted #b5d7ff;
	border-top: 2px dotted #b5d7ff;
	background: #ebf4ff;
}
.mol_contents h3 {
	margin: 16px 0 0;
	padding: 2px 2px 2px 12px;
	font-size: 120%;
}
.mol_contents h3::after{
	position: relative;
	left: -12px;
	content: '';
	width: calc(100% + 12px);
	height: 3px;
	border-radius: 50px;
	background-color: #1261d6;
	display: block;
	margin-top: 4px;
}
.mol_contents h4 {
	margin: 16px 0 0;
	padding: 2px 2px 3px 12px;
	border-bottom: 2px dotted #1261d6;
	font-size: 110%;
}
/**** 記事ページ_文字の装飾 ****/
/*em(黒太字)*/
.mol_contents em{
	color: #333;
	font-weight: bold;
	font-style: normal;
}
/*囲み枠_色*/
.mol_textblock_color{
	margin-top: 16px;
	padding: 0 20px 15px;
	border: 2px solid #1261d6;
	border-radius: 6px;
}
/*囲み枠_黒*/
.mol_textblock_black{
	margin-top: 16px;
	padding: 0 20px 15px;
	border: 2px solid #ccc;
	border-radius: 6px;
}
/**** ページ内目次のスタイル ****/
.mol_page_contents{
	border: 2px solid #eee;
	margin: 24px 0 0;
	border-radius: 8px;
	overflow: hidden;
}
.mol_page_contents h2{
	background: #f2f2f2;
	border: 0;
	font-size: 136%;
	margin-top: 0;
	padding: 10px 12px 8px;
}
.mol_page_contents .page_contents_lower{
	padding: 8px 16px 16px;
}
.mol_page_contents ul li{
	padding-left: 16px;
	position: relative;
}
.mol_page_contents ul li::before{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #1261D6;
	border-bottom: 2px solid #1261D6;
	transform: rotate(-45deg);
}
	@media (min-width: 769px) {
		.mol_page_contents .ac_display{
			display: none !important;
		}
		.mol_page_contents .ac_box{
			pointer-events: none !important;
		}
		.mol_page_contents .ac_box + div{
			display: block;
		}
	}
	@media only screen and (max-width: 768px) {
		.mol_page_contents h2{
			padding-right: 70px;
		}
	}
/**** 記事ページ画像ブロックのスタイル ****/
.mol_imageblock {
	margin-top: 16px;
}
.mol_imageblock .window {
	margin-top: 5px;
	line-height: 1.5;
}
div.mol_contents .mol_imageblock_imgfloatleft {
	padding: 3px;
}
div.mol_contents .mol_imageblock_imgfloatright {
	padding: 3px;
}
div.mol_contents .mol_imageblock_imgfloatleft {
	padding: 3px;
}
div.mol_contents .mol_imageblock_imgfloatright {
	padding: 3px;
}
.mol_imageblock_center div {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}
.mol_imageblock_right div {
	margin-left: auto;
	padding: 3px;
}
div.mol_contents .mol_imageblock_img_large,
div.mol_contents div.mol_imageblock_img_large{
	max-width: 796px;
	width: 100%;
}
div.mol_imageblock .mol_imageblock_img_medium,
div.mol_contents div.mol_imageblock_img_medium {
	max-width: 394px;
	width: 100%;
}
div.mol_imageblock .mol_imageblock_img_small,
div.mol_contents div.mol_imageblock_img_small {
	max-width: 154px;
	width: 100%;
}
div.mol_contents .mol_imageblock_w_long {
	width: 100%;
}
div.mol_contents .mol_imageblock_w_middle {
	width: 400px;
}
div.mol_contents .mol_imageblock_w_short {
	width: 300px;
}
div.mol_contents .mol_imageblock_img_al_left {
	text-align: left;
}
div.mol_contents .mol_imageblock_img_al_center .mol_imageblock_img{
	text-align: center;
}
div.mol_contents .mol_imageblock_img_al_right .mol_imageblock_img{
	text-align: right;
}
.mol_imageblock_img {
	margin-top: 0;
}
div.mol_imageblock_img_al_left .mol_imageblock_img {
	line-height: 150%;
}
div.mol_imageblock_img_al_right .mol_imageblock_img {
	line-height: 150%;
}
div.mol_imageblock_img_al_center .mol_imageblock_img {
	line-height: 150%;
}
div.mol_imageblock_img_al_floatleft,
div.mol_imageblock_img_al_floatright,
div.mol_imageblock_img_al_right,
div.mol_imageblock_w_long.mol_imageblock_img_al_center{
	min-width: 400px;
}
div.mol_imageblock_img_al_floatleft.mol_imageblock_w_short,
div.mol_imageblock_img_al_floatright.mol_imageblock_w_short,
div.mol_imageblock_img_al_left.mol_imageblock_w_short,
div.mol_imageblock_img_al_right.mol_imageblock_w_short{
	min-width: 300px;
}
div.mol_imageblock_img_al_floatleft .mol_imageblock_img {
	float: left;
	text-align: left;
	line-height: 150%;
	margin-right: 10px;
}
div.mol_imageblock_img_al_floatright .mol_imageblock_img {
	float: right;
	text-align: right;
	line-height: 150%;
	margin-left: 10px;
}
div.mol_contents div.mol_imageblock_inlineblock {
	display: inline-block;
	vertical-align: top;
}
/* フロートの解除 */
div.mol_contents div.mol_imageblock {
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html div.mol_contents div.mol_imageblock {
	height: 1%;
	overflow: visible;
}

.mol_contents ol {
	list-style-type: decimal;
	padding-top: 8px;
}
.mol_contents ol li {
	margin-left: 36px;
}
.mol_contents ul {
	list-style-type: disc;
	padding-top: 8px;
}
.mol_contents ul li {
	margin-left: 36px;
}
/**** 記事ページテキストブロックのスタイル ****/
.mol_textblock p {
	margin-top: 16px;
}
.mol_textblock_aligncenter {
	text-align: center;
}
.mol_textblock_alignright {
	text-align: right;
}
/**** 記事ページテーブルブロックのスタイル ****/
div.mol_contents .mol_tableblock,
.shelter .mol_tableblock{
	margin-top: 16px;
	text-align: left;
	width: auto;
	overflow-x: auto;
}
div.mol_contents .mol_tableblock.mol_tableblock_inlineblock{
	display: inline-block;
	vertical-align: top;
}
#body div.mol_contents .mol_tableblock::-webkit-scrollbar,
.shelter .mol_tableblock::-webkit-scrollbar{
	height:8px;
}
#body div.mol_contents .mol_tableblock::-webkit-scrollbar-track,
.shelter .mol_tableblock::-webkit-scrollbar-track{
	border-radius: 8px;
	background: #ccc;
}
#body div.mol_contents .mol_tableblock::-webkit-scrollbar-thumb,
.shelter .mol_tableblock::-webkit-scrollbar-thumb{
	border-radius: 8px;
	background: #666;
}
.mol_tableblock caption {
	background-color: #1261d6;
	padding: 6px 12px 4px;
	color: #fff;
}
.mol_tableblock th {
	padding: 6px 8px 2px;
	background: #ebf4ff;
	border: 1px solid #95add0;
	font-size: 85%;
}
.mol_tableblock td {
	padding: 6px 8px 2px;
	border: 1px solid #95add0;
	font-size: 85%;
}
.mol_tableblock .t_left{
	text-align: left;
}
.mol_tableblock .t_right{
	text-align: right;
}
.mol_tableblock .t_center{
	text-align: center;
}

/* テーブル・列の幅(パーセント) */
.mol_tableblock table.per5,.mol_tableblock col.per5{ width: 5%; }
.mol_tableblock table.per10,.mol_tableblock col.per10{ width: 10%; }
.mol_tableblock table.per15,.mol_tableblock col.per15{ width: 15%; }
.mol_tableblock table.per20,.mol_tableblock col.per20{ width: 20%; }
.mol_tableblock table.per25,.mol_tableblock col.per25{ width: 25%; }
.mol_tableblock table.per30,.mol_tableblock col.per30{ width: 30%; }
.mol_tableblock table.per35,.mol_tableblock col.per35{ width: 35%; }
.mol_tableblock table.per40,.mol_tableblock col.per40{ width: 40%; }
.mol_tableblock table.per45,.mol_tableblock col.per45{ width: 45%; }
.mol_tableblock table.per50,.mol_tableblock col.per50{ width: 50%; }
.mol_tableblock table.per55,.mol_tableblock col.per55{ width: 55%; }
.mol_tableblock table.per60,.mol_tableblock col.per60{ width: 60%; }
.mol_tableblock table.per65,.mol_tableblock col.per65{ width: 65%; }
.mol_tableblock table.per70,.mol_tableblock col.per70{ width: 70%; }
.mol_tableblock table.per75,.mol_tableblock col.per75{ width: 75%; }
.mol_tableblock table.per80,.mol_tableblock col.per80{ width: 80%; }
.mol_tableblock table.per85,.mol_tableblock col.per85{ width: 85%; }
.mol_tableblock table.per90,.mol_tableblock col.per90{ width: 90%; }
.mol_tableblock table.per95,.mol_tableblock col.per95{ width: 95%; }
.mol_tableblock table.per100,.mol_tableblock col.per100{ width: 100%; }

/* テーブル・列の幅(ピクセル) */
.mol_tableblock table.px50,.mol_tableblock col.px50{ width: 50px; }
.mol_tableblock table.px100,.mol_tableblock col.px100{ width: 100px; }
.mol_tableblock table.px150,.mol_tableblock col.px150{ width: 150px; }
.mol_tableblock table.px200,.mol_tableblock col.px200{ width: 200px; }
.mol_tableblock table.px250,.mol_tableblock col.px250{ width: 250px; }
.mol_tableblock table.px300,.mol_tableblock col.px300{ width: 300px; }
.mol_tableblock table.px350,.mol_tableblock col.px350{ width: 350px; }
.mol_tableblock table.px400,.mol_tableblock col.px400{ width: 400px; }
.mol_tableblock table.px450,.mol_tableblock col.px450{ width: 450px; }
.mol_tableblock table.px500,.mol_tableblock col.px500{ width: 500px; }
.mol_tableblock table.px550,.mol_tableblock col.px550{ width: 550px; }
.mol_tableblock table.px600,.mol_tableblock col.px600{ width: 600px; }
.mol_tableblock table.px650,.mol_tableblock col.px650{ width: 650px; }
.mol_tableblock table.px700,.mol_tableblock col.px700{ width: 700px; }
.mol_tableblock table.px750,.mol_tableblock col.px750{ width: 750px; }
.mol_tableblock table.px800,.mol_tableblock col.px800{ width: 800px; }
.mol_tableblock table.px850,.mol_tableblock col.px850{ width: 850px; }
.mol_tableblock table.px900,.mol_tableblock col.px900{ width: 900px; }
.mol_tableblock table.px950,.mol_tableblock col.px950{ width: 950px; }
.mol_tableblock table.px1000,.mol_tableblock col.px1000{ width: 1000px; }

/**** 記事ページ添付ファイルブロックのスタイル ****/
div.mol_contents .mol_attachfileblock {
	margin-top: 16px;
	padding: 16px;
	border: 2px solid #bfdcff;
	border-radius: 10px;
}
.mol_attachfileblock p {
	margin-top: 8px;
	padding-left: 0;
	font-size: 85%;
	text-indent: 0;
}
.mol_attachfileblock ul li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	margin-left: 0;
	padding: 0 0 16px 30px;
	text-indent: -30px;
	list-style: none;
}
.mol_attachfileblock li::before {
	display: none;
}
.mol_attachfileblock .data {
	font-size: 85%;
	color: #555;
}
.mol_attachfileblock .icon {
	margin-right: 8px;
	position: relative;
	top: 0;
}
p.mol_attachfileblock_title {
	padding: 8px 12px 6px;
	background: #e8faff;
	text-align: left;
	clear: both;
	font-size: 100%;
	margin-top: 0;
	border-radius: 6px;
}
.mol_attachfileblock_adobe {
	margin-top: 16px;
	padding: 16px;
	border: 1px dashed #bbb;
	font-size: 85%;
}
.mol_attachfileblock_adobe dt {
	float: left;
	width: 160px;
}
.mol_attachfileblock_adobe dd {
	margin-left: 174px;
	display: block;
}
.mol_attachfileblock_adobe a {
	display: inline-block;
}

/* クリエイティブ・コモンズ */
.mol_ccbytop{
	border: 2px solid #efefef;
	padding: 12px;
	font-size: 100%;
	margin: 16px 0;
	border-radius: 8px;
}
.mol_ccbytop img{
	margin-right: 10px;
}

/* フロートの解除 */
.mol_attachfileblock_adobe {
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .mol_attachfileblock_adobe {
	height: 1%;
	overflow: visible;
}
.mol_attachfileblock_adobe img {
	margin-right: 10px;
	float: left;
}
/**** 記事ページアレンジ画像ブロックのスタイル ****/
div.mol_contents .mol_argimgblock {
	text-align: center;
}
.mol_argimgblock_imgbox3 {
	margin: 10px 1% 0 1%;
	padding: 4px;
	text-align: left;
	float: left;
	width: 29%;
}
.mol_argimgblock_imgbox2 {
	margin: 10px 1% 0 1%;
	padding: 4px;
	text-align: left;
	float: left;
	width: 45.3%;
}
.mol_argimgblock_imgbox1 {
	margin: 10px 1% 0px 1%;
	padding: 4px;
	text-align: left;
	float: left;
	width: 94.2%;
}
.mol_argimgblock p {
	padding-top: 4px;
}
.mol_argimgblock .mol_argimgblock_imgbox {
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	width: auto;
}
.mol_argimgblock_imgbox img {
	margin: 0 auto;
	width: 200px;
	height: auto;
}
/* フロートの解除 */
div.mol_contents .mol_argimgblock {
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html div.mol_contents .mol_argimgblock {
	height: 1%;
	overflow: visible;
}
	@media only screen and (max-width: 768px) {
		.mol_attachfileblock_adobe{
			padding: 12px;
		}
		.mol_attachfileblock_adobe dt{
			float: none;
			width: 100%;
		}
		.mol_attachfileblock_adobe dd{
			margin-left: 0;
			width: 100%;
		}
		div.mol_contents .mol_imageblock_w_middle {
			width: 100%;
		}
	}
	@media only screen and (max-width: 480px) {
		div.mol_contents div.mol_imageblock_inlineblock{
			width: 100%;
		}
		div.mol_imageblock_img_al_floatleft,
		div.mol_imageblock_img_al_floatright,
		div.mol_imageblock_img_al_left,
		div.mol_imageblock_img_al_right,
		div.mol_imageblock_w_long.mol_imageblock_img_al_center{
			min-width: 100%;
		}
		div.mol_imageblock_img_al_floatleft.mol_imageblock_w_short,
		div.mol_imageblock_img_al_floatright.mol_imageblock_w_short,
		div.mol_imageblock_img_al_left.mol_imageblock_w_short,
		div.mol_imageblock_img_al_right.mol_imageblock_w_short{
			min-width: 100%;
		}
	}


/* ライトボックス */
#body #colorbox, #body #cboxOverlay, #body #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#body #cboxWrapper {max-width:none; background:#fff;}
#body #cboxOverlay{position:fixed; width:100%; height:100%;}
#body #cboxMiddleLeft, #body #cboxBottomLeft{clear:left;}
#body #cboxContent{position:relative;}
#body #cboxLoadedContent{overflow:auto;}
#body #cboxTitle{margin:0;}
#body #cboxLoadingOverlay, #body #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#body #cboxPrevious, #body #cboxNext, #body #cboxClose, #body #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; max-width: 800px; width: 100%;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#body #colorbox, #body #cboxContent, #body #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#body #cboxOverlay{background:#000; opacity: 0.9;}
#body #colorbox{outline:0;}
#body #cboxTopLeft{width:24px;}
#body #cboxTopCenter{height:24px;}
#body #cboxTopRight{width:24px;}
#body #cboxBottomLeft{width:24px;}
#body #cboxBottomCenter{height:43px;}
#body #cboxBottomRight{width:24px; height:43px;}
#body #cboxMiddleLeft{width:24px;}
#body #cboxMiddleRight{width:24px;}
#body #cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#body #cboxError{padding:50px; border:1px solid #ccc;}
#body #cboxLoadedContent{margin-bottom:5px;}
#body #cboxLoadingOverlay{background:url(img/lifgt_loading_background.png) no-repeat center center;}
#body #cboxLoadingGraphic{background:url(img/lifgt_loading.gif) no-repeat center center;}
#body #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#222;}
#body #cboxCurrent{position:absolute; bottom:-29px; left:0; font-weight:bold; color:#222;}

#cboxLoadingGraphic{background:url(img/light_loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#body #cboxPrevious, #body #cboxNext, #body #cboxSlideshow, #body #cboxClose {border:0; border-radius:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-35px; background:url(img/light_controls.png) no-repeat 0px 0px; background-size: 231px 70px; width:70px; height:32px; text-indent:-9999px;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#body #cboxPrevious:active, #body #cboxNext:active, #body #cboxSlideshow:active, #body #cboxClose:active {outline:0;}

#body #cboxPrevious,#body #cboxNext{top:50%; margin-top:-12px;}

#body #cboxPrevious{left:0; background-position:0 0;}
#body #cboxPrevious:hover{background-position:0 -38px;}
#body #cboxNext{ right:0; background-position:-76px 0;}
#body #cboxNext:hover{background-position:-76px -38px;}
#body #cboxClose{right:0; background-position:-152px 0; width: 79px;}
#body #cboxClose:hover{background-position:-152px -38px;}

	@media only screen and (max-width: 768px) {
		#body #cboxTopLeft{width:8px;}
		#body #cboxTopCenter{height:8px;}
		#body #cboxTopRight{width:8px;}
		#body #cboxBottomLeft{width:8px;}
		#body #cboxMiddleLeft{width:8px;}
		#body #cboxMiddleRight{width:8px;}
	}