@charset "utf-8";
/*
 * 使い方用スタイルシート
 * 
 * 
 */

/***** ボックス *****/
/* ボックス全体 */
.box1{
	position: relative;
	margin: 40px 10px 40px 70px;
	padding: 1rem;
	width: 640px;
	background: #f8f8ff;
	border: solid 3px #8888ff;
	box-shadow: 3px 5px 5px #c7d3e8;	/* 影 */
	border-radius: 0 10px 10px 10px;	/* 角の丸み */
}

/* ボックスタイトルヘッド */
.box1 .box_thed{
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 15px 0 20px;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	background: #8888ff;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

/* ボックスタイトルボディ */
.box1 .box_thed .box_tbody{
	color: #e8e800;
}

/* ボックス内容 */
.box1 p{
	margin: 0; 
	padding: 0;
	font-size: 1rem;
}