@charset "utf-8";
/* CSS Document */


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0 auto; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #FFFFFF;
}

.wrap {
	width: 770px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.contents {
    width: 750px;
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	margin: 0 auto;
}

.box_01 {
	width : 720px;
	margin-left: 10px;
	text-align: left;
	padding: 0px;
	}
	
.box_01 ul{
	width : 700px;
	margin-left: 10px;
	padding: 0px;
	}
	
.box_01 li{
    list-style: none; 
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0px;
	
	}

.box_01 p{
    margin-left : 50px;
	width : 650px;
	text-align: left;
	}
	
	
	
.box_02 {
	width : 720px;
	margin-left: 10px;
	text-align: left;
	padding: 0px;
	background:#FFFF99;
	}
	
.box_02 ul{
	width : 700px;
	margin-left: 10px;
	padding: 0px;
	}
	
.box_02 li{
    list-style: none; 
	margin-left: 10px;
	padding: 0px;
	line-height: 20px;
	
	}

.box_02 p{
    margin-left : 50px;
	width : 650px;
	text-align: left;
	}
	
.red {
    color:#FF0066;
	}

.big {
	font-size: 160% ;
	}