@charset "utf-8";
/* CSS Document : borderbox-all.css
	.bbox-poin：ポイントリスト
	.bbox-2：点線ボックス
	.bbox-3：2重線
	.bbox-4：国スタンプとテキスト
	.bbox-5：bbox-5：月の装飾[例:1月]
	.bbox-6：アンダーラインのバリエーション
	.bbox-7：上下に罫線
	.bbox-8：罫線のヴァリエーション
	.bbox-9：見出し＋枠
	.bbox-10：見出し＋枠その2
	.bbox-11：枠＋罫線
	.bbox-12：円×複数
	.bbox-13：大枠＋罫線＋画像
	.bbox-14：大枠＋小枠×2＋影付き
	.bbox-15：大枠＋罫線＋画像
	.bbox-16：大枠×2＋画像
	.bbox-17：大枠×2＋画像＋小枠×3
	.bbox-18：見出し＋枠（影付き）
	*/
/*================================


/*bbox-point：Point BOX
====================================================================*/
.bbox-point{padding: 5px;color: black;border-radius: 5px;}
	.bbox-point h3{
		display:block;
		font-family:Segoe Print;
		font-size:14px;
	}
	.bbox-point ul{}
		.bbox-point ul li{padding-left:1em;text-indent:-1em;}
		.bbox-point ul li:before{content:"✔"}


/*.bbox-2：点線ボックス
====================================================================*/
.bbox-2{padding: 5px;color: black;}
	.bbox-2 div{
		border:2px dashed #999;
		padding:10px 20px;
		color:black;
	}


/*.bbox-3：2重線
====================================================================*/
.bbox-3{padding:3px;color:black;border-radius: 2px;}
	.bbox-3 .outbox{
		border:2px solid #999;
		padding: 2px;
		color: black;
		border-radius: 2px;
	}
		.bbox-3 .inbox{
			border-width:1px;
			border-style:solid;
			padding: 7px;
			color: black;
			border-radius: 2px;
		}
			.bbox-3 .inbox h3{display:block;font-weight:bold;font-size:16px;}



/*.bbox-4：国スタンプとテキスト
====================================================================*/
.bbox-4{}
	/*●*/
	.bbox-4 .lft{padding:0 12px;}
		.bbox-4 .lft div{
			overflow:hidden;
			width:90px;/*100*/
			height:100px;
			padding:0 5px;
			border-radius:90px;
			box-shadow: 0px 0px 20px #fff inset;
		}
			.bbox-4 .lft div p{
				display:table-cell;
				width:90px;
				height:100px;
				text-align:center;
				vertical-align:middle;
				font-size:medium;
				text-align:center;
			}
	/*テキスト*/
	.bbox-4 .rgt{
		width: auto;
		vertical-align:top;
		height: 90px;
		padding: 5px;
		color: black;
		background-color:white;
	}
		.bbox-4 .rgt h3{font-size:medium;}



/*.bbox-5：bbox-5：月の装飾[例:1月]
====================================================================*/
.bbox-5{padding:2px 10px 2px 10px; color: white;}



/*.bbox-6：アンダーラインのバリエーション
====================================================================*/
.bbox-6{border-bottom-style:double;border-bottom-width:3px;}
	.bbox-6 h3{display:block;font-size:16px;font-weight:bold;}



/*.bbox-7：上下に罫線
====================================================================*/
.bbox-7{padding:0.5em;border-top-width:2px;border-top-style:solid;border-bottom-width:2px;border-bottom-style:solid;}
	.bbox-7 h3{font-weight:bold;}
	.bbox-7 a{}
	.bbox-7 a:after{content:"/"}


/*.bbox-8：罫線のヴァリエーション
====================================================================*/
.bbox-8{
	padding-top:1px;
	border-top-width:3px;
	border-top-style:solid;
}
	.bbox-8 div{
		border-top-width:1px;
		border-bottom-width:1px;
		border-top-style:solid;
		border-bottom-style:solid;
		padding:0.5em;
	}
	.bbox-8 div h3{
		display:block;
		font-size:16px;
	}


/*.bbox-9：見出し＋枠
====================================================================*/
.bbox-9{}
	.bbox-9 h3{
		color:white;
		font-weight:bold;
		font-size:16px;
		padding: 3px 5px;
	}
	.bbox-9 a{color:#0c91ff; text-decoration:underline;}
	.bbox-9 div{
		text-align:center;
		padding: 0px 5px 10px 5px;
	}
		.bbox-9 div h4{
			font-weight:bold;
			font-size:16px;
		}	


/*.bbox-10 見出し＋枠その2
====================================================================*/
.bbox-10{} 
	.bbox-10 h3{
		display:block;
		padding:0 10px;
		color:white;
		font-size:1.16em;
		font-weight:bold;
		text-align:center;
		border-top-left-radius:6px;
		border-top-right-radius:6px;
	}
	.bbox-10 div{
		background:#fff;
		text-align:center;
		padding:10px;
		font-size:1em;
		border-bottom-left-radius:6px;
		border-bottom-right-radius:6px;
	}
		.bbox-10 div p{font-size:16px;}


/*.bbox-11 枠＋罫線
====================================================================*/
.bbox-11{padding: 10px 12px 10px 12px;font-size: 1em;border-radius: 10px;}
	.bbox-11 h3{margin-bottom:10px;text-align:center;font-weight:bold;}
	.bbox-11 div{padding:8px 0;border-top-width:3px;border-bottom-width:3px;border-style:dotted;}


/*.bbox-12 円×複数
====================================================================*/
.bbox-12{overflow:hidden;}
	.bbox-12 p{float:left;width: 45px;height:45px;border-radius: 45px;padding:5px;text-align:center;}
		.bbox-12 p span{font-size:32px;}


/*.bbox-13 大枠＋罫線＋画像
====================================================================*/
.bbox-13{
	border-width:1px;
	border-style:solid;
	width: auto;
	overflow:hidden;
	padding:14px;
	color: black;
	background-color:white;
	border-radius: 5px;
}
	.bbox-13 img{display:block;float:left;margin-right:35px;}
	.bbox-13 div p{padding-left:1em;text-indent:-1em;}


/*.bbox-14 大枠＋小枠×2＋影付き
====================================================================*/
.bbox-14{
	position:relative;
	overflow:hidden;
	padding:10px;
	border-radius:10px;
	box-shadow: 5px 5px 5px #AAA;
	overflow:hidden;
}
	/*○*/
	.bbox-14 table th{width:115px}
	.bbox-14 table th div{
		height:95px;
		width:95px;
		border-radius:95px;
		color:white;
		text-shadow:1px 1px 3px #000;
		text-align:center;
	}
			.bbox-14 th div p{font-size:24px;}
			.bbox-14 th div span{font-size:13px;}

	.bbox-14 table td ul{}
		.bbox-14 table td ul li{font-weight:bold;font-size:16px;padding-left:1.5em;text-indent:-1.5em;}
		.bbox-14 table td ul li:before{content:"❄";padding-right:0.5em;}




/*.bbox-15 大枠＋罫線＋画像
====================================================================*/
.bbox-15{
	width: auto;
	padding: 2px;
	border-radius: 5px;
	padding:5px 0;
}
	.bbox-15 .set{
		overflow:hidden;
		border-top-width:5px;border-bottom-width:5px;
		border-top-style:dashed;border-bottom-style:dashed;
		padding:5px 0;
	}
	.bbox-15 .set img{
		float:left;
		display:block;
		margin-right:20px;
		margin-left:10px;
	}
	.bbox-15 .set div{float:left;}
	.bbox-15 .set div h3{font-size:16px;font-weight:bold;}
	.bbox-15 .set div span{display:block;font-size:13px;font-weight:bold;padding-left:1.5em;text-indent:-1.5em;}
	.bbox-15 .set div span:before{content:"✔";padding-right:0.5em;}	


/*.bbox-16 大枠×2＋画像
====================================================================*/
.bbox-16{padding:5px;}
	.bbox-16 .set{overflow:hidden;padding: 10px;border-width:2px;border-style:dashed;}
	.bbox-16 .set img{float: left;margin-right:15px;}
	.bbox-16 .set h3{font-weight:bold; font-size:16px;}


/*.bbox-17 大枠×2＋画像＋小枠×3
====================================================================*/
.bbox-17{
	border-width:1px;
	border-style:solid;
	padding:15px;
	background-color: white;
}
	.bbox-17 .set{padding:10px;}
	.bbox-17 .set table{}
		.bbox-17 .set div{overflow:hidden;}
		.bbox-17 .set div h3{
			display:block;
			width:100%;
			border-bottom-width:3px;border-style:dotted;
			border-top:0;
			border-left:0;
			font-size:18px;
			font-weight:bold;
		}
		.bbox-17 .set div p{
			float:left;
			margin-top:10px;
			width:100px;height:100px;padding:10px;
			background-color:#FFF;
			text-align:center;
			font-size:16px;
		}




/*.bbox-18 見出し＋枠（影付き）
====================================================================*/
.bbox-18{
	position:relative;
	border-width:2px;border-style:solid;
	font-size:1em;
	border-radius:5px;
	margin-top:30px;
	margin-right: 6px;
	padding:25px 12px 10px;
	box-shadow: 5px 5px 5px #AAA;
}
	.bbox-18 h3{
		position:absolute;
		top:-20px;
		left:30px;
		display:block;
		padding:6px 10px;
		background-color: #ff6600;
		background-image:linear-gradient(to right,#ff9900,#ffcc00,white);
		color:#ffffff;
		font-weight:bold;
		border-radius:5px;
		box-shadow: 5px 5px 5px #AAA;
		text-shadow:1px 1px 3px #000;
	}
	.bbox-18 div{}
		.bbox-18 div ul{}
		.bbox-18 div ul li{
			padding-left:1em;
			text-indent:-1em;
			font-weight:bold;
			font-size:16px;
		}
		.bbox-18 div ul li .fb{color:#f60;font-size:18px;font-weight:normal;}