@charset "UTF-8";
/*=========================================
	全体設定
=========================================*/
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

/*=========================================
	test5_1
=========================================*/

body{
	font-family: Arial, Helvetica, "sans-serif";
	color: #3d77c8;
}

div#article_inner1{/*-------背景透過・中央よせ----------*/
	width: 1000px;
	height: auto;
	background: rgba(225,225,225,0.8);
	margin: 0 auto;
	border-radius: 30px;
	margin-top: 15px;
}

/*=========================================
	ヘッダー
=========================================*/

div#container01{
	color: #3d77c8;
	background: url("images/bg1.png");
}

header#header1{
	width: 100%;
	height: 180px;
	background-color: #ffef8d;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

h1{
	text-align: center;
	text-shadow: 1 1 3 #9a9a9a;
	padding: 30px;
}

 nav ul{
	display: flex;
	justify-content: center;
}


nav ul li{
	font-size: 12px;
	font-weight: bold;
	width: 1000px;
	text-align: center;
	border-left: 2px  dotted;
	margin: 5px 0 5px 5px;
	padding: 5px;
}

nav ul li:first-child{
	border-left: none;	
}

/*=========================================
	各コンテンツ
=========================================*/
article h2{
	text-align: center;
	padding: 30px;
}

article p{
	text-align: center;
	font-weight: bold;
}

article dl dt{
	font-size: 18px;
	font-weight: bold;
	margin-left: 100px;
}

article dl dd{
	margin-left: 130px;
}

div#article_inner1 dl dd:last-child{
	border-bottom: 2px dotted;
	margin: 0 100px 30px 100px
		
}
/*=========================================
	フッター
=========================================*/
div#footer1{
	width: 100%;
	height: 100px;
	background-color: #ffef8d;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin-top: 30px;
}

footer p{
	text-align: center;
}




/*=========================================
	test5_2
=========================================*/
body{
	font-family: Arial, Helvetica, "sans-serif";
	color: #3d77c8;
	text-decoration: none;
}


div#article_inner2{/*-------背景透過・中央よせ----------*/
	width: 1000px;
	height: auto;
	background: rgba(225,225,225,0.8);
	margin: 0 auto;
	border-radius: 30px;
	margin-top: 15px;
}

/*=========================================
	ヘッダー
=========================================*/

div#container02{
	background: url("images/bg2.jpg");
}

header{
	width: 100%;
	height: 180px;
	background-color: #50b4e6;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

h1{
	color: #fff;
	text-shadow: 1 1 3 #9a9a9a;
	text-align: center;
	padding: 30px;
}

/*=========================================
	フッター
=========================================*/
div#footer2{
	width: 100%;
	height: 100px;
	background-color: #50b4e6;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin-top: 30px;
}

footer p{
	text-align: center;
}