/* =============== ページ全体のCSS指定 =============== */


html {
    background-color: #000000;
    height: 100%;
}

*{	margin:0px;
	padding:0px;
}
body {
    height: 100%;
    font-family: Verdana, Arial;
    font-size: 14px;
}

#container {
    min-height: 200%;
    height: 100%;
    width: 960px;
    margin: 0 auto;
    padding: 0 0px;
    background-color: #ffffcc;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    overflow:hidden;
    
}
#header {
    margin-bottom: 5px;width: 960px;
    margin-top: 0px;
    overflow: hidden;
}


/* =============== ヘッダーのCSS指定 =============== */
header{	height:300px;
		background-image:url("../image/info.jpg");
}

.frame{display:inline-block;
       position:relative;
       }
.frame:after{
       position:absolute;
       content: "";
       box-shadow:0 15px 10px rgba(0,0,0 .5);
       transform: rotate(3deg);
       right: 5px
       left: auto;
       top: auto;
       bottom: 15px;
       z-index: -1;
       width: 50%;
       height: 20%;
       }
       
       
              

h1	{	padding-top:80px;
		padding-left:20px;
		color:#ffffff;
		font-size:40pt;
}



/* =============== メニューのCSS指定 =============== */
nav ul{	list-style-type:none;
}
nav li{	width:172px;
		float:left;
		background-color:#8fd786;
		padding:10px;
		text-align:center;
}
a{	color:#4a4a4a;
	font-weight:bold;
	text-decoration:none;
}
a:hover{color:#ff1493;
}

#menu {	list-style-type:none;
}
#menu {	width:300px;
		float:right;
		text-align:center;
		padding:35px;
		
}



/* =============== メインのCSS指定 =============== */
#main{	padding:8px 0px;
		clear:both;
}
.video{ float:right;margin:10px 200px 30px 200px;}
		

p{	font-size:12pt;
	color:#000000;
	text-align:center;
}
/* =============== フッターのCSS指定 =============== */
footer{	padding:10px 0px;
		font-size:10pt;
		text-align:center;
}

/* ====================　このページ用のCSS指定　==================== */
h3{	border-left: 12px solid #fac8cf;	/* 罫線(左):12px 実線 桃色 */
	border-bottom: 1px solid #fac8cf;	/* 罫線(下):1px 実線 桃色 */
	padding: 8px;						/* 内余白:8px */
	margin:10px 0px;					/* 外余白:上下10px 左右0px */
}
table{	width:100%;						/* 	幅：100% */
		border-spacing:18px 10px;		/* セルの間隔:左右18px 上下10px */
}
th{		background-color:#fac8cf;		/* 背景色:桃色 */
		padding:5px;					/* 内余白:5px */
}
td{		text-align:center;				/* 配置:中央揃え */
}
img{	border:none;					/* 罫線：なし */
}
iframe{	border:double 3px #999999;		/* 罫線：二重線 3px  */
		padding:6px;float:left;	margin:20px 150px;				/* 内余白：6px */
}


#main{	padding:10px 0px;
		clear:both;
}
h2{	background-color:#f09db8;
	padding:5px;
	margin:5px 0px;
	font-size:12pt;
	color:#ffffff;
	text-align:center;
}

/* ====================　form.html用のCSS指定　==================== */

table{border-collapse:collapse;		/* 枠線を重ねて表示 (P121) */
	  width:960px;float:left;margin:20px 0px;				/* 幅:860px (P70) */
}
caption{	text-align:left;			/* 配置：左揃え */
			caption-side:bottom;		/* タイトル位置:表の下 */
}
th,td{	padding:10px;					/* 内余白:12px (P76) */
}
span{	color:red;						/* 文字色：赤色 */
}



/* =============== フッターのCSS指定 =============== */
footer{	padding:10px 0px;
		font-size:10pt;
		text-align:center;
}