@charset "utf-8";


/*202205から付け足し
---------------------------------------------------------------------------*/
/*追加デザイン分*/
.list2 {
	overflow: hidden;
	width: 40%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 3%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、色。0,0,0は黒の事で、0.1は色が10%出た状態。*/
	padding: 3% 3% 0% 3% ;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
}

p.check2 {
	background: #003399;
	color:#fff;
	padding: 5px 10px !important;
	margin-bottom: 15px;
	border-radius: 4px;
}


.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w50p {width: 50%;}

.bgcolor3 {background: #FFFF77 !important;}


.box202205 {
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	background: #eee;
	border: solid 1px #dbdbdb;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 1px 1px #fff inset;	/*ボックスの影。右へ、下へ、ぼかし幅、距離。#fffは白のことでinsetは内側へ向けての影の指定。*/
	border-radius: 10px;	/*角丸のサイズ*/
}

.color202205 {color: #0066ff !important;}
.color2025pink {color: #ff3366 !important;}
.colorred {color: #ED1831 !important;}
.colorgrey {color: #AAAAAA !important;}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

.ml20 {margin-left: 20px;}